/* reset.css is here */
*{margin:0; padding:0; box-sizing:border-box; }
table {border-collapse:collapse; border-spacing:0;}
fieldset,img{border:0;}
img{max-width:100%; height:auto; display:inline-block;vertical-align: top;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal; }
ol,ul { list-style:none;}
caption,th {text-align:left;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}
a {color:#000000; text-decoration:none; outline:0 none !important; }
a:hover, a:focus {color:#000000;  text-decoration:none; outline:0 none !important;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
h1 {font-size:36px; line-height:38px;}
h2 {font-size:18px;}
h3 {font-size:14px;}
h4 {font-size:16px;}
h5 {font-size:14px;}
h6 {font-size:12px;}
p{font-size:16px; line-height:18px;}
header,nav,section,article,aside,footer,hgroup,figure,main {display: block; }
.clear{clear:both; font-size:1px;line-height:1px; display:block; height:0;}
.last	{margin:0 !important;}
.pad_last{padding:0 !important;}
.no_bg {background:none !important;}
.no_bor{border:0 none !important; }
.flt_lt {float:left; display:inline;}
.flt_rt {float:right; display:inline;}
/* reset.css ends here */



@font-face {font-family: 'LunchBox';
src: url('../fonts/LunchBox/LunchBox.eot?#iefix') format('embedded-opentype'),
url('../fonts/LunchBox/LunchBox.otf') format('opentype'),
url('../fonts/LunchBox/LunchBox.woff') format('woff'), url('../fonts/LunchBox/LunchBox.ttf') format('truetype'), url('../fonts/LunchBox/LunchBox.svg#LunchBox') format('svg');font-weight: normal;font-style: normal;
}


/*---------------------------------------------------*/

body{margin: 0;font-size: 16px;line-height: 18px;color: #ffffff;font-weight: normal;font-family: Arial,sans-serif;}
.wrapper{max-width:100%;margin: 0 auto;background: #000000;}
.container{max-width: 877px;margin: 0 auto;}
header{padding: 0px 0 0px 0;}
.header-main{padding: 75px 0 89px 0px;}
.debra{}
.debra h1{font-size:51.47px;line-height: 55px;color: #00a79d;padding: 0 0 13px 0px;font-family: 'Montserrat', sans-serif;font-weight: bold;letter-spacing: 19.8px;word-spacing: -30px;}
.debra span{color: #fbb040;}
.debra h5{font-size:29px;line-height: 31px;color: #ffffff;padding: 0 0 0px 0px;letter-spacing: 11px;}

.nav-inn{background: #ffffff;padding: 25px 0;}
nav{max-width:900px;margin: 0 auto;}
nav ul{text-align: center;font-size: 0;}
nav ul li{display: inline-block;padding: 0 25px 0 25px;vertical-align: top;}
nav ul li a{font-size:14.59px;line-height:16px;color: #231f20;font-weight: bold;padding: 0 0 0px 0px;letter-spacing:0px;}

.banner{}
.hello-blk{margin: -16px 0 21px 79px;}
.hello-blk figure img{margin: 0 auto;display: block;}

.creatively{text-align:center;padding: 0 0 100px 0;}
.creatively span{font-size:27.21px;line-height:30px;color: #f69054;font-weight: 600;padding: 0 0 0px 0px;letter-spacing: 0;display: inline-block;font-family: 'Montserrat', sans-serif;}
.creatively p{font-size: 22.21px;line-height: 34px;color: #ffffff;display: inline-block;letter-spacing: -0.7px;font-weight: 600;font-family: 'Montserrat', sans-serif;word-spacing: 0px;padding: 0 0 64px 0;}
.creatively em{font-size: 27.21px;line-height: 33px;color: #f69054;display: inline-block;letter-spacing: -0.7px;font-weight: 600;font-family: 'Montserrat', sans-serif;word-spacing: 0px;}

.philosophy{text-align:center;padding: 0 0 34px 0;}
.philosophy-inn{}
.philosophy-inn h2{font-size:90px;line-height: 93px;color: #ffffff;padding: 0 0 33px 0px;font-family: 'Montserrat', sans-serif;font-weight: bold;letter-spacing: 4.2px;}
.philosophy-inn p{font-size: 27.21px;line-height: 33px;color: #ffffff;display: inline-block;letter-spacing: 0.3px;font-weight: 600;font-family: 'Montserrat', sans-serif;word-spacing: 0px;padding: 0 0 0px 0;}
.philosophy-inn span{font-size:27.21px;line-height:30px;color: #f69054;font-weight: 600;padding: 0 0 0px 0px;letter-spacing: 0;font-family: 'Montserrat', sans-serif;}

.brand{text-align: center;padding: 0 0 155px 0;}
.brand-inn{background: url(../images/circle.png) no-repeat;width: 646px;height: 378px;content: '';left: 0;right: 0;margin: 0 auto;}

.brand-inn h3{font-size:55.96px;line-height:58px;color: #f37a8a;font-weight: 600;padding: 48px 0 38px 0px;letter-spacing: 2.3px;font-family: 'LunchBox';}
.brand-inn h4{font-size:55.96px;line-height:58px;color: #c3d942;font-weight: 600;padding: 0 0 39px 0px;letter-spacing: 2px;font-family: 'LunchBox';position: relative;}
.brand-inn h5{font-size:55.96px;line-height:58px;color: #00a79d;font-weight: 600;padding: 0 0 0px 0px;letter-spacing: 3px;font-family: 'LunchBox';}

.brand-inn h4:before{background:url(../images/arrow1.png) no-repeat;width: 38px;height:84px;content: '';position: absolute;left: 158px;top: -21px;}
.brand-inn h4:after{background:url(../images/arrow2.png) no-repeat;width: 38px;height:84px;content: '';position: absolute;top: -22px;right: 160px;}

.mackup{margin: 0 auto;text-align:center;padding: 0px 0 0 0;}
.mackup ul{font-size: 0;}
.mackup ul li{}
.mackup ul li img{vertical-align: bottom;}
.mac-bre{display: inline-block;}
.mac-bre img{height: 312.3px;}

.service-blk{text-align:center;padding: 77px 0 83px 0;}
.service-inn{margin: 0 0px 35px 156px;}
.service-inn figure img{}

.vision{position: relative;padding: 16px 0;}
.vision ul{}
.vision ul li{display: inline-block;float: left;width: 33.23%;padding: 0 0 40px 0;position: relative;}
.quality-inn{}
.quality-inn ul{}
.quality-inn ul li{display: inline-block;float: left;width:50%;padding:32px 0 0 0;}
.trending4 h5{padding: 21px 0 0 0 !important;}
.trending5 h5{padding: 15px 0 0 0 !important;}

.vision-inn{}
.vision-inn h5{font-size: 52px;line-height: 56px;padding: 15px 0 13px 0px;letter-spacing: 2px;font-family: 'LunchBox';font-weight: 600;}
.vision-inn p{font-size: 17px;line-height: 23px;color: #ffffff;font-weight: 600;padding: 0 0 10px 0px;letter-spacing: 0;font-family: 'Montserrat', sans-serif;}

.vision-inn2{}
.vision-inn2 h5{font-size: 52px;line-height: 56px;padding: 15px 0 0px 0px;letter-spacing: 2px;font-family: 'LunchBox';font-weight: 600;}
.vision-inn2 p{font-size: 17px;line-height: 23px;color: #ffffff;font-weight: 600;padding: 0 0 10px 0px;letter-spacing: 0;font-family: 'Montserrat', sans-serif;}

.trending1{color: #f69054;}
.trending1:before{background:url(../images/line1.png) no-repeat;width: 195px;height:8px;content: '';position: absolute;top: 0px;left: 30px;}
.trending1:after{background:url(../images/line2.png) no-repeat;width: 199px;height:9px;content: '';position: absolute;left: 39px;}

.trending3:before{background:url(../images/line5.png) no-repeat;width: 197px;height:16px;content: '';position: absolute;top: 0px;right: 62px;}
.trending3:after{background:url(../images/line-new3.png) no-repeat;width: 197px;height:11px;content: '';position: absolute;right: 50px;}

.trending2:before{background:url(../images/line-new2.png) no-repeat;width: 172px;height:11px;content: '';position: absolute;top: 0px;left: 0px;right: 0;margin: 0 auto;}
.trending2:after{background:url(../images/line8.png) no-repeat;width: 199px;height:9px;content: '';position: absolute;left: 0px;right: 0;margin: 0 auto;}

.trending4:before{background:url(../images/line3.png) no-repeat;width: 199px;height:9px;content: '';position: absolute;left: 100px;right: 0;}
.trending4:after{background:url(../images/line8.png) no-repeat;width: 199px;height:9px;content: '';position: absolute;left: 100px;right: 0;}


.trending5:before{background:url(../images/line-new5.png) no-repeat;width: 194px;height:7px;content: '';position: absolute;right: 117px;}
.trending5:after{background:url(../images/line10.png) no-repeat;width: 194px;height:9px;content: '';position: absolute;right: 120px;}


.trending2{color: #00a79d;}
.trending3{color: #c3d942;}
.trending4{color: #f37a8a;}
.trending5{color: #8471b1;}

.methodology{padding: 134px 0 0 0;}
.methodology-inn{}
.methodology-inn h3{font-size: 90px;line-height: 92px;color: #ffffff;font-weight: 600;padding: 0 0 42px 0px;letter-spacing: 3px;font-family: 'Montserrat', sans-serif;text-align: center;}

.phase{text-align: center;position: relative;}
.phase h5{font-size: 62.17px;line-height: 65px;padding: 0 0 0px 0px;letter-spacing: 1px;font-family: 'LunchBox';color: #00a79d;}
.phase h5 b{font-size:152.88px;line-height:155px;padding: 0 0 0px 0px;letter-spacing: 1px;font-family: 'Montserrat', sans-serif;font-weight: 600;color: #ffffff;vertical-align: middle;}

.phase h5 b span{font-size: 53px;vertical-align: top;}
.phase p{font-size: 62.17px;line-height: 65px;padding: 0 0 0px 0px;letter-spacing: 4px;font-family: 'LunchBox';color: #00a79d;}
.phase p em{font-size:29.17px;line-height:30px;padding: 0 0 0px 0px;letter-spacing: 1px;font-family: 'Montserrat', sans-serif;font-weight: 600;color: #ffffff;}

.phase1 h5:before{background:url(../images/phase1.png) no-repeat;width: 97px;height:6px;content: '';position: absolute;left: 190px;top: 75px;}
.phase1 h5:after{background:url(../images/phase2.png) no-repeat;width: 102px;height:10px;content: '';position: absolute;right: 197px;top:75px;}

.phase2 h5:before{background:url(../images/phase3.png) no-repeat;width: 75px;height:7px;content: '';position: absolute;left: 190px;top: 75px;}
.phase2 h5:after{background:url(../images/phase4.png) no-repeat;width:92px;height:8px;content: '';position: absolute;right: 197px;top:75px;}

.phase3 h5:before{background:url(../images/phase5.png) no-repeat;width: 77px;height:7px;content: '';position: absolute;left: 190px;top: 75px;}
.phase3 h5:after{background:url(../images/phase65.png) no-repeat;width: 92px;height:9px;content: '';position: absolute;right: 197px;top:75px;}

.phase1{padding: 0 0 100px 0;}
.phase2{padding: 0 0 119px 0;}
.phase3{padding: 0 0 70px 0;}

.phase2 h5{color: #c3d942;padding: 0 0 26px 0;}
.phase2 p{color: #c3d942;}
.phase3 h5{color: #f37a8a;padding: 0 0 26px 0;}
.phase3 p{color: #f37a8a;}


.hand{text-align:center;}
.hand ul{font-size: 0;}
.hand ul li{}
.hand ul li img{}
.hand-inn{display: inline-block;}
.hand-inn img{height: 198px;}

/*.hand-chk img{width: 100%;}

*/

.representative{}
.representative-inn{padding: 31px 0 0 0;}
.representative-inn h3{font-size: 90px;line-height: 119px;color: #ffffff;font-weight: 600;padding: 0 0 25px 0px;letter-spacing: 1.9px;font-family: 'Montserrat', sans-serif;text-align: center;}

.projects{padding: 0px 0 0 0;}
.projects ul{}
.projects ul li{width: 33.33%;float: left;display: inline-block;}
.projects p{font-size: 22.89px;line-height: 25px;color: #ffffff;font-weight: 600;padding: 0 0 0px 0px;letter-spacing: 1px;font-family: 'Montserrat', sans-serif;text-align: center;}
.projects ul li img{margin: 0 auto;display: block;}
.projects p em{font-size: 22.89px;line-height: 25px;color: #ffffff;font-weight: 600;padding: 0 0 10px 0px;letter-spacing: 1px;font-family: 'Montserrat', sans-serif;text-align: center;}

.projects1{padding: 32px 0 52px 0;}
.projects3{padding: 62px 0 0 0;}
.projects4{padding: 56px 0 0 0;}
.projects5{padding: 39px 0 0 0;}
.projects6{padding: 48px 0 0 0;}

.new-skin{padding: 39px 0 84px 0px;}
.new-skin p{font-size: 22.89px;line-height: 25px;color: #ffffff;font-weight: 600;padding: 0px 0 0px 0px;letter-spacing: 0px;font-family: 'Montserrat', sans-serif;text-align: center;}

.about-us{background: #414142;padding: 103px 0 0 0;}
.about-in{}
.about-in h3{font-size: 90px;line-height: 92px;color: #ffffff;font-weight: 600;padding: 0 0 57px 0px;letter-spacing: 2px;font-family: 'Montserrat', sans-serif;text-align: center;}
.about-in p{font-size:48px;line-height: 50px;padding: 0 0 0px 0px;letter-spacing:1px;font-family: 'LunchBox';color: #00a79d;}
.about-in p span{font-size: 27.21px;line-height: 10px;color: #ffffff;font-weight: 600;padding: 0 0 0px 0px;letter-spacing:1px;font-family: 'Montserrat', sans-serif;}

.wellesley{padding: 20px 0 54px 0;}
.wellesley-lft{float: left;margin: 0 0 0 23px;}
.wellesley-lft figure img{}

.wellesley-rlt{float: right;position: relative;margin: 0 0px 0 0;}
.wellesley-rlt em{}
.wellesley-rlt p{font-size: 27.21px;line-height: 38px;color: #ffffff;font-weight: 600;padding: 0 0 20px 0px;letter-spacing: 1px;font-family: 'Montserrat', sans-serif;}

.wellesley-rlt p:before{background:#ffffff;width: 8px;height: 8px;border-radius: 100%;content: '';position: absolute;left: -21px;margin: 12px 0 0 0;}

.gail1{padding: 0 0 46px 0;}
.gail2{padding: 0 0 37px 0;}
.gail3{padding: 0 0 17px 0;}
.gail1 p{color: #f37a8a;}
.gail2 p{color: #c3d942;}
.gail3 p{color: #8471b1;}
.gail p{font-size:48px;line-height: 50px;padding: 0 0 0px 0px;letter-spacing: 1px;font-family: 'LunchBox';font-weight: 600;} 
.gail p span{font-size: 27.21px;line-height: 29px;color: #ffffff;font-weight: 600;padding: 0 0 0px 0px;letter-spacing: 0px;font-family: 'Montserrat', sans-serif;}


footer{background: #626366;padding: 36px 0 212px 0;}
.footer-inn{padding: 0 0px 0 57px;}
.footer-inn h5{font-size:48px;line-height: 50px;padding: 0 0 6px 0px;letter-spacing: 1px;font-family: 'LunchBox';font-weight: 600;}
.footer-inn p a{font-size: 23px;line-height: 25px;color: #ffffff;font-weight: 600;padding: 0 0 0px 0px;letter-spacing: 0px;font-family: 'Montserrat', sans-serif;margin: 0 0 8px 0;display: block;}
.footer-blk{padding: 0 0 40px 0;}

.holsten-inn{}
.holsten-inn h3{font-size:40.03px;line-height: 42px;color: #00a79d;padding: 0 0 10px 0px;font-family: 'Montserrat', sans-serif;font-weight: bold;letter-spacing: 10.8px;word-spacing: 0;}
.holsten-inn span{color: #fbb040;}
.holsten-inn h5{font-size:23.13px;line-height: 25px;color: #ffffff;padding: 0 0 0px 0px;letter-spacing: 8.5px;font-family: 'Montserrat', sans-serif;}


.menu{display: none;float: right;cursor: pointer;background: transparent;border: 0;outline: none;}        
.menu span{display: none;width: 30px;height: 4px;margin: 6px 0 0 0;position: relative;right: 0;-webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out; transition: .25s ease-in-out;background: #fff;}
.sidemenu {display: none;position: fixed;top:0;right: -250px;width: 250px;height: 100%;background: #ffffff;padding: 0;z-index: 99; -webkit-transition:  .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;overflow: auto;}

.open_menu .sidemenu {right: 0;}
.open_menu .wrapper {left: -250px;}

.open_menu .menu span:nth-child(1) {transform: rotate(45deg); top: 9px;}
.open_menu .menu span:nth-child(2) {opacity: 0;}
.open_menu .menu span:nth-child(3) {transform: rotate(-45deg); top: -9px;}