body { font-family: 'Open Sans', sans-serif; color: #000000; font-size: 14px;}
p { color: #000000; font-size: 14px; font-family: 'Open Sans', sans-serif; }
a:hover { text-decoration: none; outline:none;}
a { text-decoration: none; outline:none;}
.clear { clear: both; line-height: 0; font-size: 0; margin: 0; padding: 0;}
.headMian { width: 100%; position: absolute; z-index: 9999; height: 170px; background: rgba(255,255,255,0.85);  transition: all 0.3s linear;}
.header-top { height: 27px; width: 100%; background: #1E87BD; text-align: right;}
.home-link { display: inline-block;vertical-align: middle; height: 27px; transition: all 0.3s linear;}
.home-link img { display: inline-block; transition: all 0.3s linear;}
.header-nav { width: 100%; height: 130px; box-shadow: 0 0 3px rgba(0,0,0,0.3); position: relative; transition: all 0.3s linear; }
.main-logo { position: absolute; left: 55px; top: 0; width: 115px; height: auto; padding-top: 19px; z-index: 99; opacity: 1; transition: all 0.3s linear; }
.main-logo img { max-width: 100%; height: auto; transition: all 0.3s linear;}
.headMian.fixed .main-logo { opacity: 0; transition: all 0.3s linear; }
.headMian.fixed  { height: 100px;  transition: all 0.3s linear; position: fixed; background: rgba(255,255,255,1);  }
.headMian.fixed  .header-nav { height: 55px; transition: all 0.3s linear;}
nav.sitenav { width: 100%; padding-top: 45px; transition: all 0.3s linear;}
nav.sitenav:after,nav.sitenav:before { display: table; clear: both; content: "";}
nav.sitenav ul { float: right; margin: 0; padding: 0; list-style-type: none;}
nav.sitenav ul li { float: left; margin: 0 14px; padding: 0; position: relative;}
nav.sitenav ul li:last-child { margin-right: 0;} 
nav.sitenav ul li a { display: block; padding: 25px 0; position: relative; font-size: 14px; color: #383838; line-height: 20px; font-weight: bold; transition: color  0.3s linear;}
nav.sitenav > ul > li a:after { position: absolute; left: 0; bottom: 0; height: 6px; background: #1E87BD; width: 0; visibility: hidden; display: block; content: ""; transition: width 0.3s linear;}
nav.sitenav > ul > li:hover > a:after, nav.sitenav > ul > li:focus > a:after, nav.sitenav > ul > li.active > a:after { width: 100%; visibility: visible;}
nav.sitenav > ul > li:hover > a,nav.sitenav > ul > li.active > a { color: #1E87BD; transition: color 0.3s linear;}

nav.sitenav ul li ul { position: absolute; left:0%; top: -1000%; z-index: 999; padding-top: 10px; padding-bottom: 10px; min-width: 245px;  background: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.3); opacity: 0; transition: opacity 0.4s linear; }
nav.sitenav ul li:hover > ul,nav.sitenav ul li:focus > ul { left:0; display: block; top: 100%;  opacity: 1; transition: opacity 0.4s linear;}

nav.sitenav ul li ul li { float: none; margin: 0; padding: 0 20px;}
nav.sitenav ul li ul li a { display: block; padding:8px 0; color: #383838; font-size: 13px; font-weight: normal;}
nav.sitenav ul li ul li:hover > a { color: #1E87BD;}
nav.sitenav ul li ul li.active > a { color: #1E87BD;}

.headMian.fixed nav.sitenav { padding-top: 0; transition: all 0.3s linear;}

.headMian.fixed nav.sitenav > ul > li > a {  padding: 18px 0; transition: all 0.3s linear;}


.landing-graphic img { width: 100%; height: calc(130vh - 352px); object-fit: cover; }

.top-hero.static-banner { padding-top: 0;}

.heroslide-bg {   background: rgba(0, 0, 0, 0) url("../../../backgroundimages/Upload_Backgroundimage-expert/ice-blue-bg2.jpg") no-repeat  center center / cover ; position: relative;}


.heroslide-bg:after { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background: rgba(206,149,96,0.6); z-index: 10;}

.top-hero { padding-top: 170px; transition: all 0.3s linear;}

body.header-active .top-hero { transition: all 0.3s linear;}

/*banner slider style*/

.slider-main { max-width: 782px; position: relative; z-index: 99;}
.slick-dots li button::before,
.slick-next::before,
.slick-prev::before {
    display: none
}

.images-slider {
    margin: 0 0px
}

.slide-item img {
    height: 455px;
    object-fit: cover;
    width: 100%
}

.slide-item {
    position: relative;
    overflow: hidden
}

.slide-item .slider-caption {
    position: absolute;
    left: -100%;
    bottom: 0;
    padding: 0 25px;
    line-height: 1.8em;
    font-size: 20pt;
    background-color: #1E87BD;
    text-align: center;
    z-index: 9999;
    color: #fff;
    transition-delay: .7s;
    transition-duration: 1.3s;
    transition-property: left;
    transition-timing-function: ease-in-out
}

.slide-item.slick-active .slider-caption {
    left: 0
}

.slick-next,
.slick-prev {
    width: 40px;
    height: 40px;
    z-index: 9999;
    opacity: 1!important
}

.images-slider .slick-prev {
    left: 0!important;
    background: url(../images/slideshow_btn_prev.png) left center no-repeat #fff
}

.images-slider .slick-next {
    right: 0!important;
    background: url(../images/slideshow_btn_next.png) left center no-repeat #fff
}

.images-slider .slick-prev:hover {
    background: url(../images/slideshow_btn_prev_hover.png) left center no-repeat #000
}

.images-slider .slick-next:hover {
    background: url(../images/slideshow_btn_next_hover.png) left center no-repeat #000
}

.slick-dots {
    bottom: -20px
}
.slick-dots li button {
    width: 9px;
    height: 9px;
    padding: 0;
    background: #D7D7D7;
    border-radius: 50%
}

.slick-dots li {
    margin: 0 3px;
    width: 9px;
    height: 9px
}

.slick-dots li.slick-active button {
    background: #FC7D00
}


/*Content section style is here*/

.section-content { padding: 40px 0; background: #fff; min-height: 472px; }
.section-content article { width: 100%; height: auto; padding: 0 25px;}
.section-content h1 { font-size: 24px; color: #1E87BD; margin: 0; padding: 0; padding-bottom: 35px; font-weight: normal;}
.section-content p { line-height: 180%; margin-bottom: 25px;}
.section-content p strong { font-weight: bold;}
.section-content a {color:#1E87BD; }
.section-content a:hover {color:#000; }
.section-content article img { max-width: 100%; height: auto;}

.static-banner img { 
width: 100%; height: auto;
}


.section-content {line-height: 180%; font-size: 14px; }


/*Mobile menu style is here*/
.mobile-nav {
    cursor: pointer;
    left: 0;
    padding-left: 15px;
    padding-top: 15px;
    position: absolute;
    top: 20px;
    width: 120px;
}
.toogle-menu {
    color: #1E87BD;
    font-size: 25px;
}
.mobilemenu-title {
    display: inline-block;
    font-size: 18px;
    vertical-align: top;
    padding-top: 3px;
}
.mobile-nav {
    top: 7px;
}

/* General styles for all menus */


#cbp-spmenu-s1.cbp-spmenu {
    
    background: url(../images/colors/ICE-BLUE-background-mobile.png) 0 0/cover repeat-y
}
.cbp-spmenu {
	
	position: fixed;
}

.cbp-spmenu h3 {
	
	font-size: 1.9em;
	padding: 20px;
	margin: 0;
	font-weight: 300;

}

.cbp-spmenu a {
	display: block;
	color: #fff;
	font-size: 1.1em;
	font-weight: 300;
}




/* Orientation-dependent styles for the content of the menu */

.cbp-spmenu-vertical {
	width: 270px;
	height: 100%;
	top: 0;
	 z-index: 99999;
}

.cbp-spmenu-vertical a {
	border-bottom: 1px solid rgba(0,0,0,0.3);
	padding: 1em;
}

.cbp-spmenu-horizontal {
	width: 100%;
	height: 150px;
	left: 0;
	z-index: 1000;
	overflow: hidden;
}

.cbp-spmenu-horizontal h3 {
	height: 100%;
	width: 20%;
	float: left;
}

.cbp-spmenu-horizontal a {
	float: left;
	width: 20%;
	padding: 0.8em;
	border-left: 1px solid rgba(0,0,0,0.3);
}

/* Vertical menu that slides from the left or right */

.cbp-spmenu-left {
	left: -270px;
}

.cbp-spmenu-right {
	right: -270px;
}

.cbp-spmenu-left.cbp-spmenu-open {
	left: 0px;
}

.cbp-spmenu-right.cbp-spmenu-open {
	right: 0px;
}

/* Horizontal menu that slides from the top or bottom */

.cbp-spmenu-top {
	top: -150px;
}

.cbp-spmenu-bottom {
	bottom: -150px;
}

.cbp-spmenu-top.cbp-spmenu-open {
	top: 0px;
}

.cbp-spmenu-bottom.cbp-spmenu-open {
	bottom: 0px;
}

/* Push classes applied to the body */

.cbp-spmenu-push {
	overflow-x: hidden;
	position: relative;
	left: 0;
}

.cbp-spmenu-push-toright {
	left: 270px;
}

.cbp-spmenu-push-toleft {
	left: -270px;
}

/* Transitions */

.cbp-spmenu,
.cbp-spmenu-push {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.mobile-colse {
    color: #ffffff;
    cursor: pointer;
    font-size: 18px;
    height: 50px;
    line-height: 50px;
    margin: 0 20px;
    text-align: left;
    z-index: 999;
}

.menu-opne-close-btn {
    background: rgba(0, 0, 0, 0) url("../images/close-icon.png") no-repeat scroll 0 0;
    display: inline-block;
    height: 12px;
    vertical-align: middle;
    width: 12px;
}
.mobile-logo {
    border-bottom: 1px solid #625e5c;
    border-top: 1px solid #625e5c;
    margin: 0 20px;
    padding: 15px 0;
}

.mob-logo-img, .mob-logo-title {
    display: inline-block;
    float: left;
}
.mob-logo-title {

    
    
    font-size: 14px;
    color: #c9c9c9;
    font-weight: 300;
    font-family: "Open Sans", sans-serif;
    padding: 0 0px 0px 10px;
    width: 75%;
    float: right;  
    height: 55px;
    display: flex;
    align-items: center;  
    justify-content: center; 
}
.mob-logo-img {
    display: inline-block;
    float: left;
}
#cbp-spmenu-s1 .Mopbile-menu-Warp > ul.scroll-nav {
    padding: 0 20px;
}
#cbp-spmenu-s1 ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    transition: none 0s ease 0s ;
}
#cbp-spmenu-s1 ul li {
    position: relative;
    transition: none 0s ease 0s ;
}
#cbp-spmenu-s1 ul li:hover a, #cbp-spmenu-s1 ul > li.current > a {
    color: #1E87BD;
}

#cbp-spmenu-s1 ul li a {
    background: rgba(0, 0, 0, 0) url("../images/mobile-menu-link-shap.png") no-repeat scroll right center;
    border-bottom: 0 solid rgba(0, 0, 0, 0.4);
    color: #c9c9c9;
    font-size: 15px;
    height: 35px;
    line-height: 20px;
    outline: 0 none;
    padding: 8px 15px 8px 0;
    text-decoration: none;
}

#cbp-spmenu-s1 ul li.has-submenu > a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
#cbp-spmenu-s1 ul ul {
    padding-left: 10px;
}
#cbp-spmenu-s1 ul ul {
    display: none;
    padding-left: 10px;
    position: relative;
    transition: none 0s ease 0s ;
    list-style-type: none;
    margin: 0;
}

.sub-toggle {
    background: rgba(0, 0, 0, 0) url("../images/sub-menu-plus-minus.png") no-repeat scroll 0 center;
    cursor: pointer;
    height: 14px;
    position: absolute;
    right: 0;
    top: 12px;
    width: 14px;
    z-index: 999999;
}
.sub-toggle.expanded {
    background: rgba(0, 0, 0, 0) url("../images/sub-menu-plus-minus.png") no-repeat scroll right center;
}
#cbp-spmenu-s1 ul li.has-submenu ul li, .mobile-colse {
    position: relative;
}

#cbp-spmenu-s1 ul li.has-submenu ul li a {
    background: rgba(0, 0, 0, 0) url("../images/mobile-menu-link-shap-sub-menu.png") no-repeat scroll right center;
    color: #c9c9c9;
    display: block;
    font-size: 13px;
    padding-right: 15px;
}

#cbp-spmenu-s1 ul li.has-submenu ul li:hover a { color: #1E87BD;}

body:after { content: "";
    position: absolute;
     background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    opacity: 0; left: -100%; width: 100%;   transition: all 0.2s linear 0s; z-index: -888; }
body.Menu-open:after {
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
    height: 100%;
    left: 0;
     position: fixed;
    opacity: 1;
    opacity: 1;
    top: 0;
    width: 100vw;
   z-index: 99998;
}
body.Menu-open { overflow: hidden;}
/* Example media queries */

@media screen and (max-width: 55.1875em){

	.cbp-spmenu-horizontal {
		font-size: 75%;
		height: 110px;
	}

	.cbp-spmenu-top {
		top: -110px;
	}

	.cbp-spmenu-bottom {
		bottom: -110px;
	}

}

@media screen and (max-height: 26.375em){

	.cbp-spmenu-vertical {
		font-size: 90%;
		width: 270px;
	}

	.cbp-spmenu-left,
	.cbp-spmenu-push-toleft {
		left: -270px;
	}

	.cbp-spmenu-right {
		right: -270px;
	}

	.cbp-spmenu-push-toright {
		left: 270px;
	}
}


/*bottom content style*/


.bottom { background: #1E87BD; padding:50px 0;}
.bottom h2,.bottom-box h2 { font-weight: normal; color: #ffffff; font-size: 22px; margin: 0; padding: 0; padding-bottom: 20px;}
.bottom-box { font-size: 14px; color: #000000; line-height: 170%;}
.bottom-box address {font-size: 14px; color: #000000; line-height: 170%; font-weight: normal; font-style: normal; margin-bottom: 0;}
.bottom-box a { color: #000000;  }
.bottom-box a:hover { color: #f2f2f2;  }

bottom-box p { margin-bottom: 0;}

footer { background: #fff; padding: 14px 0;}
footer p { margin-bottom: 0;}
.social-share { text-align: right;}
.social-share:after,.social-share:before { content: ""; clear: both; display: table;}
.social-share ul  { float: right; margin: 0; padding: 0; list-style-type: none;}
.social-share ul:after,.social-share ul:before { clear: both; display: table; content: "";}
.social-share ul li { float: left;  padding: 3px 5px 0;}
.social-share ul li a { display: block;}
.social-share ul li a img { opacity: 1; transition: all 0.3s linear;}
.social-share ul li:hover a img { opacity: 0.7;}

.social-like { width: 100%; height: auto;}
.social-like ul { margin: 0; padding: 0; text-align: center; list-style-type: none;}
.social-like ul li { display: inline-block; vertical-align: top; padding: 0 35px;}

.social-like ul li a,.social-like ul li small { display: inline-block; color: #000; font-size: 14px; line-height: 24px; transition: all 0.3s linear;}

.social-like ul li a i,.social-like ul li small i { font-size: 20px; vertical-align: middle; margin-right: 10px; color: #646464; transition: all 0.3s linear;}
.social-like ul li:last-child a i,.social-like ul li:last-child small i { font-size: 24px;}
.social-like ul li a span,.social-like ul li small span { font-size: 14px; color: #323232; display:inline-block; transition: all 0.3s linear; }

.social-like ul li:hover a { color:#1E87BD; transition: all 0.3s linear;}
.social-like ul li:hover a span,.social-like ul li:hover a i,.social-like ul li:hover small span,.social-like ul li:hover small i    { color:#1E87BD; transition: all 0.3s linear; }
.social-share { padding-right: 32px;}
.copyright { padding-top: 6px;}
.copyright p { line-height: 16px;}
footer .container { position: relative;}
.backtop { width: 28px; height: 28px; background: #1E87BD url(../images/arrow-b-top.png)no-repeat center center; border-radius: 50%; right: 0; top:0; display: block; position: absolute; cursor: pointer; transition: all 0.3s linear;}
.backtop:hover {background: #808080 url(../images/arrow-b-top.png)no-repeat center center; transition: all 0.3s linear;  }
 



h2, .h2 {
    font-size: 22px;
    font-weight: 500;
}
h3, .h3 {
    font-size: 21px;
    font-weight: 500;
}
h4, .h4 {
    font-size: 20px;
    font-weight: 500;
}
h5, .h5 {
    font-size: 16px;
    font-weight: 500;
}

.Widget-toggle {
    background: rgba(255, 255, 255, 0.75) none repeat scroll 0 0;
    padding: 14px 28px 15px;
    width: 335px;
    transition: all 0.3s ease 0s;
     position: absolute;
     height: auto;
      z-index: -99;
      opacity: 0;
    bottom: 0;
    height: auto;
    text-align: left;
}

.Widget-toggle.Widget-open {
    bottom: 47px;
}
.Widget-toggle.Widget-open {
    bottom: 47px;
    opacity: 1;
    z-index: 999;
}

.WidgetFb {
    left: 0;
}

.close-Widget-btn {
    background: rgba(0, 0, 0, 0) url("../images/close-mini.png") no-repeat scroll center center;
    top: 8px;
    cursor: pointer;
    height: 12px;
    position: absolute;
    right: 5px;
   
    width: 12px;
    z-index: 999;
}

.Widget-toggle h4 {
    font-size: 16px;
    height: auto;
    line-height: 120%;
    margin: 0;
    padding-bottom: 18px;
     color: #1E87BD;
}
.WidgetFb iframe, .WidgetTW iframe {
    width: 100%;
}

.social-like ul li { position: relative; cursor: pointer;}
.social-like ul li a span, .social-like ul li small span {
  
    position: relative;
    top: 2px;
    
}