/*######################################################*/
/*Reset start*/
/*######################################################*/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6,  blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, thead, tr, th,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
  
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1.4;
    font-family: Verdana,Geneva,sans-serif;
}

ol, ul {
    list-style: none;    
}

/*Opera Fix thanks to Maleika (Kohoutec)*/
body:before {
    content: "";
    height: 100%;
    float: left;
    width: 0;
    margin-top: -32767px; /* thank you Erik J - negate effect of float*/
}



td {
       padding-left: 20px;
       padding-left:17px;

}

/*######################################################*/
/*Reset end*/
/*######################################################*/


/*######################################################*/
/*Utilities start*/
/*######################################################*/


.margin-bottom-55 {
    margin-bottom: 55px;
}

.padding-bottom-55 {
    padding-bottom: 55px;
}

.col-container {
    width: 100%;
}

.col-container .col {
display: inline-block;
}


.text-justify  {
    text-align: justify !important;
}

td > p {
    text-align: left !important;
}

#content-container
{
    padding: 20px 0px 10px 0px;
}

.content-container p
{
margin: 1em;
padding: 1em;
}


.columns-2 .col-1, .columns-2 .col-2 {
    width: 49%;
}

.columns-2 .col-1 {
    margin-right: 1%;
    float: left;
}

.columns-2 .col-2 {
    margin-left: 1%;
}

.columns-3 .col-1, .columns-3 .col-2, .columns-3 .col-3 {
    width: 32%;
}

.columns-3 .col-1 {
    margin-right: 1%;
    float: left;
}

.columns-3 .col-2 {
    margin-left: 1%;   float: left;
    margin-right: 1%;
}

.columns-3 .col-3 {
    margin-left: 1%; 
}

.clear-float {
    clear: both;
}

.base-padding {
    padding: 0 300px;
}

.width-100 {
    width: 100%;
}

.blue-background {
    background-color: #1b4a78;
}

.blue-button {
    background-color: #1b82c3;
}

.cyan-button {
    background-color: #65c7ca;
}

.fa-apple {
    color: #aeb5c5;
}

.fa-android {
    color: #A5C63B;
}

.fa-facebook, .fa-facebook-square {
    color: #3C599F;
}

.fa-google-plus, .fa-google-plus-square {
    color: #CF3D2E;
}

.fa-instagram {
    color: #044869;
}

.fa-twitter, .fa-twitter-square {
    color: #32CCFE;
}

.fa-youtube, .fa-youtube-play, .fa-youtube-square {
    color: #C52F30;
}

.bx-wrapper .bx-viewport {
    border: none !important;
    box-shadow: none !important;
    left: 0;
}

.bx-pager{
    text-align: right!important;
    bottom: 25px!important;
    right: 25px!important;
}

.bx-pager .bx-pager-item a{
        color: transparent;
}

.bx-wrapper .bx-prev {
    left: 130px !important;
}

.bx-wrapper .bx-next {
    right: 130px !important;
}

.bx-wrapper {
    margin-bottom: 0!important;
}

/*######################################################*/
/*Utilities end*/
/*######################################################*/

/*######################################################*/
/*Header start*/
/*######################################################*/

#header {
    padding-top: 30px;
}

#iglu-logo {
    width: 125px;
    height: 90px;
}

#nav {
    font-size: 18px;
    font-weight: bold;
    bottom: 0;
    float: right;
    margin-top: 70px;
}

#nav ul li {
    display: inline-block;
}

#nav ul li:hover {
    color: white;
}

#nav ul li a {
    color: #a2c6e0;
    padding: 0 20px 23px 20px;
    text-decoration: none;    
}


#nav ul li:hover a {
    color: white;
    border-bottom: 4px solid white;
}

#logo {
    float: left;
    margin-bottom: 25px;
}

/*######################################################*/
/*Header end*/
/*######################################################*/

/*######################################################*/
/*Carousel start*/
/*######################################################*/

#hero-carousel, #image-carousel, .slide{
    height: 500px; overflow: hidden;
}

.slide img{
    margin-top: -500px;
}


#image-carousel {
    width: 100%;
}

#image-carousel img {
    width: 100%;
}

.bx-wrapper .bx-pager.bx-default-pager a{
    background: transparent!important;
    border: 1px solid white!important;

}

.bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:hover{
background: white!important;
}


/*######################################################*/
/*Carousel end*/
/*######################################################*/

/*######################################################*/
/*Body start*/
/*######################################################*/

#body-text {
    color: #044869;
    font-size: 18px;
    text-align: center;
    margin-top: 35px;
}



#body-text #body-text-header {
    font-weight: bold;
    font-size: 28px;
    margin-bottom: 25px;
}

#body-text p {
    line-height: 25px;
    text-align: justify;
}


.page-card {
    background-color: #dfe5ee;
}

.page-card h2 {
    font-weight: bold;
    font-size: 24px;
    color: #044869;
    margin-bottom: 15px;
}

.page-card p {
    font-size: 18px;
    margin-bottom: 15px;
    font-weight: 400;
}

.page-card-content a {
    text-decoration: none;
}

.page-card .page-card-img {
    width: 100%;
}

.page-card .page-card-content {
    padding: 20px;
}

.page-card .page-card-content a.page-card-phone {
    text-decoration: none;
    color: #044869;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 15px;
    display: block;
}

.page-card .page-card-content .page-card-icons {
     margin-bottom: 15px;
}

.page-card .page-card-content .page-card-icons .fa {
    font-size: 26px;
    margin-right: 15px;
}

.page-card .page-card-content .page-card-icons a {
     text-decoration: none;
}

.page-card .page-card-content a.page-card-button {
    text-decoration: none;
    color: white;
    padding: 20px 0;
    width: 100%;
    display: block;
}

.page-card .page-card-content a.page-card-button span {
    margin-left: 30px;
    font-size: 20px;
    color: white;
    font-weight: bold;
}

.page-card .page-card-content a.page-card-button i {
    float: right;
    margin-right: 30px;
}


#iglu-extras {
    text-align: center;
    color: white;
    padding: 40px 0;
}

    #iglu-extras i {
        font-size: 46px;
        margin-bottom: 30px;
    }

    #iglu-extras p {
        font-size: 20px;
    }

    #iglu-extras a {
        text-decoration: none;
        color: white;
    }

        #iglu-extras a:hover {
            text-decoration: underline;
        }

/*######################################################*/
/*Body end*/
/*######################################################*/


/*######################################################*/
/*Footer start*/
/*######################################################*/

#footer {
    background-color: #dfe5ee;
    position: relative;
    clear: both;
    text-align: center;
    padding-top: 40px;
    line-height: 25px;
}


#footer-links {
    padding-bottom: 25px;
    border-bottom: 1px solid #666;
}

    #footer-links a {
        color: black;
        text-decoration: none;
        font-size: 14px;
        margin-right: 6px;
    }

#footer-address {
    font-size: 14px;
}


/*######################################################*/
/*Footer end*/
/*######################################################*/


#content-container, #header-content {
    max-width: 1100px;
    margin: 0 auto;
}

/*######################################################*/
/*Breakpoints start*/
/*######################################################*/

@media all and (max-width: 1750px) {
    .base-padding {
        padding: 0 210px;
    }

    .slide img{
        margin-top: -390px;
    }
}


@media all and (max-width: 1490px) {
    .base-padding {
        padding: 0 210px;
    }

    .slide img{
        margin-top: -325px;
    }
}


@media all and (max-width: 1350px) {
    .slide img{
        margin-top: -300px;
    }
        #hero-carousel, #image-carousel, .slide{
    height: 450px!important;
    }
}

@media all and (max-width: 1180px) {
   .slide img{
        margin-top: -175px;
    }

    #hero-carousel, #image-carousel, .slide{
    height: auto!important;
    }
}


@media all and (max-width: 1080px) {
    .base-padding {
        padding: 0 25px;
    }



}

@media all and (max-width: 980px) {
    .page-card .page-card-content a.page-card-button span {
    	margin-left: 8px;
    	font-size: 15px;	
	}

}

