@import url('../fonts/fonts.css');
/*defaults*/

/* these google font families are loaded in the head.inc file 
font-family: 'Oswald', sans-serif;  - HEADINGS
font-family: 'Open Sans', sans-serif; - BODY/NAV/ETC

If you update the google fonts be sure to do a search and replace in this css file as well.
*/
*{margin:0 auto;list-style:none;}
body,p{font-family:'Myriad Pro Light';color:black;font-size:18px;}
p{line-height:23px;}
figure, ul, ol{margin:0;}



html, body {
  background: #F7F5E6;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 100%;
}

.slider {
  margin: 0 auto;
  max-width: 100%;
                
}
@media screen and (min-width: 1150px)
    {

#find_a_contractor{
   
    width: 300px;
    padding: 20px;
    top: 395px; 
    z-index: 1; 
   
    
}
}
@media screen and (min-width: 652px) and (max-width: 1149px)
    {

#find_a_contractor{
    
    width: 300px;
    padding: 20px;
    top: 480px; 
    
}
    }

@media screen and (min-width: 599px) and (max-width: 651px)
    {

#find_a_contractor{ 
    
    width: 300px;
    padding: 20px;
    top: 540px; 
    
}
    }
    
    @media screen and (min-width:0px) and (max-width: 599px)
    {

#find_a_contractor{
    
    width: 100%; 
    padding: 20px;    
    top: 415px; 
}
}
#find_a_contractor{
    font-family: 'Oswald', sans-serif;
    font-size: 28px; 
    text-align:center;
    /*background-color: #065ba1;*/
    background-color: #00112a;
    /*background-color:#b30000;*/
    font-weight: 700px;
    color: #ffffff!important;
    /*position: absolute;*/
    /*right: 0px; 
    top: 50px;*/
    position: absolute; 
    right: 0px;
    z-index: 1; 
    opacity: 0.75;
   
    
}

.slide_viewer {
  height: 500px;
  overflow: hidden; 
  position: relative;
}

.slide_group {
  height: 100%;
  position: relative;
  width: 100%;
}

.slide {
  display: none;
  height: 100%;
  position: absolute;
  width: 100%;
  background-repeat: no-repeat;  
}

.slide:first-child {
  display: block;
}



.slide_buttons {
  text-align: center;
}

