.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */
.left{float: left;}.right{float: right;}
html,body{min-height: 100%;height: 100%;}

.error{border: 1px red solid !important;}

.curtains{width: 100%;z-index:1;position:relative;height: 100%;}

.curtains>li{-webkit-transform:translateZ(0);/*background: white;*/position: fixed;display:block;top: 0;left: 0;width: 100%;min-height: 100%;overflow: hidden;z-index:1;box-shadow: #000000 0px 1px 5px;}
.curtains>li.hidden{visibility:hidden;}
.curtains>li:first-child{z-index:2;}

.page{height:100%;width:100%;/*background:#cdcccc;*/background:#ffffff;min-width: 750px;}
body{background: #d5d1ce;min-width: 750px;}
.header{position: fixed;top:0px;left: 0px;width: 100%;background:#262626;padding: 7px 0px;min-width: 750px;z-index: 99;}
.header .logo{cursor: pointer; background:url("images/logo.png") no-repeat left top;width: 148px;height: 48px;display: block;margin:0px 70px 0px 45px;transition: margin 1s ease-in;}
.signal-logo-preload{background:url("images/logo.png") no-repeat left top;width: 148px;height: 48px;position: absolute;top: 50%;left:50%;z-index: 99;margin-left: -74px;margin-top: -24px;}
.header .nav{margin: 28px 0 0 0;}
.header .nav li{display: inline-block;margin:0px 18px;}
.header .nav li a{text-decoration: none;color: #ffffff;font-size: 0.875em;text-transform: uppercase;transition: color 0.5s ease-in;}
.header .nav li a:hover{color: #bcd134;transition: color 0.5s ease-in;}
.header .nav li a.active, .header .nav li.active a{color: #bcd134;}

.mobile-nav{display: none;}
.mobile-nav a{float: left;padding: 11px 20px;display: block;margin: 2px 0px;}
.mobile-nav .tel{border-right: 1px #3c3c3c solid;background: url("images/tel-icon.png") no-repeat center center;width: 30px;height:19px;}
.mobile-nav .menu{border-left: 1px #000000 solid;background: url("images/menu-icon.png") no-repeat center center;width: 20px;height:18px;position: static !important;}

.wrapper{position: relative;background: #ffffff;}
.mobile-nav-links .close{display: block;background: url("images/closemenu.png") no-repeat;width: 44px;height: 44px;float: right;cursor: pointer;}
.mobile-nav-links{width: 180px;position: absolute;right: 0px;top:0px;background: #d5d1ce;display: none;}
.mobile-nav-links .close-w{padding: 10px;border-bottom: 1px #c1bebc solid;}
.mobile-nav-links a.mobi-link{display: block;border-top:1px #dfdfdf solid;border-bottom: 1px #c1bebc solid;padding: 15px 10px 15px 25px;text-decoration: none;color: #464646;font-size: 0.875em;text-transform: uppercase;position: relative;}
.mobile-nav-links a.mobi-link:hover{background:#dfdfdf;}
.home-link{background:#d5d1ce url("images/home.png") no-repeat 90% center;}
.about-link{background:#d5d1ce url("images/about.png") no-repeat 89% center;}
.services-link{background:#d5d1ce url("images/services.png") no-repeat 93% center;}
.clients-link{background:#d5d1ce url("images/clients.png") no-repeat 92% center;}
.work-link{background:#d5d1ce url("images/work.png") no-repeat 91% center;}
.contact-link{background:#d5d1ce url("images/contact.png") no-repeat 91% center;}
.connect-header{font-size: 1.125em;text-transform: uppercase;padding: 20px 0 20px 54px;border-top:1px #dfdfdf solid;background: url("images/share.png") no-repeat 16px center;}
.connect-icons{text-align: center;padding-bottom: 35px;}
.connect-icons a{width: 50px;height: 50px;display: inline-block;}
.connect-icons a.facebook-link{background: url("images/fb.png") no-repeat;}
.connect-icons a.twitter-link{background: url("images/twitter.png") no-repeat;margin: 0px 4px;}
.connect-icons a.linkedin-link{background: url("images/in.png") no-repeat;}

.banner{height: 100%;width: 100%;min-width: 300px;position: relative;}
.desktop-banner{width: auto;height: 100%;position: absolute;z-index: -1;top:0px;left:0px;}
.banner img.bannerimg,.creativityimg{display: none;width: 100%;height: auto;}
.banner h2,.creativity-meets-quality h2{font-size: 4.500em;color: #ffffff;position: absolute !important;transition: left 0.3s ease-in,top 0.3s ease-in;text-transform:uppercase;}
.banner .down-btn{position: absolute;bottom: 2% !important;left: 0px;z-index: 9;display: block;transition: left 1s ease-in;top: auto !important;width: 6.2%;min-width: 60px;cursor: pointer;}
.banner .share-btn{transition: top 1s ease-in;position: absolute;top:18.80%;left:100%;margin-left: -50px;width: 50px;height: 50px;background: url("images/sharebtn.png") no-repeat;display: none;cursor: pointer;}
.banner .toggle-share-links{display: block;z-index: 99;}
.banner .toggle-share-links.active,.banner .toggle-share-links:hover{background-position: center right !important;}
.share-icons .in{background: url("images/in.png") no-repeat;margin-left: -50px;}.share-icons .twitter{background: url("images/twitter.png") no-repeat;margin-left: -102px;}.share-icons .fb{background: url("images/fb.png") no-repeat;margin-left: 100px;}

.creativity-meets-quality{position: relative;height:50%;width: 100%;text-align: center;overflow: hidden;}
.about-section{max-width: 1200px;width: 100%;margin: 0 auto;}
.about-section .left{width: 60%;text-align: center;}.about-section .right{width: 40%;text-align: center;padding: 3% 0;}
.about-section .left p{font-size:1.125em;color: #3e3e3e;font-family: Calibri, Arial;padding: 10%;}
.about-section .right img{width:80%}
.about-section .right p{font-size:1.125em;color: #3e3e3e;font-family: Calibri, Arial;padding: 2% 0 0 0;}
.about-section h4{display: none;}

.dotted-border{border-bottom: 1px #928b88 dashed;}

.services-section{text-align: center;max-width: 1100px;width: 100%;margin: 0 auto;padding: 4% 0 10% 0;}
.services-section h2{font-size: 3.000em;color: #000000;text-transform: uppercase;padding-bottom: 4%;}
h2 span{vertical-align: middle;}
h2 span.diamonds{font-size: 0.600em;}
.services-section .head p{font-size:1.125em;color: #3e3e3e;font-family: Calibri, Arial;padding-bottom: 4%;padding-left: 20px;padding-right: 20px;}

.services-w{position: relative;height: 100%;}
.services-items{text-align: center;border-bottom: 1px #928b88 dashed;}
.services-items .item{float: left;width: 25%;position: relative;}
.services-items .item .icon{background:#000000;position: relative;border-left: 1px #ffffff solid;padding: 30px 0px;}
.services-items .item .text{border-left: 1px #928b88 dashed;position: relative;}
.services-items .item h3{font-size: 1.500em;color: #000000;text-transform: uppercase;padding: 25px 0 0 0;}
.services-items .item p{font-size: 1.000em;color: #3e3e3e;font-family: Calibri, Arial;padding:15px 18px;}
.services-items .last .text{border-right: 1px #928b88 dashed;}
.services-items .last .icon{border-right: 1px #000000 solid;}.services-items .first .icon{border-left: 1px #000000 solid;}

.clients-w{max-width:1106px;width:100%;margin: 0px auto;}
.clients-w img{width: 100%;}

.loading{background: url("images/loading.gif") no-repeat center center;}

.work-wrapper{position: relative;height: 100%;}
.work-wrapper .projects-wrapper{height: 50%;max-width: 1200px;margin:0 auto;text-align: center;display: table;}
.work-wrapper .projects-wrapper .project-w{display: table-cell;vertical-align: middle;}
.work-wrapper .project-item{max-width:192px;max-height:139px;width:150px;display: inline-block;position: relative;margin: 10px;cursor: pointer;}
.work-wrapper .project-item img{width: 100%;height: auto;border: 1px #cbcbcb solid;}
.work-wrapper .project-item img:hover{border-color: #2f2e2e;}

.project{/*margin: 62px auto 0 auto;*/margin: 0 auto;text-align: center;max-width: 980px;position: relative;padding: 0 20px;transition: all 0.5s ease-in;}
.project h2{font-size: 3.000em;color: #000000;text-transform: uppercase;padding-bottom: 2%;padding-top: 4%;position: relative;}
.project h2 span{vertical-align: middle;}
.project h2 span.diamonds{font-size: 0.600em;}
.project .project-specs{font-style: italic;font-size: 1.125em;font-family: Calibri,Arial;padding-bottom: 4%;position: relative;}
.project-desc-wrapper{}
.project-desc-wrapper .right,.project-desc-wrapper .left{text-align: left;width: 45%;position: relative;}
.project-desc-wrapper .left img{width: 100%;display: block;position: relative;z-index: 1;}
.project-desc-wrapper .right img{display: block;position: relative;}
.project-desc-wrapper .div-border{border-bottom: 1px #b1b1b1 solid;margin: 5% 0;}
.project-desc-wrapper .right p{color: #3e3e3e;font-size: 1.125em;font-family: Calibri,Arial;position: relative;}
#work .arrow{display: none;position: absolute;top: 50%;left: 10px;margin-top: -35px;z-index: 9999;background: url("images/arrow.png") no-repeat center left;cursor: pointer;height: 71px;width: 28px;}
#work .left-arrow{background-position: center left;}
#work .right-arrow{background-position: center right;right:10px;left: auto;}
#work .close-btn{display: none;z-index: 9999;background: url("images/close.png") no-repeat;width: 45px;height: 45px;position: absolute;top:80px;right: 20px;cursor: pointer;}
.afterload{display: none;}
.banner{background: none;}

.contact-wrapper{position: fixed;height: 100%;width: 100%;background: #ffffff;z-index: 999999;min-width: 750px;top:-100%;left:0;}
.contact-wrapper .contact-relative{position: relative;top:0px;left:0px;height: 100%;text-align: center;padding: 0 10px;}
.contact-wrapper h2{font-size: 3.000em;color: #000000;text-transform: uppercase;padding-bottom: 20px;padding-top: 30px;}
.contact-wrapper h2 span{vertical-align: middle;}
.contact-wrapper h2 span.diamonds{font-size: 0.600em;}
.contact-wrapper .project-specs{font-style: italic;font-size: 1.125em;font-family: Calibri,Arial;padding-bottom: 60px;}
.contact-details{max-width: 980px;width: 100%;margin: 0 auto;}
.contact-details .left{width: 35%;text-align: left;color: #3e3e3e;background: url("images/border-bg.png") repeat-y center right;position: relative;}
.contact-details h3{font-size: 1.500em;color: #000000;text-transform: uppercase;padding-bottom: 18px;}
.contact-details .left ul{padding-bottom: 12px;}
.contact-details .left li{display: inline-block;font-size: 1.063em;font-family: Calibri, Arial;}
.contact-details .left .h{width: 70px;}
.contact-details .left .share-heading{margin-top: 34px;background: url("images/share-icon.png") no-repeat center left;font-size: 1.500em;color: #000000;margin-bottom: 18px;text-transform: uppercase;padding: 0px 0px 0px 35px;}
.contact-details .left .sharing-icons a{width: 50px;height: 50px;display: block;float: left;margin-right: 1px;cursor: pointer;}
.contact-details .left .sharing-icons .facebook{background: url("images/fb.png") no-repeat;}
.contact-details .left .sharing-icons .twitter{background: url("images/twitter.png") no-repeat;}
.contact-details .left .sharing-icons .linkedin{background: url("images/in.png") no-repeat;}
.contact-details .right{width: 65%;text-align: left;position: relative;}
.contact-details .right .right{width: auto;}
.contact-details .right h3{padding-bottom: 25px;}
.contact-details .form-wrapper li{float: left;display: inline-block;}
.contact-details .left-form{padding-left: 28px;}
.contact-details .form-wrapper .textbox,.contact-details .form-wrapper .textarea{font-family: Calibri, Arial;font-size: 0.875em;outline: none;font-style: italic;}
.contact-details .form-wrapper .textbox{background: #ededed;color: #838383;border: 1px #ffffff solid;padding: 5px;width: 211px;height: 22px;display: block;margin-bottom: 22px;box-sizing: inherit;}
.contact-details .form-wrapper .last-textbox{margin: 0px;}
.contact-details .form-wrapper .textarea{background: #ededed;color: #838383;border: 1px #ffffff solid;padding: 6px;width: 260px;height: 125px;display: block;margin-bottom: 20px;resize: none;overflow: hidden;box-sizing: inherit;}
.contact-details .form-wrapper .sendbtn{display: inline-block;}
.contact-details .form-wrapper .text-right{text-align: right;}
.contact-wrapper .contact-relative .closebtn{display: block;position: absolute;top:30px;right:30px;background: url("images/close.png") no-repeat;width: 45px;height: 45px;cursor: pointer;}


.pre-loader-wrapper{position: fixed;top:0px;left: 0px;width: 100%;height: 100%;background: #262626;z-index: 99999999;}
.pre-loader-wrapper .loadline{background: #ffffff;position: absolute;top:50%;left:0;height: 2px;width: 0%;margin-top: 40px;}
/*.is-mobile .pre-loader-wrapper{display: none !important;}*/

.desktop-hide-img{display: inline-block;}
.mobi-hide-img{display: none;}

.center-down-arrow,.about-banner-mobi,.hr-border{display: none;}
.brands-desktop{display: inline-block;}
.brands-mobi,.work-banner-mobi{display: none;}
.desktop-hide-arrow{display: block;}
.mobi-hide-arrow{display: none !important;}

.body-height{height: auto !important;}
.backtotop{display: none;}


@media only screen and (min-width:749px) and (max-width:1024px){
    .contact-details .form-wrapper .textbox{width: 181px;}
    .contact-details .form-wrapper .textarea{width: 230px;}
    .work-wrapper .arrow{display: none !important;}  
}

/*height fixes*/
@media only screen and (max-height:750px){
    .services-items .item .icon{padding: 10px 0px;}
    .services-items .item h3{font-size: 1.200em;padding: 15px 0 0 0;}
    .services-items .item p{font-size: 0.900em;padding:5px 10px;}
    .services-items .item .text{height: auto;}
}
@media only screen and (max-width:750px){
    .page,body,.header{min-width: 0px;box-shadow:none !important;height: auto !important;}
    .mobile-nav,.mobile-nav-links,.about-banner-mobi,.hr-border{display: block;}
    .header .nav,.share-icons{display: none;}
    .header,.contact-wrapper{position: relative;min-width: 0px;}
    .backtotop{display: block;position: fixed;bottom: 0px;right: 0px;z-index: 999999;cursor: pointer;}
    .contact-wrapper{padding-bottom: 50px;top:0 !important;}
    .banner{text-align: center;min-height: 480px;}
    .banner h2{font-size:1.750em;position: static !important;padding-top: 53px;}
    .creativity-meets-quality h2{padding: 0px;font-size:1.750em;}
    .services-section h2{font-size:1.750em;padding-bottom: 40px;}
    .mobi-find-more{background: url("images/findmore.png") no-repeat;display: inline-block;width: 127px;height: 87px;margin-top: 42px;}
    .center-down-arrow{text-align: center;margin: 40px 0 80px 0;display: block;}
    .center-down-arrow a{background: url("images/down-services.png") no-repeat;display: inline-block;width: 127px;height: 87px;}
    .center-down-arrow a.down-clients{background: url("images/down-clients.png") no-repeat;}
    .center-down-arrow a.down-contact{background: url("images/down-contact.png") no-repeat;}
    .center-down-arrow a.down-work{background: url("images/down-work.png") no-repeat;}
    .header .logo{margin: 0px 0px 0px 10px;}
    .curtains>li{-webkit-transform:translateZ(0) !important;position: relative !important;display:block;top: 0;left: 0;width: auto !important;height: auto !important;overflow: hidden;z-index:1;box-shadow:none;min-height: 0px !important;}
    .curtains>li.hidden{visibility:visible !important;}
    .about-banner-mobi{width: 100%;display: block;height: auto;}
    #about .backstretch,.desktop-hide{display: none;}
    .creativity-meets-quality{height: auto !important;}
    .about-section .right,.about-section .left{float: none;width: auto;}
    .desktop-hide-img{display: none;}
    .mobi-hide-img{display: inline-block;width: 50% !important;}
    .about-section h4{display: inline-block;font-size: 1.250em;text-transform: uppercase;padding-top: 20px;}
    .about-section .left p{padding: 20px;}
    .services-section{position: static !important;padding-bottom: 0px !important;}
    .services-section .head p{display: none;}
    .services-items{border: none;padding: 0 20px;}
    .services-items .item{width: auto;border: none !important;padding-bottom: 20px;}
    .services-items .item .text{border: none !important;height: auto !important;}
    .services-items .item p{padding: 10px 0px;}
    .clients-w{padding: 25px 20px;text-align: center;width: auto;}
    .brands-desktop{display: none;}
    .brands-mobi{display: inline-block;max-width: 500px;width: 50%;min-width: 275px;}
    .work-banner-mobi{display: block;width: 100%;}
    .work-banner{margin-bottom: 20px;}
    .curtains{position: relative !important;}
    .contact-wrapper .contact-relative .closebtn{display: none;}
    .contact-wrapper h2,.project h2{font-size: 1.750em;}
    .contact-details .left{float: none;width: auto;background: none;left:0 !important;}
    .contact-details .right{float: none;width: auto;left:0 !important;}
    .hr-border{border-bottom: 1px #9d9d9d solid;margin: 27px 0px;}
    .contact-details .left-form{padding: 0px;}
    .contact-details .form-wrapper .last-textbox{margin-bottom: 22px;}
    .contact-details .form-wrapper li{display: block;float: none;}
    .contact-details .form-wrapper .textbox,.contact-details .form-wrapper .textarea{width: 100%;padding: 6px 0px;text-indent: 6px;}
    .project-desc-wrapper .right, .project-desc-wrapper .left{float: none;text-align: center;width: auto;}
    .project-desc-wrapper .right img{display: inline-block;isplay: inline-block;max-width: 60%;padding-top: 10px;}
    #work .close-btn{background: url("images/backtoprojects.png") no-repeat;width: 221px;height: 38px;margin: 10px auto;position: static;}
    .desktop-hide-arrow{display: none !important;}
    .mobi-hide-arrow{display: block !important;}
    .project{top:0px !important;}
    #work .right-arrow{position: static;width: 108px;height: 38px;background: url("images/next.png") no-repeat;margin-top: 50px !important;}
    #work .left-arrow{position: static;width: 134px;height: 38px;background: url("images/prev.png") no-repeat;margin-top: 50px !important;}
    .loading{background: url("images/loading.gif") no-repeat center center;height: 400px;}
    .banner{background: url("images/banner-mobi.jpg") no-repeat center center;background-size: cover;}
    .project-desc-wrapper .left img{display: inline-block;width:80%;}
}