/*====================================== reset.css is here ========================================*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0;}
table {	border-collapse:collapse; border-spacing:0;}
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;}
caption,th {text-align:left;}
abbr,acronym { border:0;}
.clear{clear:both; font-size:1px;line-height:1px; display:block; height:0;}
.clrflt{clear:both;}
.last	{margin:0 !important;}
.pad_last{padding:0 !important;}
.no_bg {background:none !important;}
.no_bor{border:none !important; }
input{ -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none;-o-appearance: none; appearance: none; border-radius:0; }
text-area{ -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none;-o-appearance: none; appearance: none; border-radius:0; }
header,nav,section,article,aside,footer,hgroup {display: block;}
/**************************************************************************************/
a											{color:#000; text-decoration:none; outline:0 none;}
a:hover										{color:#000;  text-decoration:none;}
h1											{font-size:24px;}
h2											{font-size:22px;}
h3											{font-size:18px;}
h4											{font-size:16px;}
h5											{font-size:14px;}
h6											{font-size:12px;}
/*----------------------------------------------------------------------------------*/
html 										{}
body										{color:#b1b1b1; -webkit-text-size-adjust:100%; font-family:"Arial", Verdana, Tahoma; font-size:16px;}
.flt_lt										{float:left; display:inline;}
.flt_rt										{float:right; display:inline;}
/* ---------------------------------------------------------------------------------*/
/* ----------------------- layout ----------*/
.wrapper{margin:32px auto 0;padding:0;width:100%;}
.container{width:840px; margin:0 auto;}
/*-------------------------------------------*/
/* ------------------ HEADER HERE -------------------*/
header{margin:0;padding: 5px 0 5px 0;text-align:center;background:#fec30d;position: fixed;width: 100%;top: 0;left: 0;z-index: 9999;}
.menu{display:none; cursor:pointer;}
.menu1{display:none; cursor:pointer;}
nav{padding:0; margin:0;}
nav ul{padding:0; margin:0; display:inline-block;}
nav ul li{display:inline-block;padding:0;margin: 0 11px;}
nav ul li a{font-family:'Lato', sans-serif;font-size:12px;line-height:12px;color:#000;padding:0;margin:0;text-transform:uppercase;font-weight: bold; transition:all ease-in-out 0.3s; -moz-transition:all ease-in-out 0.3s; -ms-transition:all ease-in-out 0.3s; -o-transition:all ease-in-out 0.3s; -webkit-transition:all ease-in-out 0.3s; position:relative; text-decoration:none;}
nav ul li a:after{position:absolute; bottom:0; left:50%; width:0; border-bottom:solid 1px #000; transition:all ease-in-out 0.5s; content:''; }
nav ul li a:hover:after{left:0; width:100%;}
/* ------------------ BANNER HERE -------------------*/
.banner{padding:0;margin:0;background: url(../Content/images/banner.jpg) no-repeat #000;min-height: 505px;background-position: center;}
.banner_in{display:table; width:100%; height:505px;}
.banner_in_con{display:table-cell; vertical-align:middle; width:100%; text-align:center;}
.logo{display:inline-block;padding:0;margin: 0 0 110px 0;}
.banner_in_con p{font-family:'Lato', sans-serif;font-size:20px;line-height: 24px;color:#fff;padding:0;margin:0;text-transform:uppercase;font-weight: normal;}
/* ------------------ MAINCONTENT HERE -------------------*/
.maincontent{padding:0; margin:0;}
.our_heritage{padding: 28px 0 28px 0;margin:0;position:relative;background: #00f0cd;}
.our_heritage:before {position: absolute;top: 0;left:0;width: 50%;height: 100%;z-index: -1;background: #00f0cd;content: '';}
.our_heritage:after {position: absolute;top: 0;right: 0;width: 50%;height: 100%;z-index: 9;background: #ff4e60;content: '';}
.our_heritage_lft{padding: 65px 43px 58px 66px;margin:0;position: relative;}
.our_heritage_lft span{height:100%;width: 22px;background:#fff;display:inline-block;position:absolute;top: 0;left: 20px;}
.our_heritage_lft span:before{content:'';width: 67px;height:22px;background:#fff;display:block; position:absolute; top:0;}
.our_heritage_lft span:after{content:'';width: 67px; height:22px;background:#fff;display:block; position:absolute; bottom:0;}
.our_heritage_lft h2{font-family:'Lato', sans-serif;font-size:18px;line-height: 18px;color:#4c4b4b;padding: 0 0 8px 0;margin:0;text-transform:uppercase;font-weight: bold;}
.our_heritage_lft p{font-family:'Lato', sans-serif;font-size: 14px;line-height: 19px;color:#4c4b4b;padding:0;margin:0;text-transform: none;font-weight: normal;}
.our_heritage_rt{padding: 65px 60px 58px 40px;margin:0;z-index: 9998;}
.our_heritage_rt span{height:100%;width: 22px;background:#fff;display:inline-block;position:absolute;top: 0;right: 23px;left:auto;}
.our_heritage_rt span:before{top:0; right:0;}
.our_heritage_rt span:after{bottom:0; right:0;}
.our_heritage_rt h2{color:#fff;}
.our_heritage_rt p{color:#fff;}
/*.what_we_do{background:url(../Content/images/what_we_do_img.jpg) no-repeat #000;background-position: top center;padding: 202px 0px 83px 0;margin:0;}*/
.what_we_do{background:url(../Content/images/what_we_do_img.jpg) no-repeat #000;background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;padding: 202px 0px 83px 0;margin:0;}
.what_we_do_in{padding: 31px 23px 22px 25px;margin:0;background:#fff;text-align:center;position:relative;z-index: 1;}
.what_we_do_in span{position:absolute; left:0; top:0; height:100%; width:20px; background:#ff4e60;}
.what_we_do_in:before{content:'';display:block;width:50%;background:#ff4e60;height: 100%;position:absolute;top:0;left:0;z-index: -1;}
.what_we_do_in:after{content:'';display:block;width:50%;background: #521c74;height: 100%;position:absolute;bottom:0;right: 0;z-index: -1;}
.what_we_do_in_con{margin:0 auto;display:block;float:none;text-align:left;padding: 0 31px 21px 3px;}
.what_we_do_in_con h2{font-family:'Lato', sans-serif;font-size:18px;line-height: 18px;color:#521c74;padding: 0 0 8px 0;margin:0;text-transform:uppercase;font-weight: bold;}
.what_we_do_in_con p{font-family:'Lato', sans-serif;font-size: 14px;line-height: 17px;color:#353535;padding: 0 0 8px 0;margin:0;text-transform: none;font-weight: normal;}
.con{background:#fff;padding: 43px 14px 44px 14px;}
.marketing{margin:0; padding:0;}
.marketing ul{margin:0; padding:0; display:block; text-align:center; width:100%;}
.marketing ul li{display:inline-block; padding:0; margin:0;}
.marketing ul li img{display:block; margin:0 auto; padding:0;}
.marketing ul li h3{font-family:'Lato', sans-serif;font-size:20px;line-height:22px;color:#e9425c;padding: 0 0 7px 0;margin:0;font-weight: normal;}
.marketing ul li p{font-family:'Lato', sans-serif;font-size:14px;line-height: 17px;color:#e9425c;padding: 0 29px;margin:0;font-weight: normal;}
.marketing ul li a{font-family:'Lato', sans-serif;font-size:14px;line-height:20px;color:#e9425c;padding:0;margin:0;font-weight: normal;text-decoration:none;position: relative;display: inline-block;}
.marketing ul li a:after{content:'';display:block;width: 105px;height:1px;background: #ef808f;position: absolute;bottom: 2px;left: 0;right: 0;margin: 0 auto;}
.brand_partners{padding: 60px 0 64px 0;margin:0;text-align:center;background:#ffffff;}
.brand_partners h2{font-family:'Lato', sans-serif;font-size:30px;line-height:30px;color:#fecc39;padding: 0 0 15px 0;margin:0;font-weight: normal;text-transform: uppercase;}
.brand_partners p{font-family:'Lato', sans-serif;font-size:14px;line-height: 17px;color:#353535;padding: 0 0 45px 0;margin:0;font-weight: normal;}
.brand_partners ul{padding:0; margin:0;}
.brand_partners ul li{padding:0;margin: 0 16px;display:inline-block;}
.brand_partners ul li a{display:block;}
/*.our_works{margin:0;padding: 92px 0 0 0;background:url(../Content/images/our_work_bg.jpg) no-repeat #000;background-position: top center;text-align:center;background-size:cover;min-height: 528px;}*/
.our_works{margin:0;padding: 92px 0 0 0;background:url(../Content/images/our_work_bg.jpg) no-repeat #000;background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;text-align:center;background-size:cover;min-height: 528px;}
.our_works h2{font-family:'Lato', sans-serif;font-size:30px;line-height:30px;color:#fff;padding: 0 0 47px 0;margin:0;font-weight: normal;text-transform: uppercase;}
.our_works ul{margin:0;padding:0;display: inline-block;text-align:center;width:100%;}
.our_works ul li{display:inline-block;padding:0;width: 18%;margin: 0 2.5% 0 0;text-align: left;}
.our_works ul li img{display:block; margin:0 auto; padding:0;}
.our_works ul li h3{font-family:'Lato', sans-serif;font-size: 18px;line-height: 18px;color:#fff;padding: 6px 0 4px 0;margin:0;font-weight: normal;text-transform: uppercase;}
.our_works ul li p{font-family:'Lato', sans-serif;font-size:14px;line-height: 16px;color:#fff;padding: 0;margin:0;font-weight: normal;}
.our_works ul li a{font-family:'Lato', sans-serif;font-size: 12px;line-height: 12px;color:#fff;padding:0;margin:0;font-weight: normal;text-decoration:none; position:relative;}
.our_works ul li a span{text-decoration:underline;}
/*.our_works ul li a:after{content:'';display:block;width: 89px;height:1px;background: #fff;position: absolute;bottom: 0;left: 0;right: 0;margin: 0 auto;}
*/
.our_works ul li p.expand{font-family:'Lato', sans-serif;font-size:14px;line-height: 16px;color:#fff;padding: 0;margin:0;font-weight: normal;display:none;}
.contact{margin:0;padding: 112px 0 92px 0;background:url(../Content/images/contact_bg.jpg) no-repeat #000;background-position: top center;text-align:center;}
.contact h2{font-family:'Lato', sans-serif;font-size:30px;line-height:30px;color:#fff;padding: 0 0 10px 0;margin:0;font-weight: normal;text-transform: uppercase;}
.contact p{font-family:'Lato', sans-serif;font-size:14px;line-height: 16px;color:#fff;padding: 0 0 38px 0;margin:0;font-weight: normal;}
.contact_lft{float:left;display:inline-block;padding:0;margin: 2px 0 0 0;text-align:left;width: 59%;}
.form_sec{margin:0; padding:0;}
.form_sec ul{display:block; padding:0; margin:0;}
.form_sec ul li{display:inline-block;padding:0;margin: 0 4% 10px 0;width:48%;float:left;vertical-align: top;}
.form_sec input{width:100%;font-family:'Lato', sans-serif;font-size: 14px;line-height: 27px;font-weight:normal;color: #485654;display:inline-block;background: #fff;padding:7px 10px 7px 10px;border: 1px solid #dddddd;outline:none;height: 27px;box-sizing:border-box;margin: 0;}
.form_sec textarea{float:right;width:100%;font-family:'Lato', sans-serif;font-size: 14px;line-height: 14px;font-weight:normal;color: #485654;display:inline-block;background: #fff;padding:7px 7px;border: 1px solid #dddddd;outline:none;min-height: 61px;resize:none;}
.form_sec .send{font-family:'Lato', sans-serif;font-size: 14px;line-height: 14px;font-weight:normal;color: #485654;display:block;width: 72px;background: #fff;text-align:center;padding:6px 0 6px;border: 1px solid #dddddd;outline:none;margin:0 auto;text-transform:uppercase;float: right;}
.form_sec .send:hover{background: #fec30d;transition:all ease-in-out 0.3s;border: 1px solid #fec30d;}
.form_sec ul li.area{width:100%;}
.ferror{color:#903 !important; display:none;}
.f_success{color:#fff !important; display:none;font-weight:bold;padding:0;}
.errS{font-family:'Lato', sans-serif;font-size:12px;color:#F00;font-weight:bold;padding:0 0px 0 0;}
.contact_rt{float:left;display:inline-block;padding: 0 0 0 2.5%;margin:0;text-align:left;width: 40%;}
.address{float:left;display:inline-block;padding:0;margin:0;}
.address h4{font-family:'Lato', sans-serif;font-size:18px;line-height:18px;color:#fff;padding: 0 0 2px 0;margin:0;font-weight: normal;text-transform: uppercase;}
.address a{font-family:'Lato', sans-serif;font-size:14px;line-height:14px;color:#fff;padding:0;margin: 0 0 18px 0;font-weight: normal;text-transform: uppercase;display: block;}
.help_center{float:right;display:inline-block;padding:0;margin:0;width: 142px;}
.help_center h4{font-family:'Lato', sans-serif;font-size:18px;line-height:18px;color:#fff;padding: 0 0 2px 0;margin:0;font-weight: normal;text-transform: uppercase;}
.help_center p{font-family:'Lato', sans-serif;font-size:14px;line-height: 16px;color:#fff;padding: 0 4px 0px 0;margin:0;font-weight: normal;}
.help_center a{font-family:'Lato', sans-serif;font-size: 12px;line-height: 12px;color:#fff;padding:0;margin:0;font-weight: normal;text-decoration:none;position: relative;display: inline-block;}
/*.help_center a:after{content:'';display:block;width: 89px;height:1px;background: #fff;position: absolute;bottom: -1px;left: 0;right: 0;margin: 0 auto;}
*/
.help_center a span{text-decoration:underline;}
/* ------------------ FOOTER HERE -------------------*/
footer{padding: 5px 0 5px 0;margin:0;background:#fec30d;}
.foot_logo{float:left;display:inline-block;padding:0;margin: 0 0 0 8px;}
.foot_nav{float: right;display:inline-block;padding:0;margin:0;}
.foot_nav{padding:0;margin: 0 82px 0 0;}
.foot_nav ul{padding:0; margin:0; display:inline-block;}
.foot_nav ul li{display:inline-block;padding:0;margin: 0 9px;}
.foot_nav ul li a{font-family:'Lato', sans-serif;font-size:12px;line-height:12px;color:#000;padding:0;margin:0;text-transform:uppercase;font-weight: bold; transition:all ease-in-out 0.3s; -moz-transition:all ease-in-out 0.3s; -ms-transition:all ease-in-out 0.3s; -o-transition:all ease-in-out 0.3s; -webkit-transition:all ease-in-out 0.3s; position:relative; text-decoration:none;}
.foot_nav ul li a:after{position:absolute; bottom:0; left:50%; width:0; border-bottom:solid 1px #000; transition:all ease-in-out 0.5s; content:''; }
.foot_nav ul li a span{text-decoration:underline;}
.foot_nav ul li a:hover:after{left:0; width:100%;}
.help_center p.expand{display:none;}
/* ------------------ POP-UP HERE -------------------*/
#popup1{display:none;}
#popup2{display:none;}
#popup3{display:none;}
#html5-watermark{display:none !important;}
#html5-image{padding:0 !important;}
.pop_up{margin:0 auto;padding: 30px 0 38px 0;background:#ff4e60;text-align:center; display:block;}
.pop_up img{margin:0 auto; display:block;}
.pop_up h3{font-family:'Lato', sans-serif;font-size:20px;line-height:22px;color:#fff;padding: 0 0 7px 0;margin:0;font-weight: normal;}
.pop_up p{font-family:'Lato', sans-serif;font-size: 14px;line-height: 17px;color:#fff;padding: 19px 0 18px 0;margin:0;text-transform: none;font-weight: normal;letter-spacing: 0.9px;}
.pop_up ul{display: block;padding: 0 0 0 31px;margin: 0 auto;text-align: left;width: 206px;}
.pop_up ul li{padding:0;margin: 0 0 4px 0;font-family:'Lato', sans-serif;font-size: 14px;line-height: 14px;color:#fff;font-weight:bold;float: none;display: block;}
.pop_up ul li span{float:left;display:inline-block;padding:0;margin: 0 7px 0 0;}
#html5-close{margin:0 !important;background:url(../Content/images/close.png) no-repeat !important;width:14px !important;height:14px !important;top: 10px !important;right: 10px !important;}
#html5-close:before{content:'CLOSE';display:inline-block;padding:0;margin:0;font-family:'Lato', sans-serif;font-size:14px;line-height:214px;color: #fff;position: absolute;top: -100px;right: 0;padding: 0 19px 0 0;}
#html5-close img{display:none !important;}
/*------------------------------------Retina Background images------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.banner {background: url(../Content/images/banner@2x.jpg) no-repeat;background-position: center;}
.what_we_do{background:url(../Content/images/what_we_do_img@2x.jpg) no-repeat #000;background-position: top center;}
.our_works{background:url(../Content/images/our_work_bg@2x.jpg) no-repeat #000;background-position: top center;background-size: cover;}
.contact{background:url(../Content/images/contact_bg@2x.jpg) no-repeat #000;background-position: top center;}
}