html{width:100%;height:100%;}
body {width:100%;height:100%;padding:0; margin:0;background-color:#ffffff; direction:ltr;}
input, textarea, button {border-radius: 0; -webkit-appearance:none; outline: none;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;box-sizing: border-box;}


a {text-decoration:none;outline: none;text-decoration:none;color: #ffffff;}
a:hover {text-decoration:underline;outline: none;}
img{border:0;}


.dir{float: right;}
.dir-op{float: left;}
.full-div{width:100%;float:left;}

.half-div{width:50%;float: left;} 
.third-div{width:33.333333%;float:left;} 
.two-third-div{width:66.666666%;float:left;}
.qrtr-div{width:25%;float:left;}
.three-third-div{width:75%;float:left;}

.hide-mobile{display:block;}
.hide-desktop{display:none;}


/*colors*/
.c-white{color:#ffffff;}
.c-green{color:#83C53E;}
.c-grey{color:#ede9e4;}
.c-dark{color:#1c1b1b;}
.c-blue{color:#147cb3;}
.c-light{color:#eaeaea;}
.c-red{color:#910f0f;}
.c-brown{color: #848484;}
.c-orange{color:#fe8900;}
.c-black{color:#2a2a2a;}


h1,h2,h3,h4{
    font-family: 'Heebo';
    line-height: 1.2;
    color:black;
}

h1 {margin-bottom: 20px;font-weight:bold;font-size:31px;margin-top:0;}
h2 {margin-top:0;margin-bottom: 20px;font-weight:normal;font-size:34px;}
h3 {margin-top:0;margin-bottom: 20px;font-weight:normal;font-size:22px;}
h4 {margin-top:0;margin-bottom: 0;font-weight:normal;}

p{margin:0; }


.responsive-img{max-width: 100%; height: auto;}
.text-center{text-align: center;}
.text-left{text-align: left;}
.text-right{text-align: right;}
.hand{cursor:pointer;}
.t-b{font-weight:bold;}
.t-nob{font-weight: 300;}
.t-i{font-style: italic;}
.t-u{text-decoration:underline;}
.t-nou{text-decoration:none;}
.t-nou:hover {text-decoration:none;}
.t-upper{text-transform: uppercase;}

.s-9{font-size:9px;}
.s-10{font-size:10px;}
.s-11{font-size:11px;}
.s-12{font-size:12px;}
.s-13{font-size:13px;}
.s-14{font-size:14px;}
.s-15{font-size:15px;}
.s-16{font-size:16px;}
.s-17{font-size:17px;}
.s-18{font-size: 18px;}
.s-19{font-size:19px;}
.s-20{font-size:20px;}
.s-21{font-size:21px;}
.s-22{font-size:22px;}
.s-23{font-size:23px;}
.s-24{font-size:24px;}
.s-25{font-size:25px;}
.s-26{font-size:26px;}
.s-27{font-size:27px;}
.s-28{font-size:28px;}
.s-30{font-size:30px;}
.s-32{font-size:32px;}
.s-36{font-size:36px;}
.s-38{font-size:38px;}
.s-40{font-size:40px;}
.s-42{font-size:42px;}
.s-45{font-size:45px;}
.s-48{font-size:48px;}
.s-55{font-size:55px;}
.s-60{font-size:60px;}
.s-70{font-size:70px;}
.s-90{font-size:90px;}

.absu{position:absolute;}
.rela{position:relative;}


.hide{display:none;}

.grid {width: 1300px;max-width: 100%;margin: auto;overflow: hidden;}
.base-text {font-family: 'Heebo';font-size: 19px;color: #848484;line-height: 29px;}
						
.form-field{text-align:left;border: none;border-bottom: 1px solid #848484;width: 100%;height: 50px;font-weight: 300;font-size: 20px;color: #848484;background-color: transparent;border-radius: 0;font-family: 'Heebo';-webkit-appearance:none;}	
.signup-select{text-align:right;border:1px solid #F2E8DF;width:90%;padding-right:5%;height:32px;font-size:18px;color:#373535;background-color:#f1f1f1;float:none;margin:auto;border-radius: 6px;font-family: 'Heebo';padding-right:5%;}			
.form-field-textarea{text-align:right;border:1px solid #766c5b;width:95%;height:140px;border-radius:4px;padding-right:5%;font-size:18px;color:#a7a7a7;font-family: 'Heebo';font-weight:normal;font-family: 'Heebo';}
.form-field-message {resize: none;border: none;font-family: Heebo;font-size: 20px; -webkit-appearance: none;  color: #848484;border-bottom: 1px solid #848484; width: 100%;height: 50px;font-weight: 300;}
.genral-button{width: 100%;color:#ffffff;background-color: #848484;border:0px solid #E0D2A2;-webkit-appearance:none;font-size: 20px;border-radius: 35px;font-family: 'Heebo';height:50px;margin-top: 2vw;}
	
.genral-button:hover{background-color:#0f618c;}

.general-shadow{box-shadow:0 0 5px 0 rgba(50, 50, 50, 0.75);}
.soft-shadow{box-shadow:0 0 5px 0 rgba(50, 50, 50, 0.50);}
.text-shadow{text-shadow: -2px 1px 6px rgba(150, 150, 150, 1);}

	
/*HEADER*/
.header {width: 1300px;max-width: 100%;float: left;padding: 1.7vw 0;min-height: 85px;position: absolute;top: 0;left: 0;right: 0;margin: auto;z-index: 1;}
.header-mobile-menu-btn{display:inline;margin-top: 25px;float: right;}
.header-mobile-menu-btn-closer{margin-top:20px;float: right;width: 100%;text-align: right;}
.header-menu{display:none;width: 100%;height:100%;overflow:auto;position:fixed;top:0;left:0;background-color: rgba(29, 29, 27, 0.75);z-index:1000;overflow-x:hidden;}
				
/*MENU*/
.header-menu-tab{width: 100%;padding-top: 1vw;float: right;text-align: left;border-bottom: 1px solid white;}		
.header-menu-tab a{color:#ffffff;font-weight: 300;}	
.header-menu-tab a:hover {font-weight: bold;}
.header-menu-tab.header-menu-tab-on a {font-weight: bold;}
.menu-grid .half-div {
    float: right;
}
.menu-grid {width: 1300px;margin: auto;overflow: hidden;padding-top: 1.7vw;max-width: 100%;}
.menu-wrapper { width: 20%;float: right;}
.inf-wrapper {width: 20%;float: right;padding-top: 1.5vw;font-weight: 300;font-size: 15px;}
/*SUB MENU*/
.sub-menu-container{width:160px;min-height:600px;float:left;margin-right:10px;}	
.sub-menu{width:180px;background-color:#f3f3f3;border-radius: 8px;margin-top:2px;margin-left:2px;float:left;}	
.sub-menu-row{width:90%;padding-left:10%;min-height:50px;float:left;background-color:#dad1c8;margin-bottom:4px;}
.sub-menu-row:hover{background-color:#c0b9a9;}
.sub-menu-row-on{width:90%;padding-left:10%;min-height:50px;float:left;background-color:#584d49;margin-bottom:4px;}
.sub-menu-row-title{width:100%;height:50px;float:left;}
.sub-menu-row-title-inner{float:left;padding-left:10px;padding-top:20px;}		

.menu-text-holder-arr{padding-top:14px;margin-left:10px;margin-right:6px;float:left;}
.menu-text-holder{padding-top:12px;float:left;padding-bottom:12px;padding-right:10px;}


/*MOBILE SUB MENU*/
.mobile-sub-menu-curr{width:100%;height:36px;background-image:url('../images/bg-blue-transparent.png');background-repeat:repeat;
					border-bottom:1px solid #ffffff;}
.mobile-submenu-text{padding-left:12px;float:left;padding-top:6px;}
.mobile-sub-menu-pop-menu{width:100%;float:left;overflow:auto;position:absolute;top:37px;left:0px;z-index:10;display:none;
				background-image:url('../images/bg-blue-transparent.png');background-repeat:repeat;}
.mobile-sub-menu{width:100%;text-align:left;height:36px;border-bottom:1px solid #ffffff;}			
.mobile-sub-menu:hover{background-color:blue;}	
.mobile-sub-menu-inner{padding-left:12px;float:left;margin-top:4px;width:90%;}
.mobile-sub-menu-row{float:left;width:100%;height:36px;border-bottom:1px solid #ffffff;}
.mobile-submenu-btn{float:right;padding-right:1%;}

/*HP */
.hp-txt p { max-width: 50%;margin: auto;}
/*---about--*/
.about-txt {max-width: 65%;margin-right: auto;text-align: left;margin-top: 20vw;font-weight: 300;}
.grid-about img { float: left;}

/*---gallery---*/
.the-gallery, .the-works, .the-works-item, .capabilities, .grid.terms,div#main-content {margin-top: 8vw;margin-bottom: 3vw;}
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose { top: -23px; background-size: 115px;}
#cboxClose:hover {
    background-position: -49px -22px;
}
.gallery-item,.works-item {margin-right: 4%;width: 22%;float: left;margin-bottom: 4%;overflow: hidden;}
.works-item img:hover,.gallery-item img:hover {transform: scale(1.1); filter: grayscale(75%);}
.works-item img,.gallery-item img {transition: all .4s ease;}
.gall-items .gallery-item:nth-child(4n),.works-items .works-item:nth-child(4n) {margin-right: 0;}
.grid.works-item-wrapper p {margin-bottom: 20px;font-weight: 200;}
/*---works---*/
.back-btn {vertical-align: bottom;margin-left: 1vw;}
.grid.works-item-wrapper>.two-third-div.text-right { text-align: left;}
.the-works-item.text-center h1 {text-align: left;}
.grid.works-item-wrapper .third-div.text-right { text-align: left;}
.works-item-wrapper .back-to-works-btn {text-align: left;}
.back-to-works-btn span {float: left;  margin-top: 0.25vw;}
/*---capabilities---*/
.capabilities-img-grid img {float: right;}
.capabilities-img-grid {width: auto;float: right;margin-bottom: 3.835%;margin-left: 3.835%;position: relative;}
.capabilities-wrapper>.two-third-div {width: 60.666666%;float: right;}
.capabilities-wrapper>.third-div {width: 39.333333%;font-weight: 300;text-align: left;}
.capabilities.text-center h1 { text-align: left;}
.capabilities-wrapper ul, .capabilities-text ul {list-style-type: circle;padding-left: 1.25vw;}
.inner-hover {position: absolute;background: rgba(29, 29, 27, 0.6);width: 100%;height: 100%;text-align: center;opacity: 0;transition: all .4s ease;cursor: pointer;}
.inner-hover>h4 { position: absolute; width: 100%;top: 0; bottom: 0;margin: auto;height: 25px;}
.inner-hover:hover {opacity: 1;}
.capabilities-item-wrapper .third-div {width: 40.333333%;text-align: left;}
.capabilities-item-wrapper .two-third-div {width: 59.666666%;text-align: left;}
.back-to-capabilities-btn {margin-top: 2vw;text-align: left;}
.back-to-capabilities-btn span { float: left; margin-top: 0.20vw;}
.capabilities-text {max-width: 80%;font-weight: 200;}
/*INNER PAGE*/
.inner-page-top{width:100%;height: 150px;float:left;}
				 
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*---------------------MODULES-----------------*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

/*CONTACT FORM*/
.contact-title h1 {margin-top: 12vw;}
.contact-form{width:100%;float:left}
.contact-form-field-container{width:100%;float:left;margin-bottom:8px;}
.contact-form-submit{text-align:right;float:right;width: 100%;}
.contact-iframe>iframe { width: 100%;}
.contact-txt {padding-left: 2.5vw;font-size: 20px;line-height: 1.5;font-weight: 300;}

/*footer*/
.footer{width:100%;height: 110px;float:left;text-align:left;background-color: #ffffff;padding-top:20px;}
.footer-menu-tab{min-width:30px;height:24px;padding-top:2px;padding-left:15px;padding-right:15px;float:left;}	
.footer-container {text-align: left;}
.footer .grid {padding-top: 2.5vw;  width: 1700px;}
.footer-social-icons {margin-right: 1.5vw;margin-top: 0.25vw;}
.footer-social-icons img { margin: 0 0.25vw;}
.footer-social-icons.dir {  float: left;}

/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*laptop & small Screens!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
@media (max-width: 1681px) {

}

@media (max-width: 1366px) {
.footer .grid { width: 90%;}
}

/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*tablet classes!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
@media (max-width: 1024px) {

}

/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*mobile classes!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
@media (max-width: 768px) {
.hide-mobile{display:none;}
.hide-desktop{display:block;}

.halth-div{width:100%;float:left;} /*full on mobile*/
.third-div{width:100%;float:left;} /*full on mobile*/

.grid{margin:auto;width:90%;overflow:auto;float:none;text-align:left;}
.header {width: 90%;}
/*--menu--*/
.header-menu .half-div { width: 90%; margin-right: 5%;}
.menu-mob-logo {max-width: 110px;}
.header-logo{max-width: 150px;margin-top: 5vw;}
.header-mobile-menu-btn-closer {margin-bottom: 20px;}
.menu-wrapper {width: 100%;}
.inf-wrapper {width: 100%;margin-top: 7vw;}
.inf-wrapper .dir-op { width: 100%;}
.header-menu-tab {padding-top: 7.5vw;}
/*--hp---*/
.hp-txt p { max-width: 90%;text-align: center;}
.hp-txt h1 {text-align: center;}
/*--about---*/
.grid-about .half-div { width: 100%;}
.about-txt {max-width: 90%;text-align: center;margin: auto;margin-top: 10vw;}
/*---works---*/
.works-item {width: 47.5%;margin-right: 0;}
.gallery-item{width: 100%;margin-right: 0;text-align: center;}
.gallery-item img{float:none;}
.gall-items .gallery-item:nth-child(4n), .works-items .works-item:nth-child(4n) {margin-right: 0;}
.gall-items .gallery-item:nth-child(2n), .works-items .works-item:nth-child(2n) {margin-left: 4%;}
.the-gallery, .the-works, .the-works-item, .capabilities {margin-top: 30vw;}
/*---capabilities---*/
.capabilities-item-wrapper .third-div,.capabilities-item-wrapper .two-third-div,.capabilities-wrapper>.two-third-div,.capabilities-wrapper>.third-div { width: 100%;}
.back-to-capabilities-btn{text-align: center; margin: 5vw 0;}
.capabilities-text {max-width: 100%;}
.capabilities-img-grid {width: 48.065%;margin-bottom: 11%;}
.capabilities-wrapper a:nth-child(2n)>.capabilities-img-grid { margin-right: 0;}
.inner-hover h4 { color: black; bottom: -190px;}
.inner-hover {opacity: 1;background: transparent;}
/*--footer---*/
.footer-social-icons img{float: none;}
.full-div.footer-menu {display: none;}	
.footer-social-wrapper {width: 100%;text-align: center;}
.footer-social-icons {width: 100%;text-align: center;}
.footer-credit {max-width: 85%;margin: auto;text-align: center;line-height: 1.5;}
/*--contact----*/
.contact-txt {padding: 10vw 0; text-align: center;}
.contact-title { margin-top: 35vw;}
}