@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,200i,300,300i,400,400i,600,600i,700,700i,900,900i&subset=latin-ext);
*, ::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: #ffc40b; -webkit-transition: all .1s ease; transition: all .1s ease; }
b, strong { font-weight: 800; }
input { -webkit-border-radius: 0; border-radius: 0; }
body, html { width: 100%; margin: 0; padding: 0; }
body { font-family: 'Source Sans Pro',sans-serif; font-size: 1.2rem; overflow: hidden; overflow-y: scroll; color: #333e48; }
.ui-tooltip { width: auto; text-align: center; background-color: #000!important; box-shadow: none!important; padding: .2rem!important; border: 1px solid #222!important; }
.ui-tooltip-content { position: relative; padding: .2rem; font-weight: 600; font-size: .9rem; opacity: 1!important; color: #fff; }
@media (max-width:1024px) {
  .ui-tooltip { display: none!important; }
}
button, input, select, textarea { font-family: 'Source Sans Pro',sans-serif; }
.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 #ffc40b; 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: #fff; background-repeat: no-repeat; background-position: right 1rem top 1.2rem; background-size: 12px 12px; padding: 1rem 1.1rem; width: 100%; font-size: .9rem; color: #666; text-shadow: 0 -1px 0 rgba(0,0,0,.25); -webkit-border-radius: 3px; border-radius: 3px; -webkit-appearance: none; appearance: none; -webkit-transition: .3s ease all; transition: .3s ease all; border: 1px solid #dedede; }
select:active, select:focus { border: 1px solid #dedede; }
select:hover { background-color: #eee; border: 1px solid #dedede; }

table { width: 100%; border-collapse: collapse; text-align: left; font-size: 1rem; }
table th { padding: 1rem 0; color: #d04a41; }
table td { padding: 1rem 0; vertical-align: top; }
table td input { margin: 0; padding: 0; }
table tr { border-bottom: 1px solid #dedede; }
table tr:last-child { border-bottom: 0; }
table td:first-child { font-weight: 700; }

#container { width: 100%; height: 100%; margin: 0; padding: 0; overflow-x: hidden; overflow-y: auto; }
.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: 0; z-index: 15; }
header .wrapper { display: block; width: 90%; margin: 0 auto; max-height: 250px; position: relative; transition: .3s; }
header .header { display: block; width: 90%; margin: 0 auto; position: relative; }
header.sticky .wrapper { max-height: 0; overflow: hidden; }
@media (max-width:1024px) {
  header { top: 0; overflow: hidden; }
  header .header { width: 100%; }
  header.sticky { top: 0; position: absolute; }
}
.logo { width: 320px; height: 150px; margin: 0 auto; display: block; overflow: hidden; transition: .1s; cursor: pointer; background-position: center center; background-repeat: no-repeat; background-image: url(../images/logo.png); background-size: 95%; }
@media (max-width:1024px) {
  .logo { width: 175px; height: 150px; background-size: 100%; }
}
.upper-right { display: block; position: absolute; right: 0; top: 3rem; }
@media (max-width:1024px) {
  .upper-right { display: block; float: right; margin: 0; }
}

.topnav { display: block; height: 100%; margin: 0; padding: 0; position: absolute; left: 0; top: 3rem; }
.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; line-height: 1; color: #fff; }
.topnav li i { padding: 0 1rem; color: #ffc40b; font-size: 1.4rem; float: left; }
.topnav li:hover a { color: #ffc40b; }
@media (max-width:1390px) {
  .topnav { display: none; }
}

.flag { display: block; position: relative; z-index: 999; position: absolute; left: 18%; top: 3rem; margin: 0; padding: 0; }
.flag>li { display: block; padding: 0 .4rem; font-size: 1rem; position: relative; }
.flag>li>a { display: block; color: #fff; padding: 0; margin: 0; font-size: 1rem; }
.flag>li>ul { position: absolute; top: 100%; left: 0; display: none; width: 110px; margin: 0; padding: 1rem 0 0 0; }
.flag>li:hover>ul { display: block; }
.flag ul li { display: block; overflow: hidden; }
.flag ul li a { display: block; padding: .2rem .4rem; overflow: hidden; border-bottom: 1px solid #333; background-color: #444; color: #fff!important; }
.flag ul li a:hover { background-color: #333; }
.flag ul li img { width: 24px; vertical-align: bottom; float: left; }
.flag ul li a:after { float: right; }
.flag ul li:nth-child(1) a:after { content: "TR"; }
.flag ul li:nth-child(2) a:after { content: "EN"; }
.flag ul li:nth-child(3) a:after { content: "AR"; }
.flag ul li:nth-child(4) a:after { content: "RU"; }
.flag ul li:nth-child(5) a:after { content: "DE"; }
#google_translate_element { display: none; }
.skiptranslate { display: none!important; }
body { top: 0!important; }
@media (max-width:1024px) {
  .flag { display: block; float: left; position: relative; z-index: 999; position: absolute; left: 0; top: .4rem; }
}

.social-feed { display: block; overflow: hidden; float: right; }
.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(120%); }
.social-feed a.social_facebook:hover { color: #4b69b1; }
.social-feed a.social_linkedin:hover { color: #0274b3; }
.social-feed a.social_instagram:hover { color: #cf3053; }
.social-feed a.social_youtube:hover { color: red; }
.social-feed a.social_tiktok:hover { color: #bcbcbc; }
.social-feed.footer-social { float: none; }
.social-feed.footer-social a { width: auto; height: auto; line-height: auto; font-size: 2.2rem; margin: 0 1rem 0 0; color: #eee; }
@media (max-width:1440px) {
  .social-feed { display: none; }
  .social-feed.footer-social { display: block; }
}
.search { display: block; width: 50%; height: 3.2rem; margin: 0 0 0 25px; padding: 0; float: right; }
.search input { font-size: 1.1rem; background-color: #fff; height: 95%; width: 70%; margin: 0; padding: 0 1rem; color: #2d3236; border: none; float: left; }
.search button { width: 30%; float: right; height: 100%; line-height: 3rem; border: none; background: 0 0; color: #ffc40b; font-size: 1.4rem; cursor: pointer; }
.search.mobile { display: none; }
@media (max-width:1390px) {
  .search { display: block; width: 40%; }
}
@media (max-width:1024px) {
  .search { display: none; }
  .search.mobile { display: block; float: none; width: 100%; margin: 0; padding: 0; border-radius: 0; border: none; border-bottom: 1px solid #dedede; }
  .search.mobile input { font-size: 1rem; background: 0 0; height: 45px; width: 75%; margin: 0; padding: 0 15px; color: #ffc40b; border: none; float: left; }
}
.toggleMenu { color: #fff!important; z-index: 10000; text-align: center; overflow: hidden; width: 50px; height: 51px; line-height: 50px; -webkit-transition: .5s; transition: .5s; opacity: 1; display: none; font-family: FontAwesome; float: right; margin: 0; font-size: 2rem; position: fixed; top: 0; right: 0; }
.toggleMenu:before { content: "\f0c9"; }
.toggleMenu.toogle_hover:before { content: "\f00d"; }
header.sticky .toggleMenu { background-color: #ffc40b; color: #fff!important; }
nav { margin: 0; padding: 0; display: block; }
header.sticky nav { background-color: #555; }
.nav { margin: 0; padding: 0; list-style: none; position: relative; z-index: 250; text-align: center; }
.nav:after, .nav:before { content: ""; display: table; }
.nav:after { clear: both; }
.nav>li { display: inline-block; padding: 0; margin: 0; position: relative; }
.nav li a { display: block; font-size: 1rem; margin: 0; font-weight: 700; padding: 1rem .6rem; color: #fff; position: relative; }
.nav li a img { position: absolute; left: -2.4rem; top: .4rem; }
.nav li:hover>a { color: #111; background-color: #ffc40b; opacity: 1; }
.nav li:hover>a:before { height: .4rem; }
.nav li ul { position: absolute; list-style: none; width: 275px; display: none; margin: 0; padding: 0; transition: .3s; }
.nav li:hover>ul { display: block; }
.nav li li li:hover ul, .nav li li:hover ul { display: block; top: 0; padding: 0; }
.nav li li { border: none; margin: 0; padding: 0; position: relative; }
.nav li li a { display: block; background-color: #ffc40b; height: auto; color: #111; padding: 1rem .6rem; font-size: .9rem; text-align: left; }
.nav li li:last-child a { border-bottom: 0; }
.nav li li li a { display: block; background: #7c7c7c; font-size: .8rem; height: auto; color: #fff; padding: 0 15px; text-align: left; line-height: 40px; font-weight: 300; }
.nav li ul li a:hover, .nav li ul li:hover>a { color: #fff; background-color: #d8a50b; }
@media (max-width:1024px) {
  nav { display: block; overflow: hidden; height: auto; background: 0 0; margin: 0; padding: 0; }
  .nav { width: 250px; height: 100%; min-height: 100%; margin: 0; padding: 0; position: fixed; display: none; overflow: hidden; z-index: 9999999; top: 0; left: 0; background: #fff; overflow-y: auto; border-right: 1px solid #dedede; }
  .nav>li { width: 100%; display: block; padding: 0; margin: 0; position: relative; border-bottom: 1px solid #eee; }
  .nav>li>a.parent:after { color: #ffc40b; float: right; font-size: .8rem; position: absolute; right: 1rem; top: .2rem; }
  .nav>li a { display: block; color: #444; font-size: 1.1rem; height: 50px; padding: 0 20px; line-height: 50px; text-align: left; font-weight: 800; transition: .3s; -webkit-transition: .3s; border-bottom: 0; }
  .nav li:hover>a { background: #444; color: #ffc40b; }
  .nav li a:hover { color: #fff; }
  .nav li ul { list-style: none; width: 100%; position: static; margin: 0; padding: 0; }
  .nav li ul li { border: none; margin: 0; padding: 0; position: relative; }
  .nav li ul li a { color: #fff; padding: 0 1.3rem; font-weight: 500; height: auto; font-size: 1rem; background: #444; border-bottom: 0; }
  .nav li li.hover ul, .nav li.hover>ul { position: static; }
}
.video_banner { display: block; width: 100%; height: 100vh; overflow: hidden; margin: 0; position: relative; z-index: 0; }
.video { min-width: 100%; min-height: 100%; overflow: hidden; z-index: 0; position: absolute; border: 0!important; filter: grayscale(100%); }
@media (max-width:1024px) {
  .video_banner { height: 100vh; margin: 0; }
  .video { width: 100%; z-index: 1; transform: scale(3.2); }
}
.scrollbutton { position: absolute; width: 100%; bottom: 5%; z-index: 2; -webkit-transition: .3s; transition: .3s; -webkit-transform: scale(1); transform: scale(1); display: block; }
.scrollbutton .scrolldown { width: 100px; height: 100px; 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 center; background-size: 3rem; animation: arrowDown .8s infinite; transform: translateY(0); }
@media (max-width:1024px) {
  .scrollbutton { bottom: 0; }
  .scrollbutton .scrolldown { background-size: 2rem; }
}
@keyframes arrowDown {
  0% { transform: translateY(20px); opacity: .3; }
  100% { transform: translateY(0); opacity: 1; }
}
.banner { width: 100%; margin: 0; padding: 0; }
.banner .owl-item { margin: 0!important; padding: 0!important; overflow: hidden; }
.banner .owl-item img { width: 100%; height: 100vh; vertical-align: bottom; }
.banner .owl-nav span { display: none; }
.banner .owl-nav .owl-next, .banner .owl-nav .owl-prev { font-size: 2rem!important; width: 4rem; height: 4rem; border-radius: 50%; background-color: #ffc40b!important; }
.banner .owl-nav .owl-prev:before { font-family: FontAwesome; content: "\f104"; }
.banner .owl-nav .owl-next:after { font-family: FontAwesome; content: "\f105"; }
.banner .owl-nav button.owl-prev { left: 1rem; }
.banner .owl-nav button.owl-next { right: 1rem; }
.banner .owl-nav button { position: absolute; top: 60%; transform: translateY(-60%); color: #fff!important; }
@media (max-width:1024px) {
  .banner .owl-nav button { top: 80%; display: none; }
  .banner .owl-item img { height: 100vh; }
}
.caption { width: 100%; height: 100%; padding: 23% 0 0 0; margin: 0; z-index: 999; position: absolute; top: 0; color: #fff; background-color: rgba(17,27,37,.7); background-image: radial-gradient(#000 1%,transparent 1%); background-size: 5px 5px; }
.caption-desc, .caption-link, .caption-title { width: 50%; display: block; overflow: hidden; color: #fff; padding: 0; margin: 0 auto; position: relative; line-height: 110%; opacity: 0; }
.caption-title { font-size: 4rem; font-weight: 800; animation: title .2s .4s linear forwards; }
.caption-desc { font-size: 1.2rem; font-weight: 300; padding: 1rem 0; animation: desc .2s .5s linear forwards; }
.caption-link { display: block; padding: 2rem 0; opacity: 0; animation: link .2s .6s linear forwards; }
.caption-link a { width: 250px; display: block; padding: 1.2rem 0; font-size: 1.2rem; background-color: #ffc40b; color: #fff; font-weight: 600; text-align: center; border-radius: .4rem; }
@media (max-width:1120px) {
  .caption { padding: 50% 10% 0 10%; }
  .caption-desc, .caption-title { width: 100%; }
  .caption-title { font-size: 2.6rem; }
  .caption-desc { font-size: 1rem; }
  .caption-link { display: block; width: 200px; margin: 0; }
  .caption-link a { width: 100%; font-size: 1rem; }
}
@keyframes title {
  from { opacity: 0; }
  to { opacity: 1; }
}
@keyframes desc {
  from { opacity: 0; }
  to { opacity: 1; }
}
@keyframes link {
  from { opacity: 0; }
  to { opacity: 1; }
}
.headline { width: 100%; margin: 1rem auto; display: block; text-align: center; overflow: hidden; }
.headline:before { content: ""; display: block; width: 6rem; height: .5rem; background-color: #ffc40b; margin: 1rem auto; border-radius: 10rem; }
.headline h1, .headline h2, .headline h3, .headline h4 { margin: 0; padding: 0; line-height: 115%; }
.headline h1 { font-size: 3rem; color: #2d3236; font-weight: 700; }
.headline h2 { font-size: 1.2rem; width: 75%; margin: 1rem auto; font-weight: 300; color: #2d3236; }
.headline h3 { font-size: 2.4rem; color: #2d3236; font-weight: 700; }
.headline h4 { font-size: 1.2rem; margin: 1rem auto; font-weight: 300; color: #2d3236; }
.headline p { margin: .6rem 0; padding: 0; }
.headline.text-light * { color: #fff; }
.headline.text-light:before { background-color: #ffc40b; }
.headline.text-light:after { background-color: #ffc40b; }
.headline.text-left { text-align: left; }
.headline.text-left:before { margin: 1rem 0; }
@media (max-width:1024px) {
  .headline { width: 100%; margin: 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: 3rem 0; padding: 1.2rem 1rem; background-color: #ffc40b; color: #21615e!important; font-weight: 700; font-size: 1.4rem; 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: #ffc40b; border-width: 25px; margin-left: -25px; }
@media (max-width:1024px) {
  .readmore { margin: 2.5rem auto; }
}
.section { width: 100%; margin: 0; padding: 3rem 0; overflow: hidden; }
.section .wrapper { width: 1280px; text-align: center; }

.section99 { padding: 0; margin: 0; height: 210px; background-color: #333; }
.section99 .wrapper { width: 100%; text-align: left; }
@media (max-width:1024px) {
  .section99 { height: 160px; }
}

.section1 { padding: 0; margin: 0; }
.section1 .wrapper { width: 100%; text-align: left; }
.about-left { width: 100%; padding: 10% 30% 10% 10%; margin: 0 auto; color: #111; background-color: #eee; position: relative; background-size: cover; background-repeat: no-repeat; background-position: center center; overflow: hidden; }
.about-left .video { top: 0; left: 0; filter: grayscale(20%); opacity: .5; }
.about-left h3 { font-size: 4rem; }
.about-right { width: 100%; padding: 3rem 15%; margin: 0 auto; background-color: #ffc40b; color: #fff; }
.about { display: flex; flex-wrap: wrap; justify-content: space-between; font-size: 1.3rem; }
.about-icon { display: block; width: 30%; margin: 5rem 0; text-align: center; }
.about-icon i { display: block; width: 8rem; height: 8rem; line-height: 8rem; margin: 0 auto; text-align: center; font-size: 2.6rem; color: #ffc40b; background-color: #fff; border-radius: 50%; }
.about-icon-text { display: block; padding: 1rem; }
.about-icon-text h4 { margin: .6rem 0; padding: 0; font-size: 1.6rem; font-weight: 800; }
.about-icon-text span { font-size: 1rem; }
@media (max-width:1024px) {
  .section1 { padding: 0; margin: 0; }
  .about-left { width: 100%; padding: 2rem; }
  .about-right { width: 100%; padding: 2rem; }
  .about-icon { width: 100%; margin: 2rem 0; }
}
.section3 { background-color: #fff; }
.section3 .wrapper { width: 85%; text-align: left; }

.tab-button { display: flex; flex-wrap: wrap; justify-content: center; padding: 3rem 0; }
.tab-link { margin: 0 1%; list-style: none; padding: 10px; color: #aaa; cursor: pointer; font-weight: 700; transition: all ease .5s; border-bottom: solid 3px rgba(255,255,255,0); letter-spacing: 1px; }
.tab-link:hover { color: #999; border-color: #999; }
.tab-link.active { color: #333; border-color: #333; }
.tab-content { display: none; text-align: center; overflow: hidden; color: #888; font-weight: 300; font-size: 15px; opacity: 0; transform: translateY(15px); animation: fadeIn .5s ease 1 forwards; }
.tab-content.active { display: block; }
@media (max-width:1024px) {
  .tab-link { margin: 0; width: 100%; text-align: center; border: solid 3px rgba(255,255,255,0); letter-spacing: 1px; }
  .tab-link.active { color: #333; border-color: #ffc40b; background-color: #dedede; }
}
@keyframes fadeIn {
  100% { opacity: 1; transform: none; }
}
.blocks { display: flex; flex-wrap: wrap; justify-content: space-between; }
.blocks-col { width: 23%; display: block; margin: 1% 0; position: relative; overflow: hidden; border: 1px solid #dedede; }
.blocks-col img { width: 100%; vertical-align: bottom; transition: .1s; position: relative; z-index: 0; }
.blocks-header { display: block; width: 100%; height: 100%; overflow: hidden; color: #111; padding: 2rem; position: static; top: 0; left: 0; background-color: rgba(0,0,0,0); transition: .3s; }
.blocks-title { display: block; margin: 0; font-weight: 700; font-size: 1.2rem; }
.blocks-title:after { content: ""; background-color: #ffc40b; width: 30%; height: .3rem; border-radius: 1rem; margin: .4rem auto; display: block; font-size: 2rem; text-align: center; transition: .2s; }
.blocks-url { font-size: 1rem; display: block; }
.blocks-summary { display: block; margin: 1rem 0 0 0; font-size: 1.1rem; }
.blocks-col:hover .blocks-header { background-color: rgba(0,0,0,.6); color: #fff; }
.blocks-col:hover img { transform: scale(1.1) translateY(-15px); }
@media (max-width:1024px) {
  .section3 .wrapper { width: 90%; }
  .blocks { display: flex; flex-wrap: wrap; justify-content: space-between; }
  .blocks-col { width: 100%; margin: 0 0 1rem 0; }
  .blocks-title { font-size: 2.4rem; }
  .blocks-summary { font-size: .8rem; }
}
.section5 { background-color: #fff; }
.section5 .wrapper { width: 1280px; }
.partners { display: block; margin: 4rem 0 0 0; padding: 0; overflow: hidden; }
.partners .owl-item { margin: 0!important; padding: 0 .6rem!important; }
.partners .owl-item a { display: block; width: 100%; background-color: #fff; padding: 0; border: 1px solid #dedede; }
.partners .owl-item img { width: 100%; vertical-align: bottom; filter: grayscale(0); }
.partners .owl-nav span { display: none; }
.partners .owl-nav .owl-next, .partners .owl-nav .owl-prev { font-size: 2rem!important; color: #2d3236; }
.partners .owl-nav .owl-prev:before { font-family: FontAwesome; content: "\f104"; }
.partners .owl-nav .owl-next:after { font-family: FontAwesome; content: "\f105"; }
.partners .owl-nav button.owl-prev { left: -2rem; }
.partners .owl-nav button.owl-next { right: -2rem; }
.partners .owl-nav button { position: absolute; top: 45%; transform: translateY(-50%); color: #2d3236!important; }
@media (max-width:1024px) {
  .section5 { padding: 3rem 0 0 0; }
  .section5 .wrapper { width: 90%; }
}
.section6 { padding: 4rem 0; background-color: #1a2227; }
.section6 .wrapper { width: 70%; display: block; }
@media (max-width:1024px) {
  .section6 .wrapper { width: 90%; }
}
.heading { width: 100%; margin: 2rem auto; display: block; text-align: center; overflow: hidden; }
.heading:before { content: ""; display: block; width: 6rem; height: .4rem; background-color: #d6440f; margin: 1rem auto; border-radius: 10rem; }
.heading h1, .heading h2 { margin: 0; padding: 0; line-height: 115%; }
.heading h1 { font-size: 2.6rem; color: #2d3236; font-weight: 700; }
.heading h2 { font-size: 1.2rem; width: 75%; margin: 1rem auto; font-weight: 300; color: #2d3236; }
@media (max-width:1024px) {
  .heading { margin: 0 auto; }
  .heading h1 { font-size: 2rem; }
}
.section8 { padding: 2rem 0; background-color: #fff; }
.section8 .wrapper { width: 80%; display: block; text-align: left; }
@media (max-width:1024px) {
  .section8 { padding: 2rem 0; background-color: #fff; }
  .section8 .wrapper { width: 90%; display: block; text-align: left; }
}

.videos { display: flex; flex-wrap: wrap; justify-content: space-between; }
.videos iframe { width: 49%; height: 450px; margin: 1rem 0; border: 1px solid #ccc; }

.products { width: 100%; margin: 2rem 0; padding: 0; display: block; font-weight: 600; }
.products li { display: block; float: left; width: 23%; padding: .6rem; margin: 0 2.6% 2.6% 0; transition: .3s linear; position: relative; overflow: hidden; background-color: #fff; border: 1px solid #dedede; border-radius: .1rem; box-shadow: 0 0 .5rem #ccc; }
.products li img { width: 100%; }
.products li:nth-child(4n+0) { float: right; margin: 0 0 2.5% 0; }
.products>li>a { width: 100%; padding: 0; display: block; overflow: hidden; text-align: center; position: relative; }
.products li:hover { border: 1px solid #ccc; }

.badge { width: 120px; height: 55px; line-height: 75px; text-align: center; position: absolute; top: -10px; left: -42px; color: #fff; font-size: 1rem; font-weight: 700; transform: rotate(-45deg); z-index: 10; }
.badge.new { background-color: #ffc40b; }
.badge.discount { background-color: #e71926; }

.data { display: block; text-align: left; border-top: 0 solid #dedede; padding: 1rem 1rem 2rem 1rem; text-align: center; }
.data span { display: block; font-size: 1rem; pointer-events: none!important; }
.data span a { color: #999!important; pointer-events: none!important; }
.data span.name { font-weight: 600; font-size: 1.4rem; }
.data span.code, .data span.code a { font-size: 1rem; color: #999!important; pointer-events: none!important; }
.data span.price { font-size: 2rem; color: #e71926; color: #2d3236; }
.data span.price i { font-size: 1rem; display: inline-block; height: 31px; vertical-align: middle; font-weight: 300; text-decoration: line-through; color: #666; }

.process { display: block; padding: 0; min-height: 50px; }
.process a { display: none!important; cursor: pointer; text-align: center; font-size: 1.2rem; border-radius: .4rem; border: none; padding: 1rem .6rem; margin: 0; background-color: #ffc40b; color: #fff; width: 100%; position: absolute; bottom: 1.4%; width: 94%; z-index: 10; font-weight: 700; }
.process a i { margin: 0 1rem 0 0; }
.products li:hover .process a { display: block!important; }
@media (max-width:1024px) {
  .section3 .wrapper { width: 90%; }
  .products { display: flex; flex-wrap: wrap; justify-content: space-between; }
  .products li { display: block; width: 48%; float: none; margin: 0 0 3% 0; }
  .products li:nth-child(4n+0) { float: none; margin: 0 0 3% 0; }
  .badge { font-size: .8rem; }
  .data span.name { font-weight: 600; font-size: 1.2rem; }
  .process>a { display: block; font-size: .9rem; padding: 1rem 0; bottom: 1.4%; width: 89%; }
}
aside { width: 40%; float: left; display: block; margin: 2rem 0; }
aside>a { display: block; }
aside>a>img { width: 100%; vertical-align: bottom; border: 2px solid #dedede; }
main { width: 55%; float: right; display: block; margin: 2rem 0; }
.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 .1rem; font-size: 1.2rem; 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; }
}

.button { cursor: pointer; border: none; overflow: hidden; padding: 1rem; font-weight: 700; font-size: 1.2rem!important; color: #fff; border-radius: .4rem; }
.button:hover { opacity: .9; }
.button-icon { font-size: 1.4rem; height: 25px; margin-right: 5px; float: left; }
.button-icon-data { font-size: 1.8rem; float: left; }
.button-comment { display: block; width: 150px; margin: 0 auto; }
.button-exit { display: block; width: 180px; margin: 0; }
.btngroup { display: flex; flex-wrap: wrap; justify-content: space-between; }
.btngroup button { width: 49%; margin: 0 0 .6rem 0; }
.btn-red { background-color: #eb6020; }
.btn-dark { background-color: #111; }
.btn-light { background-color: #dedede; }
.btn-lightgray { background-color: #5c5c5c; }
.btn-blue { background-color: #1a93f7; }
.btn-green { background-color: #68a11d; }
.btn-white { background-color: #fff; }
.btn-transparent { background-color: transparent; }
.btn-disabled { background-color: #dedede; }
.btn-active { background-color: #eb6020; }
.btn-margin { margin: 10px 0; }
.btn-margin2 { margin: 0 0 10px 0; }
.btn-fill { width: 100%; }
.btn-large { padding: 10px 15px; font-size: 1.2rem; }
.btn-small { padding: 3px 10px; }
.btn-icon { padding: 5px 7px; font-size: 1rem; height: 30px; margin-right: 5px; float: left; }
.btn-radius { border-radius: 3px!important; -webkit-border-radius: 3px!important; -moz-border-radius: 3px!important; -ms-border-radius: 3px!important; -o-border-radius: 3px!important; }

.gallery { display: flex; flex-wrap: wrap; margin: 2rem 0; }
.gallery-col { width: 25%; display: block; margin:0; position: relative; overflow: hidden; }
.gallery-col img { width: 100%; vertical-align: bottom; transition: .2s; border: 1px solid #dedede; }
.gallery-col:hover img { filter: brightness(120%); }

.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 #dedede; color: #444; background-color: #fff; }
.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: #ee2d34; 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; 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; }
}

#map_container { width: 100%; height: 450px; position: relative; z-index: 0; filter: gray; opacity: .9; -webkit-filter: grayscale(50%); -webkit-transition: .5s; transition: .5s; border: 2px solid #dedede; }
#map_container iframe { position: absolute; width: 100%; height: 100%; }
.contact_info { display: block; overflow: hidden; margin: 25px 0 40px 0; font-weight: 600; padding: 0; font-size: 1.2rem; text-align: center; }
.contact_info .row { display: block; width: 30%; margin: 0 5% 0 0; min-height: 200px; float: left; padding: 1rem; line-height: 110%; color: #555; border: 1px solid #dedede; }
.contact_info .row a { display: block; }
.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: #444; }
@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: 50px; line-height: 50px; background-color: #fff; color: #444; border: 1px solid #dedede; -webkit-transition: .2s; transition: .2s; }
.form_row textarea { height: 180px; }
.form_row input:focus, .form_row textarea:focus { border: 1px solid rgb(197, 62, 62); background: #f7f7f7; }
.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: #353535; 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(130%); }
@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; }
}

.hrform { margin: 25px 0 0 0; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; }
.hrform .cls { width: 100%; display: block; overflow: hidden; }
.hrform .cls strong { display: block; margin: 0 0 20px 0; color: #777; font-size: 1em; }
.hrform .cls input[type=text] { width: 100%; font-size: 14px; display: block; padding: 0 20px; height: 45px; line-height: 45px; background-color: #fff; color: #444; border: 1px solid #ccc; -webkit-transition: .2s; transition: .2s; margin: 0 0 15px 0; }
.hrform .cls textarea { width: 100%; font-size: 14px; display: block; padding: 10px 20px; margin: 0 0 15px 0; height: 150px; background-color: #fff; color: #444; border: 1px solid #ccc; -webkit-transition: .2s; transition: .2s; }
.hrform .cls input[type=submit] { width: 200px; height: 55px; line-height: 40px; font-size: 1rem; font-weight: 700; margin: 15px 0 0 0; padding: 0; float: right; display: block; border: none; background-color: #353535; color: #fff; cursor: pointer; border-radius: 5px; }
.hrform .cls .upload { width: 125px; height: 40px; border-radius: 5px; overflow: hidden; background: url(../images/upload.jpg) top center no-repeat; background-size: 100%; color: #fff; margin: 0 0 10px 0; }
.hrform .cls .upload:hover { opacity: .8; }
.hrform .cls .upload>input { display: block!important; width: 130px!important; height: 30px!important; opacity: 0!important; overflow: hidden!important; position: relative; z-index: 9999; background: 0 0; cursor: pointer; }
.hrform .cls .security { width: 100%; padding: 1rem; margin: 1rem 0; font-weight: 800; background: #eee; font-size: 20px; color: #1a1a1a; }
@media (min-width:1024px) {
  .hrform .cls { width: 30%; }
}

footer { width: 100%; display: block; padding: 7rem 0; margin: 0; color: #fff; position: relative; border-top: 1px solid #222; background-color: #2d3236; }
footer .wrapper { display: block; width: 80%; margin: 0 auto; }
.columns { display: flex; flex-wrap: nowrap; justify-content: space-between; padding: 0; font-size: 1.2rem; }
.columns .cols { display: block; width: 30%; }
.columns .cols:nth-child(1) { width: 40%; }
.columns .title { display: block; overflow: hidden; font-weight: 700; padding: 0; font-size: 2rem; margin: 2rem 0; color: #fff; }
.columns .link { margin: 1rem 0; display: block; }
.columns .link a { color: #dedede; font-weight: 400; display: inline; font-size: 1.2rem; }
.columns .link a:hover { color: #ffc40b; }
.contact_row { display: block; margin: 1rem 0; overflow: hidden; }
.contact_row>i { float: left; display: block; width: 2.6rem; height: 2.6rem; line-height: 2.6rem; padding: 0; margin: 0 1rem 0 0; border-radius: .6rem; background-color: #ffc40b; text-align: center; }
.contact_row>span { float: left; display: block; width: 80%; padding: .4rem 0; }
.contact_row>span a { color: #fff; }
@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:nth-child(1) { 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.6rem; color: #fff; position: relative; cursor: pointer; background: #ffc40b; }
.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: 80%; margin: 0 auto; }
.copyright { display: block; font-weight: 400; margin: 0; float: left; }
.copyright p { color: #777; margin: 0; padding: 0; }
.copyright p span { color: #777; }
.copyright p strong { color: #e2294f; font-weight: 800; }
.webtasarim { display: block; margin: 0; float: right; }
.webtasarim a { display: block; }
.webtasarim img { width: 4rem; }
@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: 30px; right: -60px; display: block; width: 60px; height: 60px; line-height: 60px; font-size: 1rem; color: #fff; overflow: hidden; background: #1d1d1b; -webkit-transition: .3s; transition: .3s; z-index: 999; border-radius: 50%; text-align: center; }
.siteup.sticky { right: 30px; }
@media (max-width:1024px) {
  .siteup { bottom: 10px; right: -50px; width: 50px; height: 50px; line-height: 50px; background-size: 22px; }
}

.whatsapp { width: 60px; height: 60px; line-height: 60px; -webkit-transition: .5s; transition: .5s; margin: 0; padding: 0; border-radius: 50%; overflow: hidden; background: url(../svg/whatsapp.svg) center center no-repeat; background-size: 28px; background-color: #43a71b; position: fixed; bottom: 1rem; left: 1rem; z-index: 99; }
.whatsapp.mobile { display: none; }
@media (max-width:1024px) {
  .whatsapp { display: none; }
  .whatsapp.mobile { display: block; bottom: 10px; left: 10px; width: 50px; height: 50px; line-height: 50px; background-size: 22px; }
}

.lightbox { cursor: pointer; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: #fff; -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: 0; position: relative; }
.animation-element.anime-left { opacity: 0; transition: all .5s linear; transform: translate3d(-100px,0,0); }
.animation-element.anime-left.in-view { opacity: 1; transform: translate3d(0,0,0); }
.animation-element.anime-right { opacity: 0; transition: all .5s linear; transform: translate3d(100px,0,0); }
.animation-element.anime-right.in-view { opacity: 1; transform: translate3d(0,0,0); }
.animation-element.anime-top { opacity: 0; transition: all .5s .1s linear; transform: translate3d(0,100px,0); }
.animation-element.anime-top.in-view { opacity: 1; transform: translate3d(0,0,0); }
.animation-element.anime-bottom { opacity: 0; transition: all .5s .1s linear; transform: translate3d(0,100px,0); }
.animation-element.anime-bottom.in-view { opacity: 1; transform: translate3d(0,0,0); }
.animation-element.anime-zoom { opacity: 0; transition: all .5s linear; transform: scale(0); }
.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: 40%; margin: 100px auto; animation-name: modalbox; animation-duration: .3s; animation-timing-function: ease-out; background-color: #fff; padding: 0; border-radius: 2px; overflow: hidden; }
.modal .modal-header { padding: 0; position: relative; display: block; }
.modal .modal-header .modal-header-title { font-size: 1rem; color: #0c304a; font-weight: 600; }
.modal .modal-header a.close { display: block; width: 35px; height: 35px; overflow: hidden; text-align: center; line-height: 25px; border: none; padding: 0; margin: 0; position: absolute; top: 0; right: 0; background: #dedede url(../svg/close.svg) center center no-repeat; background-size: 15px; opacity: 1; transition: .2s; z-index: 99; }
.modal .modal-header a.close:hover { opacity: 1; }
.modal .modal-body { font-size: 16px; padding: .4rem .4rem .2rem .4rem; color: #75818c; }
.modal .modal-body video { width: 100%; position: relative; z-index: 0; }
@media (max-width:1024px) {
  .modal .modal-box { width: 100%; margin: 0; border-radius: 0; }
}