html{width:100%;height:100%;}
body {direction: rtl;font-family: 'Open Sans';width:100%;height:100%;padding:0px;margin:0px 0px 0px 0px;background-color:#ffffff;overflow:auto;}
input, textarea {-webkit-border-radius:0px;-webkit-appearance: none;outline: none;font-family: 'Open Sans','heebo';-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
textarea { resize: none;}
::placeholder {color: white;opacity: 1;}
:-ms-input-placeholder { color: white;}
::-ms-input-placeholder {color: white;}
.form-input::placeholder {color: black;opacity: 1;}
.form-input:-ms-input-placeholder { color: black;}
.form-input::-ms-input-placeholder {color: black;}
/*GENERAL*/
.responsive-img{max-width: 100%;height:auto;}
.dir{float:right;}
.dir-op{float:left;}
div.thecontainer{width:100%;height:100%;text-align:right;}
.text-center{text-align: center;}
div.grid{margin:auto;width:1360px;float:none;max-width: 100%;height: auto; position: relative;}
div.grid-scroll{margin:auto;width:1360px;float:none;max-width: 100%;height: auto;}
div.full-div{width:100%;float:right;}
.c-turkiz{color: #7abfc6;}
div.halth-div{width:50%;float:right;} /*full on mobile*/
div.third-div{width:33.333333%;float:right;} /*full on mobile*/
div.qrtr-div{width:25%;float:right;} /*full on mobile*/
div.3qrtr-div{width:75.333333%;float:right;} /*full on mobile*/
div.pad-sides-10{padding:10px 10px 10px 10px ;float:right;}
div.pad-sides-20{padding:20px 20px 20px 20px ;float:right;}
.t-w-600{ font-weight: 600;}
.t-w-300{ font-weight: 300;}
.l-h-25{line-height: 25px;}
.l-h-35{line-height: 35px;}
.hide-mobile{display:block;}
.hide-desktop{display:none;}
.display-block{display: block;}
a.a-expand-link{display:block;height:100%;width:100%;text-decoration: none;}
::-moz-selection { color: white; background: black;}
::selection {color: white;background: black;}
.base-text {font-family: 'Open Sans','heebo';font-size:16px;color:#000000;line-height: 1.2;}
.base-color {color: #131313;}
.font-title {font-family: 'Open Sans';}
.font-heb{font-family: 'Heebo';}
h1 {font-family: 'Open Sans','heebo';margin-top: 0px;margin-bottom: 6px;font-weight: lighter;font-size:68px;}
h2 {font-family: 'Open Sans','heebo';margin-top: 0px;margin-bottom: 0px;font-size: 40px;font-weight: 300;padding-top: 30px;padding-bottom: 30px;}
.general-field{width:100%;height:22px;border:1px solid #b7b3b2; color:#fcfcfc;border-radius:8px;padding-right:4px;
font-size:16px;line-height:16px;}
.genral-button{ width:100%;height:90px;color:#ffffff;font-size:34px;border:0px solid;
background-color:#0b2240;-webkit-appearance:none;font-weight: 600;text-transform: uppercase;}
.genral-button:hover{background-color:#061527;}
.form-field,.form-field-message{-webkit-appearance: none;border-radius: 0;width:100%;height:90px;border: none;color: #434343;font-size: 16px;line-height: 85px;border-bottom: 1px solid #434343;}
.has-error{border: 1px solid #ea4766;background-color: rgba(234, 71, 102, 0.1);}
.square-img-crop {height: 100%;overflow: hidden;}
.square-img-crop-blog {height: 100%;overflow: hidden;}
.square-img-croped-wrapper {max-height: 440px;overflow: hidden;}
/*HEADER*/
div.header{height:77px;position:relative;z-index:1000;}
div.header-mobile-menu-btn{display:none;}
div.header-mobile-menu-btn-closer{display:none;}
div.header-btn-lang{float:left;margin-right:4px;}
.logo-padd{padding-top: 15px;max-width: 164px;margin: auto;}
.logo-padd img:hover {
opacity: 0.5;
}
.logo-padd img{
opacity:1;
transition: all .4s ease;
}
.menu-txt-spacing{font-size: 50px;}
.menu-row-padd{margin-top: 8.5%;margin-bottom: 77px;}
.menu-item-hover {transition: all .4s ease;}
.link-hover{transition: all .4s ease;}
.link-hover:hover{color: #c8c8c8;transition: all .4tes ease;}
.pipe-row-padd{margin-top: 7px;}
.sale-n-business{vertical-align: top;float: left;padding-top: 20px;padding-left: 45px;}
.hp-txt-container{position: absolute;z-index: 1;top: 215px;right:120px;}
.slide-small-txt{max-width: 580px;margin-top: 100px; line-height: 33px; font-size: 20px; color: brown;}
.txt-second-line{line-height: 40px; font-weight: 500;margin-top: 40px;}
.btn-container{max-width: 210px;}
.prod-margin-icon{margin: auto; margin-bottom: 21px;}
.learn-more-btn{ border: none;font-size: 20px;border-radius: 10px; padding-right: 30px;padding-left: 30px;padding-top: 15px; padding-bottom: 15px; margin-top: 70px;}
button.gold-bg{ transition: all .4s ease;}
button.gold-bg:hover { transition: all .4s ease; background: #b79c68;}
/*header */
.btn-lang:hover {opacity: 0.5;}
div.header-mobile-menu-btn { opacity: 0.5;}
div.header-mobile-menu-btn{display:inline;margin-top: 25px;margin-left: 1%;position: absolute;left: 0;opacity: 1;transition: opacity .4s ease;}
.nav-menu-bubble-up{position: relative;z-index: 1002;}
.menu-bg-black{background-color: rgba(0, 0, 0, 0.6); width: 100%; height: 100%; position: fixed;left: 0;top: 0;z-index: 1001;}
div.header-menu{display:none;width:100%;height:100%;overflow:auto;position:fixed;top:0px;right:0px;z-index:1000;overflow-x:hidden;height: 1920px;}
div.header-mobile-menu-btn-closer {display: inline;margin-top: 20px;float: right;float: left;margin-left: 3%;position: relative;z-index: 1002;}
div.header-menu-tab{margin-bottom: 30px;}
div.header-menu-tab {min-width: 100%;padding-right: 0;padding-left: 0;margin-right: 0;text-align: center;font-weight: lighter;}
.menu-black-white-btn {position: absolute;left: 5%;cursor: pointer;top: 25px;opacity: 1;transition: opacity .4s ease;}
.menu-black-white-btn:hover { opacity: 0.5;}
/* HP*/
.section-title>h1 {font-size: 40px;font-weight: 300;padding-top: 30px;line-height: 120%;margin: 0;padding-bottom: 30px;}
.section-title {text-align: center;}
div.header-menu{width:100%;height: 100%;float:right;overflow: hidden;display:inline;}
.menu-langs {padding-top: 25px;position: absolute;right: 0; z-index: 1002;}
.menu-langs-mob {width: 100%; padding-top: 25px;position: absolute;right: 0;z-index: 1002;}
.btn-lang {display: inline;padding-right: 5px;padding-left: 5px;opacity: 1;transition: opacity .4s ease;}
.hp-full-img {height: 953px;}
.header-title{padding-top: 20%;font-weight: 300;}
.hp-full-img .header-title {
padding-top: 25%;
}
.header-subtitle { max-width: 28%; margin: auto;}
.btn-see-more {background: rgba(60, 60, 60, 0.3);border: #828282 2px solid;width: 165px;max-width: 100%;margin: auto;color: white;margin-top: 2%;cursor: pointer;transition: all .4s ease;min-height: 35px;line-height: 35px;}
.btn-see-more:hover {background: rgba(60, 60, 60, 0.85);transition: all .4s ease;border: #b7b7b7 2px solid;}
.hp-img-subtitle {font-weight: 300;}
.hp-clients-logos-container {width: 100%;float: left;}
.hp-client-logo {width: 18%;float: right;text-align: center;position: relative;height: 100%;}
.hp-client-logo-img {max-width: 95%;height: auto;max-height: 75px;margin-top: 5%;}
.hp-clients-logos-arrow-right {transform:rotate(180deg);margin-top: 2%;margin-right: 1%;cursor: pointer;}
.hp-clients-logos-arrow-left {margin-top:2%;margin-left:1%;cursor:pointer;}
span:lang(en) {font-size: 53px;}
div#theNavOpener>img {max-width: 34px;transition: opacity .4s ease;}
div#theNavOpener>img:hover { opacity: 0.5;}
.hp-client-logo-hover-bg {cursor: pointer; height: 77px;position: absolute; width: 100%;left: 0;opacity: 0; background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #000000 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
transition: all .4s ease;}
.hp-client-logo-hover-bg:hover {transition: all .4s ease;opacity: 0.2;}
.hp-client-logo-last {margin-right:460px;border-right:0px solid white;}
.hp-img-grid-wrapper .square-img-croped-wrapper {
max-height: 394px;
}
.hp-bg-grey {background: #dedede;padding-top: 58px;padding-bottom: 58px;margin-top: 20px;}
.hp-img-grid-wrapper {text-align: center;width: 32%;float: right;margin-left: 0.6%;margin-right: 0.7%;margin-bottom: 0.5%;opacity: 1;transition: all .4s ease;cursor: pointer;}
.hp-img-grid-wrapper .hp-img-title {margin-bottom: 0;}
.hp-img-grid-wrapper .hp-img-subtitle.c-base { margin-top: 3px;
max-height: 30px;
overflow: hidden;}
.hp-img-grid-wrapper:hover {transition: all .4s ease;opacity: 0.64;}
.img-first-borders{border-right: 1px solid #3c3c3c; }
.img-first-borders-last{ border-left: 1px solid #3c3c3c;}
.img-border{border-left:1px solid #3c3c3c;}
.img-last-border{border-left: 1px solid #3c3c3c;}
.news-letter-title {font-size:22px;font-weight: normal;color:#111111;line-height: 49px;font-weight: 300;}
.news-letter-subtitle {color:#111111;font-size:22px;text-align: right;width: 32% !important;line-height: 49px;font-weight: 300;}
.hp-form-field { display:inline;}
.form-inputs {line-height: 65px;}
input.form-btn {float:right;width: 36%;border: #111111 solid 1px;background: #c8c8c8;transition: all .4s ease;cursor: pointer;text-align: center;font-size: 16px;}
input.form-input {float:right;width: 64%;border-top: #111111 solid 1px;border-right: #111111 solid 1px;border-bottom: #111111 solid 1px;border-left: transparent;background:transparent;text-align: center;font-size: 16px;}
.hp-form-field>input { height: 50px;}
input.form-btn:hover {transition: all .4s ease;background: #828282;}
.hp-img-instagram-grid {width: 27%;float: right;margin-left: 2%;transition: all .4s ease;opacity: 1;cursor: pointer;}
.hp-img-instagram-grid:hover {opacity: 0.64;}
.hp-instagram-align-row{margin-right: 7%;}
.btn-join-us {background: rgba(143, 143, 143, 0.01);border: #828282 2px solid;width: 165px;max-width: 100%;margin: auto;color: black;margin-top: 5%;min-height:35px;margin-bottom: 5%;cursor: pointer;transition: all .4s ease;line-height: 35px;}
.btn-join-us:hover {background: rgba(143, 143, 143, 0.3);transition: all .4s ease;border: #b7b7b7 2px solid;/* color: white; */}
.footer-logo-container {width: 41.2%;float: right;margin-top: 5.5%;}
.footer-menu-container{width: 22.8%;float: left;}
.footer-subscribe-container{width: 36%;float: left;}
.footer {background-color:black;height: auto;padding-top: 6%;padding-bottom: 6%;}
.footer-menu-line{border-right: white 1px solid;width:1px;float:right;height: 162px;margin-top:17px;}
ul {list-style: none;margin:0;padding-right: 5%;text-align: right;padding-top: 1%;padding-bottom: 1%;}
ul li {color: white;font-size: 14px;margin-bottom: 4%;margin-top: 4%;line-height: 10px;font-weight: lighter;min-width: 15px;}
ul li:hover {text-decoration: underline;}
.subscribe-title {color: white;font-size: 22px;line-height: 30px;text-align: center;font-weight: 300;}
.subscribe-subtitle {font-size: 16px;color: white;padding-bottom: 16px;text-align: center;font-weight: 300;}
.hp-img-title,.project-title {font-size: 17px;}
.hp-scroll-main-container{position: relative;}
.scroll-up-container {position: absolute;bottom: 56px;right: -26px;cursor: pointer;}
/*-------about-------*/
.about-full-img{height: 746px;}
.about-title{width: 30%;padding-left:4%;float:right;margin-top: -8px;margin-bottom:0px;font-size: 40px;font-weight: 300;}
.about-subtitle-container {width: 66%;float:right;}
.about-subtitle{text-align:justify;line-height: 25px;}
.about-txt-container{float:right;padding-bottom:5%;padding-top:5%;width: 100%;}
.about-img-container{padding-bottom: 7%;float:right;}
/*----architects-----*/
.architects-img-grid {width: 31.333333%;margin-left: 1%;float:right;margin-right: 1%;margin-bottom:3%;opacity:1;transition: all .4s ease;cursor: pointer;}
.architects-img-grid:hover{transition: all .4s ease;opacity: 0.64;}
.architects-img-conatainer {float: right;}
.arch-main-img{ height:746px;}
/*----architect page-----*/
.architect-page-full-img {background: url(../images/architect-page-header-img.jpg) no-repeat; background-size: cover; height: 746px;}
.architect-name {font-size: 32px; color: white; padding-top: 3%;padding-bottom: 5%;font-weight: 300;}
.architect-header-title{line-height:70px;padding-bottom: 2%;}
.architect-title-credits{font-size:25px; color: white;font-weight: 300;}
.architect-page-slider{padding-bottom:5%;}
.architects-page-more-work {cursor: pointer;width: 32.633333%;float: right;text-align: center;transition: all .4s ease;margin-left: 1%;}
.architects-page-more-work:nth-child(3) {margin-left: 0;}
.architects-page-img-conatainer {padding-bottom: 5%;}
.architects-page-more-work:hover {opacity: 0.64;transition: all .4s ease;}
.arch-name {font-size: 32px;padding-top: 15%;padding-bottom: 0;}
.arch-header-title {max-width: 50%; margin: auto; line-height: 80px;padding-bottom: 1%;}
.architects-page-img-title {font-size: 18px;margin-top: 13px;}
/*-----products----------*/
.products-filter-btn {font-size: 14px;font-weight: lighter;float: right;margin-left: 3.2%;width: 100px;text-align: right;}
.products-filters-container {max-width: 100%;width: 93%;margin-right: 5%;height: 32px;padding-top: 1.5%;padding-bottom: 1.5%;float: right;}
.products-sub-filter-btn {font-size: 13px;height: 28px;overflow: hidden;float: right;margin-left: 8.2%;margin-bottom: 1%;cursor: pointer;font-weight: lighter;width: 100px;text-align: right;line-height: 12px;}
.products-sub-filters-container{width: 100%;margin-right: 0;max-height:0;transition: max-height 0.4s ease-out;overflow:hidden;float: right;}
.projects-sub-filters-container{width: 100%;margin-right: 0;max-height:0;transition: max-height 0.4s ease-out;overflow:hidden;}
.categories-plus-clicked { transform: rotate(45deg);}
.products-toggle-brands{max-height: 116px;}
.prod-img-container{margin-top: 1.5%;}
.products-filter-btn{transition: all .4s ease;}
.products-filter-btn:hover{cursor:pointer;text-decoration: underline;}
.products-sub-filter-btn:hover{
text-decoration: underline;
}
.products-img-wrapper{max-height: 439px;width: 440px;}
.products-img-grid {width:32.333333%;float: right;margin-bottom: 2%;margin-left: 1.5%;transition: all .4s ease;cursor: pointer;}
.products-img-grid:nth-child(3n){margin-left: 0;}
.products-img-grid:hover{opacity:0.64;transition: all .4s ease;}
.produc-img-thumbs-wrapper {width: 10%;float: right;}
.product-main-img {width: 85%;float: left;}
/*-----product page----------*/
.prod-page-gallery{width:45%;float:right; margin-left: 8%;}
.prod-page-gallery-txt{width:47%;float:right;}
.prod-page-gallery-title {font-size:26px;font-weight:bold;line-height:30px;padding-bottom: 3%;}
.prod-page-gallery-subtitle {font-size:22px; line-height: 35px;font-weight: 300; max-width: 70%; padding-bottom: 5%;}
.prod-page-gallery-txtsmall {text-align:justify;padding-bottom: 5%;line-height: 25px;}
table {border-collapse: collapse;}
th {height: 42px; padding-top: 5px; padding-bottom: 5px;padding-left: 5px;}
.row-separator{border-bottom: 1px solid #ddd;}
tr.row-separator>th:nth-child(2) { text-align: left;}
span.t-b.hand{ transition: all .4s ease;}
span.t-b.hand:hover { transition: all .4s ease; border-bottom: 2px solid black;}
.product-submenu-wrapper { width: 34%; margin-right: 7%;float: right; padding-top: 2%; padding-bottom: 2%;}
/*-----product- inner----------*/
.other-article-inner {width: 32.3333%;float: left;margin-right: 1%;text-align: center;}
.product-main-img-thumbs {cursor: pointer;transition: all .4s ease;}
.product-main-img-thumbs:hover {opacity: 0.64; transition: all .4s ease;}
.thumb-clicked{opacity: 0.2;}
.grid.project-item-txt .about-subtitle {font-size: 16px;}
/*----------blog------------*/
.blog-article-wrapper { width: 50%; float: right;}
.blog-article-conatainer {padding:2%;-webkit-box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,1);-moz-box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,1);box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,1);float: right;width: 96%;margin-bottom: 2%;transition: all .4s ease;opacity: 1;cursor: pointer;}
.blog-article-subtitle.c-base { max-width: 90%;margin: auto;}
.blog-article-txt-date {padding-bottom: 15%;font-size: 16px;padding-top: 5%;}
.blog-article-txt-title {font-size:22px;padding-top: 15%;max-width: 90%;margin: auto;margin-bottom: 21px;}
.blog-article-txt-subtitle {font-size:16px;font-weight: 300;padding-bottom: 13%;}
/*------all projects------*/
.projects-all-container {float:right;margin-top: 2%;margin-bottom: 2%;width: 100%;}
.projects-filter-btn {font-size: 12px;float: right;margin-left: 4.6%;cursor:pointer;border-bottom:1px solid transparent;transition: all .4s ease;}
.projects-filters-container {max-width: 100%;width: 1105px;margin:auto;height: 25px;text-align: center;padding-bottom: 2%;}
.projects-filter-btn:hover {border-bottom: 1px solid black; transition: all .4s ease;}
.projects-sub-filter-btn {font-size:13px;color:#828282;float: right;margin-left:10%;cursor:pointer;border-bottom: 1px solid #82828200;transition: all .4s ease;margin-bottom: 1%;}
.projects-sub-filter-btn:hover {border-bottom: 1px solid #828282;}
.project-wrapper {width: 48%;float:right;margin-left: 1%;margin-bottom: 2%;transition:all .4s ease;opacity:1;cursor:pointer;margin-right: 1%;}
.project-wrapper:hover{opacity:0.64;}
.project-filters-container {width: 95%;margin-right: 5%;height: auto;text-align: center;padding-top: 1.5%;padding-bottom: 1.5%;float: right;}
.project-img-conatainer {margin-bottom: 2%; width: 100%;float: right;}
.hp-img-title, .hp-img-subtitle, .products-img-title, .project-subtitle, .project-title {width: 80%;margin: auto;margin-top: 15px;margin-bottom: 2%;}
.project-wrapper .project-title.t-upper {margin-bottom: 0;}
.project-wrapper .project-subtitle { margin-top: 3px;
max-height: 30px;
overflow: hidden;}
.project-filter-btn {font-size: 14px;font-weight: lighter;float: right;margin-left: 5.4%;width: 91px;text-align: right;cursor: pointer;line-height: 20px;}
.project-sub-filter-btn {font-size: 13px;height: 28px;overflow:hidden;float: right;margin-left: 10%;margin-bottom: 1%;cursor: pointer;font-weight: lighter;width: 100px;text-align: right;line-height: 12px;}
.project-filter-btn:hover {cursor: pointer;text-decoration: underline;}
.project-sub-filter-btn:hover {text-decoration: underline;}
.hp-img-croped-wrapper-related{max-width:362px;max-height:362px;float:right;}
.project-submenu-wrapper {width: 46%;margin-right: 5%; padding-top: 2%; padding-bottom: 2%;float: right;}
/*-------------contacts-----------*/
.contact-bg-img{background:url(../images/conatcs-bg-img.jpg)no-repeat;background-size: cover; height:875px;background-position: center center;}
.contact-half-div {width:48%;float: right; margin-left: 2%;}
.contact-custom-grid {width: 675px; margin: auto;max-width: 100%;}
.input-field>input {width:100%;background:transparent;border: 1px solid #d8d8d8;color:white;margin-bottom:8%;height:40px;padding-right:2%;text-align: right;font-size: 17px;opacity: 1;transition: .4s ease;}
.input-field>input:hover,.input-field>textarea:hover { opacity: 0.5;}
.input-field>textarea {background:transparent;border: 1px solid #d8d8d8;padding-top:2%;color:white;padding-right:2%;width:100%;text-align: right;font-size: 17px;transition: opacity .4s ease;opacity: 1;}
h5 {margin-top:0;}
.contact-connect-txt-left>p {
line-height: 27px;
}
.contact-connect-txt-left>p:nth-child(1) {
margin-top: 2vw;
}
.contact-custom-grid>.section-title>h2 {padding-bottom: 0;padding-top: 20%;}
.contact-connect-txt-half-div {width: 49%;float: right;font-size: 13px;}
.contact-connect-txt-right{color:white;padding:17.5%;border: 1px solid white;}
.contact-connect-txt-left{color:white;padding: 0 15.3%;max-height: 131px;border-top: 1px solid white;border-bottom: 1px solid white;border-left: 1px solid white;min-height: 131px;}
.contact-custom-grid h5 { font-weight: 500;}
/*------footer------*/
form#main-contact-form { margin-bottom: 1%;width: 100%;float: right;}
.contact-form-container .btn-see-more {font-size: 17px;}
.section-subtitle h5 {margin-top: 2.5%;}
.footer-email-wrapper{width: 70%;float: right;}
.footer-submit-wrapper{width:30%;float: left;}
.form-input>input{width: 100%;}
.footer-logo {width: auto;display: inline-block;margin-left: 2%;transition: all .4s ease;cursor: pointer;}
.footer-logo:hover {opacity: 0.64;}
.footer-logos {text-align: center;width: 100%;float: left;margin-top: 5%;}
input.form-input-footer {background: transparent;border-top: 1px solid white;border-bottom: 1px solid white;border-right: 1px solid white;border-left: transparent;text-align: center;min-height: 35px;font: inherit;color: white;font-weight: lighter;}
.form-input-footer::placeholder{color: white;}
input.form-input-footer-submit{background: #828282;color: white;min-height: 35px;border-left: 1px solid white;border-right: 1px solid white;border-bottom: 1px solid white;border-top: 1px solid white;cursor: pointer;transition: all .4s ease;font-weight: lighter;font-size: 16px;}
input.form-input-footer-submit:hover {background: #3c3c3c;transition: all .4s ease;}
.footer-copyright{min-height: 60px;text-align: center;}
.copyright {padding-top: 1%;}
.s-shechter-credits {float: right;padding-right: 2%;}
.footer-third-div {width: 33.333333%;float: left;font-size: 13px;}
.footer-padd-2 {
padding-left: 2%;
}
/*----sticky footer-----*/
.sticky-footer {width: 100%;background: white;padding-top: 3%;position: fixed;z-index: 1000;bottom: 0;padding-bottom: 2%;box-shadow: 2px 0px 16px 2px rgba(0,0,0,0.25);}
.contact-mobile {padding-left: 7%;}
.scroll-up-mobile {padding-right: 7%;}
.mobile-scroll-up,.mobile-contact{max-width: 60%;}
/*----pagination-----*/
i {border: solid grey;border-width: 0 2px 2px 0;display: inline-block;padding: 4px;}
.right { transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}
.left {transform: rotate(135deg);-webkit-transform: rotate(135deg);}
.pagination-btn {
display: inline-block;
padding: 0 2.5%;
margin: 0 1.5%;
opacity: 1;
transition: opacity .4s ease;
}
.pagination-btn:hover {opacity: 0.5;}
.pagination {display: inline-block;padding-left: 0;margin: 20px 0 50px 0;min-width: 220px;padding: 0;text-align: center;}
ul.pagination li {
display: inline-block;
}
.dir-op.pagination-btn { color: #828282;text-decoration: underline; font-size: 12px;}
div#size-letter-3 {
line-height: 60%;
}
div#size-letter-2 {
line-height: 85%;
}
div#size-letter-1 {
line-height: 100%;
}
.scroll-fixed{position: fixed;bottom: 240px;right: 245px;}
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*laptop & larger Screens !!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
@media (min-width: 1921px) {
.contact-bg-img {height: 1125px;}
.about-img-container {
float: none;
display: block;
margin: auto;
}
.square-img-crop>img {
float: none;
}
.about-img-container {
height: 650px;
}
.grid.scroll-up {
margin: auto;
width: 1920px;
float: none;
max-width: 100%;
height: auto;
position: relative;}
.scroll-fixed {
position: fixed;
bottom: 480px;
right: 255px;
}
}
@media (max-width: 1680px) {
.scroll-fixed {
right: 48px;
bottom: 302px;
}
}
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/* laptop small laptops !!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
@media (max-width: 1406px) {
.header-title {padding-top: 26%;}
.menu-row-padd {margin-top: 5.5%;}
.menu-txt-spacing {font-size: 35px;}
div.header-menu-tab {margin-bottom: 2%;}
div.grid { width: 1200px;}
.hp-full-img,.about-full-img { height: 743px;}
.subscribe-subtitle {font-size: 13.5px;line-height: 20px;padding-bottom: 48px;}
.subscribe-title {font-size: 32px;}
.products-filters-container {padding-bottom: 4.5%;}
.square-img-crop { max-height: 384px;}
.footer-menu-line{height:136px;margin-top:12px;}
.products-filter-btn {width: 85px;}
.project-filter-btn {margin-left: 4.4%;}
.products-sub-filter-btn {width: 90px;}
.project-sub-filter-btn {margin-left: 7.5%;}
.product-submenu-wrapper { margin-right: 5%;}
.hp-client-logo-last {margin-right:400px;border-right:0px solid white;}
}
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*tablet classes!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
@media (max-width: 1199px) {
div.grid {width:1000px;}
.square-img-crop { max-height: 256px;}
.hp-full-img,.about-full-img { height: 643px;}
.news-letter-subtitle {font-size: 15px;line-height: 22px;}
.news-letter-title {font-size: 30px;line-height: 30px; padding-left: 1%;}
div.slide-prev2 {top: 25% !important;right: 0 !important;}
div.slide-next2 {top: 25% !important;left: 0 !important;}
}
@media (max-width: 1024px) {
div.grid {width:800px;}
.prod-page-gallery-subtitle {max-width: 80%;}
}
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*mobile classes!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
@media(min-width 769px){
.projects-sub-filters-container {max-height: 1px;}
}
@media (max-width: 768px) {
.hide-mobile { display: none;}
.hide-desktop{display: block;}
span:lang(en) {font-size: 33px;}
#hp-top-mob {padding-top: 60px;}
.square-img-crop { max-height: 338px;}
h1 {line-height:50px;font-size: 60px;}
.full-div.txt-center.brands-container.brands-negative h2 { padding-top: 0;}
.header-title {line-height: 50px;padding-top: 37%;font-size: 36px;}
div.header-mobile-menu-btn {margin-top: 6%;margin-left: 2.5%;}
.architects-img-conatainer{margin-left:0;}
div.grid {width: 720px;}
.contact-connect-txt-left {padding: 9%;max-height: unset;min-height: auto;}
.hp-full-img,.about-full-img {height: 553px;}
.header-subtitle {max-width: 70%;line-height: 22px;}
div.header {position: fixed;background: white;width: 100% !important;box-shadow: 0px 2px 16px 2px rgba(0,0,0,0.25);}
.menu-row-padd {margin-top:17%;}
.grid.menu-grid-mobile {width: 100%;padding-top: 0;}
.product-submenu-wrapper {width: 100%;margin-right: 0;padding: 0;}
.project-filters-container {width: 100%;margin-right: 0;text-align: center;padding-top: 0;padding-bottom: 0;max-height: 0;overflow: hidden;}
.products-sub-filter-btn {margin-left: 0;margin-bottom: 0;width: 100%;text-align: center;line-height: 28px;border-bottom: 1px solid #eeeeee;text-transform: uppercase;}
.products-filters-container {width: 100%;margin-right: 0;height: auto;padding-bottom: 0;max-height: 0;overflow: hidden;padding-top: 0;}
.products-filter-btn {margin-left: 0;width: 100%;text-align: center;border-top: 1px solid #eaeaea;background: #f1f1f1;line-height: 30px;}
.header-menu-tab {padding-bottom: 9px;}
.project-filter-btn {margin-left: 0;width: 100%;text-align: center;line-height: 28px;border-top: 1px solid #eaeaea;background-color: #f1f1f1;}
.project-submenu-wrapper { width: 100%; margin-right: 0;padding-top: 0;padding-bottom: 0;}
.project-sub-filter-btn {margin-left: 0;margin-bottom: 0;width: 100%;text-align: center;line-height: 28px;border-bottom: 1px solid #eeeeee;background: #f9f9f9;}
.menu-black-white-btn{left: 10%;}
.menu-txt-spacing{letter-spacing: 0px;font-size: 50px;}
.hp-client-logo {width: 49%;height: 50%;}
.hp-img-grid-wrapper{width: 49%;margin-left: 0.5%;margin-right: 0.5%;min-height: 235px;}
.hp-client-logo-last {margin-right:0px;}
.products-img-grid {width: 49%;margin-left: 0.5% !important;margin-right: 0.5%;min-height: 195px;}
div.third-div {width: 90%; margin-right: 5%;}
div.news-letter-subtitle {width: 90% !important;padding-bottom: 5%;font-size: 22px;padding-top: 2%;text-align: center;line-height: 20px;}
.footer-subscribe-container,.footer-menu-container,.footer-logo-container {width: 90%;text-align: center;margin-left: 5%;margin-bottom: 5%;}
ul {border-right: none;text-align: center;padding: 0;}
ul li {padding-bottom: 1%;min-width: 15px;}
.footer-email-wrapper { width: 68%;}
.hp-instagram-align-row {margin-right: 0;}
.hp-img-instagram-grid{width: 96%;margin-left: 0;margin-bottom: 5%;margin-right: 2%;}
.architects-img-grid {width: 49%;margin-left: 0.5%;margin-right: 0.5%;min-height: 250px;}
.arch-header-title{font-size:40px;font-weight:300;line-height:45px;}
.about-subtitle-container,.about-title{width:96%;margin-right: 2%;padding-left:0%;font-size: 16px;}
h2 {line-height: 40px;font-size: 34px;text-align: center;margin-bottom: 5%;}
.prod-page-gallery-subtitle {max-width: 100%;}
.prod-page-gallery-txt {width: 90%;margin-right: 5%;margin-top: 5%;}
.prod-page-gallery {width: 90%;margin-left: 0;text-align: right;margin-right: 5%;}
.products-sub-filters-container {width: 100%;}
.prod-page-gallery-subtitle {max-width: 100%;}
.prod-item-top-info {text-align: center;}
.architects-page-more-work {width: 49%;margin-right: 0.5%;margin-left: 0.5% !important;margin-bottom: 5%;}
.architects-page-img-title {font-size: 18px;padding-top: 3%;}
.contact-half-div { width: 96%; margin-left: 0;margin-right: 2%;}
.contact-bg-img {height: 1085px;background-position: 90% top;}
.contact-custom-grid>.section-title>h2 {padding-top: 10%;}
.input-field>input { margin-bottom: 2%;}
.footer-copyright {min-height: 30px;}
.footer-third-div {width: 100%;}
.footer-menu-line{height:158px;margin-top:16px;border: none;}
div.cycle-slideshow2 {width: 90%;margin-left: 5%;}
.blog-article-conatainer {-webkit-box-shadow: none;-moz-box-shadow: none; box-shadow: none;}
.blog-article-txt-date {padding-bottom: 0;}
.blog-article-txt-subtitle {padding-bottom: 5%;border-bottom: 1px solid #cccccc;}
.blog-article-txt-title {padding-bottom: 0;padding-top: 3%;margin-bottom: 2.5%;}
.square-img-crop-blog>img {max-width: 100%;}
.hp-client-logo-img {max-height: 45px;margin-top: 0;}
.categories-plus {display: inline-block;transition: all .4s ease;}
.prod-categories-btn,.proj-categories-btn {font-size: 18px;padding-bottom: 3%;padding-top: 3%;font-weight: bold;background-color: #f1f1f1;}
div#prodCat:hover {text-decoration: none;}
.project-wrapper {width: 49%; margin-left: 0.5%; margin-right: 0.5%;}
.hp-bg-grey {padding-top: 7%;padding-bottom: 7%;margin-top: 20px;}
.hp-form-field>input {height: 35px;}
input.form-btn,input.form-input { font-size: 16px;}
.btn-join-us {margin-top: 4%;margin-bottom: 8%;}
input.form-input-footer {height: 32px;font-size: 14px;border-top: none;border-right: none;}
.footer-email-wrapper {width: 68%;}
input.form-input-footer-submit {height: 32px;}
.footer-logos {width: 100%;}
.footer-logo {width: 22%;margin-top: 9.8%;}
.btn-see-more {width: 125px;}
.footer-logo-container img {max-width: 100px;margin-right: 10%;}
.input-field>input,.input-field>textarea {border: 1px solid #ffffff;color: white;text-align: center;}
.about-txt-container { padding-top: 0;}
.prod-img-container{margin-top: 0;}
}
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*!!!!!!!! mobile phones start break point !!!!!!!!!*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
@media (max-width: 420px) {
.products-img-title {
margin-top: 10px;
width: 90%;
}
.project-wrapper {
min-height: 255px;
}
.blog-article-txt-title {
font-size: 3.8vw;
}
.hp-img-grid-wrapper .hp-img-title, .products-img-title a, .project-wrapper .project-title, .hp-img-title{font-size: 3.8vw;margin-top:10px;}
.base-text {font-size: 12px;}
.project-title {font-size: 18px;}
div.grid { width: 390px;}
.square-img-crop>img {max-width: 150%;}
.logo-padd {padding-top: 0;}
div.header {height: 65px;}
h1 {font-size: 50px;}
.section-title>h1 {font-size: 25px;padding-top: 20px;padding-bottom: 20px;}
h2 {font-size: 25px;max-width: 80%;margin: auto;line-height: 25px;padding-top: 7%;padding-bottom: 10px;margin-bottom: 2%;}
.products-img-grid img {max-width: 110%;}
.menu-txt-spacing {font-size: 25px;}
.menu-row-padd {margin-top: 17%;}
.about-title {line-height: 30px;font-size: 25px;text-align: center;padding-bottom: 4.5%;padding-top: 7.5%;}
.footer-submit-wrapper {width: 29%;}
input.form-input-footer {border-top: none;border-right: none;}
input.form-input-footer-submit {background: rgba(130, 130, 130, 0);}
.hp-full-img.txt-center>h1 {padding-top: 13%;line-height: 35px;}
.hp-full-img, .about-full-img {height: 270px;}
.hp-bg-grey {margin-top: 0;}
.header-title {padding-top: 35%;}
.square-img-crop { max-height: 183px;}
.projects-filters-container {width: 335px;}
.blog-article-wrapper {width: 100%;}
.products-sub-filters-container {max-width: 100%;width: 285px;padding-right: 0;margin-right: 65px;}
.blog-article-conatainer {width: 92%; margin-right: 2%;}
.copyright>div:nth-child(3) {padding-left: 3% !important;}
.logo-padd>a>img {max-width: 130px;padding-top: 9%;}
.prod-page-gallery {width: 100%;margin-left: 0;margin-right: 0;}
.produc-img-thumbs-wrapper {width: 18%;}
.product-main-img {width: 80%;float: right;}
.product-main-img.product-main-img-full-width {width: 100%;}
div.inner-slide-height { height: 340px!important;}
div.slide-prev {right: 1%!important;}
div.slide-prev2 {top: 130px !important;right: 0 !important;width: 28px !important;bottom: 0 !important;margin: auto;height: 14.7vw;width: 68px !important;}
div#next2>img,div#prev2>img {max-width:50%;}
div.slide-next2 {top: 130px !important;left: 0 !important;bottom: 0 !important;height: 14.7vw;margin: auto;}
.projects-sub-filters-container { width: 100%;margin-right: 0;}
.products-sub-filters-container {width: 100%;margin-right: 0;}
.produc-img-thumbs-wrapper {float: left;}
.contact-bg-img {height: 680px;}
.slide-prev img, .slide-next img {max-width: 50px;}
.slide-next {text-align: left;}
.arch-main-img {height: 255px;}
.inner-slide, .cycle-slideshow, .pls-conatiner {height: 340px !important;}
.subscribe-title {font-size: 22px;}
div.cycle-slideshow2 {width: 86% !important;margin-left: 7%;}
div.inner-slide2 {width: 96% !important;margin-left: 2%;}
.hp-img-grid-wrapper {min-height: 260px;}
.products-img-grid {min-height: 221px;}
#msg{height: 100px;}
.prod-page-gallery-subtitle { padding-bottom: 0;}
.prod-page-gallery-txt h4 {margin-top: 0;margin-bottom: 10px;}
}
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*!!!!!!!!!!!!!!! IPHONE-6 !!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
@media (max-width: 375px) {
.hp-img-grid-wrapper { min-height: 235px;}
.project-wrapper {min-height: 230px;}
.contact-connect-txt-left {padding: 8.6%;}
div.grid {width: 360px;}
.square-img-crop {max-height: 157px;}
.menu-black-white-btn {left: 15%;}
.hp-client-logo-hover-bg { height: 27px;}
div#theNavOpener>img { max-width: 30px;}
.products-img-grid {min-height: 195px;}
}