a.slide_btn {
  color: #474544;
  font-size: 42px;
  margin: 0 0.175em;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.slide_btn.active, .slide_btn:hover {
  color: #428CC6;
  cursor: pointer;
}

.directional_nav {
  margin: 0 auto; 
}

.previous_btn {
  bottom: 0;
  left: 100px;
  margin: auto;
  position: absolute;
  top: 35%;
}

.next_btn {
  bottom: 0;
  margin: auto;
  position: absolute;
  right: 100px;
  top: 35%;
}

.previous_btn, .next_btn {
  cursor: pointer;
  height: 45px;
  opacity: 0.5;
  -webkit-transition: opacity 0.4s ease-in-out;
  -moz-transition: opacity 0.4s ease-in-out;
  -ms-transition: opacity 0.4s ease-in-out;
  -o-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
  width: 45px;
}

.previous_btn:hover, .next_btn:hover {
  opacity: 1;
}

 	.row{
        max-width: 2000px !important;
	}
    
    
	.slide-text{
        position: absolute;
        bottom: 70px;
        left: 60px;
    }
    
    
    .slide-text h1 {
        font-size: 45px;
        color: #fff;
        margin-bottom: 0px;
        text-transform: uppercase;
        font-family: 'Oswald', sans-serif;
    }
    
    .slide-text h2 {
        font-size: 35px;
        margin-bottom: 0;
        line-height: 41px;
        width: 100%;
        display: inline-block;
        color: #fff;
        margin-bottom: 18px;
        line-height: 66px;
        text-shadow: 2px 2px #000;
        text-transform: uppercase;
        font-family: 'Oswald', sans-serif;
    }


@media only screen and (max-width: 767px) {
  .previous_btn {
    left: 50px;
  }
  .next_btn {
    right: 50px;
  }
}


    @media only screen and (min-width: 1280px) {
        .slide {  
     	  background-size: cover;
        }
    }

.benefits-video a img{max-width: 100%}

footer h2{
color: #fff;
}

footer label{
color: #fff;
}

input::-webkit-input-placeholder {color: #777575;font-family: 'Myriad Pro';font-size: 17px;}
input::-moz-placeholder {color: #777575;font-family: 'Myriad Pro';font-size: 17px;}
input:-ms-input-placeholder {color: #777575;font-family: 'Myriad Pro';font-size: 17px;}
input:-moz-placeholder {color: #777575;font-family: 'Myriad Pro';font-size: 17px;}
input:placeholder-shown {color: #777575;font-family: 'Myriad Pro';font-size: 17px;}

.inner-content .off-canvas-wrapper-inner{overflow:hidden;}

h1,h2,h3,h4,h5,h6,.system-message h1,.system-error-message h1,strong,b{color:#314966;margin-bottom:1.25rem;}
span.error:empty,small.error:empty{display:none;}
.system-message,.system-error-message{background:none;border:none;color:#6e6460;margin:0;padding:0;}

.reveal-overlay{background-color: hsla(0,0%,4%,0.75);}

.system-message h1,.system-error-message h1{font-size:36px;}
h1,h2,h3,h4,h5,h6{line-height:normal;font-family: inherit;text-transform: inherit; letter-spacing: inherit;}
h1{font-size:52px;font-weight:700;}
h2{font-size:35px;}
h3{font-size:24px;}
h4{font-size:22px;}
h5{font-size:20px;}
h6{font-size:18px;}
a:visited,.breadcrumbs a{-webkit-transition:all 300ms ease-out;-moz-transition:all 300ms ease-out;transition:all 300ms ease-out; outline: none;}
h1 a,h2 a,h3 a,h4 a,h5 a,h1 a:visited,h2 a:visited,h3 a:visited,h4 a:visited,h5 a:visited{color:#6e6460;}
a:hover,a:focus,.breadcrumbs a:hover,h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h1 a:focus,h2 a:focus,h3 a:focus,h4 a:focus,h5 a:focus{color:#080808;}
a img{-webkit-transition:opacity 300ms ease-out;-moz-transition:opacity 300ms ease-out;transition:opacity 300ms ease-out;}
a img:hover{opacity:.7;}
[type=color], [type=date], [type=datetime-local], [type=datetime], [type=email], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week], textarea{font-size:15px;color:#676566;border:1px solid #d3d1d2;box-shadow:none;padding:8px 22px;height:auto;line-height:22px;background-color:#fff;}

ul.list-style-disc{margin-left:30px;margin-bottom:12px;}
ul.list-style-disc li{color:#000;list-style:disc;font-family:'Myriad Pro';color: #7e7673;font-size: 16px;}

/* Isotop Plugin */

a:active, a:active code{background: inherit;}



a#catshopbuy {font-family:Merriweather, sans-serif;font-weight:500;letter-spacing:2px;background:#2b90e4;color:#fff;border-radius:3px;text-transform:uppercase;margin-bottom:20px;}
a#catshopbuy:hover {background:#f59823;color:#fff;transition-duration:.5s;}

a#catshopclear {font-family:Merriweather, sans-serif;font-weight:500;letter-spacing:2px;background:#b5b5b5;color:#fff;border-radius:3px;text-transform:uppercase;margin-bottom:20px;  font-size: 12px; text-align: center; text-shadow: none; padding: 1em;}
a#catshopclear:hover {background:#646464;color:#fff;transition-duration:.5s;}

.opt-discount input[type="submit"] { margin-top: 10px; }

.product-remove a:link, .product-remove a:visited { font-size: 20px; color: #606060; line-height: 20px;transition-duration:.5s;}
.product-remove a:hover { color: #900; }
.product-image img, .product-title{ margin-bottom: 20px;}

label{font-size:25px;color:#3e3e3e;}
textarea{border-radius:3px;padding:10px 13px;}
ol ol, ol ul, ul ol, ul ul{margin:0px;}


.row{max-width:1236px}


/*buttons*/

.button, .productSubmitInput{font-size: 22px;font-family:'Myriad Pro';color: #fff;font-weight:600; background: #D5B05B;border: 0px;margin: 0 0 16px 0;padding:12px 25px;line-height: 24px;border-radius:60px;}
.button,/*button*/,input[type="submit"],a#catshopbuy:link,a#catshopbuy:visited{font-family:Merriweather, sans-serif;font-weight:500;letter-spacing:2px;background:#1abc9c;color:#fff;border-radius:3px;text-transform:uppercase;}
.button.secondary,button.secondary {background:#777777;color:#fefefe;}
.button.hollow {  border: 1px solid #f59823; color: #f59823;}

.button:hover,.button.secondary:hover,button.secondary:hover,button:focus,.button:focus,input[type="submit"]:hover,input[type="submit"]:focus ,.productSubmitInput:hover{background:#B48D34;color:#fff;transition-duration:.5s;}

.button:visited{color:#fff;}
input[type="submit"]{border:none;background:#90642B;color:white;padding:13px;border-radius:5px;}
.button.small {font-size: 14.41px;line-height: 17px;padding: 12px 20px 10px 20px;text-transform: uppercase;letter-spacing: 2px;margin-bottom: 10px;}

#datepicker .button{background: #f59823 !important;padding:8px 16px;margin-bottom:0px;}



/*This section prevents the mobile menu bar from flashing when the page loads*/
/*This is directly from the Foundation documentation*/
.no-js .top-bar { display: none; }

@media screen and (min-width: 40em) {
	.top-bar { display: block; }
	.title-bar { display: none; }
}
/* End of section to prevent mobile menu bar flashing*/

#preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; height: 100%; z-index: 9999; overflow: hidden; }
#status { width: 250px; height: 250px; position: absolute; left: 50%; top: 50%; background-image: url(../img/preloader.png); background-repeat: no-repeat; background-position: center;  margin: -115px 0 0 -110px; z-index: 9999;}

button.menu-icon{background:none;}

.shopping-cart{color:#FFFFFF;font-size:13px;font-family:Merriweather, sans-serif;}
#catCartSummary table tbody,#catCartSummary table tfoot,#catCartSummary table thead{border:none;background:none;}
a.cartSummaryLink{color:#1abc9c;}
.utility-nav .uty0,.utility-nav .uty1{display:none;}
table.cartSummaryTable{background:none repeat scroll 0 0 rgba(0,0,0,0);border:medium none;margin:0 0 0 20px;}
td.cartSummaryItem{color:#FFFFFF;font-size:12px;padding:0;}

/*alert boxes*/
.alert-box{display:block;font-weight:normal;margin-bottom:1.25rem;position:relative;font-size:.8125rem;transition:opacity 300ms ease-out;background-color:#008cba;color:#fff;border-color:#0078a0;border-style:solid;border-width:1px;padding:.875rem 1.5rem .875rem .875rem;}
.alert-box .close{font-size:1.375rem;line-height:0;position:absolute;top:50%;margin-top:-.6875rem;right:.25rem;color:#333;opacity:0.3;padding:9px 6px 4px;}
.alert-box .close:hover,.alert-box .close:focus{opacity:0.5;}
.alert-box.radius{border-radius:3px;}
.alert-box.round{border-radius:1000px;}
.alert-box.success{background-color:#43ac6a;color:#fff;border-color:#3a945b;}
.alert-box.alert{background-color:#f04124;color:#fff;border-color:#de2d0f;}
.alert-box.secondary{background-color:#e7e7e7;color:#4f4f4f;border-color:#c7c7c7;}
.alert-box.warning{background-color:#f08a24;color:#fff;border-color:#de770f;}
.alert-box.info{background-color:#a0d3e8;color:#4f4f4f;border-color:#74bfdd;}
.alert-box.alert-close{opacity:0;}

/*search*/
.search-container{display:none;background:url(images/ultility-nav.png) repeat scroll 0 0 rgba(0,0,0,0);padding:30px 0 0;}
.search-icon span{color:#FFFFFF;margin-left:10px;cursor:pointer; position: relative; top: -3px; padding: 5px;}
.search-container input[type="text"]{height:auto;padding:14px 15px;}

/*slider*/
.slick-slider{overflow:hidden;margin:0;}

.slide-description{position:absolute;width:100%;margin-top:330px;z-index:1;}
.slick-dots{bottom:0;}
.slick-dots li button:before{color:#98918d;opacity:1;font-size:13px;}
.slick-dots li.slick-active button:before{color:#1abc9c;}
.hero-slider .slick-dots{bottom:145px;z-index:1;text-align:left;margin:0 0 0 25%;}
.hero-slider .slick-dots li button:before{content:none;}
.hero-slider .slick-dots li{width:auto;margin:0 5px 0 0;}
.hero-slider .slick-dots li button{width:50px;height:5px;border-radius:0;background:#fff;padding:0;}
.hero-slider .slick-dots li.slick-active button{background:none repeat scroll 0 0 #2b90e4;height:15px;top:-10px;}
.slide-description span{color:#18987f;font-size:46px;float:left;margin:0 15px 30px 0;}
.slide-description h1{color:#fff;font-weight:100;}
.slide-description h2{color:#fff;font-weight:100;}
.slide-description-contents {background: rgba(0, 0, 0, 0.35); color:#fff; border-radius: 3px; padding: 20px;}
.slide-description h1.brown,.slide-description h2.brown{color:#6e6460;}
.slide-description h1{font-size:100px;line-height:134px;margin-bottom:30px;}
.slide-description h2{font-family:Merriweather, sans-serif;float:left;font-size:18px;text-align:left;text-transform:uppercase;}
.slide-description h2 em{font-style:normal;text-transform:none;white-space:nowrap;} 


i.fa.prev-btn{color:#Fff;font-size:50px;line-height:50px;z-index:50;position:absolute;top:45%;left:20px;cursor:pointer;opacity:.7;-webkit-transition:opacity 300ms ease-out;-moz-transition:opacity 300ms ease-out;transition:opacity 300ms ease-out;}
i.fa.next-btn{color:#Fff;font-size:50px;line-height:50px;z-index:50;position:absolute;top:45%;right:20px;cursor:pointer;opacity:.7;-webkit-transition:opacity 300ms ease-out;-moz-transition:opacity 300ms ease-out;transition:opacity 300ms ease-out;}
i.fa.prev-btn:hover,i.fa.next-btn:hover{opacity:1;}

/*section main*/
section.main{padding:20px 0 50px;}
.feature-image{border-radius:90em;overflow:hidden;width:100%;height:100%;max-width:189px;margin-bottom:30px;}

/*events section*/
section.events{background:url(images/events-bg.jpg) repeat-x top;padding:50px 0;}
.event-item{background:rgba(255,255,255,0.9);box-shadow:0 1px 1px rgba(0,0,0,0.2);border-top:5px solid #6bb6c2;margin-bottom:30px;padding:20px 30px;}
.event-date{background:#6bb6c2;width:75px;height:75px;border-radius:90em;font-size:24px;text-align:center;color:#fff;font-family:Merriweather, sans-serif;text-transform:uppercase;padding-top:14px;margin:0 auto 20px;}
.event-date span{display:block;line-height:1.2;}
.event-date span.month{font-size:16px;}
.event-item h3{text-align:center;font-weight:100;}
.event-item-detail{background:url(/_assets/img/dashed-bg.jpg) repeat-x bottom;margin-bottom:30px;padding-bottom:30px;}
.event-item-detail h3{margin-bottom:5px;}
.event-details{line-height:18px;color:#99918e;font-size:13px;font-family:Merriweather, sans-serif;margin-bottom:10px;}
.dash{width:30px;height:1px;background:#6bb6c2;margin:20px auto;}
.event-item p{font-size:13px;}
.event-item-detail .button{float:right;}

/*announcements*/
.news-item{margin-bottom:30px;}
.news-item h3{margin-bottom:5px;}
.news-details{line-height:18px;color:#99918e;font-size:13px;font-family:Merriweather, sans-serif;margin-bottom:10px;}

/*faq*/
.faq-question a{color:#6e6460;font-family:Merriweather, sans-serif;font-size:18px;font-weight:600;text-transform:uppercase;}
.faq-details{padding-top:30px;background:url(/_assets/img/dashed-bg.jpg) repeat-x bottom;margin-bottom:50px;padding-bottom:20px;}
.faq-details a{font-family:Merriweather, serif;font-size:14px;text-transform:none;font-weight:normal;color:#0B5FA4;}
.faq-icon{background:none repeat scroll 0 0 #314966;border-radius:90em;color:#fff;display:block;float:left;font-family:Merriweather, sans-serif;font-size:15px;font-weight:600;height:30px;width:30px;padding-top:3px;position:relative;text-align:center;text-transform:uppercase;margin:0 15px 17px 0;}
.faq-icon.answer{background:#D5B05B;}

.accordion-title { padding: 14px 35px 14px 15px; line-height: 1;  font-size: 20px; color: #3e3e3e; }
button.show {
    background: #F59823;
    padding: 10px;
    color: black;
}
/*page-title*/
section.page-title{overflow:hidden;position:relative;}
section.page-title img{width:100%;}
.row.page-headline{position:absolute;z-index:1;top:0;left:0;right:0;}
.row.page-headline h1{color:#fff;margin-top:190px;}

/*breadcrumps-container*/
.breadcrumps-container { padding: 30px 0 20px; }

/*about*/
section.main span.fa-heart{display:block;color:#c87492;font-size:46px;width:46px;margin:0 auto 30px;}
p.literature-container span.icon,p.literature-container span.name{font-family:Merriweather, sans-serif;margin:0 3px 0 0;}
p.literature-container img{vertical-align:middle;}
.double-dash{height:3px;background:url(/_assets/img/dashed-bg.jpg) repeat-x top;margin:30px 0;}

/*section map*/
section.map, section.map .flex-video, section.map .flex-video iframe { height: 350px; overflow: hidden;}

/*store / products*/
.product-thumbs { padding:10px;}
.product-thumb { margin-bottom:20px;}


/*misc*/
img.post-image {width: 100%;}
.blogpost-result-item.item.panel-body { padding-top: 30px; font-size: .8rem; }
.cb-Tags { margin-bottom: 5px; }
.cb-Image img { width: 100%; }
.mb10 {margin-bottom: 10px;}
.select2-container .select2-search--inline { border-bottom: none; }
.page-nav span#pagination { display: inline-block; }
p.page-nav{text-align:center;}
.page-nav a { margin: 0 9px; display: inline-block; color: #3f3f3f;}

.pagination li { color: #3f3f3f;font-size:15px;    height: 34px;}
.pagination li a{border: 2px solid #3f3f3f;}
.pagination .current { background: #2b90e4; color: #fff; border: 2px solid #2b90e4;}

.pagination-previous a::before,.pagination-previous.disabled::before{content:'\00ab';display:inline-block;margin:0;font-size: 23px;line-height: 13px;}
.pagination-next a::after,.pagination-next.disabled::after{content:'\00bb';display:inline-block;margin:0;font-size: 23px;line-height: 13px;}
li.pagination-previous{margin-right:12px;}
li.pagination-next{margin-left:12px;}
.pagination a:hover {background: #2b90e4;color: #fff;border: 2px solid #2b90e4;}

.pagination .disabled{color: #3f3f3f;border: 2px solid #3f3f3f;}

#googleMap { height: 515px; width: 100%; border: 10px solid #fff; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.17); }
.photo-item { position: relative; }
p.photo-caption { position: absolute; bottom: 5px; left: 4px; background: rgba(0, 0, 0, 0.5); width: calc(100% - 8px); color: #fff; padding-left: 10px; padding-right: 10px; overflow: hidden; }



/*************media queries**************/
@media only screen and (min-width: 0) and (max-width: 640px) {
    .top-bar-section ul{margin-top:48px;}
    .logo img{width:35%;}
    .slide-description{margin-top:10px;}
    .slide-description-contents { border-radius: 5px; padding: 5px; }
    .slide-description h1{font-size:20px;line-height:20px;margin-bottom: 0px; }
    .slide-description h2{display:none;}
    .slide-description span { display:none; }
    i.fa.prev-btn,i.fa.next-btn { opacity:0; }
    .hero-slider .slick-dots{bottom:0;text-align:center;margin:0;}
    .community-search-wrap{background:none;padding:20px 0 60px;}
    .search-ellipse{border-radius:0;display:block;float:none;width:100%;background:none;box-shadow:none;height:auto;text-align:left;padding:0;}
    .search-ellipse h2{text-align:left;}
    .search-ellipse h2,.search-ellipse h6{color:#6e6460;display:inline;margin:auto;}
    section.main{padding:20px 0;}
    
    footer p,footer div.copy{margin-bottom:15px;}
    .social-icons{float:none;}
    .row.page-headline h1{font-size:1.75rem;margin-top:15px;}
}

@media only screen and (min-width: 480px) and (max-width: 640px) {
    .slide-description{margin-top:10px;}
    .slide-description h1{font-size:30px;line-height:30px;margin-bottom: 15px; }
    .slide-description h2{font-size:12px;margin-bottom: 0;}
    .slide-description span { font-size: 26px; margin: 0 15px 10px 0; }
    .row.page-headline h1{margin-top:20px;}
}

@media only screen and (min-width: 641px) and (max-width: 1024px) {
    .top-bar .name{margin-top:-5px;max-width:126px;}
    .top-bar-section ul li > a{font-size:13px;}
    .side-search h2{font-size:38px;}
    .side-search h6{font-size:9px;}
    .search-filters a{margin-left:10px;}
    .slide-description{margin-top:10px;}
    .slide-description-contents { border-radius: 10px; padding: 10px; }
    .slide-description h1{font-size:30px;line-height:30px; margin-bottom: 15px; }
    .slide-description h2{font-size:12px;line-height:13px;margin-bottom: 0;}
    .slide-description span { font-size: 26px; margin: 0 15px 30px 0; }
    .hero-slider .slick-dots{bottom:0;text-align:center;margin:0;}
    .row.page-headline h1{margin-top:30px; font-size: 2rem;}
}

@media only screen and (min-width: 1024px) and (max-width: 1399px) {
    .top-bar .name{margin-top:-18px;max-width:199px;}
    .top-bar-section ul li > a{font-size:14px;}
    .slide-description{margin-top:10px;}
    .slide-description h1{font-size:70px;line-height:70px;}
    .hero-slider .slick-dots{bottom:0;text-align:center;margin:0;}
	.row.page-headline h1{margin-top:70px; font-size: 2.5rem;}
}

@media only screen and (min-width: 1400px) {
    .slide-description{margin-top:50px;}
    .hero-slider .slick-dots{bottom:0;text-align:center;margin:0;}
    .row.page-headline h1{margin-top:130px;}
}


/* Magnific Popup CSS */
.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:0.8;filter:alpha(opacity=80);}
.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:none!important;-webkit-backface-visibility:hidden;}
.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 8px;}
.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle;}
.mfp-content{position:relative;display:inline-block;vertical-align:middle;text-align:left;z-index:1045;margin:0 auto;}
.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{width:100%;cursor:auto;}
.mfp-ajax-cur{cursor:progress;}
.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:zoom-out;}
.mfp-zoom{cursor:zoom-in;}
.mfp-auto-cursor .mfp-content{cursor:auto;}
.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none;}
.mfp-hide{display:none!important;}
.mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044;}
.mfp-preloader a{color:#CCC;}
.mfp-preloader a:hover{color:#FFF;}
button.mfp-close,button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:none;z-index:1046;-webkit-box-shadow:none;box-shadow:none;padding:0;}
button::-moz-focus-inner{border:0;padding:0;}
.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:0.65;filter:alpha(opacity=65);color:#FFF;font-style:normal;font-size:28px;font-family:Arial, Baskerville, monospace;padding:0 0 18px 10px;}
.mfp-close:active{top:1px;}
.mfp-close-btn-in .mfp-close{color:#333;}
.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%;}
.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap;}
.mfp-arrow{position:absolute;opacity:0.65;filter:alpha(opacity=65);top:50%;width:90px;height:110px;-webkit-tap-highlight-color:transparent;margin:-55px 0 0;padding:0;}
.mfp-arrow:active{margin-top:-54px;}
.mfp-arrow:before,.mfp-arrow:after,.mfp-arrow .mfp-b,.mfp-arrow .mfp-a{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent;}
.mfp-arrow:after,.mfp-arrow .mfp-a{border-top-width:13px;border-bottom-width:13px;top:8px;}
.mfp-arrow:before,.mfp-arrow .mfp-b{border-top-width:21px;border-bottom-width:21px;opacity:0.7;}
.mfp-arrow-left{left:0;}
.mfp-arrow-left:after,.mfp-arrow-left .mfp-a{border-right:17px solid #FFF;margin-left:31px;}
.mfp-arrow-left:before,.mfp-arrow-left .mfp-b{margin-left:25px;border-right:27px solid #3F3F3F;}
.mfp-arrow-right{right:0;}
.mfp-arrow-right:after,.mfp-arrow-right .mfp-a{border-left:17px solid #FFF;margin-left:39px;}
.mfp-arrow-right:before,.mfp-arrow-right .mfp-b{border-left:27px solid #3F3F3F;}
.mfp-iframe-holder{padding-top:40px;padding-bottom:40px;}
.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px;}
.mfp-iframe-holder .mfp-close{top:-40px;}
.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%;}
.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000;}
.mfp-align-top .mfp-container:before,.mfp-loading.mfp-figure,.mfp-s-ready .mfp-preloader,.mfp-s-error .mfp-content{display:none;}
.mfp-close:hover,.mfp-close:focus,.mfp-arrow:hover,.mfp-arrow:focus{opacity:1;filter:alpha(opacity=100);}

/* Main image in popup */
img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 auto;padding:40px 0;}

/* The shadow behind the image */
.mfp-figure{line-height:0;}
.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#444;}
.mfp-figure small{color:#BDBDBD;display:block;font-size:12px;line-height:14px;}
.mfp-figure figure{margin:0;}
.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto;}
.mfp-title{text-align:left;line-height:18px;color:#F3F3F3;word-wrap:break-word;padding-right:36px;}
.mfp-image-holder .mfp-content{max-width:100%;}
.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer;}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    /* Remove all paddings around the image on small screen  */
    .mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0;}
    .mfp-img-mobile .mfp-figure:after{top:0;bottom:0;}
    .mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px;}
    .mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,0.6);bottom:0;top:auto;position:fixed;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:3px 5px;}
    .mfp-img-mobile .mfp-counter{right:5px;top:3px;}
    .mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,0.6);position:fixed;text-align:center;padding:0;}
    .mfp-img-mobile img.mfp-img,.mfp-img-mobile .mfp-bottom-bar:empty{padding:0;}
}

@media all and (max-width: 900px) {
    .mfp-arrow{-webkit-transform:scale(0.75);transform:scale(0.75);}
    .mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0;}
    .mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%;}
    .mfp-container{padding-left:6px;padding-right:6px;}
}

.mfp-ie7 .mfp-bottom-bar{width:600px;left:50%;margin-left:-300px;margin-top:5px;padding-bottom:5px;}
.mfp-ie7 .mfp-content{padding-top:44px;}
.mfp-ie7 .mfp-close{top:0;right:0;padding-top:0;}
.mfp-ie7 .mfp-img,.mfp-ie7 .mfp-container{padding:0;}


/* Slick Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; touch-action: none; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: white url('images/ajax-loader.gif') center center no-repeat; }
.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

/* Slick Slider  Icons */
@font-face { font-family: "slick"; src: url('../fonts/slick.eot'); src: url('../fonts/slick.eot?#iefix') format("embedded-opentype"), url('../fonts/slick.woff') format("woff"), url('../fonts/slick.ttf') format("truetype"), url('../fonts/slick.svg#slick') format("svg"); font-weight: normal; font-style: normal; }

/* Slick Slider  Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 50%; margin-top: -10px; padding: 0; border: none; outline: none; }
.slick-prev:focus, .slick-next:focus { outline: none; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }

.slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 0.85; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-prev { margin: 0 0 0 40px;
    z-index: 100; }
.slick-prev:before { content: "\2190"; }

.slick-next { right: 0;
    z-index: 100;
    margin: 0 40px 0 0; }
.slick-next:before { content: "\2192"; }

/* Slick Slider Dots */


.slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; }
.slick-dots li button:focus { outline: none; }
.slick-dots li button:before { position: absolute; top: 0; left: 0; content: "\2022"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before { opacity: 0.75; }



/*THE FOLLOWING CSS IS USED FOR THE KITCHEN SINK PAGE AND CAN BE DELETED IF YOU ARE NOT USING THAT PAGE*/

.docs-code.kitchen-sink{border:1px solid #cacaca;max-height:300px;overflow-y:scroll;margin-bottom:1rem;}
.docs-code-copy{position:absolute;top:0;right:0;background:#2199e8;color:#FFF;font-size:.8rem;z-index:1;padding:.75rem 1rem;}
.docs-code,pre{position:relative;}
.docs-code.kitchen-sink code{border:0;}
.docs-code code,pre code{display:block;overflow-x:auto;background:#f9f9f9;margin-bottom:1.5rem;padding:1rem;}
.row.display{background:#eee;font-size:11px;margin-bottom:10px;line-height:2rem;border:solid 1px #c6c6c6;margin-left:0!important;margin-right:0!important;}
.row.display .columns:nth-child(2),.row.display .columns.small-centered,.row.display .columns.large-centered{background:#e1e1e1;}
.docs-component .thumbnail{margin-left:auto;margin-right:auto;display:block;}
.docs-toc .active{background:#f59823;color:#FFF;}
/*END KITCHEN SINK DOCS*/



/* =====//   Button   \\===== */



a.btn{font-size: 22px;font-family:'Myriad Pro';color: #fff;font-weight:600; background:#D5B05B;display:inline-block;padding:20px 35px;border-radius:60px;
text-transform: uppercase;transition:0.3s all;-webkit-transition:0.3s all;}
a.btn span {font-size: 18px;display: inline-block;line-height: 22px;padding-top:3px;margin-left:30px;padding-left:24px;vertical-align:-2px;}

a.btn:hover, .button:hover{background: #B48D34;}


/* ================================ */
/*				Custom      		*/
/* ================================ */


section, footer{width:100%;float:left;}



.title-1{}
.title-1 h2{ font-size:41px; margin: 0 0 21px ;}
.title-1 h2 span{color:#D5B05B; font-family:'Myriad Pro Bold';}
.title-1 p{font-family:'Myriad Pro Light';}

.title-line{width: 100%;max-width:525px;margin:0 auto 37px;}
.title-line img{width: 96px;padding: 0 15px; background: #fff;}
.title-line:after{ content: ""; width: 100%;height: 1px;background: #e8e8e8;display: block;margin-top: -16px;}


.title-2{position: relative;padding: 41px 0 23px;}
.title-2:after{content: "";width: 345px; height: 100%; border: 10px solid #fce4bd;position: absolute; right: 0;bottom:0;}
.title-wrap{z-index: 9;position: relative;}
.title-2 h2{font-size: 41px; margin: 0 0 22px; position: relative; padding-left: 56px; line-height: 45px;}
.title-2 h2 span{color:#D5B05B; font-family:'Myriad Pro Bold';}
.title-2 h2:before{content: attr(data-text); color:rgba(43, 144, 228, 0.42); font-family:'Myriad Pro Bold';font-size: 102px;position: absolute;left:0;top: -4px;}
.title-2 p{color:#353434;font-family:'Myriad Pro'; padding-left: 15px;margin:0;}


.listing {padding-left:40px;}
.listing li{letter-spacing:1px;margin:-4px 0 15px;display: inline-block;color: #2b90e4;text-decoration: underline; vertical-align: text-top;transition:0.3s all;-webkit-transition:0.3s all;}
.listing li:before{content: "";width: 10px;height: 10px;background: #2b90e4;display: inline-block;border-radius: 50%;margin: 0 22px 0 -33px;}


.gray-gradient{
background: rgb(255,255,255); 
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(232,232,232,1) 100%, rgba(41,137,216,1) 100%, rgba(244,244,244,1) 100%, rgba(233,233,233,1) 100%); 
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%,rgba(41,137,216,1) 100%,rgba(244,244,244,1) 100%,rgba(233,233,233,1) 100%); background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%,rgba(41,137,216,1) 100%,rgba(244,244,244,1) 100%,rgba(233,233,233,1) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e9e9e9',GradientType=0 );
}

.menu-btn, .search-btn{width:44px; height: 48px; background:#d5b05b;color: #fff;border-radius: 7px; font-size: 23px;float: right;margin: 17px 15px 0 0;display:none;text-align: center;line-height: 48px;}

.search-btn{overflow: hidden;}
.search-btn:before{display: block;}
.search-btn:focus{color: #fff;}
.search-btn.fa-times{background:#5fabeb}


#offCanvas1{height: 100%;background: #5fabeb;}
#offCanvas1 .menu>li>a {color: #fff;font-weight: bold;border-bottom: 1px solid rgba(255, 255, 255, 0.17);padding: 9px 15px;line-height: 22px;}
#offCanvas1 .menu>li>a:hover, #offCanvas1 .menu>li.selected>a{background:#000;}

#offCanvas1 .is-accordion-submenu-parent>a:after {border-color: #fff transparent transparent;}
#offCanvas1 ul.menu ul li a{padding: 10px 10px 10px 30px;}
#offCanvas1 ul.menu ul ul li a{padding: 10px 10px 10px 40px;}
#offCanvas1 .close-button{width: 40px;height: 40px;background: #000;color: #fff;font-size: 22px;right: 0;top: 0;}



/* Feature */
.off-canvas-wrapper.feature-page { overflow: hidden;}
.off-canvas-content{background: #fff;}
.off-canvas-wrapper.feature-page  h3{    font-size: 30px;line-height: 28px;}
.is-accordion-submenu-parent>a:after{border-color: #9bcb3b transparent transparent;}
.is-drilldown-submenu-parent>a:after{border-color: transparent transparent transparent #9bcb3b;}




.column:last-child:not(:first-child), .columns:last-child:not(:first-child) {float: left;}



/* =====//   Header   \\===== */

header {width: 100%;z-index: 4;background: #fff;}
header .row{max-width:1243px}

.top-border-wrapper{width:100%;}
.top-border-wrapper span{height:5px;border-left:1px solid #fff;}

.sky-blue-line{background:#1299e4;border-left:0px !important;width:22%;}
.red-line{background:#df2838;width:28%;}
.orange-line{background:#f59823;width:28%;}
.green-line{background:#4D4D93;width:22%;}

.topbar_navigation{width:100%;border-bottom:1px solid #ebebeb;padding:21px 0 22px 0;}
.site-title{width:auto;margin:0 auto;display:grid;}
.topmenu{width:auto;padding-top:27px;}
.topmenu ul{width:auto;float:right;margin:0px;}
.topmenu ul li{display:inline-block;}
.topmenu ul li:before {content: '|';font-size: 13px;color: #d0cecf;font-family: 'Myriad Pro Bold';width: 1px;display: inline-block;line-height: 13px;position: relative;top: -2px;margin: 0 20px;}
.topmenu ul li:first-child:before{display:none;}
.topmenu ul li a{font-size:16.5px;color:lightgray;font-family:'Myriad Pro Bold';}


.site-search form{width:100%;float:left;position:relative;margin:0px;padding-right:44px;}
.site-search form input[type="text"]{font-size:15px;margin-bottom:0px;font-family:'Myriad Pro';font-style:italic;color:#676566;padding:14px 15px 10px 30px;}
.site-search form input[type="submit"]{width:44px;height:48px;position:absolute;top:0px;right:0px;background:#0B5FA4 url(../img/search-icon.png) no-repeat center; border-radius:0px;margin:0px;border:1px solid #247dc9;padding:0px;}

.primary_navigation{width:100%;border-bottom:1px solid #ebebeb;}
.top-bar, .top-bar ul {width:100%;float:left;background-color: transparent;padding:0px 11px;}
.top-bar-left{width:100%;}
ul.dropdown.menu{text-align:center;}
ul.dropdown.menu>li{padding:0 17px;display:inline-block;}
ul.dropdown.menu>li:first-child{padding-left:0px;}
ul.dropdown.menu>li:last-child{padding-right:0px;}
ul.dropdown.menu>li a{font-size:16px;color:#767676;line-height:24px; font-family:'Myriad Pro';text-transform:uppercase;position:relative;padding:19px 8px 11px 8px;}
ul.dropdown.menu>li>a:before{content:'';width:100%;height:0px;background:#0B5FA4;display:inline-block;position:absolute; top:-1px;left:0px;
-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-ms-transition: all 0.4s;transition: all 0.4s;}

ul.dropdown.menu li.selected a,ul.dropdown.menu li a:hover{color:#0B5FA4;}
ul.dropdown.menu li.selected>a:before,ul.dropdown.menu li:hover a:before{height:4px;}

.dropdown.menu>li.is-dropdown-submenu-parent>a{padding-right:8px;}
.dropdown.menu>li.is-dropdown-submenu-parent>a:after{display:none;}

ul.dropdown.menu>li .is-dropdown-submenu{text-align:left;padding:0px 0;border:1px solid #ebebeb;background:#fff;}
ul.dropdown.menu>li .is-dropdown-submenu li{font-size:14px;border-top:1px solid #ebebeb;position:relative}
ul.dropdown.menu>li .is-dropdown-submenu li:first-child{border-top:0px;}
ul.dropdown.menu>li .is-dropdown-submenu a{font-size:14px;display:block;padding:12px 15px 9px 15px;line-height:21px;}
ul.dropdown.menu>li .is-dropdown-submenu li:before{content:'';width:0px;height:100%;position:absolute;top:0px;left:0px;background:#1299e4;
-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-ms-transition: all 0.4s;transition: all 0.4s;}
ul.dropdown.menu>li .is-dropdown-submenu li:hover:before{width:4px;height:100%;}

/* =====//   Home Slider   \\===== */

.home-slider{width:100%;float:left;background:#2F4662;background-repeat:no-repeat;}
.hero-slider{ height: 595px;}
.slid-caption{width:100%;float:left;}
.slid-caption h2,.slid-caption h1{text-transform:uppercase;font-family: 'Oswald', sans-serif;}
.slid-caption h2{color:#fff; margin-bottom:0px;}
.slid-caption h1{width:100%;display:inline-block; color:#2b90e4; margin-bottom:18px;line-height:66px;text-shadow:2px 2px #000;}
.slid-caption .btn{ margin-top: 25px;}

ul.list-style-check { padding-left: 12px; margin:12px 0;}
ul.list-style-check li { font-size: 21px; color: #fff;line-height: 25px; position: relative;padding:6px 0 6px 50px; }
ul.list-style-check li:before {width:26px;height:26px; content:'';background:url(../img/list-check-icon.png) no-repeat center;display: inline-block; position: absolute; left: 4px; top: 6px; }


.slide-img figure{position: relative; max-width: 847px; }
.slide-img figure:before{content: "";width:100%;height:100%;background: url(../img/shape-1.png) no-repeat;position:absolute;background-size: cover;background-position: 0 -76%; }

.caption-wrap{max-width: 560px;float: right;margin-top: -495px;width: 100%;z-index: 1;position: relative;}
.slide-img{padding:0;}


/* ======= Membership Sign ======= */

.membership-section{margin: 0 auto;
padding: 10px 0 20px 0;}

.membership-sign{max-width:1380px;margin:0 auto;    padding: 0 15px;}
.membership-sign figure{display:inline-block;}
.membership-text{display:inline-block;vertical-align:middle;margin:0 7% 0 35px;}
.membership-text h2{font-size: 37.04px; margin: 0 0 3px ;}
.membership-text h2 span{color:#D5B05B; font-family:'Myriad Pro Bold';}
.membership-text p{color:#717171;    max-width: 970px; margin:0 auto;}

.membership-btn{display:inline-block;vertical-align:middle;}
.membership-btn a{color:#fff;font-size:22px;text-transform:uppercase;width:230px;height:58px;text-align:center;display: inline-block; border-radius: 50px;line-height: 63px;   font-family:'Myriad Pro Bold';}
.sign-btn1{background:#90642B;}
.sign-btn2{background:#0B5FA4;margin-left: -50px;}
.membership-btn a:focus{    z-index: 99;position: relative;}




/* ======= Communication Section ======= */

.communication-section{padding:90px 0 130px;}



.comm-ratio{text-align:center;margin-bottom: 100px;}
.comm-ratio  li{font-size:20.53px;display: inline-block;margin:0 15px;}
.comm-ratio  li span{color:#f59823; font-family:'Myriad Pro Bold';margin-right: 10px;}
.comm-ratio  li span.red{color:#df2838;}
.comm-ratio  li span.green{color:#95c943;}


.communication-circle{width: 100%;float: left;    text-align: center;position: relative;padding:280px 0;}


.circle-wrap .circle{width:50%;height:50%;float: left;}
.circle-wrap .circle span{background: #2b90e3;display: inline-block; width: 100%; height: 100%;}

.circle-wrap{-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;display: inline-block; width: 550px; height: 550px;position:relative;}
.circle-wrap:before{content: "";border:8px solid #e8e8e8;border-radius: 50%;position: absolute;top: 4px;left: 4px;right: 4px; bottom: 4px;}



.circle-part2{ position: absolute;top: 15px;left: 15px;right: 15px;bottom: 15px;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%; overflow: hidden;border: 80px solid #fff;display:inline-block;float:left;}
.circle-part2:before, .circle-part2:after{content:"";background:#fff;position:absolute;width:64px;height:100%;top:0;left:50%;transform:translate(-50%,0);-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-o-transform:translate(-50%,0); z-index: 99;}
.circle-part2:after{transform:translate(-50%,0) rotate(90deg);-webkit-transform:translate(-50%,0) rotate(90deg);-moz-transform:translate(-50%,0) rotate(90deg);-ms-transform:translate(-50%,0) rotate(90deg);-o-transform:translate(-50%,0) rotate(90deg);}


.circle-part1{ width: 100%; height: 100%;transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;overflow: hidden;}

.circle-part1 .circle-1{padding:0 50px 50px 0;}
.circle-part1 .circle-2{padding:0 0 50px 50px;}
.circle-part1 .circle-3{padding:50px 0 0 50px;}
.circle-part1 .circle-4{padding:50px 50px 0 0;}

.circle-part2 .circle-1 span{border-radius:100% 0 0 0;}
.circle-part2 .circle-2 span{border-radius:0 100% 0 0 ;}
.circle-part2 .circle-3 span{border-radius:0 0 100% 0;}
.circle-part2 .circle-4 span{border-radius:0 0 0 100%;}

.circle-part1 .circle-1 span{border-radius:100% 0 0 0;}
.circle-part1 .circle-2 span{border-radius:0 100% 0 0 ;}
.circle-part1 .circle-3 span{border-radius:0 0 100% 0;}
.circle-part1 .circle-4 span{border-radius:0 0 0 100%;}


.commu-content{position: absolute; width: 100%;}

.commu-content figure{width:114px;height:114px;border-radius:50%;background:#2b90e3;text-align:center;line-height: 107px;position: relative;}
.commu-content figure:before{content: "";border:4px solid #e8e8e8;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;position: absolute;top: 2px;left: 2px;right: 2px; bottom: 2px;}

.commu-content figcaption{margin:0;}
.commu-content h3{font-size:30px;color:#444444;margin:0 0 5px;}
.commu-content span{font-size:20.53px;color:#4a4a4a;font-weight: bolder;}
.commu-content p{color:#717171;max-width:370px;margin:10px auto ;}
.commu-link{font-size:15px;color:#f59823;font-weight: bolder;}
.commu-link:after{    content: "\f178";font-family:"FontAwesome";display:inline-block;margin-left: 20px;font-size: 22px;vertical-align: middle;}


.commu-content.content_side figcaption{width: 220px;text-align:left;}

.commu-content1{bottom: 100%;left:50%;}
.commu-content2{top: 50%; left: 100%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.commu-content3{top: 100%;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%); -moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);}
.commu-content4{top: 50%;right: 100%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);}

.commu-content1 figure {margin: -57px auto 40px;}
.commu-content2 figure{margin:auto 40px auto -57px;}
.commu-content3 figure{margin:-57px auto 40px ;}
.commu-content4 figure{margin:auto -57px auto 40px;}



.commu-content2 figure, .commu-content2 figcaption, .commu-content4 figure, .commu-content4 figcaption {display: inline-block;vertical-align: middle;}
.commu-content2{text-align: left;}
.commu-content4{text-align: right;direction: rtl;}
.commu-content4 figure, .commu-content4 figcaption{direction: ltr;}

.commu-content1{transform:translateX(-50%) scaleY(-1); -ms-transform:translateX(-50%) scaleY(-1);  -webkit-transform:translateX(-50%) scaleY(-1);}
.commu-content1 figure, .commu-content1 figcaption{transform: scaleY(-1); -ms-transform: scaleY(-1);  -webkit-transform: scaleY(-1);}



[data-active*="Hover_1"] .circle-1 span{background:#f19b25;}
[data-active*="Hover_1"] .commu-content1 figure{background:#f19b25;}
[data-active*="Hover_1"] .commu-content1 h3{color:#f19b25;}
[data-active*="Hover_1"] .commu-content1 .commu-link:after{-webkit-animation: bounceright .3s alternate ease infinite;animation: bounceright .3s alternate ease infinite; transition-duration: .5s;}

[data-active*="Hover_2"] .circle-2 span{background:#f19b25;}
[data-active*="Hover_2"] .commu-content2 figure{background:#f19b25;}
[data-active*="Hover_2"] .commu-content2 h3{color:#f19b25;}
[data-active*="Hover_2"] .commu-content2 .commu-link:after{-webkit-animation: bounceright .3s alternate ease infinite;animation: bounceright .3s alternate ease infinite; transition-duration: .5s;}

[data-active*="Hover_3"] .circle-3 span{background:#f19b25;}
[data-active*="Hover_3"] .commu-content3 figure{background:#f19b25;}
[data-active*="Hover_3"] .commu-content3 h3{color:#f19b25;}
[data-active*="Hover_3"] .commu-content3 .commu-link:after{-webkit-animation: bounceright .3s alternate ease infinite;animation: bounceright .3s alternate ease infinite; transition-duration: .5s;}

[data-active*="Hover_4"] .circle-4 span{background:#f19b25;}
[data-active*="Hover_4"] .commu-content4 figure{background:#f19b25;}
[data-active*="Hover_4"] .commu-content4 h3{color:#f19b25;}
[data-active*="Hover_4"] .commu-content4 .commu-link:after{-webkit-animation: bounceright .3s alternate ease infinite;animation: bounceright .3s alternate ease infinite; transition-duration: .5s;}



@-moz-keyframes bounceright {
    from {-moz-transform: translateX(0);}
	to {-moz-transform: translateX(3px);}
}
@-o-keyframes bounceright {
    from {-o-transform: translateX(0);}
	to {-o-transform: translateX(3px);}
}

@-webkit-keyframes bounceright {
	from {-webkit-transform: translateX(0);}
	to {-webkit-transform: translateX(3px);}
}
@keyframes bounceright {
	from {transform: translateX(0);}
	to {transform: translateX(3px);}	
}



/* 
.circle-part1{
    -moz-animation: spin 2.3s linear  infinite;
    -webkit-animation: spin 2.3s linear  infinite;
    animation: spin 2.3s linear  infinite;
}
@-moz-keyframes spin {
    0%, 100% {-moz-transform: rotate(45deg);}
    50% {-moz-transform: rotate(225deg);}
    100% {-moz-transform: rotate(404deg);}
}
@-webkit-keyframes spin {
    0%, 100% {-webkit-transform: rotate(45deg);}
    50% {-webkit-transform: rotate(225deg);}
    100% {-webkit-transform: rotate(404deg);}
}
@keyframes spin {
    0%, 100% {transform: rotate(45deg);}
    50% {transform: rotate(225deg);}
    100% {transform: rotate(404deg);}
}

.communication-circle:hover .circle-part1{-webkit-animation-play-state: paused;animation-play-state: paused;} */



/* ======= Benefits Section ======= */

.benefits-section{padding:100px 0 90px;background:#2f4662;position:relative;}
.benefits-section:after{content: "";width: 100%; height: 100%; position: absolute; top: 0; background: url(../img/shape-1.png) no-repeat;background-position: 124% 50%;}
.benefits-wrap{position: relative; z-index: 1;display: inline-block;}

.benefits-section .title-1{margin-bottom: 55px;}
.benefits-section .title-1 h2, .benefits-section .title-1 p{color:#fff;}
.benefits-section .title-line {margin: 0 auto 53px;}
.benefits-section .title-line img{background: #2f4662;}
.benefits-section .title-line:after{background: #425770;}

.benefits li{margin-bottom: 35px;}
.benefits li figure{color:#fff;border:5px solid #3b516b;background:#D5B05B;width:83px;height:83px;border-radius: 50%; text-align: center;line-height: 91px;margin-right:20px;display:inline-block;}
.benefits li figure em{font-size:35px;margin-left:10px;}
.benefits li p{color: #fff;display: inline-block;vertical-align: middle;max-width: 410px;font-size: 24px;}

.benefits-video{border:8px solid #fff;position:relative; max-width: 580px;margin: 0 auto;}
.benefits-video iframe{width:100%;}

.benefits-video:before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;}

.benefits-video .play-button em {position: absolute;top: 50%;left: 50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);font-size: 36px;color: #fff; border: 2px solid #5f6b79; width: 130px; height: 130px;line-height: 130px;text-align: center; border-radius: 50%; background: #203044;font-family: 'FontAwesome';}

.benefits-video .play-button em:before{margin: 1px 0 0 7px; display: block;}

.reveal-benefits.reveal{width: auto; max-width: 600px; padding: 5px 5px 0;border:none;}
.reveal-benefits iframe{width:100%;}

.reveal-benefits .close-button{width: 40px;height: 40px;background: #2b90e4;color: #fff;font-size: 22px;right: 0;top: 0;}


/* ======= whoR Section ======= */


.whoR-section{padding:100px 0 100px;background:#fffef1 url(/ibew-local-252-jurisdiction-map.png) no-repeat; background-position:40px;}
.whoR-wrap{float:right}
.whoR-wrap  p{color:black;letter-spacing:2px;}
.whoR-wrap .btn{margin-top:50px;}




/* ======= Client Logo ======= */

.client-logo{text-align:center;padding:50px 0 65px;border-bottom:1px solid #e5e5e5;}

.client-logo ul{max-width: 900px; margin: 0 auto;}
.client-logo li{margin:0 25px;}
img.grayscale {filter: grayscale(100%); -webkit-filter: grayscale(100%); -webkit-transition: all .6s ease; -webkit-backface-visibility: hidden;}
.client-logo a:hover img.grayscale {filter: none;-webkit-filter: grayscale(0%);}



/* ======= Testimonial Section ======= */


.testimonial-section{padding:80px 0 100px;}

.testimonials{padding: 47px 10px 0; width: 100%;   float: left;}
.testimonials li{padding:0 5px;margin-bottom:30px;}

.testimonials figure{position:relative;overflow:hidden;max-width: 395px;margin: 0 auto;}
.testimonials figure img{transition:0.5s all;-webkit-transition:0.5s all;}
.testimonials figure:before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background:#2b90e4;opacity:0;transition:0.3s all;-webkit-transition:0.3s all; z-index: 1;}

.testimonials figcaption { position: absolute; width: 100%;top: 50%;left: 50%;transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); padding: 0 15px; text-align: center;transition:0.3s all;-webkit-transition:0.3s all;opacity:0;    z-index: 9;}

.testimonials h3{color:#ffffff;font-size:26px;font-style: italic; letter-spacing: 2px;line-height: 20px; margin: 30px 0 0;}
.testimonials h3 a{color:#ffffff;font-family:'Myriad Pro Bold';} 
.testimonials h3 em{font-size: 55px;vertical-align: middle; margin-right: 12px;}
.testimonials p{color:#ffffff;font-family:'Myriad Pro';    letter-spacing: 1px; font-style: italic;}


.testimonials figure:hover figcaption{opacity:1;}
.testimonials figure:hover:before{opacity:0.88;}
.testimonials figure:hover img{transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);}

.testimonial-section .btn{margin-top:27px;}    


/* ======= Program Section ======= */

.program-section{background:#0C4E87;position: relative;overflow: hidden;padding:50px 0 40px;}
.program-section:after{content: "";width: 359px; height: 196px; position: absolute; right: 45px;bottom: -23px;opacity: 0.17;}

.program{z-index: 1;position: relative;}
.program h1{font-size:55px;color:#fff;font-weight:700;font-family:'Myriad Pro';letter-spacing: 1px;margin: 0;}
.program h2{font-size:37px;color:#fff;font-family:'Myriad Pro';margin: 0;text-align:center;}

.program-call{margin-top:5px;z-index: 1;position: relative;}
.program-call a{color:#fff;font-weight:700;font-family:'Myriad Pro';letter-spacing:1px;display:inline-block;vertical-align:middle;margin-left:100px;margin-top:20px;}


/* ======= Footer ======= */

footer{background: url(../img/footer-ibew-local-252.png) no-repeat;position:relative;background-size: cover;padding-bottom:4px;}
footer:before{content:"";width:100%;height:100%;background:#223348;position:absolute;top:0;left:0;opacity:0.96;}

.footer-content{width:100%;float:left;position:relative;}
.footer-content h6{color:#fff;font-weight:700;text-transform:uppercase;letter-spacing:2px;}

footer ul li, footer p{color:white;font-size:13px;margin-bottom: 10px;letter-spacing: 1px;}
footer ul li a{color:white !important;}
footer ul li a:hover{color:#5fabee !important;}

.footer-links{padding:60px 25px;}




.footer-contact li{margin-bottom:22px;}
.footer-contact li span {width: 22px;height: 22px;text-align: center;border-radius: 50%;line-height: 24px;color: #fff;font-size: 13px; margin-right: 16px; background: #288de1;    display: inline-block;    padding-left: 2px;}
.footer-contact li p {display: inline-block;margin: 0; width: 75%;line-height: 20px;vertical-align: top;}

.footer-logo{margin-top:50px;}

.footer-form{padding:60px 32px 40px;background:#304864;}
.footer-form h5{color: #fff;font-size:23.68px;letter-spacing: 1px;text-transform:uppercase;line-height:33.3px;font-family: 'Myriad Pro', sans-serif;font-weight:300;}
.footer-form span{display:block;font-weight:600;}
.footer-form{float:right;}
.footer-form input[type="text"]{border-radius: 8px;border-bottom: 1px solid #6286a5; padding: 8px 0; color: #000;}
.footer-form input[type="text"]:focus{ box-shadow: none;}
.footer-form input[type="submit"]{width: 100%;text-transform: uppercase;font-size: 16.32px;letter-spacing: 1px;padding: 8px 15px;margin-top: 30px;}

.footer-credit{padding:21px 0 23px;background:#172332;width:100%;float:left;position:relative;}
.footer-credit span{color:#fff;text-transform:uppercase;letter-spacing:1px; margin-right: 20px;}
.footer-credit p{margin:3px 0 0;float: right;color:#fff;letter-spacing:1px;}
.footer-credit p a{color:#5fabee;}


ul.social-link{display:inline-block;margin:0px;padding:0px;}
ul.social-link li{display:inline-block;}
.social-link li a{width:27px;height:27px;border-radius:50%;text-align:center;line-height:29px;color:#fff !important;font-size:14px;border:1px solid #fff;display:inline-block;margin:0 5px;}
.social-link li a:hover{background:#2b90e4;border-color:#2b90e4;}


.service-link, .service-link2, .footer-contact{margin-left: 0px;}

.footer-form input::-webkit-input-placeholder {color: #fff;font-size:11.68px;}
.footer-form input::-moz-placeholder {color: #fff;font-size: 11.68px;}
.footer-form input:-ms-input-placeholder {color: #fff;font-size: 11.68px;}
.footer-form input:-moz-placeholder {color: #fff;font-size: 11.68px;}
.footer-form input:placeholder-shown {color: #fff;font-size: 11.68px;}

.footer-col{float:left;padding:0 15px;}
.quick-link, .service-link{width:50%;}

.service-link2{width:40%}
.footer-contact{width:60%;}

/* Inner Banner  */

.inner-bnr{background: #314966 url(../img/banner-bg.png) repeat-x top left;padding:85px 0;position:relative;}
.inner-bnr h2 {color: #fff;margin-bottom: 0px;font-family: 'Oswald', sans-serif;}
.inner-bnr h1 { width: 100%;display: inline-block;color: #fff;margin-bottom: 0; line-height: 66px;font-family: 'Oswald', sans-serif;text-transform:uppercase;}
.inner-bnr-wrap{position:relative;z-index:1;}

.inner-bnr:before{content: "";width: 100%;height: 100%;background: url(../img/shape-1.png) no-repeat;position: absolute; background-position: 92% 10%;top: 0;right: 0;}

/* About Page */

.membership-2{background:#f7f7f7;text-align:center;}
.membership-2 figure, .membership-2 .membership-btn{display: block;}
.membership-2 figure img{width: 90px;}
.membership-2 .membership-text{display: block; margin: 21px 0;}
.membership-2 h2 span{display: block;margin-bottom: 15px;}


.membership-3{padding: 0;}
.membership-3 figure img{margin-top: -38px;}
.membership-3 .membership-text{margin: 0 7% 0 6%;}


.membership-2 .membership-btn a:hover, .membership-3 .membership-btn a:hover{background:#B48D34;}

.association-section{background: url(../img/association-bg.jpg) no-repeat;position: relative;background-size: cover;}
.association-section:before{content: "";width: 100%;height: 100%;position: absolute;top: 0;left:0;background:#000;opacity: 0.7;}
.association-section:after {content: "";width: 100%;height: 100%;position: absolute;top: 0; background: url(../img/shape-1.png) no-repeat;background-position: -59% 50%;
    background-size: 68%;}
.association-section.title-2{margin-bottom: 24px;}
.association-section h2{font-size: 44.89px;color: #fff;line-height: 55px;padding-left: 0;}
.association-section h2 span{color: #fff;display: block;}
.association-section .title-2:after{height: 72%;border: 10px solid rgba(255, 255, 255, 0.17);}
.association-section .title-2 h2:before{left: -38px;}
	
	
.association-wrap{padding: 90px 0 120px; position: relative;}
.association-wrap:before{content: "";width: 100%;height: 100%;position: absolute;top: 0;left:0;
background: linear-gradient(0deg, rgba(36, 90, 169, 1)0%, rgba(25, 57, 104, 0.2)100%); 
background: -moz-linear-gradient(0deg, rgba(36, 90, 169, 1)0%, rgba(25, 57, 104, 0.2)100%); 
background: -webkit-linear-gradient(0deg, rgba(36, 90, 169, 1)0%, rgba(25, 57, 104, 0.2)100%); 
background: -o-linear-gradient(0deg, rgba(36, 90, 169, 1)0%, rgba(25, 57, 104, 0.2)100%); 
}

.association-text{z-index: 1; position: relative;padding-left: 30px;}
.association-text p {color: #fff;padding-left: 0;}
.association-text .btn {margin-top: 35px;}


.offer-section{padding:45px 0;}

.offer-slider{max-width:1400px;width:100%;margin: 0 auto;box-shadow: 0 0 30px 0px #9a9898;}
.offer-slide{background:#2b90e3 url(../img/offer-bg.png) no-repeat;width: 100%;float: left;background-position:50% 100%;padding: 40px 250px;}
.offer-text h1{font-size:55.66px;color:#ffc500;line-height:52.48px;font-family:'Myriad Pro Bold';text-shadow:-6px 6px 0 rgba(0, 0, 0, 0.59);margin: 16px 0 10px;}
.offer-text  span{font-size: 24.64px;color: #ffc500;line-height: 29.06px;text-shadow: -2px 3px 0 #000;font-family: 'Myriad Pro Bold';}
.offer-text p{font-size: 18px; color: #fff;line-height: 29.06px; text-shadow: -2px 2px 0 #000; font-family: 'Myriad Pro Bold'; margin: 0;}

.offer-slide .btn{ padding: 13px 35px 12px 53px; margin-top: 32px;}
.offer-slide figure{margin-top: 20px;}

.offer-slider .slick-prev, .offer-slider .slick-next{ z-index: 999;top: 37%;}
.offer-slider .slick-prev:focus, .offer-slider .slick-next:focus{background: none;}
.offer-slider .slick-prev {left: 50px;}
.offer-slider .slick-next {right: 50px;}

.offer-slider .slick-prev:before, .offer-slider .slick-next:before{font-family:'FontAwesome';    font-size: 110px;}
.offer-slider .slick-prev:before{content: "\f104";}
.offer-slider .slick-next:before{content: "\f105";}



/* Career Page */

.guidance-section{padding:140px 0 100px;}

.guidance-img{padding: 135px 90px 0 0;}
.guidance-img figure{box-shadow:0 0 29px 6px rgba(0, 0, 0, 0.11);}
.guidance-img img{box-shadow:0 0 29px 6px rgba(0, 0, 0, 0.11);transform:translate(29px,-37px);-webkit-transform:translate(29px,-37px);-moz-transform:translate(29px,-37px);-ms-transform:translate(29px,-37px);-o-transform:translate(29px,-37px);}

.guidance-section .title-2 h2{padding-left: 21px;}
.guidance-section .title-2 p{color:#353434;letter-spacing:2px; padding-left: 0;}

.guidance-text p {color: #8b8989; letter-spacing:1.5px;}
.guidance-list{margin-top:43px;}
.guidance-list p{font-family:'Myriad Pro';}
.guidance-list li{letter-spacing:1.5px;}



.career-section{padding:140px 0 100px; background:#f9f9f9;}
.career-section .title-line img{background:#f9f9f9;}


.career{text-align:center; display: inline-block;}
.career h4{color:#2b90e4;font-family:'Myriad Pro Bold';margin:0;display:block;padding:20px 15px;    background: #fff; box-shadow:0 0 19px -2px rgba(0, 0, 0, 0.11);z-index: 999;
    position: relative; }
.career h4 a{color:#2b90e4;}
.career p{margin:0;color:#8b8989;letter-spacing:1.5px;}
.career-desc{padding:30px 15px;box-shadow:0 0 19px -2px rgba(0, 0, 0, 0.11);}

.career-info{background: #fff;width:100%;float:left; padding: 15px 20px;box-shadow:0 0 19px -2px rgba(0, 0, 0, 0.11); }
.career-info p{width: 50%;float: left;}
.career-info span{font-family: 'Myriad Pro';}

.grid {border: none;background: none;width: 100%; float: left;}
.portfolio-btn li{display:inline-block; margin:0 10px; padding:7px 50px;background:#dcdcdc;font-size:22px;color:#737373;font-family: 'Myriad Pro';text-transform:capitalize;border-radius:60px;cursor: pointer;}

.portfolio-btn{margin:30px 0 76px;width: 100%; float: left;}
.portfolio-btn li.is-checked{background:#2b90e4;color:#fff;}



/* Directory Page */

.directory-section{padding:185px 0 150px; background: url(../img/background1.png) repeat-x bottom;}


.directory-search{padding:25px 35px 15px; box-shadow: 0 0 19px -2px rgba(0, 0, 0, 0.11);margin-top: -20px;display: inline-block; width: 100%;background: #fff;position: relative;}
.directory-search h2{font-size:37.04px;margin: 0 0 10px;}
.directory-search span{color: #f59823; font-family: 'Myriad Pro Bold';}
.directory-search p{font-size:24.04px;color:#424242;font-family: 'Myriad Pro';}
.directory-search form{margin-left:-1%;}
.directory-search input[type="text"]{width: 30%;float: left; margin-left: 1%;height:55px;}
.directory-search input[type="submit"] {width: 64px;height: 55px;background: #2b90e4 url(../img/search-icon.png) no-repeat center; border-radius: 0px; border: 1px solid #247dc9;}
.directory-search .directory_matches{font-size: 24.04px; color: #fff;background: #f59823;text-align: center; display: inline-block;padding: 6px 54px;font-style: italic;position: absolute; left: 0;
    top: 100%;}
.directory_matches span{color: #fff;font-weight:400;font-family: 'Myriad Pro Light';}

.directory{text-align:center;max-width:245px;margin:0 auto 60px;}
.directory figure{border-radius:50%;overflow:hidden;max-width: 243px;margin: 0 auto 55px;}
.directory h3{font-size:29.31px;color:#676767;font-weight: 700;margin-bottom: 0;}
.directory h4{color:#0b5fa4; margin: 2px 0;}
.directory span{font-size:21px;color:#7e7e7e;}
.directory-icon{border-top:1px solid #e0e0e0;padding: 14px 0 7px; margin-top: 5px;}
.directory-icon a{display:inline-block;font-size:21px;margin:0 11px;color:#119cdc;}
.dir-mail{font-size:19px;color:#119cdc;display:block;}
.dir-call{font-size:19px;color:#969595;}


/* Account Page */
.inner-content{padding:80px 0 70px;}

.title h2{font-size:37.04px;margin: 0 0 10px;}
.title span{color: #f59823; font-family: 'Myriad Pro Bold';}
.title p {color: #8b8989;letter-spacing: 2px;}

.tab-btn{display:none;}
#Account-tabs{border: none;margin:70px 0 0;}

#Account-tabs li>a{font-size:17.31px;color:#454545;font-family: 'Myriad Pro';width:163px;padding:5px;text-align: center;line-height: 21px;background: #efece9;float:left;
    margin: 0 1px;height:61px;position:relative;}
#Account-tabs .tabs-title>a:focus, #Account-tabs .tabs-title>a[aria-selected=true] {background: #B48D34;color:#fff;font-size:24px;font-family:'Myriad Pro Bold';letter-spacing: 0.5px;
height:70px;    margin-top: -9px;}
#Account-tabs li>a span{width: 100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);}

.account-content{box-shadow:0 0 19px -2px rgba(0, 0, 0, 0.11);padding:40px;}

.account-content h3{font-size:33.6px;/*margin: 0 0 40px;*/}
.account-content span{color: #B48D34; font-family: 'Myriad Pro Bold';}

.account-data h3{display: inline-block;margin-right:70px;}
.account-data ul{width: 100%; float: left;}
.account-data li{font-size:16.31px; width: 100%; float: left;margin-bottom: 20px;}
.account-data li span{color:#454545;line-height: 16px;display: block;}
.account-data li p{color:#a0a0a0;    display:block; margin:0 0px 0 0;line-height:16px;}
.account-data li p a{color:#a0a0a0;}
.account-data .btn{font-size: 12.51px; text-transform: inherit; padding: 3px 50px 1px;background:#0b5fa4;}

.my-info{margin-bottom: 49px; padding-bottom: 45px; border-bottom: 1px solid #e8e8e8; }

.edit-change-btn{ display: inline-block;}
.account-title .btn{font-size: 15.96px;padding: 8px 50px 6px; display: inline-block;vertical-align: super;}
.account-title .btn:hover, .account-data .btn:hover{background:#084A80;}
.btn.change-pass{background:#B48D34;}
.btn.change-pass:hover{background:#8B6714;}


/* Fill Form  */


.form-header{margin-bottom:56px;}
.form-header h2{font-size:46px;color:#737373;margin-bottom: 35px;}
.form-header p.lead{font-size:26px;color:#717171; font-weight: 100; line-height: 20px;margin: 0 0 13px;font-family:'Myriad Pro Light';}
.form-header p{color:#6b6b6b;font-weight: 700; font-size: 17px;font-family: 'Myriad Pro';letter-spacing:0.5px;}

.fill-form h4{font-size:22px;color:#6f7172;font-weight: 600;font-family: 'Myriad Pro';letter-spacing:0.5px;margin-bottom:11px;}
.fill-form label{font-family: 'Myriad Pro';margin-bottom:10px;}
.fill-form input[type="text"], .fill-form select{margin-bottom:0;height:40px;}
.fill-form input[type="text"]:focus, .fill-form input[type="password"]:focus, .fill-form select:focus{border: 1px solid #2b90e4;}
.fill-form fieldset{margin-bottom:80px;}
.fill-form input[type="submit"] {text-transform: uppercase;font-size:22px; letter-spacing: 1px;padding:17px 72px 14px; margin: 25px 0 50px;background:#2b90e4;}
.fill-form input[type="submit"]:hover{background:#f59823;}

.card-month{width:60%;}
.card-year{width:35%;float:right}

.payment-card{display:inline-block;margin:15px 0 0 10px;}
.payment-card li{display:inline-block;margin:0 2px;}

.field-wrap{width:100%;float:left;}

/* Blog Post List  */

.top_pagination{width:100%;float:left;}
.bottom_pagination{width:100%;float:left;}

.BlogTagList{width:100%;float:left;margin:0px;}
.blog-cat, .BlogTagList ul{padding:16px 0 40px;border-bottom:1px solid #e5e5e5;margin-bottom:40px;}
.blog-cat li, .BlogTagList ul li{display:inline-block;}
.blog-cat li a, .BlogTagList ul li a{display:inline-block;font-size:14.41px;color:#5e5e5e;text-transform: uppercase;font-family:'Myriad Pro Bold';background:#f5f5f4;padding:8px 33px;border-radius:50px;    margin-right: 17px;}
.blog-cat li.active a, .blog-cat li  a:hover, .BlogTagList ul li a:hover,.BlogTagList ul li.active a{background:#f59823;color:#fff}
.BlogTagList ul li a span{display:none;}
.blog-post-wrap{width:100%;float:left; padding:25px 68px 0 0;}
.blog-post{width:100%;float:left;background:#2b90e4;margin-bottom:65px;}
.blog-post figure{width:100%;float:left;overflow:hidden;max-height:339px;}

.blog-post:nth-of-type(3n+2){background:#df2838;}
.blog-post:nth-of-type(3n+3){background:#f59823;}

.blog-post:nth-of-type(3n+2) .blog-share, .blog-post:nth-of-type(3n+2) .blog-info span{color:#df2838;}
.blog-post:nth-of-type(3n+3) .blog-share, .blog-post:nth-of-type(3n+3) .blog-info span{color:#f59823;}

.blog-post figure img{width:100%;}

.blog-desc{padding:40px 80px 65px;width:100%;float:left;}
.blog-desc h3{font-size:28px;color:#fff;line-height:37px;font-family:'Myriad Pro Bold';}
.blog-desc h3 a{color:#fff;}
.blog-desc h3 a:hover{color:#fff;text-decoration:underline;}

.blog-info span{background:#fff;border-radius:10px;display:inline-block;text-align:center;font-size:28px;padding: 0px 24px; position: relative;  margin:13px 19px 0 0;font-family:'Myriad Pro Bold';color: #2b90e4;}
.blog-info span:after{content: "";width: 0;height: 0;border-top: 12px solid #fff; border-right: 16px solid transparent;position: absolute;top: 100%;left: 15px;}
.blog-info p{display:inline-block;font-size:26px;color:#fff;}
.blog-share{width:64px;height:64px;line-height:69px;background:#fff;border-radius:50%;display:inline-block;text-align:center;font-size:35px;float: right;color: #2b90e4;}

.sidebar{width:100%;float:left;}
.sidebar .title h3{font-size:31px;}
.sidebar .title h3, .sidebar .title h3 span{color:#fff;}
.sidebar .btn{font-size:14.41px;display: inline-block;width:140px;height:40px; padding: 5px; line-height: 32px;text-align:center;}
.sidebar .btn:hover{background:#2b90e4;}
.btn.side-btn2{background:#2b90e4;}
.btn.side-btn2:hover{background:#f59823;}

.side-member{background:#304764;padding:30px 30px 35px;margin-bottom:30px;width:100%;float:left;}
.side-member p{color:#fff;letter-spacing:1px;}
.side-member .side-btns span{color:#fff;font-size:19px;font-family:'Myriad Pro Bold';margin: 0 5px;}


.side-login{width:100%;float:left;box-shadow: 0 0 19px -2px rgba(0, 0, 0, 0.11);margin-bottom:30px;}

.side-login .title{width:100%;float:left; background:#2b90e4;text-align:center;}
.side-login .title h3{font-size:28px;padding: 19px 10px; margin: 0;}
.BlogRecentPost{width:100%;float:left;}
.side-login form{width:100%;float:left;padding:34px 30px 24px;}
.side-login input[type="text"], .side-login input[type="password"]{height: 49px;}
.side-login input[type=checkbox]{margin-right:15px;}
.side-login input[type="submit"]{width: 100%;text-transform: uppercase;font-size: 16.32px; letter-spacing: 1px; padding: 8px 15px; margin-top: 14px;}

.side-login input::-webkit-input-placeholder {color: #353434;font-size: 16px;letter-spacing: 1px;}
.side-login input::-moz-placeholder {color: #353434;font-size: 16px;letter-spacing: 1px;}
.side-login input:-ms-input-placeholder {color: #353434;font-size: 16px;letter-spacing: 1px;}
.side-login input:-moz-placeholder {color: #353434;font-size: 16px;letter-spacing: 1px;}
.side-login input:placeholder-shown {color: #353434;font-size: 16px;letter-spacing: 1px;}


.side-publication{width:100%;float:left;box-shadow: 0 0 19px -2px rgba(0, 0, 0, 0.11);}
.side-publication .title{width:100%;background:#172332;text-align:center;}
.side-publication .title h3{font-size:28px;padding: 19px 10px;}

.side-publication li a{font-size:16.78px;line-height: 20px;display: inline-block;vertical-align: -webkit-baseline-middle;}
.side-publication li a:hover{color:#2b90e4;}


.sidepanel-box{width:100%;float:left;box-shadow: 0 0 19px -2px rgba(0, 0, 0, 0.11);margin-bottom:30px;}
.box-title{width: 100%;float: left;background: #2b90e4;text-align: center;padding: 19px 10px;}
.box-title h3{font-size:28px;margin-bottom:0px;color:#fff;}
.box-title h3 span{font-family: 'Myriad Pro Bold'}
.box-content{width:100%;float:left;padding:34px 30px 24px}

.box-content ul.box_nav, .BlogRecentPost ul{width:100%;float:left;margin:0 0 5px 0;padding:0px;}
.box-content ul.box_nav li, .BlogRecentPost ul li{width:100%;display:inline-block;padding:4px 0 4px 20px;position:relative;}
.box-content ul.box_nav li:before, .BlogRecentPost ul li:before {content: "\f054";display: inline-block;font-size: 18px;color: #2b90e4;position: absolute;top: 2px;left: -4px;font-family: 'FontAwesome';}

.box-content ul.box_nav li a, .BlogRecentPost ul li a{font-size:18px;color:#a5a5a5;display:block;line-height:21px;}


.post-details{width:100%;float:left;}


/* Blog Post Detail  */



.blog-detail h3{font-size:25.82px;color:#535353;}
.blog-detail h3 span{color:#f59823;font-family:'Myriad Pro Bold';}

.blog-detail .blog-share{background:#2b90e4;color: #fff;}

.blog-feature-img{margin-top:15px;}
.blog-feature-img img{width:100%;}

.blog-author{width:100%;float:left;background:#ecf1f4;padding:21px 50px;}
.blog-author figure{width:90px;height:90px;border-radius:50%;overflow:hidden;display:inline-block;vertical-align: middle;margin-right:20px;}
.blog-author figcaption{display:inline-block;vertical-align: middle;}
.blog-author h3{font-size:26px;color:#304764;font-family:'Myriad Pro Bold';margin:0;}
.blog-author p{margin:0;line-height:20px;max-width:350px;}


.blog-date{font-size:15px;color:#929292;font-family:'Myriad Pro';width: 100%;float: left;margin-top:29px;font-weight:700;}

.blog-body{border-bottom:1px solid #dbdbdb;padding:29px 0 12px;width: 100%;float: left;}
.blog-body h4{font-size:21.76px;color:#666666;font-family:'Myriad Pro';letter-spacing:0.5px;}
.blog-body p{letter-spacing:2px;}
.blog-body h3{font-size:29px;color:#666666;font-family:'Myriad Pro Bold';letter-spacing:0.5px;}


.blog-comment-wrap{width: 100%;float: left;margin-top:50px;}
.blog-comment-wrap figure{display:inline-block;vertical-align:middle;    width: 8%;}
.comment-field{display:inline-block;vertical-align:middle;    width: 90%;}

.blog-comment-wrap input[type="text"]{height:47px;border-radius:3px;margin:0;}
.blog-comment-wrap input[type="submit"]{float:right;font-size: 14.41px;padding: 8px 53px 6px;margin-top:30px;}

.comment-count a{font-size: 14.41px;text-align: center; padding: 7px 35px 5px; margin-bottom: 50px;}

.post-details{width:100%;float:left;}
.post-details ul {width: 100%;float: left;margin: 0px;padding: 15px 0px;background: #ecf1f4;text-align: center;}
.post-details ul li {display: inline-block;padding: 0 10px;font-size: 16px;color: #535353;}
.post-details ul li em{font-size: 16px;color: #f59823;margin-right: 6px;}
.post-details ul li a{font-size: 16px;color: #535353;}




.comment-post{width:100%;float:left;padding-top:26px;}
.comment-post h3, .comment_listview h3{font-family: 'azo_sansregular';color:#3e3939;}
.comment-post label{margin-bottom:6px;}
.comment-post input[type=text]{margin-bottom:20px;}
.comment-post textarea{height:145px;margin-bottom:30px;}
.comment_listview {width: 100%;float: left;border-top: 1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;padding-top:26px;}
.comment_listview ul {width: 100%;height: auto;float: left;padding-bottom: 25px;margin:0px;}
.comment_listview ul li {width: 100%;height: auto;float: left;margin-bottom: 25px;}
.comment-item {width: 100%;height: auto;float: left;}
.comment-image {width: 75px;height: 75px;float: left;}
.comment-image figure {padding: 0px;width: auto;display: inline-block;}
.comment-image figure img {width: 100%;display: inline-block;}
.comment_listview .comment-list {width: auto;height: auto;padding: 0 0 0 90px;border:none;background:none;margin:0px;float: none;}
.comment-content{width:100%;float:left;border-left:2px solid #666;padding-left:15px;}
.comment_listview .comment-title{width:100%;float:left;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;padding:6px 0 4px 0;margin:0 0 12px 0;}
.comment_listview .comment-title li{width:auto;float:left;padding:0px !important;margin:0px; margin-right:15px;font-size:14px;line-height:22px; color:#3e3939;font-family: 'azo_sansregular';}
.comment-title li em{margin-right:8px;color:#2e3234;vertical-align:0px;}
.comment-content p {font-size: 14px;margin-top: 8px;margin-bottom: 10px;line-height: 21.03px;}
.comment-post,.comment-post form{width: 100%;float: left;}
.comment-post .item {width: 100%;float: left;padding: 0px !important;margin-bottom: 18px;}
.comment-post .item input[type="text"] {margin-bottom: 0px;max-width: 375px;}
.comment-post .item textarea{min-height:125px}
.comment-post input.button{margin-top:12px;}

/* Social Button */

  #blog-social-btn{float:left;width: 100%;padding:24px 0 20px 0;}
  .sharrre{
    margin:55px 0 0 50px;
    float:left;
  }
  .sharrre .box a:hover{
    text-decoration:none;
  }
  .sharrre .count {
    color:#525b67;
    display:block;
    font-size:18px;
    font-weight:bold;
    line-height:40px;
    height:40px;
    position:relative;
    text-align:center;
    width:70px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    border:1px solid #b2c6cc;
    background: #fbfbfb; /* Old browsers */
    background: -moz-linear-gradient(top, #fbfbfb 0%, #f6f6f6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fbfbfb 0%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fbfbfb 0%,#f6f6f6 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fbfbfb 0%,#f6f6f6 100%); /* IE10+ */
    background: linear-gradient(top, #fbfbfb 0%,#f6f6f6 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
  }
  .sharrre .count:before, .sharrre .count:after {
  	content:'';
  	display:block;
  	position:absolute;
  	left:49%;
  	width:0;
  	height:0;
  }
  .sharrre .count:before {
  	border:solid 7px transparent;
  	border-top-color:#b2c6cc;
  	margin-left:-7px;
  	bottom: -14px;
  }
  .sharrre .count:after {
  	border:solid 6px transparent;
  	margin-left:-6px;
  	bottom:-12px;
  	border-top-color:#fbfbfb;
  }
  .sharrre .share {
    color:#FFFFFF;
    display:block;
    font-size:12px;
    font-weight:bold;
    height:30px;
    line-height:30px;
    margin-top:8px;
    padding:0;
    text-align:center;
    text-decoration:none;
    width:70px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px; 
  }
  #twitter .share {
    text-shadow: 1px 0px 0px #0077be;
    filter: dropshadow(color=#0077be, offx=1, offy=0); 
    border:1px solid #0075c5;
    background: #26c3eb;
    background: -moz-linear-gradient(top, #26c3eb 0%, #26b3e6 50%, #00a2e1 51%, #0080d6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#26c3eb), color-stop(50%,#26b3e6), color-stop(51%,#00a2e1), color-stop(100%,#0080d6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #26c3eb 0%,#26b3e6 50%,#00a2e1 51%,#0080d6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #26c3eb 0%,#26b3e6 50%,#00a2e1 51%,#0080d6 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #26c3eb 0%,#26b3e6 50%,#00a2e1 51%,#0080d6 100%); /* IE10+ */
    background: linear-gradient(top, #26c3eb 0%,#26b3e6 50%,#00a2e1 51%,#0080d6 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26c3eb', endColorstr='#0080d6',GradientType=0 ); /* IE6-9 */
    box-shadow: 0 1px 4px #DDDDDD, 0 1px 0 #5cd3f1 inset;
  }
  #facebook .share {
    text-shadow: 1px 0px 0px #26427e;
    filter: dropshadow(color=#26427e, offx=1, offy=0); 
    border:1px solid #24417c;
    background: #5582c9; /* Old browsers */
    background: -moz-linear-gradient(top, #5582c9 0%, #33539a 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5582c9), color-stop(100%,#33539a)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #5582c9 0%,#33539a 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #5582c9 0%,#33539a 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #5582c9 0%,#33539a 100%); /* IE10+ */
    background: linear-gradient(top, #5582c9 0%,#33539a 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5582c9', endColorstr='#33539a',GradientType=0 ); /* IE6-9 */
    box-shadow: 0 1px 4px #DDDDDD, 0 1px 0 #80a1d6 inset;
  }
  #googleplus .share {
    text-shadow: 1px 0px 0px #222222;
    filter: dropshadow(color=#222222, offx=1, offy=0); 
    border:1px solid #262626;
    background: #6d6d6d; /* Old browsers */
    background: -moz-linear-gradient(top, #6d6d6d 0%, #434343 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6d6d6d), color-stop(100%,#434343)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #6d6d6d 0%,#434343 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #6d6d6d 0%,#434343 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #6d6d6d 0%,#434343 100%); /* IE10+ */
    background: linear-gradient(top, #6d6d6d 0%,#434343 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d6d6d', endColorstr='#434343',GradientType=0 ); /* IE6-9 */
    box-shadow: 0 1px 4px #DDDDDD, 0 1px 0 #929292 inset;
  }






/* Publication Page */

.publication-img{margin:47px 0;}

.publications{padding-right:120px;}

.publications li{margin-bottom:60px;}
.publications h3{color:#353434;font-family:'Myriad Pro';font-family:'Myriad Pro';}
.publications p{color: #8b8989;letter-spacing: 2px;}

.publication-media{width:100%;float:left;padding-right:120px;margin-top:30px;}
.publication-media li{display: inline-block;width: 100%; margin-bottom: 15px;}
.publication-media h5{margin:0;}
.publication-media h5 a{font-size:20.78px;color:#2b90e4;font-family:'Myriad Pro Bold';}
.publication-media p{color:#5e5e5e;font-size:16.06px}
.publication-media span{margin-top: 20px; display: block;color:#5e5e5e;font-size:16.06px}

/* Contact Page */

.contact-title{padding:68px 0 50px;text-align:center;}

.blue-bg{background:#2b90e4;}
.orange-bg{background:#e77817;}
.green-bg{background:#95c943;}




.contact-box{padding:68px 0;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;}
.contact-box figure{width:90px;height:90px;border-radius:50%;text-align:center;line-height:90px;overflow:hidden;display:inline-block; margin-right: 30px; vertical-align: middle;}


.cb-wrap {display:inline-block;vertical-align: middle;}
.cb-wrap h3{font-size:30px;color:#535353;margin-bottom: 10px;}
.cb-wrap p{margin:0;}
.cb-wrap a{font-size:23px;color:#252525;font-family:'Myriad Pro Bold';}

.contact-stay{padding:130px 0 70px;position:relative;}
.contact-form-wrap{max-width: 910px; float: right;width:100%;}

.contact-sign{ padding-right: 50px;}
.contact-sign h1{font-size:59px;color:#908f8f;margin:0 0 10px 0;margin: 0 0 24px 0;letter-spacing: 1px;}
.contact-sign p{font-size:19px;color:#8b8989;letter-spacing:2px;line-height:28px;    margin-bottom: 28px;}
.contact-sign input[type="checkbox"]{margin:0 15px 0 0;}

.info-checkbox{display:-webkit-flex;display:-webkit-box;display:flex;display:-moz-box;display:-ms-flexbox;-webkit-align-items: center;align-items: center; margin-bottom: 14px;}
.info-checkbox span{ line-height: 18px;margin: 0;font-size: 13.72px;}


.contact-form{margin-right: -50px;}

.contact-form-wrap input::-webkit-input-placeholder {color: #8b8b8b;font-size: 13.72px;font-family:'Myriad Pro Light';}
.contact-form-wrap input::-moz-placeholder {color: #8b8b8b;font-size: 13.72px;font-family:'Myriad Pro Light';}
.contact-form-wrap input:-ms-input-placeholder {color: #8b8b8b;font-size: 13.72px;font-family:'Myriad Pro Light';}
.contact-form-wrap input:-moz-placeholder {color: #8b8b8b;font-size: 13.72px;font-family:'Myriad Pro Light';}
.contact-form-wrap input:placeholder-shown {color: #8b8b8b;font-size: 13.72px;font-family:'Myriad Pro Light';}

.contact-form-wrap label{color: #3e3939;font-size: 13.72px;    font-weight: 700;font-family:'Myriad Pro';}

.contact-form-wrap input[type="submit"]{font-size:17.95px;text-transform:uppercase;}
.contact-sign input[type="submit"]{padding: 10px 84px 8px;background: #2b90e4;margin-top:10px;}
.contact-form input[type="submit"]{padding: 10px 62px 8px;margin-top:30px;}


.contact-tag{position: absolute;bottom: 0;left: 75%;}
.contact-updated{width:232px;height:232px;text-align:center;display:block;    background: #2b90e4; border-radius: 50%;position:absolute; top: 100px;left: -35%;
transform:rotate(-20deg);-webkit-transform:rotate(-20deg);-moz-transform:rotate(-20deg);-ms-transform:rotate(-20deg);-o-transform:rotate(-20deg);

}
.contact-updated span{font-size:40.06px;color:#fff;line-height:42.57px;display:block;font-family:'Myriad Pro Bold';position: absolute;
    top: 50%;left: 50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);}





/* Login Page */

.login-page{background:url(../img/login-bg.jpg) no-repeat; background-size:cover;position:relative;    height: auto;min-height:100%;}



.login-page:before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;opacity:0.96;

background: rgb(12,73,102); 
background: -moz-linear-gradient(-45deg,  rgba(12,73,102,1) 0%, rgba(28,122,166,1) 72%); 
background: -webkit-linear-gradient(-45deg,  rgba(12,73,102,1) 0%,rgba(28,122,166,1) 72%); 
background: linear-gradient(135deg,  rgba(12,73,102,1) 0%,rgba(28,122,166,1) 72%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c4966', endColorstr='#1c7aa6',GradientType=1 );
}
.login-page:after {content: "";width: 100%;height: 100%;position: absolute; top: 0;background: url(../img/shape-1.png) no-repeat; background-position: 50% 50%;left:0;}
.login-bg{background:url(../img/background2.png) repeat-x bottom;position:relative;z-index:99;height: 100%;min-height:100%;}

.login-wrap{z-index:99;position:relative;padding:54px 15px 7px;}

.login-header{padding-bottom:114px;width: 100%;float: left;}
.login-logo{float:left}
.login-btn{float:right;}
.login-btn a, .login-btn span{font-size:25px;color:#fff;}
.signUp-btn{border:1px solid #fff;border-radius:60px;padding: 12px 59px;margin-left:50px;}

.login-content{max-width:720px;margin:0 auto;text-align:center;}


.login-content figure img{width:130px;}

.login-content h2{font-size:32px;color:#fff;margin:33px 0 27px;}
.login-content p{font-size:19px;color:#fff;}

.login-content form{margin:33px auto 0;text-align:left;max-width:520px;}
.login-content label{color:rgba(255, 255, 255, 0.45);font-size:20px;}
.login-content input[type="text"], .login-content input[type="password"] {background-color: transparent;border: none;border-bottom: 1px solid #6286a5; padding: 10px 10px; color: #fff;
font-size:24px;}
.login-content input[type="text"]:focus, .login-content input[type="password"]:focus{box-shadow: none ; }

.login-content input::-webkit-input-placeholder {color: #fff;font-size:24px;font-family:'Myriad Pro Light';}
.login-content input::-moz-placeholder {color: #fff;font-size:24px;font-family:'Myriad Pro Light';}
.login-content input:-ms-input-placeholder {color: #fff;font-size:24px;font-family:'Myriad Pro Light';}
.login-content input:-moz-placeholder {color: #fff;font-size:24px;font-family:'Myriad Pro Light';}
.login-content input:placeholder-shown {color: #fff;font-size:24px;font-family:'Myriad Pro Light';}



.login-content input[type="submit"] {font-size: 29px;padding: 22px 30px;margin-top: 20px;font-weight: 100;display: inline-block;width: 100%;}
.login-links{text-align:left;margin:33px auto;max-width:615px;}
.login-links li{width:49%;display:inline-block;}
.login-links li a{font-size:19px;color:#fff;text-decoration:underline;}

.pass-box{position:relative;}
.remember-pass{width: 50px;height: 50px;position: absolute;text-align: center; background: #2087b7; line-height: 51px; color: #fff; font-size: 27px; right: 0;  bottom: 34px;}
.login-content h4{color:#fff;margin-top:35px;margin-bottom:0px;width:100%;display:inline-block;}


/* Local Community Page */



.support-section{padding:85px 0 70px;}
.support-section p{letter-spacing:1.5px;}
.support-section .title h2{font-size: 41px;line-height: 53px; margin: 0 0 20px;}
.support-section .title p{color:#353434;font-family:'Myriad Pro';margin-bottom: 25px;}
.support-text{padding-right:100px;}


.contribution-section{padding: 100px 0 160px;background: #fffef1 url(../img/contribution-bg.jpg) no-repeat; position: relative;background-size:cover;}
.contribution-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;opacity:0.67;background:#fff;}
.contribution-section:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;opacity:0.3;
background: -moz-linear-gradient(-45deg,  rgba(255,255,255,0) 0%, rgba(255,255,22,0.45) 45%, rgba(255,193,0,0.66) 66%, rgba(255,110,2,1) 100%); 
background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,0) 0%,rgba(255,255,22,0.45) 45%,rgba(255,193,0,0.66) 66%,rgba(255,110,2,1) 100%); 
background: linear-gradient(135deg,  rgba(255,255,255,0) 0%,rgba(255,255,22,0.45) 45%,rgba(255,193,0,0.66) 66%,rgba(255,110,2,1) 100%); Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ff6e02',GradientType=1 ); }


.contribution-section h2{font-size:31px;color:#353434;letter-spacing:2px;margin-bottom:30px;}
.contribution-section h2 span{color:#353434;display:block;}

.con-wrap{float:right;z-index:9;position:relative;}
.con-wrap h5{font-size:21px;color:#353434;font-family:'Myriad Pro Bold';letter-spacing:2px;margin-bottom: 10px;}
.con-wrap p{color:#505050;letter-spacing:2px;}



.update-section{}

.update-list{margin-top:15px;}
.update-list li{padding:0 1px;}
.update-box figure{position:relative;width:100%;float:left;}
.update-box figure:before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;opacity:0.9;}

.update-box .orange-bg:before{background:#f59823;}
.update-box .green-bg:before{background:#7cab32;}
.update-box .blue-bg:before{background:#1a2a3c;}

ul.update-list li:nth-child(3n + 1) figure:before{background:#f59823;}
ul.update-list li:nth-child(3n + 2) figure:before{background:#7cab32;}
ul.update-list li:nth-child(3n + 3) figure:before{background:#1a2a3c;}



.update-box figcaption{position: absolute; width: 100%;left: 0;bottom:50px;padding: 0 50px; max-width: 536px;}
.update-box h2{font-size:38.73px;color:#fff;margin: 0;line-height: 43px;}
.update-box span{color:#fff;}
.update-date{font-size:25.73px;color:#fff;}
.update-box a.update-link{font-size:44px;color:#fff;margin-top: 32px;display: block;line-height: 20px;}
.update-box a.update-link em{line-height: 20px;}



.performance-section{padding:60px 0;}
#performance-chart{ margin-top: 55px;}
.highcharts-credits{display:none;}




/* Responsive */


@media(max-width:1366px){
	
	.top-bar, .top-bar ul{padding: 0;}
	ul.dropdown.menu>li {padding: 0 2px;}
	
	.membership-sign{text-align: center;}
	.membership-text, .membership-3 .membership-text{display: block; margin: 32px 0;}
	.membership-3 figure img {margin-top: 0;}
	.membership-3{padding:60px 0;}
	
	.offer-slide{padding: 40px 100px;}
	.side-member .side-btns span{margin: 0;}
	.sidebar .btn{ margin-bottom: 5px;}
	
	.contact-box figure{margin-right: 5px;}
	.contact-updated{width: 150px;height: 150px; left: -13%;}
	.contact-updated span{font-size: 25px;line-height: 25px;}
	
	.directory-section {padding: 130px 0 0;}
	
	.update-box figcaption{padding: 0 15px;}
	.update-box h2{font-size: 30px;line-height: 32px;}
	
	
}
@media(max-width:1280px){
.footer-links {padding: 35px 0px;}

.footer-form{padding:32px 20px 10px 20px;}
.footer-logo {margin-top: 20px;}
}


@media(max-width:1199px){
	.program h1, .offer-text h1, .contact-sign h1 {font-size: 40px;}
	.program h2, .directory-search h2, .support-section .title h2 {font-size: 35px;}
	
	
	.career-section, .contact-stay, .support-section, .contribution-section {padding: 70px 0;}
	
	

	
	a.btn {padding: 8px 12px 7px 18px;font-size: 15px;margin-top:20px;}
	a.btn span{font-size: 14px;margin-left: 13px; padding-left: 15px;}
	.button, .fill-form input[type="submit"]{font-size:15px;padding: 13px 58px 10px;}
	
	.slid-caption h1{margin-bottom: 0;line-height: 41px;font-size: 35px;}
	.slid-caption h2 {font-size: 25px;}
	
	
	.benefits li figure{width: 70px;height: 70px;line-height: 77px;}
	.benefits li p{max-width: 370px;}
	
	.program-call a{font-size: 30px;}
	
	.circle-wrap{width: 375px; height: 375px;}
	.circle-part2:before, .circle-part2:after{width: 15px;}
	.commu-content figure{width: 85px;height: 85px;line-height: 85px;}
	.commu-content figure img{width: 42%;}
	
	
	#Account-tabs .tabs-title>a{width: 158px;}
	.blog-post-wrap {padding: 25px 0 0 0;}
	
	.career-info p {width: 100%;}
	
	.contact-box figure{display: block; margin: 0 auto 15px;}
	.contact-box{text-align:center;}
	.contact-sign p{font-size: 18px;line-height: 21px;}
	
	.directory-search input[type="text"]{ margin-left: 0.5%;}
	.directory-search form { margin-left: -0.5%;}
	
	.payment-card {display: block;margin: 2px 0 0;}
	.fill-form fieldset { margin-bottom: 40px;}
	
	.support-section .title h2 {line-height: 42px;}
	.update-box a.update-link{margin-top: 10px;}
	.communication-circle{padding:231px 0;}
	.communication-section {padding: 50px 0 75px;}
	.whoR-section{padding:50px 0;}
}
@media(max-width:1023px){
	.footer-logo{text-align:center;}
	.footer-links{padding-bottom:20px;}
	.association-wrap {padding: 50px 0 80px;}
}
@media(max-width:991px){
	
	h1, .program h1, .offer-text h1, .contact-sign h1 {font-size: 35px;}
	h2, .membership-text h2, .title-1 h2, .title-2 h2, .program h2, .directory-search h2, .form-header h2, .login-content h2, .support-section .title h2,    .contribution-section h2 {font-size:30px;}
    .title h2 {font-size: 24px;}
	.commu-content h3, .account-content h3, .blog-desc h3, .blog-body h3, .publications h3, .cb-wrap h3, .directory h3, .off-canvas-wrapper.feature-page  h3, .sidebar .title h3 {font-size: 25px;line-height:30px;}
	.blog-body h4, h4{font-size: 21px;}
	.footer-form h5{ font-size: 20px;line-height: 23px;}
	
	.membership-section, .benefits-section, .whoR-section, .client-logo, .testimonial-section, .program-section, .footer-links, .communication-section, .inner-bnr, .association-wrap, .inner-content, .guidance-section, .career-section, .contact-box, .contact-title, .contact-stay, .support-section, .contribution-section {padding: 40px 0;}
	
	.title-2 h2:before{font-size: 60px;}
	.title-2 h2{padding-left: 32px;}
	
	
	
	
	.menu-btn, .search-btn{display:inline-block;}
	.site-search{display:none;width: 100%;margin: 0 auto;padding: 22px 0 0;}
	.site-search form{max-width: 600px; margin: 0 auto;float: none;}
	.topmenu ul li a {font-size: 14px;}
	.topmenu ul li:before{ margin: 0 13px 0 10px;}
	.primary_navigation{display:none;}
	
	.benefits-part1, .benefits-part2{width:100%;}
	.benefits{text-align: center;}
	.benefits li{width: 31%;display: inline-block; padding: 0 15px;}
	.benefits-section .title-1 {margin-bottom: 25px;}
	.benefits li figure{margin: 0 auto;display: block;}
	.benefits-section:after{background-position: 50%;}
	.benefits-video .play-button em{width: 100px;height: 100px;line-height: 100px;}
	
	.whoR-section:before{content:"";width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(255, 254, 241, 0.63);}
	.whoR-wrap {    z-index: 1;position: relative; width: 100%; max-width: 500px; float: none; margin: 0 auto;}
	
	.testimonials{padding-top:25px;}
	.testimonials li{width: 50%;}
	
	.program, .program-call{width:100%;}
	.program-section{text-align: center;}	
	
	.footer-content{display:inline-block;}
	
	.footer-links{width: 100%;}
	.footer-logo {text-align: center;}
	
	
	.communication-circle{padding:0;}
	.circle-part1, .circle-part2, .circle-wrap:before{display: none;}
	.circle-wrap {width: 100%; height: inherit;padding: 0 15px;}
	.commu-content{position:inherit;top:inherit;bottom:inherit;left:inherit;right:inherit;transform:none;display:inline-block;width:49%;padding:0 15px 40px;vertical-align: middle;}
	.comm-ratio{margin-bottom:35px;}
	.commu-content figure{margin: 0 auto 30px;}
	.commu-content.content_side {text-align: center;}
	.commu-content.content_side figcaption {width: 100%;text-align: center;}	
	.commu-content1 figure, .commu-content1 figcaption{transform: none;}
	
	
	.association-text {z-index: 1;position: relative;width: 100%; max-width: 500px;float: none; margin: 0 auto;}
	.association-section .title-2 h2:before {left: 0;}
	.association-section h2{ line-height: 35px;}
	
	.offer-text h1{line-height: 34px;}
	
	.tab-btn a{color: #fff;}
	.tab-btn:after{content: "\f107";font-family: 'FontAwesome';position: absolute;right: 15px;top: 10px;color: #fff;font-size: 32px;display: inline-block;}
	.tab-btn{width: 100%;max-width: 300px;margin: 24px auto 0;color: #fff;padding:13px 24px;position: relative;text-align: left;    cursor: pointer;display: block;background:#d5b05b;font-size: 24px;font-family: 'Myriad Pro Bold';}
	#Account-tabs.tabs{max-width: 300px;margin: 0 auto;border: 1px solid #eee;}
	#Account-tabs .tabs-title>a{padding:8px 10px;font-size: 15px;width: 100%;height: 44px;}
	#Account-tabs .tabs-title>a:focus, #Account-tabs .tabs-title>a[aria-selected=true]{ font-family: 'Myriad Pro';background:#efece9;color: #454545;font-size: 15px;margin: 0;    height:44px;}
	#Account-tabs .tabs-title, #Account-tabs .pull-left ,  #Account-tabs .pull-left a{display: block; width: 100%;}
	
	.blog-info span{margin: 13px 0 0 0;font-size: 22px;}
	.blog-info p{font-size: 20px;}
	.side-publication ul {padding: 30px 15px 22px 45px;}
	.blog-author{padding: 21px 15px;}
	.blog-author figure{margin-right: 8px;}
	.publications { padding-right: 0;}
	.blog-share {width: 50px; height: 50px;line-height: 55px;font-size: 25px;}
	
	
	.publication-media li img{display:none;}
	.publication-media span {margin-top: -13px;}
	.media-text{width: 100%;}
	
	.guidance-img{width:100%;padding: 15px 60px 60px;}
	.guidance-text{width: 100%; max-width: 600px;float: none !important; margin: 0 auto;clear: both;}
	.guidance-img img{    transform: none; width: 100%;}
	
	.cb-wrap a {font-size: 20px;}	
	
	.contact-form-side{width:100%;}
	.contact-tag{display:none;}
	
	.directory-search input[type="text"] { width: 29%;padding: 8px 8px;}
	
	.fill-form input[type="submit"]{margin:0;}
	.form-header p.lead {font-size: 20px;}
	
	
	.login-header {padding-bottom: 75px; }
	.login-btn a, .login-btn span {font-size: 20px;}
	.login-btn {margin-top: 15px;}
	.signUp-btn{ margin-left: 10px;padding: 9px 34px;}
	
	.support-text, .support-img{width:100%;text-align:center;padding: 0 15px;}
	
	.con-wrap{width:100%;max-width: 500px;float: none; margin: 0 auto;}

	.update-list li {width: 50%;margin-bottom: 2px;}
	.update-date {font-size: 20px;}
	
	.inner-bnr h1{line-height: 41px;}
	.service-link2 {
    width: 35%;
}
.footer-contact {width: 65%;}
.menu.vertical>li.drop-val + .drop-val{display:none;}
.account-content{padding:20px 15px;}
}	


@media(max-width:767px){
	.site-title {width: 210px;}
	.search-btn, .menu-btn{width: 36px;height: 40px;line-height: 42px;font-size: 15px;margin: 6px 15px 0 0;}
	.topmenu{padding-top: 15px;}
	
	
	
	ul.list-style-check{padding-left: 0;}
	ul.list-style-check li {font-size: 18px;padding: 5px 0 5px 28px;line-height: 21px;}
	.hero-slider {height: inherit;}
	
	.slide-img{width: 100%;position: absolute;left: 15%;}
	.slide-img figure{margin: 0;opacity: 0.2;}
	.caption-wrap {margin-top: 0;}
	.slid-caption{padding: 39px 30px;}
	
	.membership-btn a{font-size: 15px;width: 202px; height: 50px;line-height: 53px;}
	
	.benefits li, .testimonials li{width:100%;}
	.testimonials h3{margin-top:8px;font-size: 22px;}
	
	.footer-form{margin-bottom:0;}
	
	
	

	
	.footer-credit{text-align: center;}
	.footer-credit p{float: none;margin-top:15px;}
	.footer-credit span{display: block;margin: 0 0 5px;}
	
	.inner-bnr{text-align: center;}
	.inner-bnr:before{background-position: 50% 10%;}
	.inner-bnr h2{font-size: 20px;}
	
	.offer-slide{ text-align: center;padding: 40px 30px;}
	.offer-text, .offer-discount{width:100%;}
	.offer-slider .slick-prev:before, .offer-slider .slick-next:before{font-size: 62px;}
	.offer-slider .slick-prev, .offer-slider .slick-next{top: 47%;}
	.offer-slider .slick-prev {left: 5px;}
	.offer-slider .slick-next {right: 7px;}
	
	.edit-change-btn{display:block;    margin-bottom: 24px;}
	.account-content h3{margin: 0 0 20px;}
	
	.blog-left-part{width:100%;}
	.blog-right-part{width:100%;margin-top:40px;}
	
	.career-section .grid li{width:50%;margin-bottom:35px;}
	
	.contact-box li{width:100%;margin-bottom:35px;}
	.contact-box li:last-child{margin-bottom:0;}
	
	.directory-search form {margin-left: 0;}
	.directory-search input[type="text"] {width: 100%;margin: 0 0 8px;}
	.directory-search{text-align: center;margin-top: 0px;}
	.directory-search p {font-size: 16px;}
	
	.publication-media{padding-right: 0;}
	
	.login-page, .login-bg{height:initial;}
	.footer-contact li span{margin-right:6px;}
	ul.list-style-check li:before{width:16px;height:16px;top:9px;left:0px;background-size:100%;}
	.box-content{padding:20px 20px;}
	
}



@media(max-width:639px){
	
	h1, .program h1, .offer-text h1, .contact-sign h1 {font-size: 30px;}
	h2, .membership-text h2, .title-1 h2, .program h2, .side-publication .title h2, .title h2, .directory-search h2, .form-header h2, .login-content h2, .support-section .title h2, .contribution-section h2, .sidebar .title h3{font-size: 24px;}
	
	.topmenu{width: 100%;padding: 25px 0 22px;}
	.topbar_navigation{text-align:center;}
	.site-title {width: 100%; float: none; margin: 0 auto; max-width: 300px;}
	.topmenu ul{float:none;}
	.search-btn, .menu-btn{float:none;vertical-align: middle;margin: 25px 5px;}
	
	.slid-caption h1 {font-size: 24px;}
	.slid-caption h2 {font-size: 21px;}
	
	.commu-content{width: 100%;}
	.account-data li{margin-bottom: 30px;}
	.account-content{max-width: 400px;margin: 0 auto;text-align: center;}
	.account-data li p{margin: 0 auto;}
	.my-info {margin-bottom: 30px;padding-bottom: 8px;}
	.account-title .btn{padding: 8px 6px;width: 200px;}
	
	.pagination li{display: inline-block;}
	.blog-cat li  a{padding: 8px 20px;margin: 0 2px;}
	.blog-author figure{margin: 0 auto 15px;display: block;}
	.blog-author{text-align: center;}
	
	.career-section .grid li{width:100%;text-align: center;}
	.career{max-width: 450px;}
	.portfolio-btn li{margin: 0 10px 5px;}
	
	.contact-form {margin: 50px 0 0;}
	.directory figure{margin-bottom:25px;}
	
	.login-logo, .login-btn, .login-links li{    width: 100%;text-align: center;}
	.login-logo{margin-bottom: 30px;}
	.login-content input[type="submit"] {font-size: 21px;padding: 11px 57px;}
	.login-content p {font-size: 15px;}
	.login-content label{font-size: 18px;}
	
	.support-section .title h2 {line-height: 32px;}
	.update-list li {width:100%;}
	.update-box{max-width:500px;margin:0 auto;}
	.service-link2, .quick-link{width: 50%;}
	.footer-contact, .service-link{width:50%;}
	
	table.forum .icon {width: 25px;margin-top: 0px;}
table.forum td {padding: 9px 5px !important}
table.forum .icon img {width: 100%}
table.forum .forum {margin: 0 0 0 30px;}
table.forum .forum h3 {font-size: 13px;line-height: 16px;}
table.forum td.lastpost {width: 20% !important;}
table.forum td.posts {width: 20% !important;}
table.forum td.topics {width: 20% !important;}
table.forum td.name {width: 40% !important;}
	
	.box-content{padding:20px 15px;}
	.account-content>.tabs-panel{padding:12px 0;}
}


@media(max-width:479px){
	.program h2{font-size: 20px;}
	p{font-size: 14px;line-height: 17px;}
	
	.membership-btn a{display: block;margin: 8px auto;}
	.membership-text{margin: 18px 0 15px;}
	
	.title-2{margin-bottom: 14px;}
	.title-2:after{display:none;}
	
	.blog-desc { padding: 40px 20px 30px;}
	
	.directory-search a {font-size: 17px;width: 100%;}
	
	.service-link2, .quick-link{width: 40%;}
	.footer-contact, .service-link{width:60%;}
	.slid-caption {padding: 36px 20px;}
	.guidance-img {padding: 15px 31px 18px;}
	.tabs-title>a{padding:12px 10px;}
}
@media(max-width:374px){
	.quick-link, .service-link{width: 50%;}
	.service-link2{width:100%;}
	.footer-contact{width:100%;margin-top:20px;}
	.tabs-title>a {padding: 10px 6px;}
}
    
    @media(max-width:800px){
        nav button{
        	
        }
    nav ul{
        display: inline;
        }
    
    }
    
    nav {
  

}

nav li {
    margin-bottom: 1em;
  }
nav a {
    display: block;
  }

/*nav ul {
  display: none;
}

button {
  display: block;
}*/

.button-menu{
  display: flex;    
  clear: both;
}

nav button{
	background: #d5b05b;
	color: #fff;
    border-radius: 7px;
    padding: 0 5px;
    font-size: 15px;
    height: 40px;
    font-weight: bold;
}

.button-menu a {
	margin: 0 auto;
}

@media(min-width:600px){
    

    .site-search{
    
    } 

    .button-menu{
        margin: 10px auto 0 auto;
        width: 100%;


    }


    nav button {
    display: none;
    }
    nav ul {
    display: flex;

justify-content: space-evenly;
        flex-wrap:wrap;
    }
    
    nav ul li{
padding: 15px;
    }
    #menus{
    	width: 100%;
        margin: 0 auto;
    }
    
    .topmenu{
        position: absolute;
right: 1em;
z-index: 100;
        top: 0;
    }
    nav{
width:100%
    }
    
    .button-menu a {
    margin: 0 0 0 auto;
}
    

.benefits-video img{
max-width: 100%;
}


.membership-text h2 span{
	color: #D5B05B !important;
}

.foot-label{
	color: #fff;
}
    
    @media(min-width: 800px){
    
    
    }
    
@media screen and (min-width: 0px) and (max-width: 500px)
{
       
       img#becoming_pic_1{float: none; text-align: center!important; }
}
    
    @media screen and (min-width: 501px)
{
        img#becoming_pic_1{float: right; margin-right: 60px;}
}
       
    
    .column-left{width:50%; float:left;}
    .column-right{width:50%; float:left;}