@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,700,800,600,900);


body {font-family: 'Montserrat', sans-serif; font-size:14px; line-height:20px; letter-spacing:0; font-weight:normal; letter-spacing:1px; padding-top:0 !important; background:#fff; color:#1b1b1b;}
h1, h2, h3, h4, h5, h6{ font-weight:normal; margin:0 0 20px; padding:0; line-height:normal;}
h1{ font-size:62px; line-height:62px; }
h2{font-size:36px;  }
h3{ font-size:26px;}
h4{ font-size:18px;}
h5{ font-size:16px;}
h6{ font-size:14px;}
p{ margin:0; padding:10px 0; font-size:18px;}
p a{}
a, img{ border:0; text-decoration:none; outline:none;}
a, a:link, a:visited { outline:none; text-decoration:none;color:#1f8b9e; }
a:hover { color:#222;}
a:focus{ color:#222;outline: none;}
::-webkit-input-placeholder { /* WebKit browsers color:#83221b;*/}
::-webkit-input-placeholder:-moz-placeholder { /* Mozilla Firefox 4 to 18 color:#83221b; opacity:1;*/}
::-webkit-input-placeholder::-moz-placeholder { /* Mozilla Firefox 19+ color:#83221b; opacity:1;*/ }
::-webkit-input-placeholder:-ms-input-placeholder { /* Internet Explorer 10+  color:#83221b;*/}
.alignleft , .alignnone{float:left; margin:0 15px 10px 0;}
.alignright{float:right; margin:0 0 10px 15px;}
.aligncenter{margin:10px auto; display:block;}
img{ max-width:100%;}
.center { text-align:center;}
.inline { display:inline-block; margin-bottom:0; position:relative; top:3px;}
.btn{ background: transparent; font-size:15px; color:#fff; border:2px solid #fff; border-radius:5px; padding:8px 24px; font-weight:400;transition: all 0.3s ease-in-out 0s; text-transform:uppercase;}
.btn:hover{ background:#1f8b9e; color:#fff;transition: all 0.3s ease-in-out 0s;border:2px solid #fff;}
ul li{ list-style-type:none;}


.header_sec{ border-top:6px solid #1f8b9e; padding:24px 0 22px 0;}
.main_menu ul{ margin:0; padding:0;}
.main_menu ul li{display:inline-block; vertical-align:top; margin:32px 0 6px 14px;}
.main_menu ul li:first-child{ margin-left:0;}
.main_menu ul li a{display:inline-block; font-size:14px; color:#1f8b9e; font-weight:400; text-transform:uppercase;}
.main_menu ul li a:hover{ color:#000;}
.main_menu ul li.active a{ color:#000;}
.main_menu ul li a span{ display:inline-block; background:url(../images/arrow.png) no-repeat; width:12px; height:7px;}
.search_form { position:relative;}
.search_form .search_icon{ background:url(../images/search.png) no-repeat; width:18px; height:18px; border:none; outline:none;}
.search_form input[type="text"]{ display:none; position:absolute; top:25px; right:0; border:3px solid rgba(0, 110, 130, 0.47); width:200px; height:30px; padding:0 7px;
z-index:100; border-radius:3px; box-shadow: 1px 1px 3px #333;}
.nav_click{ display:inline-block;font-size:16px; line-height:20px; text-transform:uppercase; background:url(../images/menu_icon.png) left top no-repeat;   display:none; width:30px; height:25px; float:right;}
.nav_close{ padding:2px 10px; background:#1f8b9e; font-size:28px; line-height:28px; color:#fff; position:absolute; z-index:9999; top:12px; right:16px; cursor:pointer; display:none;}
.menu_droid{ overflow:hidden;}

.banner_wrap{ position:relative;}
.banner_wrap img{ width:100%; }
.banner_wrap .container{ position:absolute; top:105px;right:0; bottom:0; left:0; margin:0 auto;}
.slider_text{  left: 50%;margin-left: -575px;position: absolute;top:210px;width: 500px;}
.slider_text h1{ color:#fff; font-weight:700; margin:0 0 24px 0;}
.slider_text p{ font-size:16px; color:#fff; font-weight:400; padding:0 0 40px 0;}
.banner_wrap .btn{ color:#fff;}

.logo_carousel{ padding:50px 0;}
.logo_carousel ul{ margin:0; padding:0; text-align:center;}
.logo_carousel ul li{ display:inline-block; vertical-align:top; margin-left:40px;}
.logo_carousel ul li:first-child{ margin-left:0;}

.footer_wrap{ background:#f5f5f5; padding:20px 0 20px 0; text-align:center;}
.footer_wrap p{ font-size:12px; color:#222222; font-weight:400; padding:0; margin:0;}
.footer_wrap p a{ display:inline-block; color:#696969; text-decoration:underline; padding:0 0 0 7px;}
.footer_wrap p a:hover{ color:#222222; text-decoration:none;}


.inner_banner{ position:relative;}
.inner_banner img{ width:100%; }

.breadcrumb{position: absolute;top:30px;width: 500px; background:none;}
.breadcrumb ul{ margin:0; padding:0;}
.breadcrumb ul li{ display:inline-block; vertical-align:top;background:url(../images/line.png) no-repeat left;    padding: 0 0 0 18px;}
.breadcrumb ul li:first-child{ background-image:none; padding:0;}
.breadcrumb ul li a{ font-size:13px; color:#fff; font-weight:400; display:inline-block;}
.breadcrumb ul li a:hover{ color:#1f8b9e;}

.inner_cont{ position:relative;}
.cont_sec{ min-height:540px;}
.lft_pnl{ position:absolute; top:-48px; left:0; width:22%; float:left;}
.listing{ margin:0; padding:0;}
.listing li{ width:100%; margin-bottom:3px; background:#f5f5f5;}
.listing li a{ display:inline-block; padding:14px 24px; text-transform:uppercase; color:#1b1b1b; font-size:13px;}
.listing li a:hover{ color:#1f8b9e;}


.rht_pnl{ float:right; width:77%;padding:90px 0 67px 0;font-family: 'Raleway', sans-serif;}
.rht_text h3{ font-size:40px; color:#1f8b9e; font-weight:600; margin:0 0 48px 0;}
.rht_pnl h4{color:#1f8b9e; font-weight:700; margin:0 0 25px 0;}
.images_area{ padding:0 0 50px 0;}
.images_area ul{ margin:0; padding:0; list-style:none;}
/*.images_area ul li{ display:inline-block; vertical-align:top; margin-left:30px; width:30%; position:relative;}
.images_area ul li:first-child{ margin-left:0;}*/
.image_cont{ width:100%; position:relative; display:inline-block;}
.image_text{ position:absolute; bottom:0; left:0; right:0;background:#1f8b9e; width:100%; padding:10px 20px;}
.image_text h4{ font-size:20px; color:#fff; font-weight:700; margin:0; padding:0; text-transform:uppercase;}
.thumb img{ display:block;}

.cont_text p{ color:#1b1b1b; font-size:13px; margin:0 0 28px 0; padding:0; line-height:22px;}
.cont_text p span{ font-weight:600;}
.cont_text .btn{ background:transparent; border:2px solid #1f8b9e; color:#1893a8; text-transform:uppercase; font-weight:700;}
.cont_text .btn:hover{ background:#1f8b9e; border:2px solid #1f8b9e; color:#fff;}
.cont_text{ padding:0 30px 0 30px;}
.back_top{ position:relative;}
.back_top a{ position:absolute; bottom:26px; right:0; z-index:200;}
.thumbnail_img img{ float:left; padding:0 20px 20px 0;}



/*---------------media quary start---------------------*/
@media screen and (max-width:1199px){
.main_menu ul li{margin: 32px 0 6px 4px;}
.main_menu ul li a{font-size: 12px;}
.slider_text{top:128px;margin-left: -447px;}
.image_text h4{ font-size:18px;}
}
@media screen and (max-width:1023px){
.nav_click{ display:block; margin:16px 0 0 0;}
.main_menu{ position:fixed; z-index:9999; top:0; right:0; bottom:0; width:100%; background:#000; padding:35px 20px !important; overflow:auto;}
.nav_close{ display:block;}
.main_menu ul li{ width:100%; margin:0 0 10px 0; padding:0;}
.main_menu ul li a:hover{ color:#fff;}
.main_menu ul li.active a {color: #fff;}
.search_form input[type="text"]{ left:0; width:100%;}
.slider_text{ left:6%; top:50px; margin-left:0;}
.slider_text h1{ font-size:40px; line-height:40px;}
.lft_pnl{ left:2%;}
.rht_pnl{ width:74%;}
.rht_text h3{ font-size: 25px;}
.image_text h4{ font-size:11px;}

}

@media screen and (max-width:980px){
.nav_click{ display:block; margin:7px 0 0 0;}
}
@media screen and (max-width:767px){
body{ padding:0 15px;}
.nav_click{ display:block; margin:16px 0 0 0;}
.slider_text{top: 30px;}
.slider_text h1 {font-size: 25px;line-height: 25px; margin:0 0 14px 0;}
.slider_text p{ font-size:14px;padding: 0 0 20px;}
.lft_pnl{ float:none; width:100%; position:inherit; left:0; top:0; margin-bottom:30px;}
.rht_pnl{float:none; width:98%; padding: 0 0 67px;}
.cl_logo{ text-align:center; margin-bottom:20px;}
}
@media screen and (max-width:600px){
.slider_text{top: 20px; width:400px;}
.banner_wrap .btn{ padding:5px 14px;}	
.images_area ul{ text-align:center;}
.images_area ul li{ width:100%; margin:0 0 30px 0;}
.image_cont{ width:auto;}
.image_text h4{ font-size:20px; text-align:left;}
.images_area{padding:0;}
.back_top a{ bottom: 60px;}

}
@media screen and (max-width:480px){
.nav_click{ display:block; margin:8px 0 0 0;}
.slider_text{ top:50px; left:9%; width:280px;}
.slider_text h1 { display:none;}
.slider_text p{ display:none;}
.banner_wrap .btn{ padding:5px 10px; font-size:12px;}	
.breadcrumb{ width:250px;}
.back_top a {bottom: 80px;}
.rht_text h3 {font-size: 18px;}
.cont_text {
    padding: 0 20px;
}
}
@media screen and (max-width:400px){
.nav_click{ display:block; margin:3px 0 0 0;}
.breadcrumb{ top:20px;}
}