* { margin:0; padding:0; outline:0; }
.nobdr { border:none !important; }
.nobg { background:none !important; }
.nobdr_top { border-top:none !important; }
.nomargin { margin:0px !important; }
.nomargin-top{margin-top:0 !important;}
.nomargin-left { margin-left:0px !important; }
.nomargin-right { margin-right:0px !important; }
.nopadding { padding:0px !important; }
.alignbottom { vertical-align:text-top; }
img {height: auto;  border:0;}
ul { list-style-type:none; padding:0; margin:0; }
ul li { list-style:none; padding:0; margin:0; }
a { text-decoration:none; outline:none; }
aside, details, figcaption, figure, ins, summary, small, mark, title, video, footer, header, hgroup, nav, section, article { display:block; }
.clear { padding:0; margin:0; clear:both; }
h1, h2, h3, h4, h5, h6 { padding:0; margin:0;}

html, body { height: 100%; width: 100%; padding: 0; margin: 0!important; position:relative;}
.cf:before,.cf:after {content: " "; display: table;}
.cf:after {clear: both;}
.cf {*zoom: 1;}
body{ margin:0px; padding:0px; position:relative;}
html{ margin:0px!important; padding:0px;}
input{padding:0 5%;}
a:focus{ outline:none !important;}
::focus{outline:none !important;}
:focus {
outline: 0!important;
}
::selection {background: #f03f58;color:#fff;}
::-moz-selection {background: #f03f58; color:#fff;}

@font-face {
    font-family: 'ProximaNovaLight';
    src: url('fonts/ProximaNovaLight.eot');
    src: url('fonts/ProximaNovaLight.eot') format('embedded-opentype'),
         url('fonts/ProximaNovaLight.woff2') format('woff2'),
         url('fonts/ProximaNovaLight.woff') format('woff'),
         url('fonts/ProximaNovaLight.ttf') format('truetype'),
         url('fonts/ProximaNovaLight.svg#ProximaNovaLight') format('svg');
}
@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-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'proxima_nova_rgbold';
    src: url('fonts/proximanova-bold.eot');
    src: url('fonts/proximanova-bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/proximanova-bold.woff') format('woff'),
         url('fonts/proximanova-bold.ttf') format('truetype'),
         url('fonts/proximanova-bold.svg#proxima_nova_rgbold') format('svg');
    font-weight: normal;
    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-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'proxima_novaextrabold';
    src: url('fonts/proximanova-extrabold_1-webfont.eot');
    src: url('fonts/proximanova-extrabold_1-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/proximanova-extrabold_1-webfont.woff2') format('woff2'),
         url('fonts/proximanova-extrabold_1-webfont.woff') format('woff'),
         url('fonts/proximanova-extrabold_1-webfont.ttf') format('truetype'),
         url('fonts/proximanova-extrabold_1-webfont.svg#proxima_novaextrabold') format('svg');
    font-weight: normal;
    font-style: normal;
}

.main-container{ width:100%; max-width:100%; position:relative;}
.container{ width:1170px; margin:0 auto;}

/* Header */
.header { background:#fff; width:100%; z-index:999;box-shadow: 0 0 5px #ddd;background:#fff;-webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.logo {float: left;width: auto;padding-top: 15px;}
.nav {float: right;width: auto;padding: 0px;}
.nav ul li{ float:left;  color:#313548; font:14px/14px 'proxima_nova_rgbold' ; text-transform:uppercase;padding: 33px 0;}
.nav ul li a{color:#313548; text-decoration:none; border-right:1px solid #e1d8d9;padding:0 35px;}
.nav ul li:last-child a{ border:0;}
.header.sticky {position: fixed;}
.sticky .logo{ padding-top:10px;}
.sticky .logo img{ width:95px;}
.sticky .nav ul li{ padding:22px 0;}
.nav ul li.active{ border-bottom:3px solid #f03f58;}
.nav ul li.active a{ color:#f03f58;}

/* Banner */
.banner-sec{ overflow:hidden; text-align:center; position:relative; line-height:0; float:left; width:100%;}
.banner-inner {bottom: 0;height:150px;left: 0; margin: auto;position: absolute;right: 0;top: 0;vertical-align: middle;}
.banner-sec h1{color:#fff; font:67px/53px 'proxima_novaextrabold' ; padding-bottom:20px;}
.banner-sec p{ font:30px/30px  'ProximaNovaLight'; color:#fff;padding: 0 40px;}
.bnr-text{ width:750px; margin:0 auto;}
.bnr-aftr {bottom: 0;left: 0;position: absolute;right: 0;}

/* About us */
.about-sec{ background:#f4f5f7; padding:90px 0 50px; float:left; width:100%;}
.abut-head {float: left;width: 690px;}
.about-sec h2{font:45px/55px  'ProximaNovaLight'; color:#25357a; padding-bottom:20px;}
.about-sec span{font:20px/25px 'proxima_novasemibold'; color:#25357a;}
.abut-btn {float: right;width: 400px;text-align: right; padding-top:10px;}
.abut-btn a{ min-width:320px;min-height:63px;font:17px/63px 'proxima_nova_rgregular';text-align:center;text-transform:uppercase;display:inline-block;transition:all 0.5s ease 0s;}
.abut-btn .request-btn{ background:#f03f58; color:#fff;border:1px solid #f03f58; margin-bottom:20px;}
.abut-btn .request-btn:hover{border-color: #25357a;box-shadow: 350px 0 0 0 #25357a inset;}
.abut-btn .touch-btn{ color:#25357a; border:1px solid #25357a;}
.abut-btn .touch-btn:hover{border-color: #f03f58; color:#f03f58;}
.abut-text-left {float: left;width: 47%;padding-right: 6%;}
.abut-text-left:last-child{ padding:0;}
.abut-text{padding: 30px 0;}
.abut-text p{font:17px/26px 'proxima_nova_rgregular'; color:#55596a;}

/* Services */
.whatwe-sec{ padding:85px 0 50px; background:#fff; float:left; width:100%; position:relative;}
.whatwe-left { float: left;width: 820px; position:relative; z-index:99;}
.whatwe-sec h2{font:45px/55px  'ProximaNovaLight'; color:#25357a; padding-bottom:20px;}
.whatwe-sec p{font:16px/25px 'proxima_nova_rgregular'; color:#55596a;}
.whatwe-left ul{ padding:55px 0 0;}
.text-we h4{font:20px/20px 'proxima_nova_rgbold' ; color:#25357a; text-transform:uppercase; padding-bottom:10px;}
.whatwe-left li{ float:left; width:47%; padding-right:2%; margin-bottom:55px;}
.whatwe-left li figure img{transition: all .5s ease-in-out;}
.whatwe-left li:hover figure img{ margin-top:10px;}
.whatwe-left li figure{ float:left; width:50px;}
.text-we {float: left;padding-left: 32px;width: 260px;}
.whatwe-right {bottom: 0;line-height: 0;position: absolute;right: 0; width:590px;}
.whatwe-right img{ width:100%;}

/* Get In Touch */
.paralex-sec{ height:440px; background:rgba(0, 0, 0, 0) url("../images/paralax-banner.jpg") no-repeat fixed center top / cover ; text-align:center; float:left; width:100%; padding-top:80px;box-sizing: border-box;}
.paralex-sec h2{font:45px/55px  'ProximaNovaLight'; color:#fff; padding-bottom:20px; text-transform:capitalize;}
.paralex-sec ul { padding:50px 0 0;}
.paralex-sec ul li{ display:inline-block; padding:0 20px;vertical-align:top; width:28%;}
.paralex-sec ul li figure img{transition: all 0.8s ease 0s;}
.paralex-sec ul li:hover figure img{ margin-bottom:10px;}
.paralex-sec ul li span{font:16px/25px 'proxima_nova_rgregular'; color:#8b8baa; text-transform:uppercase; padding:30px 0 15px; display:block;}
.paralex-sec ul li p{font:19px/26px  'ProximaNovaLight'; color:#fff; }
.paralex-sec ul li p a{ text-decoration:none;color:#fff;}

/* Contact us */
.form-inner {margin: 0 auto;width: 580px;}
.form-sec{ background:#f6f8f9; padding:40px 0 37px; text-align:center; float:left; width:100%;}
.form-sec h2{font:45px/55px  'ProximaNovaLight'; color:#25357a; padding-bottom:20px;}
.form-sec p{font:16px/25px 'proxima_nova_rgregular'; color:#55596a;padding-bottom: 25px;}
.form-inner .input-field{width:528px; padding-bottom:10px;margin: 0 auto;}
.form-inner .input-field input{ width:100%; height:55px; border:1px solid #dbdfe5; border-radius:3px;font:14px/55px 'proxima_nova_rgregular'; color:#55596a; padding:0 15px;box-sizing: border-box; }
.form-inner .input-field textarea{ width:100%; height:125px; border:1px solid #dbdfe5; border-radius:3px;font:14px/15px 'proxima_nova_rgregular'; color:#55596a; padding:15px; resize:none;box-sizing: border-box;}
.input-field.submit-btn {padding-top:25px;}
.input-field.submit-btn .wpcf7-submit{ background:#f03f58;font:16px/16px 'proxima_nova_rgbold' ; color:#fff; border:0;border-radius:0px; cursor:pointer; transition: all .5s ease-in-out;}
.input-field.submit-btn .wpcf7-submit:hover{box-shadow: 770px 0 0 0 #25357a inset;}
.input-field .wpcf7-not-valid-tip:before{width: 0;height: 0;border-style: solid;border-width: 5px 8.7px 5px 0;border-color: transparent #f03f57 transparent transparent;
line-height: 0px;_border-color: #000000 #f03f57 #000000 #000000;_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000'); content:""; left:-7px; top:7px; position:absolute;}
.input-field .wpcf7-not-valid-tip {background:#f03f58;color: #fff !important;border-radius: 3px;font:13px/15px 'proxima_nova_rgbold';padding: 5px 10px;position: absolute; right: -155px;top: -4px;}

 .input-field .wpcf7-form-control-wrap.your-message .wpcf7-not-valid-tip { top:-55px;}
.form-inner div.wpcf7-validation-errors, .form-inner div.wpcf7-mail-sent-ng{ border:0;font:15px/15px 'proxima_nova_rgregular'; color:#f03f58; margin:0;}
.form-inner div.wpcf7-mail-sent-ok{ font:16px/16px 'proxima_nova_rgbold'; color:#398f14; margin:0; width:91%; margin:0 auto; box-sizing:border-box;}

/* Footer */
.footer{ background:#2e3549; padding:20px 0; float:left; width:100%;}
.nav-ftr{ padding-top:10px; float:left;}
.nav-ftr li{font:14px/14px 'proxima_nova_rgbold' ; text-transform:uppercase; color:#acaeb3; padding:0 12px; float:left;}
.nav-ftr li a{color:#acaeb3; }
.nav-ftr li.active a{ color:#f03f58;}
.footer span{font:13px/25px 'proxima_nova_rgregular'; color:#505564; padding-left:12px; padding-top:7px; display:inline-block;}
.social-sc {float: right;text-align: right;}
.social-sc li{ float:left; padding-left:7px;}
.social-sc li img{ transition: all .3s ease-in-out;}
.social-sc li:hover img{ margin-top:5px; }
.slicknav_menu{ display:none;}

.thankyou{ float:left; width:100%; padding:350px 0 ; }
.thankyou h1{font:75px/75px 'proxima_novaextrabold' ; color:#f03f58; text-align:center;}
.thankyou p{font: 30px/50px "ProximaNovaLight"; color:#55596a; text-align:center; text-transform:capitalize;}

/* Responsive Media */
@media screen and (max-width:1919px){
.thankyou{ padding:220px 0;}
}
@media screen and (max-width:1365px){
.abut-head{ width:64%;}
.abut-btn{ width:35%;}
.whatwe-left{ width:60%;}
.whatwe-right{ width:40%;}
.text-we{ width:75%;padding-left: 8%;}
}
@media screen and (max-width:1200px){
.container{ width:96%;}
.banner-sec img{ width:100%;}
.banner-sec .bnr-aftr img{ width:auto;}
.text-we {padding-left: 3%;}
.paralex-sec { background-attachment:scroll;}
}
@media screen and (max-width:1023px){
.banner-sec h1 {color: #fff; font-size:65px; line-height:65px;padding-bottom: 10px;}
.banner-sec p {padding: 0 80px; font-size:25px; line-height:35px;}
.about-sec h2, .whatwe-sec h2, .paralex-sec h2, .form-sec h2{ font-size:38px; line-height:45px;}
.about-sec span{ font-size:18px;}
.abut-btn a{ font-size:15px; line-height:40px; min-height:40px; min-width:95%; padding:0 20px;box-sizing: border-box;}
.abut-btn .request-btn{ margin-bottom:10px;}
.about-sec, .whatwe-sec, .paralex-sec, .form-sec{ padding:40px 0;}
.paralex-sec{ height:auto; padding-bottom:50px;}
.paralex-sec ul li span{ padding:15px 0 10px;}
.paralex-sec ul li p{ font-size:20px;}
.paralex-sec ul li img{ width:45px;}
.paralex-sec ul li{ width:27%;}
.paralex-sec ul{ padding-top:40px;}
.text-we h4{ font-size:17px; line-height:17px; padding-bottom:5px;}
.whatwe-sec p{ font-size:14px; line-height:22px;}
.whatwe-left li figure{ width:40px;}
.whatwe-left li figure img{ width:70%;}
.input-field .wpcf7-not-valid-tip{ display:none;}
.input-field .wpcf7-not-valid{ border-color:#f03f58!important;}
.paralex-sec ul li:hover figure img{ margin-bottom:0px;}
}
@media screen and (max-width:767px){
.bnr-text{ width:100%;}
.banner-sec h1{ font-size:40px; line-height:40px;}
.banner-sec p {font-size:18px; line-height:18px;padding: 0 80px;}
.nav ul li, .sticky .nav ul li { font-size:12px; padding:15px 0;}
.nav ul li a{ padding:0 15px;}
.logo{ padding-top:7px; position:relative; z-index:99999;}
.logo img, .sticky .logo img{ width:80px;}
.header.sticky{ position:relative;}
.abut-text-left{ width:100%; padding:0 0 20px;}
.abut-text p{ text-align:justify;}
.paralex-sec ul li {margin-bottom: 35px;padding: 0; width: 100%;}
.paralex-sec{ padding-bottom:20px;}
.abut-text{ padding-bottom:0;}
.form-inner{ width:100%;}
.form-inner .input-field{ width:85%;}
.whatwe-right{ width:100%; position:relative;}
.whatwe-left{ width:100%;}
.whatwe-left ul{ padding-top:30px;} 
.whatwe-left li figure{ width:50px;}
.whatwe-left li figure img{ width:auto;}
.paralex-sec ul li span{ padding:10px 0 2px;}
.thankyou{  padding:180px 0;}
.thankyou h1{ font-size:60px; line-height:60px;}
.thankyou p{ font-size:22px; line-height:25px;}
.form-inner div.wpcf7-mail-sent-ok{ width:85%;}
}
@media screen and (max-width:639px){
.banner-sec h1 {font-size: 40px;line-height: 40px;}
.banner-sec p {font-size:17px; line-height:17px;}
.bnr-aftr{ display:none;}
.banner-inner{ height:100px;}
.abut-head{ width:100%;padding-bottom: 20px;}
.abut-btn, .abut-btn a{ width:100%;}
.abut-text p{ font-size:15px; line-height:24px;}
.abut-btn .request-btn:hover{box-shadow: 640px 0 0 0 #25357a inset;}
.about-sec h2, .whatwe-sec h2, .paralex-sec h2, .form-sec h2 {font-size: 30px;line-height: 35px; padding-bottom:10px;}
.about-sec span {font-size: 15px;}
.container {width: 92%;}
.nav-ftr{ text-align:center; width:100%;padding:0 0 10px;}
.nav-ftr li, .social-sc li{ float:none; display:inline-block; vertical-align:top;padding-left: 2px; }
.social-sc{ width:100%; text-align:center;}
.footer span{ padding:0; font-size:12px; p}
.form-inner .input-field input{ line-height:40px; height:40px;}
.form-inner .input-field textarea{ height:100px;}
.whatwe-left li{ width:100%; margin-bottom:35px;}
.text-we{ width:85%;}
.whatwe-sec p{ text-align:justify;}
}
@media screen and (max-width:479px){
.banner-sec h1 {font-size: 30px;line-height: 30px;}
.banner-sec p{ font-size:15px; padding:0 20px;}
.banner-sec img {height: 205px;width: auto;}
.banner-inner {height: 88px;}
.header.sticky {position: fixed;}
.sticky .logo{ padding-top:10px;}
.sticky .logo img{ width:95px;}
.sticky .nav ul li{ padding:22px 0;}
.about-sec span{ font-size:14px;}
.paralex-sec ul li span { font-size:14px;padding: 10px 0 2px;}
.form-sec p, .whatwe-sec p{ font-size:14px; line-height:20px;}
.form-inner .input-field{ width:100%; padding-top:10px; padding-bottom:0;}
.nav-ftr li{ padding: 0 8px; font-size:12px;}
.footer span{ font-size:11px;}
.text-we {width: 79%;}
.header .nav .menu{ display:none;}
.header .slicknav_menu{ display:block; position:absolute; right:0; width:100%; background:none; z-index:9999; padding:0;}
.header .slicknav_btn{ padding:16px 14px 13px;}
.form-inner div.wpcf7-mail-sent-ok{ width:100%;}
.whatwe-right img{ width:100%; display:none !important;}
}
