/* ============================================ *
 * General Classes
 * ============================================ */
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700');
@font-face{font-family:proxima_nova_rgregular;src:url(../fonts/proximanova-regular-webfont.eot);src:url(../fonts/proximanova-regular-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/proximanova-regular-webfont.woff) format('woff'),url(../fonts/proximanova-regular-webfont.ttf) format('truetype'),url(../fonts/proximanova-regular-webfont.svg#proxima_nova_rgregular) format('svg');font-style:normal}@font-face{font-family:proxima_nova_rgbold;src:url(../fonts/proximanova-bold-webfont.eot);src:url(../fonts/proximanova-bold-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/proximanova-bold-webfont.woff) format('woff'),url(../fonts/proximanova-bold-webfont.ttf) format('truetype'),url(../fonts/proximanova-bold-webfont.svg#proxima_nova_rgbold) format('svg');font-style:normal}@font-face{font-family:proxima_novasemibold;src:url(../fonts/proximanova-semibold-webfont.eot);src:url(../fonts/proximanova-semibold-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/proximanova-semibold-webfont.woff) format('woff'),url(../fonts/proximanova-semibold-webfont.ttf) format('truetype'),url(../fonts/proximanova-semibold-webfont.svg#proxima_novasemibold) format('svg');font-style:normal}@font-face{font-family:proxima_nova_thbold;src:url(../fonts/proximanova-extrabold.eot);src:url(../fonts/proximanova-extrabold.eot?#iefix) format('embedded-opentype'),url(../fonts/proximanova-extrabold.woff) format('woff'),url(../fonts/proximanova-extrabold.ttf) format('truetype'),url(../fonts/proximanova-extrabold.svg#proxima_nova_thbold) format('svg');font-style:normal}@font-face{font-family:proxima_novalight;src:url(../fonts/proximanova-light-webfont.eot);src:url(../fonts/proximanova-light-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/proximanova-light-webfont.woff) format('woff'),url(../fonts/proximanova-light-webfont.ttf) format('truetype'),url(../fonts/proximanova-light-webfont.svg#proxima_novalight) format('svg');}
*{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; }
body {font-family:proxima_nova_rgregular; color: #333; line-height: 1.5em; font-size: 16px; font-weight: 400; -webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;  -webkit-font-smoothing: antialiased;}
p { margin-bottom: 20px;}
a{text-decoration: none; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; outline: none; color: #0c703a;}
a:hover { color: #325e83;}
ul li{list-style: none;}
img{max-width: 100%;border:none; vertical-align: top;}
iframe { vertical-align: top; }
section  { float: left; width: 100%; position: relative; margin-bottom: 46px;}
.container{width: 100%;padding: 0px 15px;max-width: 1200px;margin: 0 auto;}
h1{  font-weight: 400;color: #32343b;font-family:proxima_nova_rgregular;}
h2{color: #0c703a; text-transform: uppercase;  font-size:48px;font-family:proxima_nova_rgbold; line-height: 88px;}
h2 span { color: #736f6f; font-weight: 400; padding-right: 13px; }
h1 span{color:#29367a;}
.button { cursor: pointer; display: inline-block; background:#0b9248; color: #fff; font-size: 25px; font-weight: 500;font-family:proxima_novasemibold;  text-align: center;  text-transform: uppercase; border-radius: 10px; padding: 16px 30px; }
.button:hover { background: #325e83; color: #fff; }
.button a{font-family:proxima_nova_rgregular; width: 180px;text-align: center;  font-size: 20px;text-transform: uppercase;padding: 10px 25px;border: 5px solid transparent;}
.center{text-align: center;}
.wrapper > .container { padding-top: 80px; padding-bottom: 80px;}
.hidden { visibility: hidden;    }
.a-center { text-align: center; }
.a-left { text-align: left; }
.a-right { text-align: right; }
.separator {   background: #0c703a; height: 5px;  width: 72px;  display: inline-block; vertical-align: top;}
.mt-50 { margin-top: 50px; }
.mb-50 { margin-bottom: 50px; }
.padd-left-10 { padding-left: 10px; }
.inner-banner{background:#f0f0f0;padding: 50px 0;float: left;width: 100%;text-align: center;}
.no-border { border: none; }
.bold{font-weight: 700;}

/* ============================================ *
 *  Form Design
 * ============================================ */
.form-list { display: inline-block; width: 100%; overflow: auto;}
.form-list li { float: left; width:100%; margin-bottom: 5px;}
.form-list li:last-child { margin-bottom: 0;}
input[type="text"]::-webkit-input-placeholder,input[type="email"]::-webkit-input-placeholder,input[type="tel"]::-webkit-input-placeholder,input[type="password"]::-webkit-input-placeholder { color: #afafaf;}
input[type="text"]:-moz-placeholder,input[type="email"]:-moz-placeholder,input[type="tel"]:-moz-placeholder,input[type="password"]:-moz-placeholder { color: #afafaf; opacity: 1; }
input[type="text"]::-moz-placeholder,input[type="email"]::-moz-placeholder,input[type="tel"]::-moz-placeholder,input[type="passord"]::-moz-placeholder { color: #afafaf; opacity: 1; }
input[type="text"]:-ms-input-placeholder,input[type="email"]:-ms-input-placeholder,input[type="tel"]:-ms-input-placeholder,input[type="password"]:-ms-input-placeholder { color: #afafaf; }
.form-list input[type="text"],.form-list input[type="email"],.form-list input[type="tel"],.form-list input[type="password"], .form-list select, .form-list input[type="file"], .form-list textarea { background: #2a2a2a; color: #fff; padding: 0 10px; width: 100%;  font-size: 16px; height: 45px; line-height: 45px; border: none;font-family:proxima_nova_rgregular;}


/* ============================================ *
 * Header Panel
 * ============================================ */
header{float: left;width: 100%; position: relative; z-index: 99; }
header .logo {display: inline-block; margin-top: 20px;}
header .menu{float: right; }

/*reveal-modal*/
.reveal-modal-bg { position: fixed; height: 100%; width: 100%; background: #000; background: rgba(0,0,0,.8); z-index: 9999; display: none; top: 0; left: 0; }
.reveal-modal { text-align:center;display: none; top: 100px; left: 0; right: 0; margin: 0 auto; max-width: 500px; width: 100%; background: #fff; position: absolute; z-index: 99999; padding: 30px 20px 34px; border: 8px solid #0c703a; }
.reveal-modal .close-reveal-modal {  background: #4c4c4c; color: #ffffff; cursor: pointer; font-size: 32px; padding: 6px 18px 9px 19px; position: absolute;  right: 0; top: 0; }
.reveal-modal .close-reveal-modal:hover { background: #0c703a;  }
.reveal-modal .input-box.l-icon {position: relative;}
.reveal-modal .icon {display: inline-block;height: 23px;left: 14px;position: absolute !important;top: 13px;}
.reveal-modal h2 { border-bottom: 1px solid #e5e5e5; margin-bottom: 30px; }
.reveal-modal .form-list input[type="text"], .reveal-modal .form-list input[type="email"], .reveal-modal .form-list input[type="tel"], .reveal-modal .form-list input[type="password"], .reveal-modal .form-list select, .reveal-modal .form-list textarea { background: #fff; border: 1px solid #d5d5d5; font-weight: normal; color: #000; padding: 0 10px; width: 100%; font-family:proxima_nova_rgregular;font-size: 14px; height: 45px; line-height: 45px; }
.reveal-modal .form-list textarea { height: 120px; }
.reveal-modal .form-list li:last-child { margin-top: 15px; }

/* ============================================ *
 * Banner Section
 * ============================================ */
/*.banner{background: url("../images/banner.jpg") no-repeat center center;background-size: cover;height: 900px;position: relative;}*/
 .banner .banner-text { position: absolute;bottom:60px;right: 0;left: 0; }
 .banner h2 {font-size: 60px;}
 .banner span{color: #fff;}
 .banner h3 span {font-size:40px;color: #fff;font-weight: 400;text-transform: uppercase;}
.homepage-hero-module {
    border-right: none;
    border-left: none;
    position: relative;
}
.no-video .video-container video,
.touch .video-container video {
    display: none;
}
.no-video .video-container .poster,
.touch .video-container .poster {
    display: block !important;
}
.video-container {
    position: relative;
    bottom: 0%;
    left: 0%;
    height: 100%;
    width: 100%;
    overflow: hidden;
    background: #000;
}
/*.video-container .poster img {
    width: 100%;
    bottom: 0;
    position: absolute;
}
.video-container .filter {
    z-index: 100;
    position: absolute;
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
}
.video-container video {
    position: absolute;
    z-index: 0;
    bottom: 0;
}
.video-container video.fillWidth {
    width: 100%;
}*/
.video-container .filter {height: auto !important;}

.owl-dots{display: none;}
.owl-carousel { overflow: hidden;}
.bg-overlay { background: rgba(0,0,0,0.20); position: absolute; left: 0; top: 0; height: 100%; width: 100%; z-index: 9;}

/* ============================================ *
 * banner section
 * ============================================ */
.banner-img{display: inline-block;position: relative;vertical-align: top;width: 48%;}
.banner-img .tag-blink{font-size: 72px;color: #414042;font-family:proxima_nova_rgregular; position: absolute;left: 50%;top: 35%;-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.mb24 { margin-bottom: 24px; }
.mb55 { margin-bottom: 55px; }

/* ============================================ *
 * Welcome Section
 * ============================================ */
.welcome p { font-size: 20px; }

/* ============================================ *
 * THE PROCESS
 * ============================================ */
.process { float: left; width: 103.3%; margin-left: -3.3%; }
.process .block { float: left; width: 30.33%; margin-left: 3%; }
.process .block .icon { margin-bottom: 10px; display: inline-block; }
.process .block h3 { font-size: 20px; color: #0c703a; font-family:proxima_novasemibold; }
.process .block p { line-height: 24px; }

/* ============================================ *
 * Testimonial
 * ============================================ */
#testimonial { max-width: 770px; width: 100%; margin:0 auto; }
.testimonial .owl-nav {display: none;}
.testimonial .owl-carousel .owl-dots { display: block; }
.testimonial .owl-carousel .owl-dot { margin-left: 19px; }
.testimonial .owl-carousel .owl-dot span { background: #dadada; border-radius: 0; width: 29px; height: 3px; }
.testimonial .owl-carousel .owl-dot.active span { background: #0c703a; }
.testimonial .owl-carousel .owl-item img { display: inline-block; width: auto; border-radius: 50%; margin-bottom: 25px; }
.testimonial .clien-info { font-size: 18px; margin-bottom: 5px; }
.testimonial .clien-info .name{ font-size: 22px; }
.testimonial p { font-size: 20px; }


/* ============================================ *
 * About Us
 * ============================================ */
.about-us{float: left; width: 100%; }
.about-us .about-us-main h2 span{padding-right: 0;}
.about-us-bg{float: left; background: url("../images/jade_company01.jpg")no-repeat; height: 800px; width: 100%; margin-bottom: 50px;}
.about-us-bg h3{color: #0c703a;text-transform: uppercase;font-size: 48px;font-family:proxima_nova_rgbold;line-height: 88px; text-align: center; margin-top: 400px}
.about-us-main{float: left; width: 100%; margin-bottom: 20px;}

.about-us-left{float: left; width: 50%;}
.about-us-left .about-us-img{float: left; width: 34%; text-align: center;}
.about-us-left .about-us-img img{height: 120px; width: 120px; margin: 0 auto; float: none; display: inline-block;}
.about-us-left .about-us-text{float: left; width:66%; padding: 0 20px;}
.about-us-left .about-us-text h2{font-size: 27px; line-height: 35px; color: #0c703a; text-transform: capitalize; margin-bottom: 15px;}
.about-us-left .about-us-text h2 span{color: #736f6f; font-weight: normal;}
.about-us-left .about-us-text p{font-size: 17px;   color: #000; }
.about-us-right{float: left; width: 50%;}
.about-us-right .about-us-img{float: left; width: 34%; text-align: center;}
.about-us-right .about-us-img img{height: 120px; width: 120px; margin: 0 auto; float: none; display: inline-block;}
.about-us-right .about-us-text{float: left; width: 66%;padding: 0 20px;}
.about-us-right .about-us-text h2{font-size: 27px; line-height: 35px; color: #0c703a; text-transform: capitalize; margin-bottom: 15px;}
.about-us-right .about-us-text h2 span{color: #736f6f; font-weight: normal;}
.about-us-right .about-us-text p{font-size: 17px; color: #000; }
.about-Proposition{float: left;width: 100%;text-align: center;background: #f0f0f0;padding: 80px 0;margin-bottom: 0;}

/* ============================================ *
 * Infrastructure
 * ============================================ */
 .list-style { margin-bottom: 25px; }
 .list-style li { list-style: inside disc; padding-bottom: 10px; }
 .col-left { float: left; width: 48%; }
 .col-right { float: right; width: 48%; }

/* ============================================ *
 * Gallery
 * ============================================ */
.gallery-products .products-section img{ width: 200px; }
.gallery-products .products-section ul li { width: 17.43%; }
.gallery-products .products-section .product-area {  padding: 10px; }


/* ============================================ *
 * Portfolio
 * ============================================ */
.portfolio .owl-carousel .owl-item img { display: inline-block; width: 100%; }
.portfolio .owl-carousel .owl-nav.disabled, .portfolio .owl-carousel .owl-dots.disabled { display: none; }

/* ============================================ *
 * Product
 * ============================================ */
.products-section ul { margin-left: -2.5%;  width: 102.5%; }
.products-section ul li {width: 22.43%;float: left;text-align: center;margin-left: 2.5%; margin-bottom: 3.5%;}
.products-section ul li h3 { float: left; width: 100%; }
.products-section .product-area > a{ display: inline-block;width: 100%; }
.products-section .product-area {float: left; width: 100%;   border: 1px solid #325e83; padding:15px; margin-bottom: 10px;}
.products-section .product-area:hover{opacity: 0.5;}


/* ============================================ *
 * Footer Section
 * ============================================ */
footer{ width: 100%; float: left; background: #424242; padding: 30px 0;}
footer.main-block{ width: 100%; float: left; }
footer .sub-block{ width: 31.93%; float: left; margin-right: 2%; }
footer .sub-block:last-child { margin-right: 0; width: 66%;}
footer .sub-block img { margin-bottom: 15px; }
footer h3{ font-size: 22px; font-weight: 400; color: #fff; text-transform: uppercase; margin-bottom: 10px; position: relative; display: inline-block; font-family:proxima_nova_rgregular; }
footer h4 { font-size: 20px; font-weight: 700; color: #9f9f9f; padding-bottom: 8px;}
footer h5 { font-size: 14px; font-weight: 400; color: #9f9f9f; padding-bottom: 8px; text-transform: uppercase;}
footer a{ text-decoration: none; font-size: 16px; font-weight: 400; color: #9f9f9f; font-weight: 500; }
footer a:hover{ color:#0b9248;  }
footer p{ font-size: 18px; font-weight: 400; color: #9f9f9f; margin-bottom: 20px; line-height: 24px; }
footer .social-links li{ display: inline-block; }
footer .social-links li a:hover{ opacity: 0.65; }

/* ============================================ *
 * Copyright Section
 * ============================================ */
.copyright{ width: 100%; float: left; padding: 30px 0; margin: 0; }
.copyright p{ font-size: 14px; font-weight: 400; color: #333333; text-align: center;  margin-bottom: 0; }

 
/*table*/
.data-table { border: 0; width: 100%;    border-collapse: collapse;}
.data-table th { font-size: 14px; text-align: left; background: #efefef; color: #333333;  padding: 8px 8px 8px 15px; border: 1px solid #e5e5e5; font-weight: normal;}
.data-table td {font-size: 14px; border: 1px solid #e5e5e5; margin-right: 0; padding: 8px;}
.data-table td table tr td{ border-bottom: none; }
.data-table td table tr:last-child td { border-bottom: 1px solid #e5e5e5; }
.data-table td table th  { text-align: center; background: #f3f3f3; border-right: none; padding: 8px; }
.data-table td span { font-size: 14px; }

.form-list input[type="text"],.form-list input[type="email"],.form-list input[type="tel"],.form-list input[type="password"], .form-list select, .form-list textarea { background: #fff; border: 1px solid #d5d5d5; font-weight: normal; color: #000; padding: 0 10px; width: 100%; font-family:proxima_nova_rgregular;font-size: 14px; height: 36px; line-height: 36px; min-width: 100px;}
.form-list select[multiple], .form-list select[size] { height: auto;}
.form-list .input-select { -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; background: url("../images/ico-dropdown-arrow.png") no-repeat 98% center; padding-right: 38px; padding-left: 10px;}
.form-list textarea { height: 60px;}
.form-list input[type="text"][disabled], .form-list select[disabled], .form-list textarea[disabled] { color: #c1c1c1; cursor: not-allowed; background-color: #eeeeee;}
.form-list input[type="text"][readonly], .form-list select[readonly], .form-list textarea[readonly] { background-color: #eeeeee; opacity: 1;}


/*about us*/
.about-gallery{float: left; width: 100%; padding:40px 0 20px 0!important; background: #f0f0f0;  text-align: center;}
.about-gallery img{margin: 0 auto; height: 200px!important; width: 200px!important; float: none;}
.about-gallery .none{margin-right: 0;}
.about-gallery div{text-align: center;}
.about-gallery div a{margin-bottom: 0 auto; float: none; margin: 35px 0;}

/*product*/
.product{float: left; width: 100%;}
.right1{float: none; margin: 0 auto;}