@import url('https://fonts.googleapis.com/css2?family=Lemonada:wght@300..700&family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&family=Roboto+Slab:wght@100..900&display=swap');

*,::after,::before{-webkit-box-sizing:border-box;box-sizing:border-box;text-shadow:1px 1px 1px rgba(0,0,0,.004);outline:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
a,img{outline:0;text-decoration:none}
a{cursor:pointer;color:#181616;-webkit-transition:all .1s ease;transition:all .1s ease}
b,strong{font-weight:800}
input{-webkit-border-radius:0;border-radius:0}
input, button, textarea {font-family: "Roboto Slab", serif;}
body,html{ width: 100%; height: 100%;margin:0;padding:0}
body{ font-family: "Roboto Slab", serif; font-optical-sizing: auto;font-style: normal;font-size:1rem;overflow-x:hidden;overflow-y:scroll;color:#fff;background-color:#000}
::-webkit-scrollbar{background-color:#dedede;width:.1em;position:fixed;z-index:91}
::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb:window-inactive{cursor:pointer;background-color:#838383}
.ui-tooltip{width:auto;text-align:center;background-color:#000!important;box-shadow:none!important;border:1px solid #222!important}
.ui-tooltip-content{position:relative;padding:.2rem;font-weight:600;font-size:.8rem;opacity:1!important;color:#fff}
@media (max-width:1024px){
.ui-tooltip{display:none!important}
}
.clearfix{ clear:both }
.loading{display:block;position:fixed;z-index:999999999999!important;top:0;left:0;color:#fff;padding:0;width:100vw;height:100vh;background-color:rgba(52,58,64,.8)}
.loader{width:90px;height:90px;border:3px solid rgba(255,255,255,.1);border-bottom:3px solid transparent;border-radius:50%;position:relative;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;display:flex;justify-content:center;align-items:center;margin:20% auto}
.loader .inner{width:64px;height:64px;border:3px solid transparent;border-top:3px solid #302e2e;border-radius:50%;-webkit-animation:spinInner 1s linear infinite;animation:spinInner 1s linear infinite}
.loader.small{width:50px;height:50px;margin:10% auto;border:3px solid rgba(113,113,113,.3);border-bottom:3px solid transparent}
.loader.small .inner{width:36px;height:36px;border:3px solid transparent;border-top:3px solid #2d3236}
@media (max-width:1024px){
.loader{margin:18rem auto}
}
@-webkit-keyframes spin{
0%{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
@keyframes spin{
0%{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
@-webkit-keyframes spinInner{
0%{transform:rotate(0)}
100%{transform:rotate(-720deg)}
}
@keyframes spinInner{
0%{transform:rotate(0)}
100%{transform:rotate(-720deg)}
}

.input,.textarea{background-color:#4f4f4f;padding:8px;width:100%;font-family:arial;font-size:.6rem;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25);-webkit-border-radius:3px;border-radius:3px;-webkit-appearance:none;appearance:none;border:0;outline:0;-webkit-transition:.3s ease all;-moz-transition:.3s ease all;-ms-transition:.3s ease all;-o-transition:.3s ease all;transition:.3s ease all}
select{background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='50px' height='50px'><polyline points='46.139,15.518 25.166,36.49 4.193,15.519'/></svg>");background-color:#4f4f4f;background-repeat:no-repeat;background-position:right 10px top 12px;background-size:12px 12px;padding:8px;width:100%;font-family:arial;font-size:.6rem;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25);-webkit-border-radius:3px;border-radius:3px;-webkit-appearance:none;appearance:none;border:0;outline:0;-webkit-transition:.3s ease all;-moz-transition:.3s ease all;-ms-transition:.3s ease all;-o-transition:.3s ease all;transition:.3s ease all}
select:active,select:focus{border:0;outline:0}
select:hover{background-color:#535353}

#container{ display: block; width:100%;height:100%;margin:0;padding:0;}
.container{display:block;width:100%;overflow:hidden}
.container .wrapper{display:block;width:90%;margin:0 auto}
@media (max-width:1024px){
.container .wrapper{ width:95% }
}

header{display:block;width:100%;margin:0;padding:0;-webkit-transition:.1s;transition:.1s;position:fixed;top:1rem;z-index:100}
header.sticky{top:0; padding: 1rem 0;}
header .header{display:block;width:95%;margin:0 auto;position:relative}
@media (max-width:1024px){
header{overflow:hidden; z-index: 98;}
header .header{width:100%}
}

.logo{width:175px;height:190px;display:block;overflow:hidden;transition:1s;cursor:pointer;background-position:top center;background-repeat:no-repeat;background-image:url(../images/logo.png);background-size:175px; position: relative; margin:0 auto; animation: logo 2s 1s forwards; opacity: 0; transform: scale(.9);}
header.sticky .logo{height:125px}
@keyframes logo {
	to { opacity: 1; transform: scale(1);}
}
@media (max-width:1024px){
.logo{width:100px;height:100px;margin:0 auto; background-size: 90%;}
header.sticky .logo{ height: 100px;}
}

.topnav{display:block;height:100%;margin:0;padding:0; position: absolute;  opacity: 0; animation: topnav 3s 1s forwards;}
.topnav ul{margin:0;padding:0}
.topnav li{display:block;float:left;position:relative}
.topnav li a{display:block;text-align:center;font-size:1.2rem;padding:0;height:3.2rem;line-height:3rem;color:#fff}
.topnav li i{padding:0 1rem;color:#fff}
.topnav li:hover a{color:#ccc}
header.sticky .topnav{ opacity: 0!important;}
@media (max-width:1024px){
	.topnav li span{ display: none; }
	.topnav li a{font-size:1.8rem; }
}
@keyframes topnav {
	to { opacity: 1; top: 0;}
}
.social-feed{display:block;overflow:hidden; position: absolute; top: 0; right: 3rem; opacity: 0; animation: social 3s 1s forwards;}
.social-feed a{display:inline-block;width:2.6rem;height:3rem;line-height:3rem;text-align:center;margin:0;overflow:hidden;position:relative;background-repeat:no-repeat;background-position:center center;background-size:20px;color:#fff;border-radius:.4rem;font-size:1.4rem}
.social-feed a:hover{filter:brightness(100%)}
.social-feed a.social_facebook:hover{color:#4b69b1}
.social-feed a.social_twitter:hover{color:#37b1e2}
.social-feed a.social_instagram:hover{color:#cf3053}
.social-feed a.social_youtube:hover{color:red}
.social-feed.footer-social{float:none; position: static;}
.social-feed.footer-social a{width:auto;height:auto;line-height:auto;font-size:1.6rem;margin:0 1rem 0 0;color:#eee}
@media (max-width:1024px){
.social-feed{display:none}
}
@keyframes social {
	to { opacity: 1; top: 0;}
}

.toggleMenu{color: #fff; z-index:10000;text-align:center;overflow:hidden;transition:.5s; display: block; margin:0;font-size:2rem; width: 5rem; height: 5rem; line-height: 5rem; position: fixed; top:0; right:0;  opacity: 0; animation: toggleMenu 3s 1.5s forwards;}
.toggleMenuClose{color: #fff;z-index:10000;text-align:center;overflow:hidden;transition:.5s; display:none;margin:0;font-size:2rem; position: fixed; top: 1.1rem; right: 2rem; z-index: 99;}
header.sticky .toggleMenu { background-color:#302e2e; }
@keyframes toggleMenu {
	to { opacity: 1; transform: scale(1);}
}

nav{width:0;height:100vh;margin:0;padding:0;position:fixed;z-index:101;top:0;right:0;overflow:hidden;overflow-y:auto;background-color:rgba(0,0,0,.8); border-left: 1px solid #333; transition: 1s;}
nav.open{ width: 500px;}
.nav{width:500px;margin:0;padding:5rem;}
.logo-nav { width: 100px; margin: 10% 0 10% 0;}
.nav:after,.nav:before{content:"";display:table}
.nav:after{clear:both}
.nav>li{width:100%;display:block;padding:0;margin:0;position:relative}
.nav li a{display:block;color:#fff;font-size:1.6rem;padding:1rem 0;text-align:left;font-weight:100;transition:.3s ease-in-out;border-bottom: 1px solid transparent;border-top: 1px solid transparent;}
.nav>li>a>i{width:4rem; transform:translateX(-4rem);visibility:hidden;transition:.5s; float: right; margin: .3rem 0 0 0;}
.nav>li>a.parent:after{font-family:FontAwesome;content:"\f107";color:#fff;font-size:1rem; margin: 0 0 0 1rem;}
.nav>li:hover>a{ border-bottom: 1px solid #eee;border-top: 1px solid #eee;}
.nav>li:hover>a>i{transform:translateX(0);visibility:visible}
.nav li ul{list-style:none;width:100%;position:static;margin:0;padding:0;display:none}
.nav li ul li{border:none;margin:0;padding:0;position:relative}
.nav li ul li a{color:#fff;padding:1rem 0;font-size:1rem;border:0;}
.nav li ul li a:hover{ color: #ccc;}
.nav li.hover ul{display:block}
@media (max-width:1120px){
	nav{height:100vh;background-color:#000; border-left:0;}
	nav.open{ width: 100%;}
	.nav{width:300px;margin:0;padding:2rem;}
	.logo-nav {  display: none;}
	.nav li a {font-size:1.2rem;}
}
.slider{display:block;width:100%; position:relative;overflow:hidden; opacity: 0; transform: scale(.9); animation: banner 2s 3s forwards;}
.slider::after{ content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; z-index: 0; background-color: rgba(0,0,0,.6);}

.slide-items { position: relative; overflow: hidden; width: 100%; height: 100vh; list-style: none; margin: 0; padding: 0; }
.slide-item { position: absolute; top: 0; left: 0; width: 100%; height: 100vh; background-position: right; background-size: cover; background-repeat: no-repeat; opacity: 0; transition: opacity 0.6s ease-in-out; }
.slide-item.current { opacity: 1; }

.slide-button { position: absolute; z-index: 50; top: 50%; width: 32px; height: 32px; border: none; outline: none; background: none; color: #fff; font-size: 2rem; padding: 0; cursor: pointer; opacity: 0.4; }
.slide-button.prev { left: 1rem; }
.slide-button.next { right: 1rem; }
.slide-button:hover { opacity: 0.8; }
@keyframes banner {
	to { opacity: 1; transform: scale(1);}
}

.caption{width:100%;height:100vh;padding:22.5% 0 0 0;margin:0;z-index:35;position:absolute;top:0;left:0;overflow:hidden;background-color:rgba(26,25,25,.0);}
.caption-desc,.caption-title{width:60%;display:block;color:#fff;padding:0;margin:0 auto;text-align:center;position:relative;line-height:120%;opacity:0;z-index:1; text-shadow: 0 0 2px #000;}
.caption-title{font-size:4rem;font-weight:100;animation:title .2s .4s linear forwards}
.caption-desc{font-size:1.6rem;font-weight:100;animation:desc .2s .5s linear forwards}
.caption-link{display:block;animation:link .2s .6s linear forwards;position:relative;z-index:1}
.caption-link a{margin:2rem auto!important}
.caption-desc,.caption-title,.caption-link{opacity: 0; transform: scale(.9); animation: caption 2s 2s forwards;}
@keyframes caption {
	to { opacity: 1; transform: scale(1);}
}
@media (max-width:1120px){
.caption{padding:70% 10%}
.caption-desc,.caption-title{width:100%}
.caption-title{font-size:2rem}
.caption-desc{font-size:1rem}
.caption-link a{width:125px!important}
}
@keyframes title{
from{opacity:0}
to{opacity:1}
}
@keyframes desc{
from{opacity:0}
to{opacity:1}
}
@keyframes link{
from{opacity:0}
to{opacity:1}
}

.scrollbutton { display: block; width: 100%; position: absolute; bottom: 0; z-index: 50; opacity: 0;transform: translateY(100px); animation: scrollbutton 2s 3.5s forwards;}
.scrollbutton .scrolldown { width: 100px; height: 100px; border-radius: 1rem 1rem 0 0; margin: 0 auto; text-align: center; overflow: hidden; display: block; padding: 0; background-image: url(../svg/arrow.svg); background-repeat: no-repeat; background-position: center 50px; background-size: 2rem; animation: arrowDown .8s 5s infinite; transform: translateY(0); background-color: rgba(0,0,0,.6);}
.scrollbutton .scrolldown span{ display: block;color: #fff; font-size: .8rem; padding: 1rem 0 0 0;}
@keyframes scrollbutton {
	to { opacity: 1;transform: translateY(0);}
}
@keyframes arrowDown {
  0% { transform: translateY(20px); opacity: .3; }
  100% { transform: translateY(0); opacity: 1; }
}
.headline{width:1000px;margin:2.5% auto;display:block;text-align:center;overflow:hidden;}
.headline:before{content:"";display:block;width:5rem;height:.2rem;background-color:#302e2e;margin:1rem auto;border-radius:10rem}
.headline h1,.headline h2,.headline h3,.headline h4{margin:0;padding:0;line-height:115%;color:#111;font-weight:300}
.headline h1{font-size:2.6rem;}
.headline h2{font-size:1rem;width:75%;margin:1rem auto;}
.headline h3{font-size:2.6rem;}
.headline h4{font-size:1rem;width: 75%;margin:1rem auto;}
.headline p{margin:.6rem 0;padding:0}
.headline.text-light *{color:#fff}
.headline.text-light:before{background-color:#fff}
@media (max-width:1024px){
.headline{width:100%;margin:4rem auto}
.headline h3{font-size:2rem}
.headline h4{font-size:1rem}
.headline h5{font-size:1.4rem}
.headline h6{font-size:1rem}
}

.readmore{display:block;max-width:300px;margin:5rem auto;padding:1rem;background:#302e2e;color:#fff!important;font-weight:700;font-size:1.3rem;position:relative;text-align:center;border-radius:.4rem;clear:both}
.readmore:after{top:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-top-color:#302e2e;border-width:25px;margin-left:-25px}
@media (max-width:1024px){
.readmore{margin:2.5rem auto}
}

.button{padding:1rem;cursor:pointer;display:block;width:200px;text-align:center;border:3px solid #cecece;color:#fff;border-radius:.6rem;background-color:transparent;transition:.3s ease-in-out}
.button:hover{transform:scale(1.04);color:#fff;box-shadow:inset 20rem 0 4px #302e2e; border-color:transparent}
.button.align-center{margin:2rem auto;width:300px;}
.button.align-center.text-dark{color:#111}
.button:hover.align-center.text-dark{color:#fff}

.parallax{background-repeat:no-repeat;background-position:center;background-size:cover;background-attachment:fixed}

.section1{width:100%;margin:0;padding:10% 0 15% 0;}
.section1 .wrapper{width:100%;}

.about{display:flex;flex-wrap:wrap;justify-content:space-between;width:85%;margin:0 auto;}
.about-left{width:60%; position: relative;}
.about-image { display: block; width: 50%; height: 50%; background-position: center; background-repeat: no-repeat; background-size: cover; position: absolute;  transition: 1s; border: 3px solid #fff;}
.about-image:nth-child(1) { left: 0;}
.about-image:nth-child(2) { left: 25%; top: 25%;}
.about-image:nth-child(3) { left: 10%; top: 65%; }
.about-image:after { content: ""; display: block; width: 96%; height: 96%; margin: 2% 0 0 2%; border: .5rem solid #fff; opacity: 0; transition: 1s; transform: scale(.8);}
.about-image:hover:after { opacity: 1; transform: scale(1);}
.about-image:hover { z-index: 5; border-color: transparent;}

.about-right{width:40%;overflow:hidden;padding:10% 0;font-size:1.2rem;font-weight:100}
.about-right h3{color:#fff;font-size:3rem; margin: 0; padding: 0;  font-weight:600}
.about-right h3:before{content:"";display:block;width:5rem;height:.2rem;background-color:#fff;margin:1rem 0;border-radius:10rem}
.about-right h4{ margin: 0; padding: 0;}
.about-right a{color:#fff;margin:4rem 0}
@media (max-width:1024px){
.section1 .wrapper{width:100%}
.about-left{width:100%}
.about-right{width:100%;padding:2rem;font-size:1.2rem}
.about-right h3{font-size:2rem}
.about-right a{margin:4rem 0 0 0}
}

.section2{width:100%;margin:0;padding:5rem 0;display:block;overflow:hidden;background-size:cover; position: relative; background-color: #fff;}

.projects-select { display: flex; justify-content: center;}
.projects-select a { display: block; width: 25%; text-align: center; padding: 1rem; border: 1px solid #333; color: #fff; background-color: #222;}
.projects-select a.active { background-color: #fff; color: #111;}

.projects{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%;margin:5rem auto}
.projects.text-light *{ color: #fff;}
.projects-col{width:31.5%;display:block;margin:1.5% 0;position:relative;overflow:hidden; border: 1px solid #555;}
.projects-col img{width:100%;vertical-align:bottom;transition:.2s}
.projects-header{display:block;width:100%; height: 100%; overflow:hidden;color:#fff;padding:4rem;position:absolute;bottom:0;left:0;background-color:rgba(0,0,0,.4);transition:.6s}
.projects-title{display:block;margin:0;font-weight:700;font-size:2rem}
.projects-title:after{content:"";background-color:#fff;width:25%;height:.1rem;border-radius:1rem;margin:.4rem 0;display:block;font-size:2rem;text-align:center}
.projects-date{font-size:1rem;display:block}
.projects-date i{margin:0 .6rem 0 0}
.projects-summary{display:block;margin:1rem 0 0 0;font-size:1.1rem;padding:0;overflow:hidden; font-weight: 300;}
.projects-col:hover .projects-header{background-color:rgba(0,0,0,.8);padding:6rem 4rem;bottom:0}
.projects-col:hover img{transform: scale(1.1);}
@media (max-width:1024px){
.section2{padding:0 0 5rem 0}
.section2 .wrapper{width:90%}
.projects{display:flex;flex-wrap:wrap;justify-content:space-between}
.projects-col{width:100%;margin:0 0 1rem 0}
.projects-header{bottom:-110px;background-color:rgba(0,0,0,.8)}
.projects-title{font-size:1rem}
.projects-summary{font-size:.8rem}
}

.section3{width:100%;margin:0;padding:3rem 0}
.section3 .wrapper{width:80%; padding: 5rem 0;}

.section4{width:100%;margin:0;padding:3rem 0; background-color: #fff;}
.section4 .wrapper{width:85%}

.news{display:block;margin:2rem 0;padding:0;text-align: left; }
.news .owl-item{margin:0!important;padding:0 2.2rem!important; color: #111;}

.news .owl-item a{display:block;max-width:150px;margin:0;padding:.8rem;background-color:#111; color:#fff!important;font-weight:700;font-size:1rem;position:relative;text-align:center;border-radius:.2rem;clear:both;}
.news .owl-item a:after{top:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-top-color:#111;border-width:15px;margin-left:-15px}
.news .owl-item img{width:100%;vertical-align:bottom;filter:grayscale(0);}
.news .owl-item h4{ font-size: 1.2rem; }
.news .owl-item p{ font-size: 1rem; }

.news .owl-nav span{display:none}
.news .owl-nav .owl-next,.news .owl-nav .owl-prev{font-size:1.4rem!important;width:2rem;height:2rem;background-color:transparent !important}
.news .owl-nav .owl-prev:before{font-family:FontAwesome;content:"\f104"}
.news .owl-nav .owl-next:after{font-family:FontAwesome;content:"\f105"}
.news .owl-nav button.owl-prev{left:-5rem;}
.news .owl-nav button.owl-next{right:-5rem}
.news .owl-nav button{position:absolute;top:50%;transform:translateY(-50%);color:#111!important}
@media (max-width:1024px){
    .news .owl-nav button.owl-prev{left: 0rem;}
    .news .owl-nav button.owl-next{right:0rem}
}

.heading{width:100%;margin:0 0 2.5rem 0; padding:0 0  2.5rem 0; display:block;text-align:center;overflow:hidden; border-bottom: 1px solid #222;}
.heading:before{content:"";display:block;width:5rem;height:.2rem;background-color:#fff;margin:1rem auto;border-radius:10rem}
.heading h1,.heading h2{margin:0;padding:0;line-height:115%}
.heading h1{font-size:2.6rem;color:#fff;font-weight:300}
.heading h2{font-size:1.6rem;width:75%;margin:1rem auto;font-weight:300;color:#fff}
@media (max-width:1024px){
	.heading h1{font-size:2rem;}
	.heading h2{font-size:1.2rem;width:90%;}
}
.section5 { display: block; height: 225px;}
.head{ display: block; height: 225px; transition: 1s;}
.head.sticky{ height: 0;}


.section6-top { display: block; width: 100%; height: 160px; background-color: #000;}
.section6 { display: block; padding:5rem 0; min-height: 450px; background-color: #000; }
.section6 .wrapper { width: 95%; padding: 2rem 4rem; overflow: hidden; background-color: #111; border: 1px solid #222;}
.section6 * { color: #fff; }
@media (max-width:1024px){
	.section6 .wrapper { padding: 2rem; }
}

aside { width: 40%; float: left; display: block; margin: 2rem 0; }
aside>a { display: block; }
aside>a>img { width: 100%; vertical-align: bottom; border: 1px solid #dedede; }
main { width: 55%; float: right; display: block; margin: 2rem 0; font-weight: 300; }
main>h3{ font-size: 2rem; padding: 1.5rem 0; font-weight: 400; border-bottom: 1px solid #333;}


.table { display: table; padding: 0; width: 100%; overflow: hidden; border: 0 solid #eee; border-collapse: collapse; }
.tr { display: table-row; width: auto; padding: 3px 5px; }
.td { display: table-cell; width: auto; vertical-align: top; padding: .6rem .2rem; font-size: 1rem; border-bottom: 0 solid #eee; }
.modImage { width: 100px; border: 1px solid #eee; float: right; }
.th { padding: 10px 5px; font-size: 1.3rem; }
.td.first { width: 180px; }
.table-fixed-layout { table-layout: fixed; }
@media (max-width:1120px) {
  .td { font-size: 1.3rem; }
  .th { font-size: 1.3rem; }
}
@media (max-width:480px) {
  .tr { padding: 3px 5px; }
  .td { display: table-cell; width: 25%; vertical-align: top; padding: 5px; font-size: 1rem!important; }
  .th { padding: 10px 5px; font-size: 1.2rem; }
  .td.first { width: 100px; }
  .table-fixed-layout { table-layout: unset; }
}

.gallery { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 1rem 0; }
.gallery-col { width: 23.3%; display: block; margin: 1% 0; position: relative; overflow: hidden; }
.gallery-col img { width: 100%; vertical-align: bottom; transition: .2s; border: 1px solid #555; }
.gallery-col:hover img { filter: brightness(120%); }
@media (max-width:1024px) {
	.gallery-col { width: 49%; }
}


.others{display:block;margin:2rem 0;padding:0;text-align: left; }
.others .owl-item{margin:0!important;padding:0 1rem 0 0!important;}
.others .owl-item img{width:100%;vertical-align:bottom;filter:grayscale(0);}
.others .owl-item > div{ border: 1px solid #555;}

.others-header{display:block;width:100%; height: 100%; overflow:hidden;color:#fff;padding:3rem;position:absolute;bottom:0;left:0;background-color:rgba(0,0,0,.4);transition:.6s}
.others-title{display:block;margin:0;font-weight:700;font-size:1.6rem}
.others-title:after{content:"";background-color:#fff;width:25%;height:.1rem;border-radius:1rem;margin:.4rem 0;display:block;font-size:2rem;text-align:center}
.others-date{font-size:1rem;display:block}
.others-date i{margin:0 .6rem 0 0}
.others-summary{display:block;margin:1rem 0 0 0;font-size:.9rem;padding:0;overflow:hidden; font-weight: 300;}
.others-header a{display:block;width:125px;margin:2rem 0 0 0;padding:.6rem;background-color:#fff; color:#111!important;font-weight:700;font-size:1rem;position:relative;text-align:center;border-radius:.2rem;clear:both;}
.others-header a:after{top:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-top-color:#fff;border-width:15px;margin-left:-15px}

.others .owl-nav span{display:none}
.others .owl-nav .owl-next,.others .owl-nav .owl-prev{font-size:1.4rem!important;width:2rem;height:2rem;background-color:#555 !important}
.others .owl-nav .owl-prev:before{font-family:FontAwesome;content:"\f104"}
.others .owl-nav .owl-next:after{font-family:FontAwesome;content:"\f105"}
.others .owl-nav button.owl-prev{left:0rem;}
.others .owl-nav button.owl-next{right:1rem}
.others .owl-nav button{position:absolute;top:-4rem;transform:translateY(0%);color:#fff!important}
@media (max-width:1024px){
    .others .owl-nav button.owl-prev{right: 5rem;}
    .others .owl-nav button.owl-next{right:1rem}
}

.downloads { width: 100%; display: flex; flex-wrap: wrap; }
.downloads a { width: 48%; position: relative; overflow: hidden; margin: 0 2% 2% 0; padding: 25px; display: block; float: left; border: 1px solid #555; color: #444; background-color: #111; }
.downloads a:nth-child(3) { float: right; margin: 0 0 2% 0; }
.downloads a h3 { width: 100%; padding: 0; margin: 0; display: block; font-size: 1.4rem; }
.downloads a p { width: 100%; padding: 0; margin: 0; display: block; font-size: 1rem; line-height: 100%; }
.downloads a span { width: 60px; height: 60px; line-height: 60px; display: block; margin: 0 3% 0 0; float: left; border: 1px solid #eee; border-radius: 0; color: #fff; font-size: 2rem; overflow: hidden; position: relative; background-color: #302e2e; text-align: center; transition: .3s; }
.downloads a:hover span { transform: scale(.9) rotate(90deg); border-radius: 50%; }
.downloads a span i { position: absolute; display: block; color: #fff; width: 100%; height: 100%; line-height: 60px; }
.downloads a:hover span i { animation: arrow 1s forwards; }
@media (max-width:1024px) {
  .downloads a { width: 100%; margin: 0 0 2% 0; }
}
@keyframes arrow {
  0% { left: 0; }
  10% { left: 25%; }
  20% { left: 0; }
  30% { left: 25%; }
  40% { left: 50%; }
  50% { left: 75%; }
  60% { left: 100%; }
  70% { left: -100%; opacity: 0; }
  80% { left: -75%; opacity: 1; }
  90% { left: -50%; }
  100% { left: 0; }
}


/* Contact Form */
.contact_info { display:block; overflow: hidden; margin:25px 0 40px 0;font-weight:600; padding:0; font-size: 1rem; text-align: center; }
.contact_info .row { display: block; width: 30%; margin:0 5% 0 0; float: left; padding:25px; line-height: 120%; color: #fff; border: 1px solid #555;}
.contact_info .row:last-child { float: right; margin: 0; }
.contact_info .row i { display: block; width: 100%; text-align: center; margin:1rem 0; font-size: 3rem; color: #fff; }
@media (max-width: 1024px) {
	.contact_info { display:block; overflow: hidden; margin:25px 0; font-size: 1.2rem;  }
	.contact_info .row { width: 100%; margin:0; float: left; padding:25px;}
}

.contact_form { width:100%; margin:20px 0; display: flex; flex-wrap: wrap; justify-content: space-between;}
.form_row { width:49%; display:block; overflow:hidden; color:#111; margin:0 0 10px 0; padding:0;}
.form_row input,
.form_row textarea {
	width:100%; 
	font-size:1rem;
	display:block;
	padding:0 20px;
	margin: 10px 0;
	height:60px;
	line-height:60px; 
	background-color:#111; 
	color:#fff; 
	border:1px solid #555;
	-webkit-transition:.2s;
	transition:.2s;
}
.form_row input.code { width: 50%;}
.form_row textarea { height:225px; }
.form_row input:focus,
.form_row textarea:focus { border:1px solid #ccc; background-color:#333; }
.form_row input[type="submit"] {
	width:100%; 
	height:55px; 
    float: right;
	font-size:1.3rem;
	line-height:45px;
	font-weight:700;
	text-align:center;
	overflow: hidden;
	margin:20px 0 0 0; 
	display:block;
	border:none; 
	background-color:#302e2e; 
	color:#fff; 
	cursor:pointer;
	transition: all .1s linear; 
	-moz-transition: all .1s linear; 
	-webkit-transition: all .1s linear; 
    border-radius: 5px;
}
.form_row input[type="submit"]:hover { filter: brightness(125%);}
@media (max-width: 1024px) {
	.contact_form { width:100%; margin:20px 0; display: flex; flex-wrap: wrap; justify-content: space-between;}
	.form_row { width:108%; display:block; overflow:hidden; color:#111; margin:0; padding:0;}
	.form_row input,
	.form_row textarea { margin: 0 0 10px 0;}
}


footer{width:100%;display:block;margin:0;color:#cecece;position:relative;background-color:#000}
footer .wrapper{display:block;width:80%;padding:7rem 0;margin:0 auto;border-top:1px solid #222;}
.columns{display:flex;flex-wrap:nowrap;justify-content:space-between;padding:0;font-size:1rem}
.columns .cols{display:block;width:30%}
.columns .cols:nth-child(2){width:20%}
.columns .cols:nth-child(3){width:30%}
.columns .cols:nth-child(4){width:20%}

.columns .cols>a{color:#cecece;display:block;margin:1rem 0}
.columns .cols>a i{margin:.2rem 1rem 1rem 0;float:left}
.columns .title{display:block;overflow:hidden;font-weight:300;padding:0;font-size:1.4rem;margin:2rem 0}
.columns .link{margin:1rem 0;display:block}
.columns .link a{color:#cecece;font-weight:400;display:inline;font-size:1rem}
.columns .link a:hover{color:#777}
@media (max-width:1024px){
footer{padding:2rem 0}
footer .wrapper{width:90%}
.columns{padding:0;width:100%;flex-wrap:wrap;font-size:1.2rem}
.columns .cols{width:100%;padding:0 1rem}
.columns .cols{display:block;width:100%}
.columns .cols:nth-child(2){width:100%}
.columns .cols:nth-child(3){width:100%}
.columns .cols:nth-child(4){width:100%}
}
.subscribe{display:block;overflow:hidden;width:80%}
.subscribe p{display:block;margin:25px 0 0 0!important}
.subscribe form{height:50px;width:100%;display:block;margin:0;overflow:hidden;background-color:#fff;border:1px solid #222}
.subscribe form input[type=text]{width:70%;float:left;border:none;background:0 0;height:45px;font-size:1rem;padding:0 20px;color:#fff;font-weight:400}
.subscribe form button{float:right;border:none;height:50px;padding:0 2rem;font-size:1.4rem;color:#fff;position:relative;cursor:pointer;background:#302e2e}
.subscribe form button:before{font-family:fontAwesome;content:"\2b"}
@media (max-width:1024px){
.subscribe{width:100%}
}

.bottom{width:100%;display:block;overflow:hidden;padding:1rem 0;margin:0;color:#333;background:#eee}
.bottom .wrapper{display:block;width:1200px;margin:0 auto}
.copyright{display:block;font-weight:400;margin:0;float:left}
.copyright p{color:#777;margin:.4rem 0;padding:0}
.webtasarim{display:block;margin:0;float:right}
.webtasarim a{display:block}
.webtasarim img{width:5rem}
@media (max-width:690px){
.bottom .wrapper{width:90%}
.copyright{float:none;text-align:center;padding:0 5%}
.webtasarim{float:none;text-align:center;margin:20px 0 0 0}
}
.siteup{position:fixed;bottom:2rem;right:-4rem;display:block;width:4rem;height:4rem;line-height:4rem;font-size:1rem;color:#fff!important;overflow:hidden;background:#1d1d1b;-webkit-transition:.3s;transition:.3s;z-index:999;border-radius:50%;text-align:center}
.siteup.sticky{right:2rem}
@media (max-width:1024px){
.siteup{bottom:1rem}
.siteup.sticky{right:1rem}
}

.contact-button{display:inline-block;border-radius:50%;color:#fff;background-color:#1d1d1b;padding:0;text-align:center;width:4rem;height:4rem;line-height:3.8rem;font-size:1.4rem;position:relative;transition:all .25s ease-in-out;position:fixed;left:2rem;bottom:2rem;z-index:32; opacity: 0; transform: scale(.8); animation: contact 1s 3.2s forwards;}
.contact-button:hover{background-color:#1d1d1b;color:#fff}
.contact-button:hover:before{animation:contact-button 1.5s ease-out infinite}
.contact-button:hover:after{animation:contact-button 1.5s ease-out .4s infinite}
.contact-button:after,.contact-button:before{content:"";display:block;position:absolute;top:0;left:0;z-index:-1;background-color:#757575;width:100%;height:100%;border-radius:50%;opacity:0;transition:all .25s ease-in-out}
@keyframes contact {
	to { opacity: 1; transform: scale(1);}
}

@media (max-width:1024px){
.contact-button{width:4rem;height:4rem;line-height:3.8rem;left:1rem;bottom:1rem;z-index:32}
}
@keyframes contact-button{
0%{opacity:.8;transform:scale(1)}
70%{opacity:0;transform:scale(1.5)}
100%{opacity:0}
}

.lightbox{cursor:pointer;position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,1);-webkit-filter:none!important;filter:none!important;z-index:999999999999!important}
.lightbox img{display:block;position:absolute}
.lightbox-loading{background:url(../images/loading.gif) center center no-repeat;width:80px;height:80px;margin:-20px 0 0 -16px;position:absolute;top:50%;left:50%}
.lightbox-caption{display:none;position:absolute;left:0;bottom:0;width:100%;text-align:center;z-index:9998}
.lightbox-caption p{margin:0 auto;max-width:70%;display:inline-block;padding:10px;color:#fff;font-size:12px;line-height:18px}
.lightbox-button{position:absolute;z-index:9999;background:no-repeat center center;width:60px;height:60px;opacity:.9;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;transition:all .3s;background-size:35px}
.lightbox-button:focus,.lightbox-button:hover{opacity:1}
.lightbox-close{right:30px;top:20px;background-image:url(../svg/close.svg)}
.lightbox-nav{top:47%;width:100%;margin-top:-16px}
.lightbox-nav-next{right:30px;width:60px;height:60px;background-image:url(../svg/next.svg);background-size:80px}
.lightbox-nav-prev{left:30px;width:60px;height:60px;background-image:url(../svg/prev.svg);background-size:80px}

.animation-element{opacity:.1;position:relative}
.animation-element.anime-left{transition:all 1s 1s linear;transform:translate3d(-100px,0,0)}
.animation-element.anime-left.in-view{opacity:1;transform:translate3d(0,0,0)}
.animation-element.anime-right{transition:all 1s 1s linear;transform:translate3d(100px,0,0)}
.animation-element.anime-right.in-view{opacity:1;transform:translate3d(0,0,0)}
.animation-element.anime-top{transition:all 1s 1s linear;transform:translate3d(0,100px,0)}
.animation-element.anime-top.in-view{opacity:1;transform:translate3d(0,0,0)}
.animation-element.anime-bottom{transition:all 1s 1s linear;transform:translate3d(0,100px,0)}
.animation-element.anime-bottom.in-view{opacity:1;transform:translate3d(0,0,0)}
.animation-element.anime-zoom{transition:all 1s 1s linear;transform:scale(.9)}
.animation-element.anime-zoom.in-view{opacity:1;transform:scale(1)}

.modal,.modal-box{z-index:999999999}
.modalOverlay{position:fixed;width:100%;height:100%;top:0;left:0;background:0 0}
.modal{display:none;position:fixed;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,.6);overflow:auto}
.modal .modal-box{position:relative;width:50%;margin:4rem auto;animation-name:modalbox;animation-duration:.3s;animation-timing-function:ease-out;background-color:#111;padding:0;border-radius:2px;overflow:hidden}
.modal .modal-header{padding:25px 0 0 0;position:relative;display:block;text-align:center;overflow:hidden}
.modal .modal-header .modal-header-title{font-size:2rem;color:#fff;font-weight:300}
.modal .modal-header .close{display:block;width:35px;height:35px;overflow:hidden;text-align:center;border:none;padding:0;margin:1rem;position:absolute;top:0;right:0;background:#ddd url(../svg/close.svg) center center no-repeat;background-size:15px;opacity:1;transition:.2s}
.modal .modal-header .close:hover{opacity:1}
.modal .modal-body{font-size:16px;padding:25px;color:#fff}

@media (max-width:1024px){
.modal .modal-box{width:100%;margin:0;border-radius:0}
}