body {margin: 0px !important;padding: 0px !important;font-family: 'Lato', sans-serif !important;}



.main_nav {float: left;width: 100%;padding: 0px 0;/*background-color: #0c72a0;*/    background-image: linear-gradient(to right, #3f4fad,#2196F3);}
.nav_uli {padding: 6px 0 0;margin: 0px;list-style: none;float: left;}
.nav_uli li {padding:0px;margin:0px;list-style:none;font-size:14px;color:#fff;display:inline-block;float:left;margin-right:30px;line-height:22px;}
.nav_uli li i {margin-right: 10px;color: #fff;font-size:14px;    position: relative;top: 1px;}

.nav_uli2 {padding: 6px 0 0;margin: 0px;list-style: none;float: right;}
.nav_uli2 li {padding:0px;margin:0px;list-style:none;font-size:13px;color:#fff;display:inline-block;float:left;margin-right:30px;line-height:22px;font-weight:300;}
.nav_uli2 li i {margin-right: 10px;color: #fff;font-size:14px;    position: relative;top: 1px;}
 
.flickr_rgt {float: right;    display: inline-flex;}
.flickr_rgt .btn {color: #fff;width: 37px;height: 36px;padding: 0px 0;display: table;font-size:13px;}
.flickr_rgt .btn i {display: table-cell;vertical-align: middle;}
.flickr_rgt .btn:hover {color: #999;}

.feture_wrap {float:left;width:100%;padding:60px 0;}
.feture_wrap .readmre_btn {float:left;}
.feture_twos {float:left;width:50%;padding:0 15px;}
.feture_twow {float:left;width:100%;padding:0 0 0 60px;position:relative;}
.feture_twow i{font-size:35px;color:#111;position:absolute;left:10px;top:0}
.main_sbhead {font-family:Montserrat,sans-serif;font-weight:700;margin:0 0 15px;color:#051829;font-size:20px}
.readmore_bt {font-size:15px;font-weight:700;color:#CE322D}
.readmore_bt:hover{color:#111;text-decoration:none}
.readmore_bt i{position:relative;font-size:16px;top:1px;left:0}
.feture_mtbm {margin-bottom:25px}
.servic_wrap {float:left;width:100%;padding:60px 0 80px;background:#f2f2f2;}
.main_header {font-family:Montserrat,sans-serif;font-weight:700;margin:0 0 25px;color:#2b2b2b; position:relative;letter-spacing:-1px;padding-bottom:13px; text-align:center}
.main_header span{display:inline-block;position:relative}
.main_header span:after{content:"";background-color:#2957a2;width:100%;height:4px;position:absolute;bottom:-10px;border-radius:3px; margin:0 auto; text-align:center; left:0}
/*.main_header:after{content:"";background-color:#4693f0;width:75px;height:4px;position:absolute;bottom:0;border-radius:3px; margin:0 auto; text-align:center; left:46%}
*/.main_header1 {font-family:Montserrat,sans-serif;font-weight:700;margin:0 0 16px;color:#f7f7f7;position:relative;letter-spacing:-1px;padding-bottom:13px; font-size:20px;}
.main_header1:after{content:"";background-color:#e2e2e2;width:75px;height:3px;position:absolute;left:0;bottom:0;border-radius:3px}

.main_paragf1 {color:#efefef;margin-bottom:15px;font-size:16px;line-height:25px}
.main_paragf {color:#555;margin-bottom:15px;font-size:16px;line-height:25px}
.readmre_btn {color: #ffffff;
    text-decoration: underline;
    background: transparent;border:0;outline:0;margin:0 auto;float:right;font-size:15px;font-weight:600;border-radius:2px}
.snip1579 a.srvice_more{position:relative;color:#CE322D;font-weight:700}
.snip1579 a.srvice_more i {color:#fff;margin-left:5px;}
/*=============================== default ==================================*/
.main_menu {float: left;width: 100%;padding: 0px 0;background-color: #fff;}
.main_menu .navbar-default{background-color: transparent;border-color: #e7e7e7}
.main_menu .navbar-brand{margin-top: 3px;float: left;height: auto;padding: 0px 0px 3px;font-size: 18px;line-height: 20px}
.activcea{color: #0e6893 !important}
.activcea:after{opacity: 1 !important;-webkit-transform: translateY(0px) translateX(0px) !important;-moz-transform: translateY(0px) translateX(0px) !important;transform: translateY(0px) translateX(0px) !important}
.logo_mxwd {max-width: 240px; }
/* .mrgn_styl {margin: 12px 0 !important;} */

.affix{top: 0;width: 100%;z-index: 999 !important;background: #fff !important;-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.25);
box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.25);}
.affix + .container-fluid{padding-top: 70px}
.affix .navbar-brand{height: auto;padding: 0px}
.affix ul.nav > li > a{padding: 33px 17px 24px 17px !important}
.affix ul.nav > li:last-child a{padding-right: 10px !important;}
.affix .logo_mxwd {
    max-width: 280px;
}
nav.affix.navbar ul.nav > li{padding:10px 0 !important;}nav.affix.navbar ul.nav > li a{font-size:13px;}
.affix nav.navbar ul.nav > li{ padding:20px 0!important;}
/*=============================== default ==================================*/
.main_baner {float: left;width: 100%;padding: 0px 0;background-color: #fff;}

/********************************/
/*       Fade Bs-carousel       */
/********************************/

.fade-carousel{position: relative;height: 80vh}
.fade-carousel .carousel-inner .item{height: 80vh}
.fade-carousel .carousel-indicators > li{margin: 0 2px;background-color: #f39c12;border-color: #f39c12;opacity: .7}
.fade-carousel .carousel-indicators > li.active{width: 10px;height: 10px;opacity: 1}

/********************************/
/*          Hero Headers        */
/********************************/

.hero{position: absolute;width: 87% !important;top: 50%;left: 50%;z-index: 3;color: #fff;text-align: left;text-transform: uppercase;text-shadow: 1px 1px 0 rgba(0,0,0,.75);-webkit-transform: translate3d(-50%,-50%,0);-moz-transform: translate3d(-50%,-50%,0);-ms-transform: translate3d(-50%,-50%,0);-o-transform: translate3d(-50%,-50%,0);transform: translate3d(-50%,-50%,0)}

.slider-text{position: relative;padding-left: 50px}
.line{position: absolute;width: 610px;height: 390px;left: 0;top: -40px;z-index: -1;border-top: 2px solid #93bcff;
    border-left: 2px solid #93bcff;}
.line:before{position: absolute;left: 0;bottom: 0;width: 100%;height: 2px;content: "";background: #93bcff}
.line:after{position: absolute;right: -100px;top: -2px;width: 100px;height: 60px;border-top: 2px solid #93bcff;border-right: 2px solid #93bcff;content: ""}
/* .line:before{position: absolute;left: 0;top: 0;width: 0%;height: 0px;background: transparent;border: 1.5px solid #0e6893;content: "";z-index: 1;-webkit-animation-duration: 1s;animation-duration: 1s} */
/* .line:before{position: absolute;left: 0;top: 0;width: 100%;height: 0px;background: transparent;border: 1.5px solid #0e6893;content: "";z-index: 1;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation: animate 1s linear forwards;animation: animate 1s linear forwards} */
/* .line:after{position: absolute;left: 0;top: 0;width: 0;height: 100%;background: transparent;border: 1.5px solid #0e6893;content: "";z-index: 1;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation: animate 1s linear forwards;animation: animate 1s linear forwards} */

.hero_h1{text-transform: uppercase;font-size: 50px;line-height: 60px;color: #fff;font-weight: 800}
.hero_h1 span{color: #0e6893}
.hero_para{color: #fff;font-size: 18px;margin-bottom: 10px;text-transform: capitalize;font-weight: 400; 
    line-height: 32px;}
.hero_h1 span{color: #4693f0}

.fade-carousel .carousel-inner .item .hero{opacity: 0;-webkit-transition: 2s all ease-in-out .1s;-moz-transition: 2s all ease-in-out .1s;-ms-transition: 2s all ease-in-out .1s;-o-transition: 2s all ease-in-out .1s;transition: 2s all ease-in-out .1s}
.fade-carousel .carousel-inner .item.active .hero{opacity: 1;-webkit-transition: 2s all ease-in-out .1s;-moz-transition: 2s all ease-in-out .1s;-ms-transition: 2s all ease-in-out .1s;-o-transition: 2s all ease-in-out .1s;transition: 2s all ease-in-out .1s}

/********************************/
/*          Custom Buttons      */
/********************************/
.btn_hero{padding: 13px 30px;font-size: 14px;line-height: 1.3333333;font-weight: 600;border-radius: 3px;text-align: center;cursor: pointer;color: #f5f5f5;text-transform: uppercase;background-color: #96ca48;border:1px solid #96ca48;outline: none;margin: 20px auto}

/********************************/
/*       Slides backgrounds     */
/********************************/
.fade-carousel .slides .slide-1, 
.fade-carousel .slides .slide-2,
.fade-carousel .slides .slide-3,
.fade-carousel .slides .slide-4{height: 80vh;background-size: cover;background-position: center center;background-repeat: no-repeat}
.fade-carousel .slides .slide-1{background-image: url(../images/slide-1.jpg)}
.fade-carousel .slides .slide-2{background-image: url(../images/slide-2.jpg)}
.fade-carousel .slides .slide-3{background-image: url(../images/slide-3.jpg)}
.fade-carousel .slides .slide-4{background-image: url(../images/slide-1.jpg)}

/********************************/
/*          Media Queries       */
/********************************/
@media screen and (min-width: 980px){}
@media screen and (max-width: 640px){}

/*=============================== default ==================================*/

.fetur_baner {float: left;width: 100%;padding: 60px 0;}
.fetur_h1{font-size: 32px;line-height: 35px;color: #333132;font-weight: 800;margin: 0 0 15px}
.fetur_h2{font-size: 32px;line-height: 35px;color: #333132!important;font-weight: 800;margin: 0 0 15px}
.fetur1_h3:before {
    content: "";
    width: 80px;
    height: 4px;
    background: #0e6893;
    position: absolute;
    margin-top: 42px;
    top: 44px;
    text-align: center;
    margin: 0 auto;
    left: 44%;
}
.fetur1_h3{font-size: 32px;line-height: 35px;color: #333132;font-weight: 800;margin: 0 0 15px; text-align:center; position:relative}
.fetur1_h3:before{content: "";width: 80px;height: 4px;background: #0e6893;position: absolute;margin-top: 42px; margin:0 auto}
.fetur_h3{font-size: 32px;line-height: 35px;color: #333132;font-weight: 800;margin: 0 0 15px; text-align:center}
.fetur_h3 span{display:inline-block;position:relative;}
.fetur_h3 span:before{content: "";width:100%;height: 4px;background:#2956a2;position: absolute;bottom: -9px;left:0;}
/*.fetur_h3:before{content: "";width: 80px;height: 4px;background: #0e6893;position: absolute;margin-top: 42px; margin-left:2%}*/
.fetur_h2{font-size: 32px;line-height: 35px;color: #fff!important;font-weight: 800;margin: 0 0 15px; text-align:center} 
.fetur_para {color: #444;font-size: 16px;margin-top: 10px;margin-bottom: 10px;  font-weight: 400;line-height: 29px;}
.fetur_para1 {color: #F30;font-size: 18px;margin-top: 10px; font-weight: 400;line-height: 29px; font-weight:bold; text-decoration:underline}
.fetur_para span{ font-weight:bold; color:#4693f0}
.gallery{position: relative;margin-top: 5px}
.video-gallery{width: 310px;height: 250px;text-align: center;border: 6px solid #f7f7f7;position: relative;transition: border-color 0.4s ease 0s;overflow: hidden}
.video-gallery img{transform: scale(1);transition: all 0.5s ease 0s;width: 100%}
.video-gallery img:hover{transform: scale(1.1);transition: all 0.5s ease 0s;width: 100%}
.gallery-bg-img{position: absolute;right: 15px;top: 50px;z-index: -1;margin-left: -25px}
.gallery-bg-img img{max-width: 100%;height: auto;transform: scale(1);transition: all 0.5s ease 0s;width: 100%}
.gallery-bg-img img:hover{transform: scale(1.1);transition: all 0.5s ease 0s;width: 100%}

/*=============================== default ==================================*/

.prodc_baner {float: left;width: 100%;padding: 50px 0;background: #f1f1f1;}
.prodc_baner .fetur_h1{text-align: center;margin-bottom: 0px;}
.prodc_baner .fetur_h1.fetur_h1:before {display: none;}
.title_icon{width: 80px;position: relative;text-align: center;margin: 0 auto;margin-top: 0px}
.title_icon:before{content: "";width: 100px;height: 2px;background: #bbb9ba;position: absolute;top: 18px;left: -85px}
.title_icon:after{content: "";width: 100px;height: 2px;background: #bbb9ba;position: absolute;top: 18px;right: -85px}
.title_icon i{color: #bbb9ba;font-size: 1.8rem;margin-top: 8px}

.text_projt {float: left;width: 100%;padding: 20px 15px;background-color: #fff;}
.text_subhd{text-align: left;margin: 0 0 10px;font-weight:600;font-size: 18px;text-transform: capitalize;
    color: #4693f0;}
	.bg{ background:#2858a2; padding:20px;}
.text_projt .fetur_para {color: #666;font-size: 16px;text-align: left;margin: 10px 0 10px;  font-weight: 400;line-height: 26px;}


.abtn_subhd{text-align: left;margin: 0 0 10px;font-weight:600;font-size: 18px;text-transform: initial;}
/* .abtn_subhd:before{content: "";width: 400px;left: 50%;margin-left: -200px;height: 1px;background: #f1f1f1;position: absolute;margin-top: 32px;} */
/*=============================== default ==================================*/
.redmrbtn1 {font-family: 'Lato', sans-serif;color: #0e6893;font-weight:600;font-size: 14px;}
.redmrbtn1:hover {color: #000;text-decoration: none;}
.redmrbtn i {margin-left: 7px;-webkit-transition-duration: .20s;transition-duration: .20s;}
.redmrbtn:hover i {margin-left: 13px;-webkit-transition-duration: .20s;transition-duration: .20s;}

.product_scroll:hover figure.snip1205 img{transform:scale(1.5)}
figure.snip1205{position: relative;float: left;overflow: hidden;margin: 0;width: 100%;background: #000000;text-align: center;box-shadow: 0 0 5px rgba(0, 0, 0, 0.15)}
figure.snip1205 *{-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all 0.35s ease-in-out;transition: all 0.35s ease-in-out}
figure.snip1205 img{max-width: 100%;vertical-align: top}
figure.snip1205 i{position: absolute;top: 50%;left: 50%;border-radius: 50%;font-size: 30px;color: #000000;width: 60px;height: 60px;line-height: 60px;background: transparent;-webkit-transform: translate(-50%, -50%) scale(0);transform: translate(-50%, -50%) scale(0);transition: all 300ms 0ms cubic-bezier(0.6, -0.28, 0.735, 0.045)}
figure.snip1205 a{left: 0;right: 0;top: 0;bottom: 0;position: absolute}
figure.snip1205.green{background-color: #0e6893}
figure.snip1205.green i{color: #fff}
figure.snip1205:hover img,
figure.snip1205.hover img{/*opacity: 0.4;-webkit-filter: grayscale(100%);filter: grayscale(100%)*/}
.product_scroll:hover figure.snip1205 i,
.product_scroll:hover figure.snip1205 i{-webkit-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1);transition:all 300ms 100ms cubic-bezier(0.175, 0.885, 0.32, 1.275)}

/*=============================== default ==================================*/

.latst_prodt {float: left;width: 100%;padding: 50px 0;background: #f1f1f1;}
.latst_prodt1 {float: left;width: 100%;padding: 50px 0;background: #fff;}


/*=============================== testis_prodt ==================================*/

.testis_prodt {float: left;width: 100%;padding: 50px 0 40px;background: url(../images/testi_bg.jpg) center no-repeat;position: relative; }

.testis_h1{font-size: 26px;line-height: 35px;color: #fff;font-weight: 800;margin: 0 0 50px}
.testis_h1:before{content: "";display: none;width: 100px;height: 2px;background: #0e6893;position: absolute;margin-top: 42px}
.testis_prodt .wrapper p{position:absolute;left:100%;width:100%;font-size:20px;line-height:35px;color:#ffffff;opacity:0;top:0;margin:50px0;transition:left 1.8s, opacity 0.5s ease}
.testi_name{text-align: left;margin: 0 0 10px;position: relative;top: 10px;font-weight: 600;font-size: 17px;color: #DCDCDC;text-transform: capitalize}
.testi_name2{text-align: left;margin: 0 0 10px;font-weight: 400;font-size: 14px;color: #999;text-transform: capitalize}

/*=============================== testis_prodt ==================================*/
.snip1539{display:inline-block;overflow: hidden;margin: 10px 8px;min-width: 230px;max-width: 315px;width: 100%;box-shadow: none !important;padding: 16px;position: relative;-webkit-box-sizing: border-box;box-sizing: border-box}
.snip1539 img{max-width: 100%;backface-visibility: hidden;vertical-align: top;box-shadow: 0 0 20px rgba(0, 0, 0, 0.5)}
.snip1539:before,.snip1539:after{z-index: -1;position: absolute;content: '';-webkit-transition: all 0.4s ease;transition: all 0.4s ease;opacity: 0.6}
.snip1539:before{border: 8px solid #93bcff;top: 0px;left: 0px;bottom: 32px;right: 32px}
.snip1539:after{background-color: #93bcff;bottom: 0px;right: 0px;top: 32px;left: 32px}
.snip1539 a{position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: 1}
.snip1539:hover:before,.snip1539.hover:before,.snip1539:hover:after,.snip1539.hover:after{opacity: 1}
/*=============================== default ==================================*/
/*=============================== default ==================================*/

.foter_prodct {float: left;width: 100%;padding: 40px 0 30px;/*background: #4693f0;*/background-color:#2858a2}
.logo2_mxwd {max-width: 150px;} 
.foter_prodct .fetur_para {color: #ffe8ed;font-size: 15px;margin-top: 15px;margin-bottom: 10px; text-transform: inherit;font-weight: 400;line-height: 29px;}
.fetur2_para {color: #333;font-size: 15px;margin-top: 15px;font-weight:500;margin-bottom: 0px;line-height: 25px;}
.fetur2_para {color: #333;font-size: 15px;margin-top: 15px;font-weight:600;margin-bottom: 0px;line-height: 25px;}
.fetur3_para {color: #666;font-size: 15px;margin-top: 2px;margin-bottom: 10px; text-transform: capitalize;font-weight: 400;line-height: 29px;}
.social_icon .btn {color: #fff}
.social_icon .btn:hover {color:#93bcff;}

.fetur4_para {color: #fff;font-size: 17px;margin-top: 17px;font-weight:600;margin-bottom: 19px;line-height: 25px;    position: relative;    padding-left: 30px;}
.fetur4_para:before{position: absolute;left: 0;top: 6px;width: 5px;height: 12px;background: #fff;content: ""}
.foter_nav {padding: 0 0 0 35px;margin: 0px;list-style: none;}
.foter_nav li a {color: #ffe8ed;font-size: 14px;margin-top: 2px;margin-bottom: 20px; font-weight: 400;line-height: 25px;display: block;position: relative;}
.foter_nav li a i{height: 25px;width: 25px;font-size: 13px;border: 1px solid #93bcff;text-align: center;line-height: 24px;position: absolute;left: -35px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%)}
.foter_nav li a:hover {text-decoration: none;}

.foter2_nav {padding: 0 0 0 30px;margin: 0px;list-style: none;}
.foter2_nav li a {color: #ffe8ed;font-size: 14px;margin-top: 2px;margin-bottom: 8px; text-transform: capitalize;font-weight: 400;line-height: 25px;display: block;position: relative;}
.foter2_nav li a:hover {color: #93bcff;text-decoration: none;}
.foter2_nav li a i{font-size: 14px;text-align: center;line-height: 24px;position: absolute;left: -30px;margin-top: 1px;}
.foter2_nav li a:hover {text-decoration: none;}
.formn_sec{padding: 12px;width: 100%;margin-bottom: 15px}
.foter_hero{padding: 13px 30px;font-size: 14px;line-height: 1.3333333;font-weight: 600;border-radius: 3px;text-align: center;cursor: pointer;color: #f5f5f5;text-transform: uppercase;background-color: #0e6893;border: 1px solid #0e6893;outline: none;margin: 0px auto}
.coyp_prodct {float: left;width: 100%;padding: 10px 0;background:#224b8e;}
.foter_para {color: #fff;font-size: 15px;margin: 0px;text-transform: capitalize;font-weight: 400;line-height: 29px;text-align: center;}
/*=============================== about page ==================================*/
.main2_baner {background: url(../images/about-bg.jpg) center no-repeat;min-height: 150px;max-height: 200px;float: left;width: 100%;}
.abouts_baner {float: left;width: 100%;padding: 60px 0 70px;background: #f9f9f9;}
.about_h1{font-size: 32px;line-height: 35px;color: #333132;font-weight: 800;margin: 0 0 15px}
.ul4{ padding-left:0;}
.ul4 li{ padding-left:20px; position:relative; list-style-type:none; margin-bottom:15px; float:left; width:100%; font-size:16px}
.ul4 li:before{content:"\f061"; display: block; position: absolute; font-family: 'fontAwesome'; color:#b11e22; left: 0; top: 0px; font-size:16px;}
.ul1{ padding-left:0;}
.ul1 li{ padding-left:20px; position:relative; list-style-type:none; margin-bottom:15px; float:left;  font-size:17px}
.ul1 li:before {
    content: "\f061";
    display: block;
    position: absolute;
    font-family: 'fontAwesome';
    color: #b11e22;
    left: 0;
    top: 0px;
    font-size: 17px;
}
.new{font-size: 16px;
    font-family: 'Lato';
    line-height: 29px; font-weight:normal}
.ul1 li:before{content:"\f061"; display: block; position: absolute; font-family: 'fontAwesome'; color:#b11e22; left: 0; top: 0px; font-size:17px;}

/* .about_h1:before{content: "";width: 100px;height: 2px;background: #0e6893;position: absolute;margin-top: 42px} */
.about_para {color: #666;font-size: 15px;margin-top: 15px;margin-bottom: 10px;  font-weight: 400;line-height: 29px;} 
.about_img {
    position: relative;
    margin-top: 60px;display:inline-block;
}
.about_img img {position: relative;z-index: 9;}
.about_img:before {
    position: absolute;
    left: -15px;
    bottom: -15px;
    height: 95%;
    width: 98%;
    background: #333132;
    content: "";
    z-index: 0;
}
.intro-subhead{ font-size:22px; line-height:32px; padding-top:10px; padding-bottom:10px	}
.donation{ padding:3rem 15px;border-top: 1px solid #e2e2e2;
    background-color: #caf0f6;}
.donation .intro-head{ color:#087F92;}
.donation .intro-head span{  font-size:2.5rem; text-transform:uppercase;}	
.donation .btn-primary{ font-size:1.4rem; border-radius:10px; margin-top:2rem;background-color:#10BBD6; border-color:#10BBD6}
.head-donate-btn .btn-primary{ color:#fff !important; position:absolute;background-color:transparent; border-color:transparent;top: 0; width: 80px; height: 80px; border-radius: 50%; padding-top: 25px; z-index:2000; background-image:url(../images/head-donate-btn-bg.png); background-repeat:no-repeat; background-size:100% 100%;}
.head-donate-btn{ position:relative;}
.about_wrap .btn_hero {margin-bottom: 0px;}
.about2_baner {float: left;width: 100%;padding: 30px 0 30px;}
.about2_baner .title_icon {margin: 0 auto 40px;}
.about2_baner .fetur_h1{text-align: center;margin-bottom: 0px;}
.about2_baner .fetur_h1:before {display: none;}
.brand_imgw {max-width: 115px;display: block;margin: auto;}

.col_sm_oh {float: left;padding: 10px;width: 14.2857142857%;}
/*=============================== default ==================================*/

.inter_work {float: left;width: 100%;padding: 50px 0;background: #fff;}
.brfore_nne .fetur_h1 {text-align: center;    margin: 0 0 5px;}
.brfore_nne .fetur_h1:before {display: none;}
.brfore_nne .title_icon {margin: 0 auto 25px;}

/*=============================== prodc_baner ==================================*/

.col3_mdsm {float: left;width: 33.33%;padding: 8px;}
.prod_page {float: left;width: 100%;padding: 50px 0;background: #fff;}
.prodc_h1{font-size: 32px;line-height: 35px;color: #333132;font-weight: 800;margin: 0 0 25px;position:relative}
.prodc_h1 span{display:inline-block;position:relative}
.prodc_h1 span:before{    content: "";
    width: 100%;
    height: 3px;
    background: #2957a2;
    position: absolute;left:0;
    bottom: -15px;}
.prodc_h1:before{    content: "";
    width: 80px;
    height: 3px;
    background: #0e6893;
    position: absolute;
    /* margin-top: 42px; */
    position: absolute;
    bottom: -15px;}
.brfore_nne .button-group {margin: 5px 0 27px;text-align: center !important;}


/*=============================== default ==================================*/

.cont_h1{font-size: 28px;line-height: 30px;color: #333132;font-weight: 800;margin: 0 0 25px}
.cont_h1 span{display:inline-block;position:relative}
.cont_h1 span:before{content: "";width:100%;height: 3px;background:#2956a2;position: absolute;bottom:-9px;left:0;}
/*
.cont_h1:before{content: "";width: 80px;height: 3px;background: #0e6893;position: absolute;margin-top: 42px}*/

#contact{
    padding:10px 0 10px;
  }

  .contact-text{
    margin:45px auto;
  }

  .mail-message-area{
    width:100%;
    padding:0 15px;
  }

  .mail-message{
    width: 100%;
    background:rgba(255,255,255, 0.8) !important;
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    transition: all 0.7s;
    margin:0 auto;
    border-radius: 0;
  }

  .not-visible-message{
    height:0px;
    opacity: 0;
  }

  .visible-message{
    height:auto;
    opacity: 1;
    margin:25px auto 0;
  }

/* Input Styles */
.paddL0{ padding-left:0!important}
  .form{
    width: 100%;
    padding: 15px;
    background:#f8f8f8;
    border:1px solid rgba(0, 0, 0, 0.075);
    margin-bottom:10px;
    color:#727272 !important;
    font-size:13px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
  }
.ClientsSec{padding:20px; }
		  .ClientsSec h3{background-color:#fff; padding:10px; display:inline-block; text-transform:uppercase; color:#FE4953; margin-bottom:0; margin-top:0;}
		  .clinets img{margin:10px; padding:10px; background-color:#fff;box-shadow:0 0 7px #ccc;-webkit-box-shadow:0 0 7px #ccc;-o-box-shadow:0 0 7px #ccc;-moz-box-shadow:0 0 7px #ccc;-ms-box-shadow:0 0 7px #ccc;}
		  .MajorClients img{width:195px;}
  .form:hover{
    border:1px solid #93bcff;
  }

  .form:focus{
    color: white;
    outline: none;
    border:1px solid #93bcff;
  }

  .textarea{
    height: 150px;
    max-height: 150px;
    max-width: 100%;
  }
  
/* Generic Button Styles */

  .button{
    padding:8px 12px;
    background:#800;
    display: block;
    width:120px;
    margin:10px 0 0px 0;
    border-radius:3px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    text-align:center;
    font-size:0.8em;
    box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);
    -moz-box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);
    -webkit-box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);
  }

  .button:hover{
    background:#800;
    color:white;
  }

/* Send Button Styles */

  .form-btn{ 
    display: block;
	font-size: 16px;
    height: auto;
    padding:10px 15px;
    color:#fff;
    background:#0b74a3;
    border:none;
    border-radius:3px;
    outline: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    margin:auto;
    box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);
    -moz-box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);
    -webkit-box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);
  }

  .form-btn:hover{
    background:#111;
    color: white;
    border:none;
  }

  .form-btn:active{
    opacity: 0.9;
  }

/*=============================== default ==================================*/

.con_lui {    list-style: outside none none;
    margin: 0;
    padding: 0;}
.con_lui li {
    position: relative;
    padding: 20px 20px 20px 80px;
    font-size: 18px;
    font-weight: 600;
    background: transparent;
    margin-bottom: 20px;
    border-radius: 5px; color: #fff;
	color: #000;
    border: 1px solid #93bcff;
}
.con_lui li i {
    position: absolute;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    left: 22px;
    font-size: 35px;
    color: #93bcff;
}
/* .con_lui li:last-child {margin-bottom: 0px;} */
.conr_para {color: #333;font-size: 14px;margin-top: 15px;margin: 10px 0 0px;  font-weight: 400;line-height: 25px;}
.map_algn {width: 100%;height: 415px;}
/*=============================== default ==================================*/





/*=============================== default ======

font-family: 'Roboto', sans-serif;

font-family: 'Open Sans', sans-serif;

font-family: 'Lato', sans-serif;

font-family: 'Poppins', sans-serif;

============================*/

/*=============================== default ==================================*/


.pdngnn {padding-left: 0px !important;padding-right: 0px !important;}
.mt10 {margin-top: 10px !important;}
.mt20 {margin-top: 20px !important;}
.mt30 {margin-top: 30px !important;}


/*=============================== owl css deffrent css ==================================*/

.carousel-wrap{margin: 30px auto 0;padding: 0 35px;width: 100%;position: relative}
.owl-carousel .item{position: relative;z-index: 100;-webkit-backface-visibility: hidden}
.owl-nav > div{margin-top: -26px;position: absolute;top: 50%;color: #cdcbcd}
.owl-nav i{font-size: 40px}
.owl-nav .owl-prev{left: -30px}
.owl-nav .owl-next{right: -30px}

/*=============================== owl.carousel.min.css css ==================================*/

/**
 * Owl Carousel v2.1.1
 * Copyright 2013-2016 David Deutsch
 * Licensed under MIT (https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE)
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%;-webkit-transform-style:preserve-3d}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loaded{display:block}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{display:none}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.no-js .owl-carousel{display:block}.owl-carousel .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:-webkit-transform .1s ease;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-webkit-transform:scale(1.3,1.3);-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}


/*===============================  gallery filter css ==================================*/
.snip1530{position: relative;float: left;overflow: hidden;margin: 0;width: 100%;font-size: 16px;line-height: 1.2em;  box-shadow: 0 0 10px #e2e2e2; padding:10px;}
.snip1530 *,.snip1530 *:before,.snip1530 *:after{-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all 0.35s ease;transition: all 0.35s ease}
.snip1530:before{position: absolute;top: 10px;bottom: 10px;left: 10px;right: 10px;content: '';background-color: #ffffff;opacity: 0;-webkit-transition: all 0.35s ease;transition: all 0.35s ease}
.snip1530 img{max-width: 100%;vertical-align: top;transition:all 0.4s;}
.snip1530:hover img{transform:scale(1.5);}
.snip1530 .icons{position: absolute;top: 0;bottom: 0;left: 0;right: 0;display: flex;align-items: center;justify-content: center}
.snip1530 a{margin: 2px;opacity: 0;-webkit-transform: translateY(-50%);transform: translateY(-50%)}
.snip1530 a i{display: block;font-size: 23.52941176px;line-height: 40px;width: 40px;  text-align: center;    color: #ffffff;}
.snip1530 a i:hover{background-color: transparent;color: #000;cursor: pointer}
.snip1530:hover:before,.snip1530.hover:before{/*opacity: 0.7*/}
.snip1530:hover a,.snip1530.hover a{opacity: 1;-webkit-transform: translateX(0);transform: translateX(0)}
.snip1530:hover a:nth-child(2),.snip1530.hover a:nth-child(2){-webkit-transition-delay: 0.1s;transition-delay: 0.1s}
.snip1530:hover a:nth-child(3),.snip1530.hover a:nth-child(3){-webkit-transition-delay: 0.2s;transition-delay: 0.2s}
/*=============================== gallery css ==================================*/
.latst_prodt .button{display: inline-block;padding: 0.5em 1.0em;border-radius: 0px;background: #ffffff;font-weight: 400;font-size: 14px;cursor: pointer;text-transform: uppercase;border: 1px solid #0e6893;margin: 0;-webkit-transition: background 0.3s;-moz-transition: background 0.3s;transition: background 0.3s}
.latst_prodt .button:hover{background-color: rgba(0,0,0,0.5)}
.latst_prodt .button:active,.latst_prodt .button.is-checked{background-color: #0e6893;color: #fff;outline: none}
.latst_prodt .button-group{margin: 5px 0 0;text-align: right}
.latst_prodt .button-group:after{content: '';display: block;clear: both}
.latst_prodt img{vertical-align: middle}
.latst_prodt .img-responsive{display: block;max-width: 100%;height: auto}
.latst_prodt .grid article{background-color: #FFFFFF;display: block;float: left;margin: 5px;width: 24%}
@media (max-width: 1024px) {
.latst_prodt .grid article {
    width: 31.3%;
  }
}

@media (max-width: 767px) {
.latst_prodt .grid article {
    width: 48%;
  }
}

@media (max-width: 479px) {
.latst_prodt .grid article {
    margin: 2% 0;
    width: 100%;
  }
}
.latst_prodt .entry{background: #FFF;border: 1px solid rgba(0,0,0,.15);box-shadow: -10px 10px 10px -10px rgba(0,0,0,.35), -10px 10px 0 -3px rgba(0,0,0,.2);margin: 10px auto 20px;max-width: 800px;overflow: hidden;padding: 20px 40px;position: relative;text-align: center}
.latst_prodt .grid{max-width: 100%;list-style: none;margin: 80px auto 10px;padding: 1}

/*=============================== image popup ==================================*/

.lb-loader,.lightbox{text-align:center;line-height:0}body:after{content:url(../images/close.png) url(../images/loading.gif) url(../images/prev.png) url(../images/next.png);display:none}.lb-dataContainer:after,.lb-outerContainer:after{content:"";clear:both}body.lb-disable-scrolling{overflow:hidden}.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;filter:alpha(Opacity=80);opacity:.8;display:none}.lightbox{position:absolute;left:0;width:100%;z-index:10000;font-weight:400}.lightbox .lb-image{display:block;height:auto;max-width:inherit;max-height:none;border-radius:3px;border:10px solid #fff}.lightbox a img{border:none}.lb-outerContainer{position:relative;width:250px;height:250px;margin:0 auto;border-radius:4px;background-color:#fff}.lb-loader,.lb-nav{position:absolute;left:0}.lb-outerContainer:after{display:table}.lb-loader{top:43%;height:25%;width:100%}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(../images/loading.gif) no-repeat}.lb-nav{top:0;height:100%;width:100%;z-index:10}.lb-container>.nav{left:0}.lb-nav a{outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(../images/prev.png) left 48% no-repeat;filter:alpha(Opacity=0);opacity:1;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-prev:hover{filter:alpha(Opacity=100);opacity:1}.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(../images/next.png) right 48% no-repeat;filter:alpha(Opacity=0);opacity:1;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-next:hover{filter:alpha(Opacity=100);opacity:1}.lb-dataContainer{margin:0 auto;padding-top:5px;width:100%;-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px}.lb-dataContainer:after{display:table}.lb-data{padding:0 4px;color:#ccc}.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lb-data .lb-caption{font-size:13px;font-weight:700;line-height:1em}.lb-data .lb-caption a{color:#4ae}.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(../images/close.png) top right no-repeat;text-align:right;outline:0;filter:alpha(Opacity=70);opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.lb-data .lb-close:hover{cursor:pointer;filter:alpha(Opacity=100);opacity:1}


/*=============================== menu hover effect css ==================================*/


/* nav a { */
	/* position: relative; */
	/* display: inline-block; */
	/* margin: 15px 25px; */
	/* outline: none; */
	/* color: #fff; */
	/* text-decoration: none; */
	/* text-transform: uppercase; */
	/* letter-spacing: 1px; */
	/* font-weight: 400; */
	/* text-shadow: 0 0 1px rgba(255,255,255,0.3); */
	/* font-size: 1.35em; */
/* } */

nav a:hover,nav a:focus{outline: none}