article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:fixed;}audio,canvas,video{display:fixed;}audio:not([controls]){display:none;height:0;}[hidden]{display:none;}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0;}a:focus{outline:thin dotted;}a:active,a:hover{outline:0;}h1{font-size:2em;margin:0.67em 0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:bold;}dfn{font-style:italic;}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}mark{background:#ff0;color:#000;}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em;}pre{white-space:pre-wrap;}q{quotes:"\201C" "\201D" "\2018" "\2019";}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}img{border:0;}svg:not(:root){overflow:hidden;}figure{margin:0;}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}legend{border:0;padding:0;}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}button,input{line-height:normal;}button,select{text-transform:none;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}button[disabled],html input[disabled]{cursor:default;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0;}
*,
*::after,
*::before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html {background: #fff;}
body {font-family: 'Open Sans', sans-serif;min-height: 100vh;color: #57585c;color: var(--color-text);background-color: #fff;background-color: var(--color-bg);-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
header nav a {position: relative;display: inline-block;margin: 11px 20px;outline: none;color: #fff;text-decoration: none;text-transform: uppercase;letter-spacing: 1px;font-weight: 400;text-shadow: 0 0 1px rgba(255,255,255,0.3);/*font-size: 1.35em;*/}
header nav a:hover,
header nav a:focus {outline: none;color: #AF966D;}
header div{margin: -20px 0 0 0;}
/* Effect 5: same word slide in */
.about-bg{background: url('../img/about-banner.jpg');width: 100%;height: 100vh;background-size: cover;}
.about-content{margin: 0 auto;position: absolute;left: 0;top: 13%;color: #ffffff;width: 60%;padding: 0 0 0 4%;}
.about-content h1{font-size: 70px;font-weight: 100;font-family: 'Roboto', sans-serif;color: #AF966D;}
.about-content p{font-size: 18px;font-weight: 100;font-family: 'Roboto', sans-serif;color: #ffffff;}
.about-content p span{font-size: 18px;font-weight: 100;font-family: 'Roboto', sans-serif;color: #AF966D;font-weight: 600;}
/*.cl-effect-5{display: -webkit-inline-box;float: right;}*/
.cl-effect-5 {display: inline-block;float: right!important;position: absolute;background: none;padding: 0;left: unset;right: 2%;top: 6%;width: auto;max-width: 100%;-webkit-transform: none;-moz-transform: none;-ms-transform: none;-o-transform: none;transform: none;-webkit-transition: none;-moz-transition: none;-o-transition: none;transition: none;}
.cl-effect-5 a {overflow: hidden;/*padding: 0 4px;height: 1em;*/}
.cl-effect-5 a span {position: relative;display: inline-block;-webkit-transition: -webkit-transform 0.3s;-moz-transition: -moz-transform 0.3s;transition: transform 0.3s;}
.cl-effect-5 a span::before {position: absolute;top: 100%;content: attr(data-hover);font-weight: 500;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
.cl-effect-5 a:hover span,
.cl-effect-5 a:focus span {-webkit-transform: translateY(-100%);-moz-transform: translateY(-100%);transform: translateY(-100%);}
/* Color schemes */
.demo-1 {--color-text: #000;--color-bg: #f1f1f1;--color-link: #000;--color-link-hover: #0e54c1;--color-stitle: #AF966D;--fontsize-stitle: 5vw;--color-sdesc: #fff;--color-slink: #000;--color-slink-hover: #000;--color-slink-bg: #fff;--color-slink-hover-bg: #0e54c1;--color-nav: #fff;--color-nav-hover: #AF966D;}
/* Fade effect */
.js body {opacity: 0;transition: opacity 0.3s;}
.js body.render {opacity: 1;}
.hidden {position: absolute;overflow: hidden;width: 0;height: 0;pointer-events: none;}
/* Icons */
.icon {display: block;width: 1.5em;height: 1.5em;margin: 0 auto;fill: currentColor;}
.icon--arrow-rot {transform: rotate(180deg);}
main {position: relative;width: 100%;}
.content {position: relative;display: flex;justify-content: center;align-items: center;margin: 0 auto;min-height: 100vh;}
.content--fixed {position: fixed;z-index: 10000;top: 0;left: 0;display: inline-block;align-content: space-between;width: 100%;max-width: none;min-height: 0;height: 100vh;padding-left: 4em;padding-right: 4em;padding-top: 4em;pointer-events: none;grid-template-columns: 50% 50%;grid-template-rows: auto auto 4em;grid-template-areas: 'header github''... ...''... demos';}
.content--fixed a {pointer-events: auto;}
/* Header */
.codrops-header {position: relative;z-index: 100;display: flex;flex-direction: row;align-items: flex-start;align-items: center;align-self: start;grid-area: header;justify-self: start;}
.codrops-header__title {font-size: 1em;font-weight: normal;margin: 0;padding: 0;}
.github {display: contents;align-self: start;grid-area: github;justify-self: end;padding: 0;color: #fff;text-transform: uppercase;font-weight: bold;letter-spacing: 2px;font-size: 14px;margin: 0;float: right;}
.github li{list-style: none;display: inline-block;margin-right: 30px;text-decoration: none;}
.github li a{color: #ffffff;text-decoration: none;}
.github li a:hover{color: var(--color-stitle);}
.demos {position: relative;display: block;align-self: end;text-align: center;grid-area: demos;}
.demo {margin: 0 0.15em;}
.demo:hover,
.demo:focus {opacity: 0.5;}
.demo span {white-space: nowrap;text-transform: lowercase;pointer-events: none;}
.demo span::before {content: '#';}
a.demo--current {pointer-events: none;}
/* Top Navigation Style */
.codrops-links {position: relative;display: flex;justify-content: center;margin: 0 1em 0 0;text-align: center;white-space: nowrap;}
.codrops-icon {display: inline-block;margin: 0.15em;padding: 0.25em;}
.slideshow {width: 100%;height: 100vh;position: relative;overflow: hidden;}
.slides {position: absolute;width: 100%;height: 100%;}
.slide {position: absolute;width: 100%;height: 100%;overflow: hidden;opacity: 0;pointer-events: none;display: flex;flex-direction: column;align-content: center;justify-content: center;align-items: left;}
/*** Yogesh **/
.slidetxt {position: fixed;width: 100%;height: 100%;overflow: visible;opacity: 0;pointer-events: none;display: flex;flex-direction: column;align-content: center;justify-content: center;align-items: left;z-index:9999}
.slideshow {background:#141414}
.slide-img-sect {position:absolute; height:100%; width:100%; overflow:hidden}
.slide__title {width:96%}
.slides{z-index:}
.slidenav{z-index:2}
/*.slide__desc {    transition: all 0.5s ease;}*/
/*.slide__desc {visibility:hidden !important}
.slide--current .slide__desc {visibility:visible !important}*/
.slide-text-sect {position:absolute; z-index:2}
.slide__desc {transform: matrix(1, 0, 0, 0.95, 0, 30);opacity:0;transition: all 0.6s ease;}
.slide__desc.textshow {transform: matrix(1, 0, 0, 1, 0, 0);opacity:1;/* transition: all 0.6s ease-in; */}
.dotstyle{z-index:3;position:absolute;bottom: 5%;text-align:center;width: 100%;}
.dotstyle ul {position: relative;display: inline-block;margin: 0;padding: 0;list-style: none;cursor: default;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.dotstyle li {position: relative;display: block;float: left;margin: 0 6px;width: 14px;height: 14px;cursor: pointer;border-radius: 50%;}
.dotstyle li span {top: 0;left: 0;width: 100%;height: 100%;outline: none;border-radius: 50%;background-color: #fff;background-color: rgba(255, 255, 255, 0.3);text-indent: -999em; /* make the text accessible to screen readers */cursor: pointer;position: absolute;}
.dotstyle li span:focus {outline: none;}
/* Individual styles and effects */
/*menu*/
.menu {cursor: pointer;margin: 0 auto;padding-left: 1.25em;position: relative;width: 40px;height: 40px;}
.menu-global {backface-visibility: hidden;position: absolute;left: 0;border-top: 7px solid white;width: 100%;transition: 0.55s;}
.menu-top {top: 0;}
.menu-middle {top: 18px;}
.menu-bottom {top: 36px;}
.menu-top-click {backface-visibility: hidden;top: 15px;transform: rotate(50deg);transition: 0.55s 0.5s;}
.menu-middle-click {opacity: 0;}
.menu-bottom-click {backface-visibility: hidden;top: 15px;transform: rotate(-410deg);transition: 0.55s 0.5s;}
/*menu*/
/* Fill up */
.dotstyle-fillup li span {overflow: hidden;background-color: transparent;box-shadow: inset 0 0 0 2px #ffffff;-webkit-transition: background 0.3s ease;transition: background 0.3s ease;}
.dotstyle-fillup li span::after {content: '';position: absolute;bottom: 0;height: 0;left: 0;width: 100%;background-color: #af966d;box-shadow: 0 0 1px #fff;-webkit-transition: height 0.3s ease;transition: height 0.3s ease;border-radius: 50%;}
.dotstyle-fillup li span:hover,
.dotstyle-fillup li span:focus {background-color: rgba(0, 0, 0, 0.2);}
.dotstyle-fillup li.slide--current span::after {height: 100%;background-color: #af966d;box-shadow: 0 0 1px #af966d;}
/*** Yogesh **/
.slide--current {opacity: 1;pointer-events: auto;}
.slide__img {position: absolute;top: -000px;left: -00px;/*width: calc(100% + 200px);height: calc(100% + 200px);*/width:100%;height:100vh;background-size: cover;background-position: 50% 50%;opacity: 1}
.slidenav {position: absolute;width: 300px;margin-left: -150px;left: 50%;bottom: 35px;text-align: center;padding: 0em 20px;color: #fff;}
/*.slidenav  {position: fixed;width: 20px;height: 160px;margin-top: -80px;top: 50%;right: 50px;z-index: 20000;}
.slidenav button {cursor: pointer;width: 15px;height: 15px;margin-top: 8px;border-radius: 18px;background: rgba(255,255,255,0.5);}*/
.slidenav__item {border: 0;background: none;font-weight: bold;color: var(--color-nav);}
.slidenav__item:focus {outline: none;}
.slidenav__item:hover {color: var(--color-nav-hover);}
.shape {position: absolute;width: 100%;height: 100%;fill: var(--color-shape-fill);top: 0;pointer-events: none;z-index:1}
.slide__title {position: relative;font-size: 70px;font-weight: 300;margin: 0;cursor: default;line-height: 1;color: var(--color-stitle);z-index: 9999 !important;margin-left: 4%;}
.slide__desc {position: absolute;font-size: 1em;padding: 20px 0;cursor: default;color: var(--color-sdesc);text-align: left;z-index: 9999 !important;max-width: 80%;line-height: 1.8em;margin-left: 4.5%;font-weight: 600;width: 500px;top: 38%;}
.slide__link {position: relative;font-size: 1em;font-weight: bold;padding: 1em 2em;display: none;color: var(--color-slink);background: var(--color-slink-bg);transition: color 0.3s, background 0.3s;}
.slide__link:hover {color: var(--color-slink-hover);background: var(--color-slink-hover-bg);}
#home-social {position: absolute;right: 60px;left: auto;margin: auto;z-index: 100;text-align: center;transform: translate3d(0px, 0px, 6);-webkit-transition: bottom 0.3s ease-in;-moz-transition: bottom 0.3s ease-in;-ms-transition: bottom 0.3s ease-in;transition: bottom 0.3s ease-in;bottom: 80px;}
#home-social a {color: #fff; line-height: 2em; font-size: 14px;-webkit-transition: color 0.3s ease-in;-moz-transition: color 0.3s ease-in;-ms-transition: color 0.3s ease-in;transition: color 0.3s ease-in;}
#home-social a:hover {color: #af956d;}
.menu-mob{display: none;}
.clients-bg{background: #000000;width: 100%;height: 100vh;}
.clients-logo{width: 96%;margin: 0 auto;position: absolute;left: 0;top: 20%;color: #ffffff;padding: 0 0 0 4%;}
.clients-logo img{width: 16.3%;padding: 2% 3%;}
.clients-list{width: 94%;margin: 0 auto;position: absolute;left: 0;bottom: 3%;color: #ffffff;padding: 0 0 0 0;border-top:1px solid #ffffff;right: 0;}
.clients-list ul{list-style-type: none;width: 100%;}
.clients-list ul li{width: 20%;float: left;padding: 6px 0;font-size: 16px;}

.contact-us{background: url('../img/contact-banner.jpg');width: 100%;height: 100vh;background-size: cover;}
.contact-content{margin: 0 auto;position: absolute;left: 0;top: 13%;color: #ffffff;width:45%;padding: 0 0 0 4%;}
.contact-content h1{font-size: 70px;font-weight: 100;font-family: 'Roboto', sans-serif;color: #AF966D;}
.contact-content p{font-size: 18px;font-weight: 100;font-family: 'Roboto', sans-serif;color: #ffffff;display: flex;}
.contact-content p i{padding: 12px 15px 0 0;font-size: 27px;}
.contact-content a{font-size: 18px;font-weight: 100;font-family: 'Roboto', sans-serif;color: #ffffff;width: 100%;float: left;margin: 3% 0;text-decoration: none;}
.contact-content a i{padding: 0 15px 0 0;font-size: 25px;}

.gallery-bg{background: #000000;width: 100%;}
.gallery{width: 85%;margin: 0 auto;position: relative;left: 0;top: 20%;color: #ffffff;padding: 10% 0 0 0;right: 0;}
.gallery img{-webkit-filter: grayscale(100%);filter: grayscale(100%);}
.gallery img:hover{-webkit-filter: unset;filter: unset;}
.gallery .row {display: -ms-flexbox; /* IE10 */display: flex;-ms-flex-wrap: wrap; /* IE10 */flex-wrap: wrap;padding: 0 4px;}
.gallery .row .column {-ms-flex: 25%; /* IE10 */flex: 25%;max-width: 25%;padding: 0 4px;}
.gallery .row .column img {margin-top: 8px;vertical-align: middle;}
/*.gallery-text{width: 96%;position: relative;padding: 2% 9%;border: 2px solid #AF966D;margin: 7% auto 3% auto;display: flex;}
.gallery-text h2{float: left;margin: 0;color: #AF966D;}
.gallery-text aside{width: 23%;position: relative;float: left;border-top: 1px solid #AF966D;height: 1px;margin: 17px 3% 17px 6%;}
.gallery-text p{float: left;margin: 7px 3%;float: right;}
.gallery-bg .gallery .mob-gallery{display: none;}*/

.gallery-text{width: 300px;position: relative;padding: 2% 0;border: 2px solid #AF966D;margin: 0 auto 5px auto;height: 357px;}
.gallery-text div{position: absolute;margin: 0 auto;width: 100%;top: 50%;transform: translateY(-50%);}
.gallery-text h2{float: left;margin: 0;color: #AF966D;width: 100%;text-align: center;}
.gallery-text aside{width: 40%;position: relative;float: none;border-top: 1px solid #AF966D;height: 1px;margin: 50px auto 17px auto;}
.gallery-text p{float: left;margin: 7px 0;float: right;width: 100%;text-align: center;}
.gallery-bg .gallery .mob-gallery{display: none;}

@media screen and (min-width: 55em) {
	.demos {display: flex;justify-self: end;}
	.demo {display: block;width: 17px;height: 17px;margin: 0 4px;border-radius: 50%;background: var(--color-link);}
	a.demo--current {background: var(--color-link-hover);}
	.demo span {line-height: 1;position: absolute;right: 100%;display: none;margin: 0 1em 0 0;}
	.demo--current span {display: block;}
}

@media screen and (max-width: 55em) {
body {/*padding: 0 0 4em 0;*/height: 100%;}
	.content {flex-direction: column;height: auto;min-height: 0;padding-bottom: 10em;}
	.content--fixed {position: absolute;z-index: 1000;display: block;padding: 0.85em;}
	.codrops-header {flex-direction: column;align-items: center;}
	.codrops-header__title {font-weight: bold;padding-bottom: 0.25em;text-align: center;}
	/*.github {display: none;}*/
	.codrops-links {margin: 0;}
	.slide__desc {font-size: 1em;}
	.slide__link {font-size: 0.85em;}
}

#clickCircle {position: absolute;top: -15px;left: -15px;height: 30px;width: 30px;display: none;}
.default.hover #clickCircle {display: block;}
#before,
#after {position: absolute;top: 50%;left: 50%;margin: -35px 0 0 -35px;width: 70px;height: 70px;border-radius: 50%;content: '';opacity: 1;pointer-events: none;box-shadow: 0 0 0 2px rgba(175, 150, 109, 0.75);}
#scrollDown {width: 40px;position: absolute;bottom: 190px;transform: translate3d(-50%, 0, 0);left: 42.5px;}

@media screen and (min-width: 980px) {
	#scrollDown {left: 60px;}
	.slideshow{height: 100vh;}
}

@media screen and (min-width: 1390px) {
	#scrollDown {left: 65px;}
}

@media screen and (min-width: 1670px) {
	#scrollDown {left: 80px;}
}

@media screen and (min-width: 2000px) {
	#scrollDown {left: 92.5px;}
}

#scrollDown svg {width: 100%;transform-origin: bottom;}
#scrollDown line {fill: none;stroke: #AF966D;stroke-width: 4;stroke-miterlimit: 10;}
#scrollDown > div {position: relative;height: 100%;width: 100%;}

@media screen and (max-width: 1450px) {
	.about-content p {font-size: 20px;}
	.about-content p span{font-size: 20px;}
	.clients-logo img{padding: .5% 3%; }
	.contact-content{width: 50%;}
	.gallery-text aside {margin: 55px auto 17px auto;}
	.gallery-text{padding: 5% 3%;display: grid;}
	.gallery-text h2{width: 100%;text-align: center;margin: 0;}
	.gallery-text p{width: 100%;text-align: center;margin: 7px 0;}
	.gallery{width:100%;}
	.ms-section{width: 92%;margin: 0 auto; }
}

@media screen and (max-width: 1400px) {
	.about-content p {font-size: 16px;}
}
@media screen and (max-width: 550px) {
	header div{margin: 0;}
	#scrollDown {left: 27px;}
	.slideshow{height: 100vh;}
	.slide__desc{top: 33%;}
	.menu-mob{display: block;}
	.menu-mob nav ul.main{padding: 0;text-align: center;}
	nav ul.main li:last-child a{width: 38px;display: -webkit-inline-box;}
  .cl-effect-5 {display: none;}
  .dotstyle{bottom: 10%;}
  #home-social{display: none;}
  .about-content h1{font-size: 37px;}
  .about-content{top: 10%;width: 98%;}
  .about-content p{font-size: 16px;}
  .about-content p span{font-size: 16px;}
  .clients-bg{height: auto;float: left;}
  .clients-logo{position: relative;padding: 30% 0 0 0;width: 100%;}
  .clients-logo img {padding:0 3%;width: 49%;float: left;top: 20px;}
  .clients-list{position: relative;bottom: 0;float: left;width: 100%;padding: 5% 0;}
  .clients-list ul {width: 95%;padding: 0;margin: 0 auto;}
  .clients-list ul li {width: 50%;padding: 5px 10px;font-size: 14px;}
  .contact-content h1{font-size: 37px;}
  .contact-content {width: 100%;}
  .contact-content p {font-size: 18px;}
  .contact-content p i{font-size: 25px;}
  .contact-content p {font-size: 18px;}
  .contact-content a {font-size: 18px;}
  .contact-content a i{font-size: 20px;}
  .gallery{padding: 30% 0 0 0;}
  .gallery-text{height: 180px;width: 92%;margin: 0 auto 15px auto;}
  /*.lightbox .lb-image{top: 50%;transform: translateY(-50%);}*/
  .lightbox{top: 50%!important;}
   .slide__title{font-size: 32px;font-weight: 600;}
   .gallery{width:100%;}
   .gallery .content .item{position: relative!important;} 
   .gallery img{width: 47.5%!important;height: unset!important;float: left;margin: 0 5% 5% 0;}
   .mob-gallery .item:nth-of-type(2n) img{margin: 0 0 5% 0;}
   .gallery-bg .gallery #content{display: none;}
   .gallery-bg .gallery .mob-gallery{display: block;width: 100%;float: left;}
   .gallery-bg{height: 100%;float: left;}   
   header div a img{width: 75%;}
   .gallery-text p{margin: 3px 0;}
   .gallery-text aside{margin: 44px auto 17px auto;}
}

/*  BURGER========================================== */
.burger {width: 50px;height: 50px;position: fixed;top: 10px;right: 20px;border-radius: 4px;z-index: 10;}
.burger span {position: relative;margin-top: 9px;margin-bottom: 9px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;position: absolute;top: 50%;left: 50%;margin-left: -15px;margin-top: -1.5px;}
.burger span, .burger span::before, .burger span::after {display: block;width: 30px;height: 3px;background-color: #ffffff;outline: 1px solid transparent;-webkit-transition-property: background-color, -webkit-transform;-moz-transition-property: background-color, -moz-transform;-o-transition-property: background-color, -o-transform;transition-property: background-color, transform;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;transition-duration: 0.3s;}
.burger span::before, .burger span::after {position: absolute;content: "";}
.burger span::before {top: -9px;}
.burger span::after {top: 9px;}
.burger.clicked span {background-color: transparent;}
.burger.clicked span::before {-webkit-transform: translateY(9px) rotate(45deg);-moz-transform: translateY(9px) rotate(45deg);-ms-transform: translateY(9px) rotate(45deg);-o-transform: translateY(9px) rotate(45deg);transform: translateY(9px) rotate(45deg);}
.burger.clicked span::after {-webkit-transform: translateY(-9px) rotate(-45deg);-moz-transform: translateY(-9px) rotate(-45deg);-ms-transform: translateY(-9px) rotate(-45deg);-o-transform: translateY(-9px) rotate(-45deg);transform: translateY(-9px) rotate(-45deg);}
.burger.clicked span:before, .burger.clicked span:after {background-color: #ffffff;}
.burger:hover {cursor: pointer;}

nav {background-color: #2a2a2a;position: fixed;z-index: 9;top: 0;right: 0;height: 100%;max-width: 515px;width: 100%;padding: 100px 40px 60px 40px;overflow-y: auto;-webkit-transform: translateX(100%);-moz-transform: translateX(100%);-ms-transform: translateX(100%);-o-transform: translateX(100%);transform: translateX(100%);-webkit-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);-moz-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);-o-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);}
nav.show {-webkit-transform: translateX(0px);-moz-transform: translateX(0px);-ms-transform: translateX(0px);-o-transform: translateX(0px);transform: translateX(0px);}
nav.show ul.main li {-webkit-transform: translateX(0px);-moz-transform: translateX(0px);-ms-transform: translateX(0px);-o-transform: translateX(0px);transform: translateX(0px);opacity: 1;}
nav.show ul.main li:nth-child(1) {transition-delay: 0.15s;}
nav.show ul.main li:nth-child(2) {transition-delay: 0.3s;}
nav.show ul.main li:nth-child(3) {transition-delay: 0.45s;}
nav.show ul.main li:nth-child(4) {transition-delay: 0.6s;}
nav.show ul.main li:nth-child(5) {transition-delay: 0.75s;}
nav.show ul.main li:nth-child(6) {transition-delay: 0.9s;}
nav.show ul.main li:nth-child(7) {transition-delay: 1.05s;}
nav.show ul.main li:nth-child(8) {transition-delay: 1.2s;}
nav.show ul.main li:nth-child(9) {transition-delay: 1.35s;}

@media (min-width: 667px) {
  nav {padding: 120px 90px 70px 90px;}
}
nav ul.main {list-style-type: none;}
nav ul.main li {margin-bottom: 20px;-webkit-transform: translateX(40px);-moz-transform: translateX(40px);-ms-transform: translateX(40px);-o-transform: translateX(40px);transform: translateX(40px);opacity: 0;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
nav ul.main li:last-of-type {margin-bottom: 0px;}
nav ul.main li a {color: #ffffff;font-family: "Raleway", sans-serif;text-decoration: none;text-transform: uppercase;font-size: 1.5rem;display: block;letter-spacing: 5px;font-weight: 600;padding: 10px 0;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
nav ul.main li a span {color: #b7ac7f;}
nav ul.main li a:hover {color: #b7ac7f;}
/*  OVERLAY========================================== */
.overlay {position: fixed;top: 0;left: 0;z-index: 1;width: 100%;height: 100%;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;background-color: #b7ac7f;opacity: 0;visibility: hidden;}
.overlay.show {opacity: 0.8;visibility: visible;}

@media only screen and (max-device-width: 767px) and (orientation: landscape) {
.slide__title{font-size: 32px;font-weight: 600;}
header nav a{margin: 11px 7px;font-size: 14px;letter-spacing: unset;}
.content--fixed header a img{width: 75%;margin: 10px 0 0 0;}
.about-content h1{font-size: 32px;margin: 0.37em 0;}
.about-content{width: 80%;}
.about-content p {font-size: 13px;margin: 7px 0;}
.about-content p span{font-size: 13px;}
.clients-logo{position: relative;padding: 10% 0 0 4%;}
.clients-list{position: relative;bottom: unset;}
.clients-bg{height: auto;float: left;}
.clients-logo img{width: 18.3%;}
.clients-list ul li{width: 19%;font-size: 14px;padding: 6px 2px;}
.contact-content h1{font-size: 32px;}
.contact-content {width: 60%;}
.contact-content p{font-size: 16px;}
.contact-content p i{font-size: 22px;}
.contact-content a{font-size: 16px;}
.contact-content a i{font-size: 22px;}
#home-social{right: 30px;}
}

@media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) {
.slide__title{font-size: 40px;font-weight: 600;}
header nav a{margin: 11px 7px;font-size: 14px;letter-spacing: unset;}
.content--fixed header a img{width: 75%;margin: 10px 0 0 0;}
.about-content h1{font-size: 40px;margin: 0.37em 0;}
.about-content{width: 80%;}
.about-content p {font-size: 13px;margin: 7px 0;}
.about-content p span{font-size: 13px;}
.clients-logo{position: relative;padding: 10% 0 0 4%;}
.clients-list{position: relative;bottom: unset;}
.clients-bg{height: auto;float: left;}
.clients-logo img{width: 18.3%;}
.clients-list ul li{width: 19%;font-size: 14px;padding: 6px 2px;}
.contact-content h1{font-size: 40px;}
.contact-content {width: 60%;}
.contact-content p{font-size: 16px;}
.contact-content p i{font-size: 22px;}
.contact-content a{font-size: 16px;}
.contact-content a i{font-size: 22px;}
#home-social{right: 30px;}
}