article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display: block; margin: 0; padding: 0;}
* {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
html {font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
html, body, div, h1, h2, h3, h4, h5, h6, p, ul, li, form {margin: 0; padding: 0; list-style: none; font-weight: normal;}
button, input, select, textarea {margin: 0; padding: 0; border: none; font-family: "Poppins", sans-serif;}
.custfield:focus {outline: none; border: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;}
body {font-family: "Poppins", sans-serif; font-size: 14px; color: #1C2715; background-color: #FFFFFF;}
a {text-decoration: none;}
a:hover, a:focus {text-decoration: none; outline: none;}
img {border: none; vertical-align: middle;}


/****************
 * Common Css
 ****************/
 header, section, footer {float: left; width: 100%;}
.container {max-width: 1200px; margin: 0 auto; padding: 0 15px;}
.midcontainer {max-width: 1595px; margin: 0 auto; padding: 0 15px;}
.row {margin-left: -15px; margin-right: -15px;}
.row>* {padding-left: 15px; padding-right: 15px;}
.custfield {border: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;}
a, a:hover, button {transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}

.ctextinfo h4 {color: #FFFFFF; font-size: 45px; font-weight: 700; display: inline-block;}
.ctextinfo p{font-size: 18px; line-height: 30px; color: #4F4C4C; padding-top: 25px;}

.ctitle {margin-bottom: 15px;}
.ctitle h3 {color: #141414; font-size: 50px; font-weight:700; line-height: 62px; position: relative; display: inline-block; width: 100%;}
.ctitle span {color: #FFFFFF; font-size: 18px; text-transform: uppercase; font-weight: 600; position: relative; z-index: 16; padding: 0px 25px; line-height: 28px; margin-bottom: 10px; display: inline-block;}
.ctitle span:after {content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; transform: skew(-20deg); background: #27963C; z-index: -1;}

.cbtn {display: inline-block; background-color:#27963C; height: 48px; text-align: center; line-height: 48px; color: #FFFFFF; font-size: 16px; padding: 0px 25px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;}
.cbtn:hover {color: #ffffff; background-color:#141414;}

header {position: relative; padding: 20px 80px;}
header nav ul {float: left;}
header nav ul li {float: left; padding: 0px 20px;}
header nav ul li:first-child {padding-left: 0px;}
header nav ul li:last-child {padding-right: 0px;}
header nav ul li a {color: #141414; font-size: 18px; border-bottom: 2px solid transparent; float: left; padding-bottom: 3px;}
header nav ul li a:hover {border-bottom-color: #27963C;}

.mainbanner {position: relative; padding: 75px 0px; height: 600px; background-image: url(../images/mainbanner.jpg); background-position: 50% 100%; background-repeat: no-repeat; background-size: cover;}
.mainbanner .textinfo h2 {position: relative; font-size: 50px; font-weight: 500;}
.mainbanner .textinfo h2 span {color: #27963C; font-weight: 700;}
.mainbanner .textinfo p {font-size: 22px; color: #4F4C4C; padding: 10px 0px 35px;}

.section-ab1 {position: relative; padding: 130px 0px 175px;}
.section-ab1 .textinfo .ctextinfo {padding-right: 145px;}
.section-ab1 .imgpart .imgbox {position: relative; padding-right: 25px;}
.section-ab1 .imgpart .imgbox:after {content: ""; position: absolute; right: -25px; top: 125px; width: 480px; height: 480px; background-image: url(../images/dott-bg1.png); background-repeat: no-repeat; background-position: 0px 0px; z-index: -1;}
.section-ab1 .imgpart .imgbox img {width: 100%; float: left; border-radius: 170px 0px 170px 0px; -moz-border-radius: 170px 0px 170px 0px; -webkit-border-radius: 170px 0px 170px 0px;}

.section-ser2 {position: relative; background-color: #F3F3F3; padding: 130px 0px;}
.section-ser2 .ctitle {margin-bottom: 25px;}
.section-ser2 .servicebox {margin-top: 30px;}
.section-ser2 .servinner {position: relative; border: 2px solid transparent; width: 100%; padding: 55px 30px; float: left; background-color: #FFFFFF; box-shadow: 0px 0px 20px 0px #0000000D; border-radius: 10px; -moz- border-radius: 10px; -webkit- border-radius: 10px;}
.section-ser2 .servinner:hover {border-color: #27963C;}
.section-ser2 .servinner p {font-size: 24px; color: #141414; font-weight: 700; padding-top: 30px;}

.section-log3 {position: relative; padding: 311px 80px 130px;}
.section-log3 .textinfo {float: right; width: 976px; background-color: #141414; position: relative; padding: 130px 140px 200px 230px;}
.section-log3 .textinfo  .loimgbox {position: absolute; left: 50%; transform: translateX(-50%); bottom: -125px;}
.section-log3 .limgbox {position: absolute; left: 80px; top: 130px; border-radius: 140px 0px 0px 0px; overflow: hidden; z-index: 1;}

.section-con1 {position: relative; padding: 160px 0px 220px;}
.section-con1 .contactbox {margin-top: 80px;}
.section-con1 .contactinner {float: left; position: relative; width: 100%; padding: 60px 28px 30px; height: 100%; background-color: #FFFFFF; box-shadow: 0px 0px 11px 0px #00000014; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px;}
.section-con1 .contactinner .cicons {width: 81px; height: 81px; left: 50%; transform: translateX(-50%); top: -40px; position: absolute; background-position: 50% 50%; background-repeat: no-repeat; background-color: #27963C; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%;}
.section-con1 .contactinner .emailicon {background-image: url(../images/email.png);}
.section-con1 .contactinner .callicon {background-image: url(../images/phone.png);}
.section-con1 .contactinner .mapicon {background-image: url(../images/location.png);}
.section-con1 .contactinner  p {font-size: 18px; color: #000000; line-height: 30px;}
.section-con1 .contactinner  p span {font-size: 16px; color: #000000; font-weight: 600; line-height: 30px;}
.section-con1 .contactinner  p a {font-size: 18px; color: #000000; line-height: 30px;}
.section-con1 .contactinner  p a:hover {color: #27963C;}

footer {position: relative; padding: 0px 0px 70px; background-color: #141414;}
footer .flogo {width: 240px; padding-top: 25px; background-color: #FFFFFF; height: 161px; border:5px solid #141414; margin: -80px auto 0px; border-radius: 80px; -moz-border-radius: 80px; -webkit-border-radius: 80px;}
footer .fmenu {float: left; width: 100%; padding: 45px 0px; margin-bottom: 50px; border-bottom: 1px solid #262525;}
footer .fmenu li {display: inline-block; padding: 0px 20px;}
footer .fmenu li a {color: #FFFFFF; font-size: 18px; display: inline-block;}
footer .fmenu li a:hover {color: #27963C;}
footer .copyright {margin-top: 20px;}
footer .copyright p {font-size: 16px; color: rgba(255,255,255,0.7); padding-top: 5px;}
footer .copyright p a{font-size: 16px; color: rgba(255,255,255,0.7); margin: 0px 10px;}
footer .copyright p a:hover {color: #27963C;}

.social {display: inline-block;}
.social a {width: 44px; height: 44px; display: inline-block; margin: 0px 6px; border: 1px solid #3C3C3C; opacity: 0.7; background-repeat: no-repeat; background-position: 50% 50%; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%;}
.social a.facebook {background-image: url(../images/facebook.png);}
.social a.youtube {background-image: url(../images/youtube.png);}
.social a.twitter {background-image: url(../images/twitter.png);}
.social a.linking {background-image: url(../images/linking.png);}
.social a:hover {background-color:#27963C; border-color: #27963C; opacity: 1;}


button.back-to-top {background: #fff;height: 0px;width: 0px;overflow: hidden;border-radius: 50px; -webkit-border-radius: 50px;-moz-border-radius: 50px;color: transparent;clear: both;visibility: hidden;position: fixed;cursor: pointer;display: block;border: none;right: 50px;bottom: 75px;font-size: 0px;z-index: 99;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
button.back-to-top::before, button.back-to-top::after {content: "";display: block;vertical-align: middle;border-bottom: solid 10px #27963C;border-left: solid 10px transparent;line-height: 0;border-right: solid 10px transparent;height: 0;margin: 18px auto 0;width: 0;border-radius: 20px;visibility: hidden;}
button.back-to-top.show::after, button.back-to-top.show::before {visibility: visible;}
button.back-to-top::after {border-bottom-color: #fff;position: relative;top: -24px;}
button.back-to-top.show {display: block;background: #fff;color: #00ab6c;font-size: 25px;right: 25px;bottom: 50px;height: 50px;width: 50px;visibility: visible;box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.25);-webkit-box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.25);-moz-box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.25);}
button.back-to-top.show:active {box-shadow: 0px 4px 8px 2px rgba(0, 0, 0, 0.25);-webkit-box-shadow: 0px 4px 8px 2px rgba(0, 0, 0, 0.25);-moz-box-shadow: 0px 4px 8px 2px rgba(0, 0, 0, 0.25);}