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: 'DraftBRegular';}
.custfield:focus {outline: none; border: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;}
body { font-family: 'DraftBRegular'; font-size: 14px; color: #000000; background-color: #FAF9F9;}
a {text-decoration: none;}
a:hover, a:focus {text-decoration: none; outline: none;}
img {border: none; vertical-align: middle;}

@font-face {
    font-family: 'DraftBRegular';
    src: url('../fonts/DraftBRegular.eot');
    src: url('../fonts/DraftBRegular.eot') format('embedded-opentype'),
         url('../fonts/DraftBRegular.woff2') format('woff2'),
         url('../fonts/DraftBRegular.woff') format('woff'),
         url('../fonts/DraftBRegular.ttf') format('truetype'),
         url('../fonts/DraftBRegular.svg#DraftBRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'DraftBMedium';
    src: url('../fonts/DraftBMedium.eot');
    src: url('../fonts/DraftBMedium.eot') format('embedded-opentype'),
         url('../fonts/DraftBMedium.woff2') format('woff2'),
         url('../fonts/DraftBMedium.woff') format('woff'),
         url('../fonts/DraftBMedium.ttf') format('truetype'),
         url('../fonts/DraftBMedium.svg#DraftBMedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'DraftBMediumIta';
    src: url('../fonts/DraftBMediumIta.eot');
    src: url('../fonts/DraftBMediumIta.eot') format('embedded-opentype'),
         url('../fonts/DraftBMediumIta.woff2') format('woff2'),
         url('../fonts/DraftBMediumIta.woff') format('woff'),
         url('../fonts/DraftBMediumIta.ttf') format('truetype'),
         url('../fonts/DraftBMediumIta.svg#DraftBMediumIta') format('svg');
    font-weight: normal;
    font-style: italic;
}


/****************
 * Common Css
 ****************/
 header, section, footer {float: left; width: 100%;}
.container {max-width: 1670px; 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;}

.visitbtn {font-family: 'DraftBMedium'; width: 170px; font-size: 16px; color: #101A28; height: 55px; line-height: 52px; background-color: #FFFFFF; border-radius: 28px; -moz-border-radius: 28px; -webkit-border-radius: 28px;}
.visitbtn:hover {background-color:#ED6DA6; color: #FFFFFF;}

.ctextinfo h4 {color: #FFFFFF; font-size: 48px; line-height: 60px; font-family: 'DraftBMediumIta'; display: block;}
.ctextinfo p {color: #FFFFFF; font-size: 24px; line-height: 36px; padding-top: 35px;}

.cbtn {background-color: transparent; margin-top: 40px; background-color: #ED6DA6; float: left; width: 174px; height: 62px; padding: 17px 0px; color: #9A4A3A; text-align: center; border-radius: 31px; -moz-border-radius: 31px; -webkit-border-radius: 31px;}
.cbtn span{background-position: 100% 7px; background-repeat: no-repeat; color: #FFFFFF; padding-right: 25px; font-size: 16px; font-family: 'DraftBMedium'; background-image: url(../images/arrow1.png);}
.cbtn:hover {background-color:#FFFFFF;}
.cbtn:hover span {color: #222A52; background-image: url(../images/arrow1-h.png);}

/** Header **/
header {padding: 40px 0px; position: absolute; z-index: 999;}
header .logo {padding-top: 10px;}

/** Main banner **/
.mainbanner {background-color: #222A52; position: relative;}
.mainbanner .imgbox img {opacity: 0.6; width: 100%;}
.mainbanner .textinfo {position: absolute; width: 100%; top: 50%; transform: translateY(-50%); z-index: 2;}
.mainbanner .textinfo h2 {line-height: 100px; font-size: 90px; color: #ffffff; font-family: 'DraftBMediumIta'; float: left; width: 100%;}
.mainbanner .textinfo p {line-height: 36px; width: 790px; font-size: 24px; color:rgba(255,255,255,1); display: inline-block; padding: 35px 0px 0px;}

.csecpart {position: relative; overflow: hidden; background-color: #222A52;}
.secrightbg:after {content: ""; position: absolute; right: 0px; top: 0px; width: 100%; height: 100%; background: linear-gradient(135deg,  rgba(0,0,0,0) 50%,rgba(0,0,0,0.7) 100%);}
.secleftbg:after {content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: linear-gradient(50deg, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 50%);}
.csecpart .cimgbox {width: 100%; float: left;}
.csecpart .cimgbox img {width: 100%; opacity: 0.7;}
.csecpart .textinfo {position: absolute; width: 100%; top: 50%; transform: translateY(-50%); z-index: 50;}
.csecpart .textinfo .ctextinfo {width: 670px;}
.secleftbg .textinfo .ctextinfo {float: left;}
.secrightbg .textinfo .ctextinfo {float: right;}

.section-h6 {position: relative; padding: 140px 0px 200px; background-color: #F2F1F0;}
.section-h6:after {content: ""; position: absolute; left: 0px; top: 0px; background-color: #222A52; height: 690px; width: 80%;}
.section-h6 .folsecbox {position: relative; z-index: 60;}
.section-h6 .ctextinfo h4 {font-size: 36px; line-height: 48px; margin-bottom: 70px;}
.section-h6 .finstabox .finstainner {margin-top: 30px; background-color: #FFFFFF; padding: 20px 30px 30px; float: left; width: 100%; overflow: hidden; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; box-shadow: 0px 30px 60px rgba(0,0,0,0.03); -moz-box-shadow: 0px 30px 60px rgba(0,0,0,0.03); -webkit-box-shadow: 0px 30px 60px rgba(0,0,0,0.03);}
.section-h6 .finstainner .finstatop {float: left; width: 100%;}
.section-h6 .finstainner .finstatop .profile {width: 72px; height: 72px; float: left; overflow: hidden; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%;}
.section-h6 .finstainner .finstatop .profile img {width: 100%;}
.section-h6 .finstainner .finstatop .title {position: relative; margin-left: 92px; padding-top: 10px;}
.section-h6 .finstainner .finstatop .title h4 {color: #101A28; font-size: 18px; font-family: 'DraftBMedium';}
.section-h6 .finstainner .finstatop .title h4 span {position: relative; padding-right: 14px; margin-right: 10px;}
.section-h6 .finstainner .finstatop .title h4 span:before {background-repeat: no-repeat; content: ""; background-position: 50% 50%; background-image: url(../images/dot.png); width: 4px; height: 4px; position: absolute; top: 15px; right: 0px;}
.section-h6 .finstainner .finstatop .title h4 a {color: #88CFEC; position: relative; display: inline-block;}
.section-h6 .finstainner .finstatop .title h4 a:hover {color: #ED6DA6;}
.section-h6 .finstainner .finstatop .title p {color: #9E9E9E; font-size: 14px; line-height: 24px;}
.section-h6 .finstainner .finstatop .title .instaicon {position: absolute; top: 50%; transform: translateY(-50%); right: 0px; width: 31px; height: 31px; background-image: url(../images/genz/instagramicon.png); background-repeat: no-repeat; background-position: 50% 50%;}
.section-h6 .finstainner .finstaimg {float: left; width: 100%; margin-top: 20px; overflow: hidden; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
.section-h6 .finstainner .finstaimg img {width: 100%;}
.section-h6 .finstainner .desc {float: left; width: 100%;}
.section-h6 .finstainner .desc p {color: #101A28; font-size: 14px; line-height: 24px; padding-top: 15px;}


footer {background-color: #FAF9F9; padding: 55px 0px;}
footer .social span {color: #384657; font-size: 18px; font-family: 'DraftBMedium'; line-height: 48px; float: left; margin-right: 10px;}
footer .social a {background-repeat: no-repeat;  float: left; background-position: 50% 50%; height: 48px; width: 48px; border:1px solid #ED6DA6; margin-left:15px; border-radius: 24px; -moz-border-radius: 24px; -webkit-border-radius: 24px;}
footer .social a:hover {background-color: #ED6DA6;}
footer .social .facebook {background-image: url(../images/genz/facebook1.png);}
footer .social .facebook:hover {background-image: url(../images/genz/facebook-h.png);}
footer .social .instagram {background-image: url(../images/genz/instagram1.png);}
footer .social .instagram:hover {background-image: url(../images/genz/instagram-h.png);}
footer .social .twitter {background-image: url(../images/genz/twitter1.png);}
footer .social .twitter:hover {background-image: url(../images/genz/twitter-h.png);}
footer .social .youtube {background-image: url(../images/genz/youtube1.png);}
footer .social .youtube:hover {background-image: url(../images/genz/youtube-h.png);}
footer .social a:hover {opacity: 1;}
footer .copyright p {color: #384657; line-height: 24px; font-size: 14px; font-family: 'DraftBMedium';}
footer .copyright p a{color: #384657; text-decoration: underline;}
footer .copyright p a:hover {color: #ED6DA6;}