*{margin:0;padding:0}
body{font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;font-weight:normal;color:#2f3238;background:#fcfcfc;-webkit-font-smoothing:antialiased}
a{font-weight:bold;color:#ffcb04;text-decoration:none;-webkit-transition:color 0.1s linear, background-color 0.1s linear;-moz-transition:color 0.1s linear, background-color 0.1s linear;-ms-transition:color 0.1s linear, background-color 0.1s linear;-o-transition:color 0.1s linear, background-color 0.1s linear;transition:color 0.1s linear, background-color 0.1s linear}
a:hover, a:active, a:focus{color:#656a71}
.theme-author a {color:rgba(0,0,0,0.25);text-transform:uppercase;font-size:11px;font-weight:bold}
.theme-author a:hover {color:#C2D231}
.phoneNoMobile {display:none}
section ul li{margin-bottom:5px}
section ul{padding-left:20px;list-style-type:square;margin-bottom:12px}
p{margin-bottom:15px;line-height:1.4}
h1, h2, h3, h4, h5, h6{font-weight:700;color:#555;margin:0 0 20px}
h1{font-size:36px;line-height:36px;letter-spacing:-1px}
h1 span{color:#ffcb04}
h2{font-size:30px;line-height:1.2;letter-spacing:-2px}
h3{font-size:26px;margin:10px 0}
h4{font-size:20px;margin:10px 0}
h5{font-size:18px;margin:10px 0}
h6{font-size:15px;margin:0 0 5px}
img{max-width:100%;width:auto\9;height:auto;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic}
hr{margin:20px 0;border:0;border-top:1px solid #373a3d;border-bottom:0}
hr.dotted{border-top:1px dotted #373a3d}
hr.clear-top{margin-top:0}
hr.clear-bottom{margin-bottom:0}
article p + img, article h1 + img, article h2 + img, article h3 + img, article h4 + img, article h5 + img, article h6 + img{margin:14px 0 23px 0}
address{display:block;margin-bottom:20px;font-style:normal;line-height:1.5}
.vertical-align{display:table-cell;vertical-align:middle}
.color-text{color:#ffcb04}
::selection{background:#ffcb04;color:white}
.slider{margin:44px 0 44px 0;overflow:hidden}
#loading a{display:block;padding:7px 0;margin:20px 0 60px 0;background:#ffcb04;color:#1a1c1e;text-align:center;font-size:18px}
#loading a:hover{background:#4e5257;color:white}
.pageBanner{position:absolute;top:0;left:0;height:375px;width:100%;z-index:-999;overflow:hidden}
.pageBanner img{width:100%;height:100%;max-width:100%}
header{min-height:128px;margin-bottom:75px;background:rgba(36,40,44,0.9);z-index:99;position:relative}
header #logo{font-size:12px;margin:20px 0}
header .phoneNo{position:absolute;top:0;right:0;z-index:999;font-size:32px;color:#ffcb04;font-weight:800;padding:15px 15px 0 0;line-height:1}
header nav{position:relative}
header nav ul#navigation.pull-right > li{display:inline-block;margin:94px 0 0;font-size:14px;list-style-type:none;text-align:left}
header nav ul#navigation.pull-right > li > a{color:#fff;line-height:1;padding:96px 10px 16px;cursor:pointer}
header nav ul#navigation.pull-right > li > a:hover{color:#ffcb04;background:rgba(0,0,0,0.3);border-bottom:2px solid #ffcb04}
header nav ul#navigation.pull-right > li > a.active{border-top:4px solid #ffcb04;color:#ffcb04}
header nav .pull-right > li{position:relative}
.bullets ul{}
.bullets li{padding:0 0 10px;margin-left:20px}
.selectnav{width:100%;margin:20px 0}
#bookingWidget{float:left;width:340px;background:#24282C;min-height:600px}
#bookingWidget h2{padding:20px 20px 0;margin-bottom:0;color:#fff}
.bookingContent{padding:20px}
.bookingContent h4{color:#fff;font-size:22px}
.bookingSpinner{width:100%;text-align:center;padding:20px 0}
#mainContent{float:left;width:550px;margin:172px 0 0 40px;padding-top:35px}
footer{margin-top:70px;margin-bottom:35px}
footer .span12{border-top:1px solid #ccc;padding-top:35px}
footer nav{padding-top:0}
footer p{line-height:1.3;display:block;float:left;font-weight:500}
footer nav li{display:inline-block;position:relative;top:-2px}
footer nav li a{margin-left:18px;font-size:13px;color:#999}
footer nav li a.active{color:#ffcb04}
table.cookieTable{margin:20px 0;padding:20px 0;border-top:1px solid #ccc;border-bottom:1px solid #ccc}
table.cookieTable td{padding:3px;vertical-align:top}
table.cookieTable td.cookieCol1{width:16%}
table.cookieTable td.cookieCol2{width:22%}
#title{margin-top:67px;margin-bottom:62px;text-align:center}
#title .span12{padding-bottom:35px;border-bottom:1px solid #373a3d}
#title .date{margin:-33px 0 5px 0}
#page-title{margin-top:48px;margin-bottom:50px}
#page-title hr{margin-top:30px}
#page-title h2{display:block;float:left;padding:0;margin:0}
#page-title h2 + .dropdown{position:relative;top:-7px;float:left;margin-left:80px}
#page-title .span2 p{color:#4e5257;font-weight:bold;text-align:right;line-height:1;margin-top:7px}
#page-title .span2 .number{display:block;font-size:30px}
.up-title{display:block;font-weight:bold;font-size:12px;color:white;text-transform:uppercase}
.follow p{text-transform:uppercase;font-size:12px;font-weight:bold;color:white;margin-bottom:6px}
#countdown-twitter{margin:20px 0 0;border-top:1px solid #ccc;padding:36px 0 20px}
footer{margin-top:40px}
#team{width:100%;background:#232527;margin:85px 0;padding:70px 0 60px 0}
.big-title{font-size:72px;font-weight:bold;letter-spacing:-2px;line-height:1;color:white;text-align:center;margin-bottom:60px}
.img-caption{margin:16px 0 20px 35%;width:65%}
.img-caption p{font-size:11px !important;font-style:italic;color:#4e5257}
.tag{display:inline-block;padding:4px 8px;margin:0 1px 6px 0;font-size:12px;font-weight:bold;color:#4e5257;text-transform:uppercase;background:#232527;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
.tag:hover{color:white;background:#4e5257}
.blog-post .tags{display:block;float:none;margin-bottom:6px}
.comments{width:100%;overflow:hidden;color:#4e5257;font-size:12px;font-weight:bold;text-transform:uppercase;padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid #373a3d}
.date{font-size:18px;font-weight:bold;color:#4e5257}
h5.add-comment-title{margin-top:35px;margin-bottom:5px}
p.comment-note{margin-bottom:35px}
.background{position:absolute;overflow:hidden;width:100%;height:auto}
.background img{display:block;width:100%;height:auto;opacity:0.4;filter:alpha(opacity=40)}
.background .gradient{position:absolute;bottom:0;z-index:2;width:100%;height:50%;background:-webkit-linear-gradient(top, transparent, #1a1c1e);background:-moz-linear-gradient(top, transparent, #1a1c1e);background:-ms-linear-gradient(top, transparent, #1a1c1e);background:-o-linear-gradient(top, transparent, #1a1c1e);background:linear-gradient(top, transparent, #1a1c1e)}
.background .pattern{position:absolute;bottom:0;z-index:2;width:100%;height:100%;background:url(../img/pattern.png)}
#project .container{position:relative;z-index:20}
#project h1{margin:73px 0 49px 0;line-height:0.9}
#project .project-info{font-size:18px;font-weight:bold;color:white}
#project .project-info .project-mounth{margin-left:8%}
#project .up-title{margin-bottom:4px}
a.launch{float:right}
a.launch i.icon-link{display:inline-block;overflow:hidden;width:30px;height:30px;background:#ffcb04;text-align:center;color:#1a1c1e;line-height:2.2;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-transition:all 0.1s linear;-moz-transition:all 0.1s linear;-ms-transition:all 0.1s linear;-o-transition:all 0.1s linear;transition:all 0.1s linear}
a.launch:hover i.icon-link{background:white}
a.launch span{display:inline-block;font-size:18px;padding-left:10px}
a.launch:hover{color:white}
.line{height:1px;border-top:1px solid white;margin-top:10px;margin-bottom:35px}
#project .project-description{color:white;line-height:1.5;margin-bottom:44px}
#project .image-desc{padding-top:56px}
#project .image-desc p, #project .image-desc h5{padding-left:10px}
#project .project-img{margin-bottom:20px}
#case .row{margin-bottom:60px}
#process{margin-bottom:75px}
#process hr.opener{margin:0 0 68px 0}
#process hr.closer{margin:55px 0 0 0}
#process h2{text-align:center;margin-bottom:51px}
.process-wrp{display:inline-block;position:relative;overflow:hidden;width:160px;height:160px;margin:0 10px 20px 10px;cursor:default}
.process-circle{position:absolute;overflow:hidden;width:100%;height:100%;text-align:center;font-size:20px;font-weight:bold;letter-spacing:-1px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-transition:all 0.15s linear;-moz-transition:all 0.15s linear;-ms-transition:all 0.15s linear;-o-transition:all 0.15s linear;transition:all 0.15s linear}
.process-circle.stage{background:#232527;color:white;z-index:10}
.process-circle.direction{background:#ffcb04;color:#1a1c1e;opacity:0;filter:alpha(opacity=0)}
.process-circle span{width:160px;height:160px}
.process-circle span:after{content:'.'}
.process-wrp:hover .process-circle.stage{opacity:0;filter:alpha(opacity=0);z-index:1}
.process-wrp:hover .process-circle.direction{opacity:1;filter:alpha(opacity=0);z-index:10}
#heart-works{margin-top:64px;margin-bottom:74px}
#heart-works .span12{padding:60px 0;border-top:1px solid #373a3d;border-bottom:1px solid #373a3d}
.heart{overflow:hidden;width:550px;margin:0 auto}
a.heart-circle{display:inline-block;overflow:hidden;width:80px;height:80px;background:#ffcb04;color:#1a1c1e;text-align:center;font-size:42px;line-height:2;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
a.heart-circle:hover{background:#ff0066;color:white}
.heart span{position:relative;bottom:7px;font-size:30px;padding-left:20px;height:80px}
.e-mail, .telephone{display:block;color:white;font-weight:bold;letter-spacing:-2px;line-height:1;margin-bottom:14px}
.address{display:block;color:#4e5257;font-weight:bold;letter-spacing:-1px;margin:0.9em 0 63px 0}
#map{height:440px}
#contact-us hr{margin-top:80px;margin-bottom:41px}
#contact-us form{margin-top:54px}
#contact-us form textarea{margin-bottom:20px}
.iefix label{display:none}
img.preview-responsive{position:relative;bottom:61px}
.clearfix{*zoom:1}
.clearfix:before, .clearfix:after{display:table;content:"";line-height:0}
.clearfix:after{clear:both}
.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}
.input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.row{margin-left:-20px;*zoom:1}
.row:before, .row:after{display:table;content:"";line-height:0}
.row:after{clear:both}
[class*="span"]{float:left;min-height:1px;margin-left:20px}
.container{width:940px}
.span12{width:940px}
.span11{width:860px}
.span10{width:780px}
.span9{width:700px}
.span8{width:620px}
.span7{width:540px}
.span6{width:460px}
.span5{width:380px}
.span4{width:300px}
.span3{width:220px}
.span2{width:140px}
.span1{width:60px}
.offset12{margin-left:980px}
.offset11{margin-left:900px}
.offset10{margin-left:820px}
.offset9{margin-left:740px}
.offset8{margin-left:660px}
.offset7{margin-left:580px}
.offset6{margin-left:500px}
.offset5{margin-left:420px}
.offset4{margin-left:340px}
.offset3{margin-left:260px}
.offset2{margin-left:180px}
.offset1{margin-left:100px}
.row-fluid{width:100%;*zoom:1}
.row-fluid:before, .row-fluid:after{display:table;content:"";line-height:0}
.row-fluid:after{clear:both}
.row-fluid [class*="span"]{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:left;margin-left:2.127659574468085%;*margin-left:2.074468085106383%}
.row-fluid [class*="span"]:first-child{margin-left:0}
.row-fluid .controls-row [class*="span"] + [class*="span"]{margin-left:2.127659574468085%}
.row-fluid .span12{width:100%;*width:99.94680851063829%}
.row-fluid .span11{width:91.48936170212765%;*width:91.43617021276594%}
.row-fluid .span10{width:82.97872340425532%;*width:82.92553191489361%}
.row-fluid .span9{width:74.46808510638297%;*width:74.41489361702126%}
.row-fluid .span8{width:65.95744680851064%;*width:65.90425531914893%}
.row-fluid .span7{width:57.44680851063829%;*width:57.39361702127659%}
.row-fluid .span6{width:48.93617021276595%;*width:48.88297872340425%}
.row-fluid .span5{width:40.42553191489362%;*width:40.37234042553192%}
.row-fluid .span4{width:31.914893617021278%;*width:31.861702127659576%}
.row-fluid .span3{width:23.404255319148934%;*width:23.351063829787233%}
.row-fluid .span2{width:14.893617021276595%;*width:14.840425531914894%}
.row-fluid .span1{width:6.382978723404255%;*width:6.329787234042553%}
.row-fluid .offset12{margin-left:104.25531914893617%;*margin-left:104.14893617021275%}
.row-fluid .offset12:first-child{margin-left:102.12765957446808%;*margin-left:102.02127659574467%}
.row-fluid .offset11{margin-left:95.74468085106382%;*margin-left:95.6382978723404%}
.row-fluid .offset11:first-child{margin-left:93.61702127659574%;*margin-left:93.51063829787232%}
.row-fluid .offset10{margin-left:87.23404255319149%;*margin-left:87.12765957446807%}
.row-fluid .offset10:first-child{margin-left:85.1063829787234%;*margin-left:84.99999999999999%}
.row-fluid .offset9{margin-left:78.72340425531914%;*margin-left:78.61702127659572%}
.row-fluid .offset9:first-child{margin-left:76.59574468085106%;*margin-left:76.48936170212764%}
.row-fluid .offset8{margin-left:70.2127659574468%;*margin-left:70.10638297872339%}
.row-fluid .offset8:first-child{margin-left:68.08510638297872%;*margin-left:67.9787234042553%}
.row-fluid .offset7{margin-left:61.70212765957446%;*margin-left:61.59574468085106%}
.row-fluid .offset7:first-child{margin-left:59.574468085106375%;*margin-left:59.46808510638297%}
.row-fluid .offset6{margin-left:53.191489361702125%;*margin-left:53.085106382978715%}
.row-fluid .offset6:first-child{margin-left:51.063829787234035%;*margin-left:50.95744680851063%}
.row-fluid .offset5{margin-left:44.68085106382979%;*margin-left:44.57446808510638%}
.row-fluid .offset5:first-child{margin-left:42.5531914893617%;*margin-left:42.4468085106383%}
.row-fluid .offset4{margin-left:36.170212765957444%;*margin-left:36.06382978723405%}
.row-fluid .offset4:first-child{margin-left:34.04255319148936%;*margin-left:33.93617021276596%}
.row-fluid .offset3{margin-left:27.659574468085104%;*margin-left:27.5531914893617%}
.row-fluid .offset3:first-child{margin-left:25.53191489361702%;*margin-left:25.425531914893618%}
.row-fluid .offset2{margin-left:19.148936170212764%;*margin-left:19.04255319148936%}
.row-fluid .offset2:first-child{margin-left:17.02127659574468%;*margin-left:16.914893617021278%}
.row-fluid .offset1{margin-left:10.638297872340425%;*margin-left:10.53191489361702%}
.row-fluid .offset1:first-child{margin-left:8.51063829787234%;*margin-left:8.404255319148938%}
[class*="span"].hide, .row-fluid [class*="span"].hide{display:none}
[class*="span"].pull-right, .row-fluid [class*="span"].pull-right{float:right}
.container{margin-right:auto;margin-left:auto;*zoom:1}
.container:before, .container:after{display:table;content:"";line-height:0}
.container:after{clear:both}
.container-fluid{padding-right:20px;padding-left:20px;*zoom:1}
.container-fluid:before, .container-fluid:after{display:table;content:"";line-height:0}
.container-fluid:after{clear:both}
.pull-right{float:right}
.pull-left{float:left}
.hide{display:none}
.show{display:block}
.invisible{visibility:hidden}
.hidden{display:none;visibility:hidden}
.visible-phone{display:none !important}
.visible-tablet{display:none !important}
.hidden-desktop{display:none !important}
.visible-desktop{display:inherit !important}
.show-grid{min-height:30px;line-height:30px;background:#4e5257;color:white;text-align:center;margin-top:10px;margin-bottom:20px;font-size:12px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
select{width:220px;background:rgba(255,255,255,0.2);color:#fff;border:none;border-radius:0;-webkit-appearance:none;font-size:14px;padding:5px;box-sizing:border-box}
@media (min-width:768px) and (max-width:979px){.hidden-desktop{display:inherit !important}
.visible-desktop{display:none !important}
.visible-tablet{display:inherit !important}
.hidden-tablet{display:none !important}}
@media (max-width:767px){.hidden-desktop{display:inherit !important}
.visible-desktop{display:none !important}
.visible-phone{display:inherit !important}
.hidden-phone{display:none !important}}
@media (min-width:1200px){.row{margin-left:-30px;*zoom:1}
.row:before, .row:after{display:table;content:"";line-height:0}
.row:after{clear:both}
[class*="span"]{float:left;min-height:1px;margin-left:30px}
.container{width:1170px}
#mainContent{width:750px;margin-left:70px}
h1{font-size:42px;line-height:42px}
.span12{width:1170px}
.span11{width:1070px}
.span10{width:970px}
.span9{width:870px}
.span8{width:770px}
.span7{width:670px}
.span6{width:570px}
.span5{width:470px}
.span4{width:370px}
.span3{width:270px}
.span2{width:170px}
.span1{width:70px}
.offset12{margin-left:1230px}
.offset11{margin-left:1130px}
.offset10{margin-left:1030px}
.offset9{margin-left:930px}
.offset8{margin-left:830px}
.offset7{margin-left:730px}
.offset6{margin-left:630px}
.offset5{margin-left:530px}
.offset4{margin-left:430px}
.offset3{margin-left:330px}
.offset2{margin-left:230px}
.offset1{margin-left:130px}
.row-fluid{width:100%;*zoom:1}
.row-fluid:before, .row-fluid:after{display:table;content:"";line-height:0}
.row-fluid:after{clear:both}
.row-fluid [class*="span"]{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:left;margin-left:2.564102564102564%;*margin-left:2.5109110747408616%}
.row-fluid [class*="span"]:first-child{margin-left:0}
.row-fluid .controls-row [class*="span"] + [class*="span"]{margin-left:2.564102564102564%}
.row-fluid .span12{width:100%;*width:99.94680851063829%}
.row-fluid .span11{width:91.45299145299145%;*width:91.39979996362975%}
.row-fluid .span10{width:82.90598290598291%;*width:82.8527914166212%}
.row-fluid .span9{width:74.35897435897436%;*width:74.30578286961266%}
.row-fluid .span8{width:65.81196581196582%;*width:65.75877432260411%}
.row-fluid .span7{width:57.26495726495726%;*width:57.21176577559556%}
.row-fluid .span6{width:48.717948717948715%;*width:48.664757228587014%}
.row-fluid .span5{width:40.17094017094017%;*width:40.11774868157847%}
.row-fluid .span4{width:31.623931623931625%;*width:31.570740134569924%}
.row-fluid .span3{width:23.076923076923077%;*width:23.023731587561375%}
.row-fluid .span2{width:14.52991452991453%;*width:14.476723040552828%}
.row-fluid .span1{width:5.982905982905983%;*width:5.929714493544281%}
.row-fluid .offset12{margin-left:105.12820512820512%;*margin-left:105.02182214948171%}
.row-fluid .offset12:first-child{margin-left:102.56410256410257%;*margin-left:102.45771958537915%}
.row-fluid .offset11{margin-left:96.58119658119658%;*margin-left:96.47481360247316%}
.row-fluid .offset11:first-child{margin-left:94.01709401709402%;*margin-left:93.91071103837061%}
.row-fluid .offset10{margin-left:88.03418803418803%;*margin-left:87.92780505546462%}
.row-fluid .offset10:first-child{margin-left:85.47008547008548%;*margin-left:85.36370249136206%}
.row-fluid .offset9{margin-left:79.48717948717949%;*margin-left:79.38079650845607%}
.row-fluid .offset9:first-child{margin-left:76.92307692307693%;*margin-left:76.81669394435352%}
.row-fluid .offset8{margin-left:70.94017094017094%;*margin-left:70.83378796144753%}
.row-fluid .offset8:first-child{margin-left:68.37606837606839%;*margin-left:68.26968539734497%}
.row-fluid .offset7{margin-left:62.393162393162385%;*margin-left:62.28677941443899%}
.row-fluid .offset7:first-child{margin-left:59.82905982905982%;*margin-left:59.72267685033642%}
.row-fluid .offset6{margin-left:53.84615384615384%;*margin-left:53.739770867430444%}
.row-fluid .offset6:first-child{margin-left:51.28205128205128%;*margin-left:51.175668303327875%}
.row-fluid .offset5{margin-left:45.299145299145295%;*margin-left:45.1927623204219%}
.row-fluid .offset5:first-child{margin-left:42.73504273504273%;*margin-left:42.62865975631933%}
.row-fluid .offset4{margin-left:36.75213675213675%;*margin-left:36.645753773413354%}
.row-fluid .offset4:first-child{margin-left:34.18803418803419%;*margin-left:34.081651209310785%}
.row-fluid .offset3{margin-left:28.205128205128204%;*margin-left:28.0987452264048%}
.row-fluid .offset3:first-child{margin-left:25.641025641025642%;*margin-left:25.53464266230224%}
.row-fluid .offset2{margin-left:19.65811965811966%;*margin-left:19.551736679396257%}
.row-fluid .offset2:first-child{margin-left:17.094017094017094%;*margin-left:16.98763411529369%}
.row-fluid .offset1{margin-left:11.11111111111111%;*margin-left:11.004728132387708%}
.row-fluid .offset1:first-child{margin-left:8.547008547008547%;*margin-left:8.440625568285142%}
input, textarea, .uneditable-input{margin-left:0}
.controls-row [class*="span"] + [class*="span"]{margin-left:30px}
input.span12, textarea.span12, .uneditable-input.span12{width:1156px}
input.span11, textarea.span11, .uneditable-input.span11{width:1056px}
input.span10, textarea.span10, .uneditable-input.span10{width:956px}
input.span9, textarea.span9, .uneditable-input.span9{width:856px}
input.span8, textarea.span8, .uneditable-input.span8{width:756px}
input.span7, textarea.span7, .uneditable-input.span7{width:656px}
input.span6, textarea.span6, .uneditable-input.span6{width:556px}
input.span5, textarea.span5, .uneditable-input.span5{width:456px}
input.span4, textarea.span4, .uneditable-input.span4{width:356px}
input.span3, textarea.span3, .uneditable-input.span3{width:256px}
input.span2, textarea.span2, .uneditable-input.span2{width:156px}
input.span1, textarea.span1, .uneditable-input.span1{width:56px}
.thumbnails{margin-left:-30px}
.thumbnails > li{margin-left:30px}
.row-fluid .thumbnails{margin-left:0}.profile-wrp{width:270px;margin-left:30px}
.profile-wrp .overlay-wrp .profile-quote{font-size:28px}
.process-wrp{width:180px;height:180px;margin:0 25px 20px 25px}
.process-circle{font-size:24px}
.process-circle span{width:180px;height:180px}
.img-caption{width:50%;margin-left:50%}}
@media only screen and (max-width:999px){.hidden-desktop{display:inherit !important}
.visible-desktop{display:none !important}
.visible-tablet{display:inherit !important}
.hidden-tablet{display:none !important}
.row{margin-left:-20px;*zoom:1}
.row:before, .row:after{display:table;content:"";line-height:0}
.row:after{clear:both}
[class*="span"]{float:left;min-height:1px;margin-left:20px}
.container{width:724px}
#mainContent{width:350px;margin-left:24px}
.span12{width:724px}
.span11{width:662px}
.span10{width:600px}
.span9{width:538px}
.span8{width:476px}
.span7{width:414px}
.span6{width:352px}
.span5{width:290px}
.span4{width:228px}
.span3{width:166px}
.span2{width:104px}
.span1{width:42px}
.offset12{margin-left:764px}
.offset11{margin-left:702px}
.offset10{margin-left:640px}
.offset9{margin-left:578px}
.offset8{margin-left:516px}
.offset7{margin-left:454px}
.offset6{margin-left:392px}
.offset5{margin-left:330px}
.offset4{margin-left:268px}
.offset3{margin-left:206px}
.offset2{margin-left:144px}
.offset1{margin-left:82px}
.row-fluid{width:100%;*zoom:1}
.row-fluid:before, .row-fluid:after{display:table;content:"";line-height:0}
.row-fluid:after{clear:both}
.row-fluid [class*="span"]{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:left;margin-left:2.7624309392265194%;*margin-left:2.709239449864817%}
.row-fluid [class*="span"]:first-child{margin-left:0}
.row-fluid .controls-row [class*="span"] + [class*="span"]{margin-left:2.7624309392265194%}
.row-fluid .span12{width:100%;*width:99.94680851063829%}
.row-fluid .span11{width:91.43646408839778%;*width:91.38327259903608%}
.row-fluid .span10{width:82.87292817679558%;*width:82.81973668743387%}
.row-fluid .span9{width:74.30939226519337%;*width:74.25620077583166%}
.row-fluid .span8{width:65.74585635359117%;*width:65.69266486422946%}
.row-fluid .span7{width:57.18232044198895%;*width:57.12912895262725%}
.row-fluid .span6{width:48.61878453038674%;*width:48.56559304102504%}
.row-fluid .span5{width:40.05524861878453%;*width:40.00205712942283%}
.row-fluid .span4{width:31.491712707182323%;*width:31.43852121782062%}
.row-fluid .span3{width:22.92817679558011%;*width:22.87498530621841%}
.row-fluid .span2{width:14.3646408839779%;*width:14.311449394616199%}
.row-fluid .span1{width:5.801104972375691%;*width:5.747913483013988%}
.row-fluid .offset12{margin-left:105.52486187845304%;*margin-left:105.41847889972962%}
.row-fluid .offset12:first-child{margin-left:102.76243093922652%;*margin-left:102.6560479605031%}
.row-fluid .offset11{margin-left:96.96132596685082%;*margin-left:96.8549429881274%}
.row-fluid .offset11:first-child{margin-left:94.1988950276243%;*margin-left:94.09251204890089%}
.row-fluid .offset10{margin-left:88.39779005524862%;*margin-left:88.2914070765252%}
.row-fluid .offset10:first-child{margin-left:85.6353591160221%;*margin-left:85.52897613729868%}
.row-fluid .offset9{margin-left:79.8342541436464%;*margin-left:79.72787116492299%}
.row-fluid .offset9:first-child{margin-left:77.07182320441989%;*margin-left:76.96544022569647%}
.row-fluid .offset8{margin-left:71.2707182320442%;*margin-left:71.16433525332079%}
.row-fluid .offset8:first-child{margin-left:68.50828729281768%;*margin-left:68.40190431409427%}
.row-fluid .offset7{margin-left:62.70718232044199%;*margin-left:62.600799341718584%}
.row-fluid .offset7:first-child{margin-left:59.94475138121547%;*margin-left:59.838368402492065%}
.row-fluid .offset6{margin-left:54.14364640883978%;*margin-left:54.037263430116376%}
.row-fluid .offset6:first-child{margin-left:51.38121546961326%;*margin-left:51.27483249088986%}
.row-fluid .offset5{margin-left:45.58011049723757%;*margin-left:45.47372751851417%}
.row-fluid .offset5:first-child{margin-left:42.81767955801105%;*margin-left:42.71129657928765%}
.row-fluid .offset4{margin-left:37.01657458563536%;*margin-left:36.91019160691196%}
.row-fluid .offset4:first-child{margin-left:34.25414364640884%;*margin-left:34.14776066768544%}
.row-fluid .offset3{margin-left:28.45303867403315%;*margin-left:28.346655695309746%}
.row-fluid .offset3:first-child{margin-left:25.69060773480663%;*margin-left:25.584224756083227%}
.row-fluid .offset2{margin-left:19.88950276243094%;*margin-left:19.783119783707537%}
.row-fluid .offset2:first-child{margin-left:17.12707182320442%;*margin-left:17.02068884448102%}
.row-fluid .offset1{margin-left:11.32596685082873%;*margin-left:11.219583872105325%}
.row-fluid .offset1:first-child{margin-left:8.56353591160221%;*margin-left:8.457152932878806%}
input, textarea, .uneditable-input{margin-left:0}
.controls-row [class*="span"] + [class*="span"]{margin-left:20px}
input.span12, textarea.span12, .uneditable-input.span12{width:710px}
input.span11, textarea.span11, .uneditable-input.span11{width:648px}
input.span10, textarea.span10, .uneditable-input.span10{width:586px}
input.span9, textarea.span9, .uneditable-input.span9{width:524px}
input.span8, textarea.span8, .uneditable-input.span8{width:462px}
input.span7, textarea.span7, .uneditable-input.span7{width:400px}
input.span6, textarea.span6, .uneditable-input.span6{width:338px}
input.span5, textarea.span5, .uneditable-input.span5{width:276px}
input.span4, textarea.span4, .uneditable-input.span4{width:214px}
input.span3, textarea.span3, .uneditable-input.span3{width:152px}
input.span2, textarea.span2, .uneditable-input.span2{width:90px}
input.span1, textarea.span1, .uneditable-input.span1{width:28px}
body{padding-top:0}
.visible-big-desktop{display:none !important}
header{min-height:111px}
header nav ul#navigation.pull-right > li{margin:80px 0 0}
header nav ul#navigation{padding-top:0;margin-top:0}
header nav ul#navigation.pull-right > li{font-size:14px;margin-left:10px}
header nav ul#navigation.pull-right > li > a{padding:79px 10px 15px}
footer nav li a{margin-left:8px;font-size:12px}
.profile-wrp{width:352px;margin-left:20px}
.profile-wrp .overlay-wrp .profile-quote{font-size:28px}
#yellow-line .social-icons{margin-left:0}
.process-wrp{width:130px;height:130px;margin:0 5px 20px 5px}
.process-circle{font-size:18px}
.process-circle span{width:130px;height:130px}
.img-caption{margin:16px 0 0 30%;width:70%}
.background .gradient{height:80%}
.full-post .blog-text .video-blog p{font-size:12px}
.full-post .blog-text .video-blog h5{font-size:18px}}
@media (max-width:999px){.hidden-desktop{display:inherit !important}
.contdown-intro {margin-top:30px}
.visible-desktop{display:none !important}
.visible-phone{display:inherit !important}
.hidden-phone{display:none !important}
.container-fluid{padding:0}
.dl-horizontal dt{float:none;clear:none;width:auto;text-align:left}
.dl-horizontal dd{margin-left:0}
.container{width:480px}
.row-fluid{width:100%}
.row, .thumbnails{margin-left:10px;margin-right:10px}
.row .row{margin-left:0;margin-right:0}
.thumbnails > li{float:none;margin-left:0}
[class*="span"], .uneditable-input[class*="span"], .row-fluid [class*="span"]{float:none;display:block;width:100%;margin-left:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.span12, .row-fluid .span12{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.row-fluid [class*="offset"]:first-child{margin-left:0}
.input-large, .input-xlarge, .input-xxlarge, input[class*="span"], select[class*="span"], textarea[class*="span"], .uneditable-input{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.input-prepend input, .input-append input, .input-prepend input[class*="span"], .input-append input[class*="span"]{display:inline-block;width:auto}
.controls-row [class*="span"] + [class*="span"]{margin-left:0}
h1{font-size:30px}
h2{font-size:44px}
h3{font-size:38px;padding-top:0.4em}
h4{font-size:26px;padding-top:0.4em}
h5{font-size:22px;padding-top:0.4em}
h6{font-size:16px}
p:last-child{margin-bottom:1.6em}
p.large{font-size:14px}
p.lead{font-size:18px}
header{min-height:90px;margin-bottom:210px}
header #logo{margin-top:20px;text-align:center}
header .phoneNo{display:none}
#bookingWidget{width:100%; min-height: auto;}
h2{font-size:22px;letter-spacing:-1px}
#ub_widget{margin:0 auto}
#mainContent{width:100%;margin:0;padding:0 20px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
#countdown-twitter{padding:20px}
footer{margin-top:0px;margin-bottom:15px}
footer .span12{padding-top:15px}
#title{margin-top:34px;margin-bottom:33px}
#title .span12{padding-bottom:12px}
#title .date{margin:-20px 0 5px 0}
#page-title{margin-top:28px;margin-bottom:28px}
#page-title h2{float:none;border-bottom:1px solid #373a3d;padding-bottom:20px;margin-bottom:10px}
#page-title h2 + .dropdown{top:0;margin-top:10px;margin-left:0}
.intro .span12{margin-top:0;margin-bottom:45px}
.intro p{font-size:20px;margin-bottom:0}
.service-desc{margin-bottom:50px}
#social-data .span4{margin-top:16px;margin-bottom:23px}
#social-data .span4:first-child{margin-top:34px}
#social-data .span4:last-child{margin-bottom:40px}
#social-data .row{background:none}
#twitter-feed{margin-bottom:28px}
#clients + footer{margin-top:60px}
#team{margin:45px 0;padding:30px 0 0 0}
.big-title{font-size:58px;margin-bottom:53px !important}
.profile-wrp{width:100%;margin-left:0}
.profile-wrp .overlay-wrp .profile-quote{font-size:28px}
#yellow-line{margin-top:40px}
#yellow-line .social-icons{margin-left:0}
.pdf-title span.visible-big-desktop{display:inline !important}
.slider{margin:30px 0 20px 0}
.img-caption{margin:16px 0 0 0;width:100%}
.img-caption p{margin:0}
.tag{font-size:10px;margin-right:1px;margin-bottom:5px}
.dropdown{width:100%}
.dropmenu{width:100%;height:60px;margin-top:-10px;box-sizing:border-box}
.dropmenu-active{width:460px}
a.launch{float:left;margin-bottom:20px}
#project .image-desc{padding-top:20px}
#project .image-desc p, #project .image-desc h5{padding-left:0}
#case .row{margin-bottom:20px}
#project .background .gradient{height:100%}
#project .line{border-top:1px solid #373a3d}
#loading a{padding:8px 0;font-size:16px}
.accordion-wrp h6, .toggle-wrp h6{padding:14px 20px 12px 20px}
.info-block a.btn{position:inherit;margin-top:20px}
.ib-text{padding-right:0}
.form-inline input{margin-bottom:10px}
img.preview-responsive{bottom:22px}}
@media (max-width:479px){body{background:#24282C;color:#eee}
h1{color:#ccc}
.theme-author a {color:rgba(255,255,255,0.25)}
.container{width:320px}
.nav-collapse{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.page-header h1 small{display:block;line-height:20px}
input[type="checkbox"], input[type="radio"]{border:1px solid #ccc}
.form-horizontal .control-label{float:none;width:auto;padding-top:0;text-align:left}
.form-horizontal .controls{margin-left:0}
.form-horizontal .control-list{padding-top:0}
.form-horizontal .form-actions{padding-left:10px;padding-right:10px}
.media .pull-left, .media .pull-right{float:none;display:block;margin-bottom:10px}
.media-object{margin-right:0;margin-left:0}
.pageBanner{display:none}
#bookingWidget h2{padding:0}
header{margin-bottom:0}
#mainContent{padding:0 20px}
footer{margin-top:0}
h1{font-size:32px}
h2{font-size:28px;letter-spacing:0}
.dropmenu-active{width:300px}
#social-data .span4{margin-top:6px;margin-bottom:23px}
#social-data .span4:first-child{margin-top:26px;margin-bottom:23px}
#process hr.closer{margin-top:10px}
#process h2{font-size:20px;letter-spacing:-1px;margin-bottom:20px}
.process-wrp{display:inline-block;width:56px;height:56px;margin:0 0 20px 0}
.process-circle{font-size:10px;letter-spacing:0;font-weight:normal}
.process-circle span{width:56px;height:56px}
.big-title{font-size:36px;margin-bottom:35px !important}
.phoneNoMobile {position:relative;top:0;display:block;text-align:center;width:100%;padding:5px 0px;box-sizing:border-box;background:#024da1}
.phoneNoMobile a {font-size:32px;color:#fff;font-weight:800;line-height:1}
.phoneNoMobile a:hover {color:#fff}}

/*Modal Pop Up Window*/
.modal {display: none;position: fixed;z-index: 1;padding-top: 170px;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgb(0, 0, 0);background-color: rgba(0, 0, 0, 0.4);}
.modal-content {position: relative;margin: auto;padding: 0;width: 80%;-webkit-animation-name: animatetop;-webkit-animation-duration: 0.4s;animation-name: animatetop;animation-duration: 0.4s; text-align: left}
@-webkit-keyframes animatetop {
from {top: -300px;opacity: 0}
to { top: 0;opacity: 1}
}
@keyframes animatetop {
from {top: -300px;opacity: 0}
to {top: 0;opacity: 1}
}
.modal-header, .modal-body {color: white; text-align: left}
iframe {width:100%; min-height: 400px}
#button {font-size: 18px; display:block; color: #2f3238;background: #ffcb04; -webkit-transition-duration: 0.5s;transition-duration: 0.5s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;border: 3px solid #ffcb04;padding: 1em;cursor: pointer;text-decoration: none;margin: 0 auto; width: 70%; text-align: center;margin-bottom: 40px;}
#button:hover {background:transparent;color: #ffcb04;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out; border: 3px solid #ffcb04}
.close { color: #aaa; float: right; font-size: 28px; font-weight: bold; } .close:hover, .close:focus { color: black; text-decoration: none; cursor: pointer; }


.button-wide {text-transform: uppercase;font-size:18px;color: #2f3238;background: #ffcb04;margin: 0 auto;display:inline-block;padding: 1em;cursor: pointer;text-decoration: none;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;z-index: 99999;position: relative;width: 90%}
.button-wide:hover {background:#2f3238 !important;color: #ffcb04 !important;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
@media (max-width:479px){
	.modal {padding-top: 250px}	
}


/*`bagdes*/
.header {position:absolute; width: 100%; top: 0;}

.pageBannerApp {
    height: 100vh;
    width: 100%;
    z-index: -99;
    background-size: cover;
}
.badges {margin: 20px auto; text-align: center; width: 100%;}
.badges a img {text-align: center; width: 50%;margin-bottom: 20px;}
span.xlarge { font-size: 4.5em; margin-top: 0; line-height: .8; display: block; }
.app p {color: #fff; padding: 0 30px 30px 30px; font-size: 16px;text-align: center;}
.app {text-align: center;}
.appTop { width: 100%; top: 130px; display: block; position: relative; height: 710px; }
.appTop .badges a {display: inline-block; width: 150px;}
.appTop .heroTitle { width: 18%; padding-top: 50px; padding-left: 10%; }
.appTop .heroTitle, .appTop .heroPhone {display: block; vertical-align: middle;}
.appTop p { color: #2f3238; padding: 0 30px 0px 30px; font-size: 24px; text-align: center; line-height: 1; }
.appTop .heroPhone { top: 80px; position: absolute; left: 35%; }
.appTop .badges { margin: 20px; text-align: left; width: 100%; position: absolute; bottom: 110px; left: 40px; }
.appTop .badges span {font-size: 37px; font-weight: 700; letter-spacing: -2px;padding-right: 30px;color: #2f3238}
.appTop .badges a img {text-align: left;width: 150px;margin-bottom: 20px;}
.app-page #mainContent{ margin-top: 100px;}


@media (max-width:1440px){
.appTop .heroPhone {top: 30px; right: 35%; left: inherit}
.appTop .heroTitle {width: 30%;}
.appTop { height: 710px; }
	
}

@media (max-width:1024px){
.appTop .heroPhone {right: 15%;}
.appTop .heroTitle {width: 40%; padding-top: 0;}
.appTop { height: 590px; }
}


@media (max-width:768px){
.pageBannerApp { background-position: right}
.appTop {height: 500px;}
.appTop {top: 220px;}
.appTop .heroPhone {display: none;}
.appTop .heroTitle {width: 100%;padding-left: inherit; padding-top: 0;}
.appTop .badges {left: inherit; bottom: 40px;position: relative}
.appTop .badges a {display: inline; width: auto; }
.appTop .badges span{display: block; margin-bottom: 20px;}
.undo-top {padding: 20px;text-align: center;}
}

@media (max-width:520px){
.pageBannerApp {height: 800px;background-position: left}
.appTop {height: 580px;}
.appTop .badges { position: relative; margin: 0; left: 20px; width: 90%; }
.appTop .badges a img {width:100px;}
}