@media all and (max-width: 760px) {

    .bx-wrapper .bx-prev, .bx-wrapper .bx-next {
        display: none;
    }

    .col-container .col {
        display: inline-block;
    }

    .columns-2 .col-1, .columns-2 .col-2 {
        width: 100%;
    }

    .columns-2 .col-1 {
        margin-right: 0;
    }

    .columns-2 .col-2 {
        margin-left: 0;
    }

    .columns-3 .col-1, .columns-3 .col-2,  .columns-3 .col-3 {
      width: 100%;
    }

     .columns-3 .col-1 {
        margin-right: 0;
    }

    .columns-3 .col-2 {
        margin-left: 0;
    }
     .columns-3 .col-3 {
        margin-left: 0;
    }



    #hero-carousel {
        padding: 0;
    }

    #logo {
        width: 100%;
        text-align: center;
    }

    #iglu-logo {
        width: 200px;
        height: 100px;
    }

    #nav {
        width: 100%;
        text-align: center;
        font-size: 28px;
        margin-top: 0;
    }

    #nav ul li {
        padding: 0 20px 29px 20px;
    }

    #body-text-header {
        font-size: 30px !important;
    }

    #body-text p {
        line-height: 35px;
    }

    .base-padding {
        padding: 0 20px;
    }

    .col-1.page-card {
        margin-bottom: 40px;
    }
      .col-2.page-card {
        margin-bottom: 40px;
    }


    .page-card h2 {
        font-size: 30px;
        margin-bottom: 20px;
    }

    .page-card p {
        font-size: 28px;
        margin-bottom: 20px;
    }

    .page-card .page-card-content a.page-card-phone {
       font-size: 28px;
        margin-bottom: 20px;
    }

    .page-card .page-card-content .page-card-icons .fa {
        font-size: 34px;
        margin-right: 22px;
        margin-bottom: 20px;
    }

    .page-card .page-card-content {
        padding: 24px;
    }

    .page-card .page-card-content a.page-card-button {
        padding: 26px 0;
        text-align: center;
    }

    .page-card .page-card-content a.page-card-button span {
        font-size: 24px;
    }

    #iglu-extras i {
        font-size: 70px;
        float: left;
        margin-left: 35px;
        margin-top: -7px;
    }

    #iglu-extras {
        padding: 16px 0;
    }

    #iglu-extras p {
        line-height: 30px;
        text-align: left;
        padding-left: 130px;
        font-size: 24px;
    }

    #footer-links a, #footer-links .bar {
        font-size: 20px;
    }

    #footer-links {
        line-height: 42px;
    }

    .slide img {
    margin-top: 0;
    }

    #google-map {
        width: 100%;
    }
}

@media all and (max-width: 520px) {
    #iglu-logo {
	    width: 200px;
	    height: 100px;
	}

	#nav {
	    font-size: 30px;
	}

	#nav ul li {
            padding: 0 10px 25px 10px;
        }

	 #body-text-header {
        font-size: 20px !important;
    }

    #body-text p {
        line-height: 28px;
    }

    .page-card h2 {
		font-size: 24px;
	    margin-bottom: 14px;
	}

	 .page-card p {
        font-size: 22px;
        margin-bottom: 14px;
    }

    .page-card .page-card-content a.page-card-phone {
       font-size: 22px;
        margin-bottom: 14px;
    }

    .page-card .page-card-content .page-card-icons .fa {
        font-size: 28px;
        margin-right: 16px;
        margin-bottom: 14px;
    }

    .page-card .page-card-content a.page-card-button span {
        font-size: 16px;
    }	

    #iglu-extras p {
    	font-size: 16px;
	}

	.margin-bottom-55, .col-1.page-card {
	    margin-bottom: 28px;
	}
}

.board-of-directors li 
{
    clear: both;    
}

.board-of-directors img.headshot {    
    width: 200px;
    float: left;
    margin-bottom: 30px;
}

.board-of-directors div.details {    
    float: left; 
    width: 75%;
    padding-left: 20px;  
}

.board-of-directors div.details span {
    font-weight: bold;
}

h1 { margin-bottom: 10px; font-size: 1.2em; }

.jobs-container .jobs-main { width: 80%; float: left; margin: 0px; }
.jobs-container .jobs-main p { margin-right: 40px; }
.jobs-container .jobs-bar { width: 20%; float: left; background-color: #dfe5ee; margin: 0px; margin-top: -20px;  }
.jobs-container .jobs-bar ul { margin: 20px; }
.jobs-container .jobs-bar h2 { margin: 20px; }
.jobs-container { }

/*######################################################*/
/*Breakpoints end*/
/*######################################################*/