@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap);
[data-icon]:before { font-family: ElegantIcons; content: attr(data-icon); font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
* { font-family: "Montserrat",sans-serif!important; }
*, ::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: #aa927a; }
b, strong { font-weight: 700; }
ul { list-style: none; margin: 0; padding: 0;}
::-webkit-scrollbar { background-color: #dedede; width: .5em; position: fixed; z-index: 91; }
::-webkit-scrollbar-thumb, ::-webkit-scrollbar-thumb:window-inactive { cursor: pointer; background-color: #aa927a; }
input { -webkit-border-radius: 0; border-radius: 0; }
html { margin: 0; padding: 0; }
body, html { height: 100%; }
html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased!important; -ms-overflow-style: scrollbar; }
body { width: 100%; margin: 0; background: #fff; padding: 0; font-size: 1rem; font-weight: 300; overflow-x: hidden; overflow-y: scroll; color: #333e48; }
.clear { clear: both; }
.clear.margin { height: 20px; }
.ui-tooltip { width: auto; text-align: center; background: #111!important; box-shadow: none!important; padding: 0; border: 1px solid #777!important; }
.ui-tooltip-content { position: relative; padding: .26rem; font-weight: 600; color: #fff; }
@media (max-width:1024px) {
  .ui-tooltip { display: none!important; }
}
#loading { width: 100%; height: 100%; display: none!important; overflow: hidden; margin: 0; padding: 0; top: 0; left: 0; position: fixed; z-index: 999999999; max-height: 100%; min-height: 100%; background: #fff; }
#loading .loader { margin: 20% auto 0 auto; position: relative; text-indent: -9999em; border-top: .3em solid #aa927a; border-right: .3em solid #fff; border-bottom: .3em solid #fff; border-left: .3em solid #eee; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation: load8 1.1s infinite linear; animation: load8 1.1s infinite linear; border-radius: 50%; }
#loading .loader, #loading .loader:after { width: 3em; height: 3em; }
#loading .loader-text { display: block; overflow: hidden; text-align: center; font-weight: 400; font-size: 1rem; margin: 10px 0 0 0; color: #222; }
@-webkit-keyframes load8 {
  0% { -webkit-transform: rotate(0); transform: rotate(0); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes load8 {
  0% { -webkit-transform: rotate(0); transform: rotate(0); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
.siteup { position: fixed; bottom: 1rem; 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: 1rem; }
.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) {
  .siteup { bottom: 10px; right: -50px; width: 50px; height: 50px; line-height: 50px; background-size: 22px; }
  .siteup.sticky { right: 10px; }
  .whatsapp { display: none; }
  .whatsapp.mobile { display: block; bottom: 10px; left: 10px; width: 50px; height: 50px; line-height: 50px; background-size: 22px; }
}
table { width: 100%; border-collapse: collapse; text-align: left; font-size: .7rem; }
table th { padding: 5px 5px; color: #91d041; }
table td { padding: 5px 5px; }
table td input { margin: 0; padding: 0; }
table+tr { border-bottom: 1px solid #444; }
table tr:nth-child(even) { background: #333; }
table tr:last-child { border-bottom: 0; }
.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 10px top 15px; background-size: 12px 12px; padding: .8rem; width: 100%; font-family: arial; font-size: .9rem; color: #111; border: 1px solid #dedede; text-shadow: 0 -1px 0 rgba(0,0,0,.25); -webkit-border-radius: 3px; border-radius: 3px; -webkit-appearance: none; appearance: none; 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 { outline: 0; }
select:hover { background-color: #ccc; }
#container { display: block; width: 100%; margin: 0; padding: 0; }
.container { display: block; width: 100%; margin: 0; padding: 0; }
.container .wrapper { width: 85%; margin: 0 auto; padding: 0; }
@media (max-width:1024px) {
  .container .wrapper { width: 93%; }
}
header { display: block; width: 100%; margin: 0; padding: 1rem 0; -webkit-transition: .1s; transition: .1s; top: 0; position: fixed; top: 0; z-index: 11; }
header.sticky { padding: 0; background-color: #fff; border-bottom: 1px solid #dedede; }
header .wrapper { width: 85%; margin: 0 auto; position: relative; }
@media (max-width:1024px) {
  header .wrapper { width: 90%; }
}

.logo { width: 320px; height: 75px; display: block; overflow: hidden; margin: 0; float: left; -webkit-transition: .2s; transition: .2s; cursor: pointer; background-position: left center; background-repeat: no-repeat; background-image: url(../images/logo_white.png); background-size: 100%; }
header.sticky .logo { height: 75px; background-image: url(../images/logo.png); }
@media (max-width:1024px) {
  .logo { width: 250px; height: 75px; }
}

.toggleMenu { color: #fff; overflow: hidden; display: none; font-size: 1.2rem; position: absolute; right: .5rem; top: 1.7rem; }
.menu_button { float: left; width: 40px; height: 40px; display: block; margin: 0 .4rem 0 0; }
.menu_button .line { display: block; overflow: hidden; height: 2px; width: 100%; background-color: #fff; margin: 0 0 .4rem 0; }
.menu_text { display: block; float: left; line-height: 100%; }
header.sticky .menu_button .line { background-color: #111; }

nav { display: block; margin: 1.2rem 0 0 0; padding: 0; float: right; }
.nav { width: 100%; list-style: none; margin: 0; padding: 0; display: block; }
.nav>li { display: inline-block; padding: 0; margin: 0 .5rem; position: relative; }
.nav>li:first-child { display: none; }
.nav li a { display: block; font-size: 1rem; font-weight: 500; margin: 0; padding: .6rem; color: #fff; }
.nav>li>a.parent:before { font-family: dripicons-v2; content: "\54"; margin: 0; font-size: .8rem; color: #fff; position: absolute; right: -.4rem; top: .7rem; }
.nav>li>a::after { content: ''; display: block; width: 0; height: 3px; background-color: #fff; transition: width .3s; position: relative; top: 2px; }
.nav>li>a:hover::after { width: 100%; transition: width .3s; }
.nav>li>a.active::after { width: 100%; transition: width .3s; }
.nav li ul { position: absolute; list-style: none; width: 200px; display: none; margin: 0; padding: 1rem 0 0 0; transition: .3s; }
.nav li:hover>ul { display: block; }
.nav li li:hover ul { display: block; top: 0; padding: 0; left: 100%; }
.nav li 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: #aa927a; height: auto; line-height: normal; padding: 1rem; font-size: .9rem; text-align: left; font-weight: 500; border-bottom: 1px solid #aa927a; }
.nav li li:last-child a { border-bottom: 0; }
.nav li li li a { display: block; background-color: #333; border-bottom: 1px solid #222; height: auto; padding: 1rem; text-align: left; font-weight: 300; }
.nav li ul li a:hover, .nav li ul li:hover>a { background: #676767; color: #fff; }
header.sticky .nav>li>a { color: #231f46; }
header.sticky .nav>li>a.parent:before { color: #231f46; }
header.sticky .nav>li>a::after { background-color: #231f46; }
@media (max-width:1024px) {
  nav { width: 100%; overflow: hidden; margin: 0; border: 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-color: #fff; overflow-y: auto; border-right: 1px solid #ccc; }
  .nav>li { width: 100%; display: block; padding: 0; margin: 0; position: relative; border-bottom: 0; }
  .nav>li>a::after { display: none; }
  .nav>li>a.parent:before { font-family: dripicons-v2; content: "\54"; margin: 0; font-size: 1rem; color: #111; position: absolute; right: auto; left: 1rem; top: 1.4rem; }
  .nav>li a { display: block; color: #111; font-size: 1.1rem; height: auto; padding: 1.4rem 1rem; border-bottom: 1px solid #dedede; line-height: normal; text-align: right; font-weight: 600; transition: .3s; -webkit-transition: .3s; }
  .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 { padding: 1rem; font-weight: 500; font-size: 1rem; border-bottom: 0; text-align: right; color: #fff; background-color: #231f46; }
  .nav li ul li li a { font-weight: 300; }
  .nav li li li a { display: block; background-color: #333; border-bottom: 1px solid #222; font-size: .9rem; height: auto; padding: 1rem;font-weight: 300; }
  .nav li ul li a:hover, .nav li ul li:hover>a { color: #fff; }
  .nav li li.hover ul, .nav li.hover>ul { display: block; }
}

.about { width: 100%; margin: 0; position: relative; z-index: 1; display: block; overflow: hidden; background-color: #fff; }
.about .wrapper { display: block; width: 65%; margin: 0 auto; text-align: center; }
.about_content { display: block; padding: 5% 0; font-size: 1.1rem; color: #231f46; border-radius: .6rem; }
.about_content h1 { display: block; font-size: 3.2rem; font-weight: 300; margin: 0; padding: 0; color: #231f46; line-height: 100%; }
.about_content h2 { display: block; font-size: 1.1rem; font-weight: 300; margin: 10px 0 0 0; padding: 0; }
.about_content h3 { display: block; font-size: 1.1rem; font-weight: 300; margin: 10px 0 0 0; padding: 0; }
.about_content a { display: block; width: 220px; margin: 2rem auto; padding: 1rem; background-color: #aa927a; color: #fff; font-weight: 300; font-size: 1.2rem; position: relative; text-align: center; border-radius: 1rem; }
.about_content a:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-top-color: #aa927a; border-width: 25px; margin-left: -25px; }
@media (max-width:1024px) {
  .about { width: 100%; margin: 0; padding: 0; }
  .about .wrapper { width: 95%; text-align: center; }
  .about_content { width: 100%; padding: 4rem 2rem; }
  .about_content a { width: 100%; }
  .about_content h1 { font-size: 2.6rem; line-height: 100%; }
  .about_content h2 { padding: 0; }
}

.readmore { clear: both; display: inline-block; width: auto; margin: 2rem auto; padding: 1rem 2rem; background-color: #231f46; color: #fff; font-weight: 600; font-size: 1rem; position: relative; text-align: center; border-radius: .1rem; }
.readmore.align_left { margin: 2rem 0; }
.readmore:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-top-color: #231f46; border-width: 25px; margin-left: -25px; }
.readmore:hover { color: #fff; filter: brightness(110%); }
.readmore i { float: left; margin: 0 1rem 0 0; }
@media (max-width:1024px) {
  .readmore.align_left { margin: 2rem auto; }
}
.slide_block { display: block; margin: 1rem 0; overflow: hidden; }
.slide_block_item { width: 31%; display: block; margin: 0 3.3% 3% 0; background-color: #000; position: relative; float: left; overflow: hidden; color: #fff; border-bottom: 1px solid #000; }
.slide_block_item:nth-child(3n+0) { float: right; margin: 0 0 3% 0; }
.slide_block_item img { opacity: .5; width: 100%; vertical-align: bottom; }
.slide_block_title { position: absolute; top: 0; left: 0; z-index: 5; padding: 15% 20%; }
.slide_block_title h3 { font-size: 2vw; line-height: 100%; }
.slide_block_title p { display: block; width: 100%; margin: 1rem 0; font-size: .8vw; font-weight: 100; }
.slide_block_title a { width: 175px; padding: 1rem 0; margin: 2rem 0; display: block; font-size: 1rem; background-color: #aa927a; border-radius: .4rem; color: #fff; font-weight: 600; text-align: center; position: relative; }
.slide_block_title a:hover { filter: brightness(120%); }
@media (max-width:1024px) {
  .slide_block { display: block; margin: 3rem auto; overflow: hidden; width: 95%; }
  .slide_block_item { width: 100%; float: none; overflow: hidden; display: block; margin: 0 0 5% 0; }
  .slide_block_item:nth-child(3n+0) { float: none; margin: 0 0 5% 0; }
  .slide_block_title { padding: 10% 20%; }
  .slide_block_title h3 { font-size: 8vw; line-height: 100%; }
  .slide_block_title p { display: block; width: 100%; margin: 1rem 0; font-size: 3.4vw; font-weight: 100; }
}
.headline { width: 750px; margin: 2rem auto; display: block; text-align: center; clear: both; }
.headline:before { content: ""; width: 100px; height: .4rem; border-radius: .1rem; margin: 1rem auto; display: block; background-color: #231f46; }
.headline.text-left { text-align: left; margin: 5rem 0 0 0; }
.headline.text-left:before { margin: 1rem 0; }
.headline.text-white { color: #fff; }
.headline h1, .headline h2, .headline h3, .headline h4, .headline h5, .headline h6 { margin: 0; padding: 0; line-height: 115%; }
.headline h1 { font-size: 2.8rem; font-weight: 300; }
.headline h2 { font-size: 1rem; width: 100%; font-weight: 300; }
.headline h3 { font-size: 2.8rem; font-weight: 300; }
.headline h4 { font-size: 1rem; font-weight: 300; }
.headline h5 { font-size: 2.8rem; }
.headline h6 { font-size: 1rem; font-weight: 300; }
@media (max-width:1024px) {
  .headline { width: 90%; margin: 3rem auto; }
  .headline h1 { font-size: 2rem; font-weight: 300; }
  .headline h2 { font-size: 1rem; width: 100%; font-weight: 300; }
  .headline h3 { font-size: 2rem; font-weight: 300; }
  .headline h4 { font-size: 1rem; font-weight: 300; }
  .headline h5 { font-size: 2rem; }
  .headline h6 { font-size: 1rem; font-weight: 300; }
}
.head { width: 100%; height: 110px; display: block; background-color: #231f46; }
.heading { width: 100%; margin: 0; padding: 1.2rem 0; overflow: hidden; display: block; background-color: #eee; border-bottom: 1px solid #dedede; }
.heading .wrapper { width: 85%; margin: 0 auto; display: block; }

.heading-left { float: left;}
.heading-right { float: right;}

.heading h1, .heading h2 { margin: 0; padding: 0; line-height: 115%; }
.heading h1 { font-size: 1.6rem; color: #111; font-weight: 700; }
.heading h2 { font-size: .9rem; margin: 0; font-weight: 300; color: #111; }
.history-back { display: block; margin: .5rem 0 0 0; }
.history-back i { float: left; margin: 0 .4rem 0 0; }

@media (max-width:1024px) {
  .heading .wrapper { width: 90%; }
}
.content { width: 100%; margin: 0; padding: 2rem 0; display: block; min-height: 600px;  overflow: hidden; font-size: 1.1rem; }
.content .wrapper { width: 85%; margin: 0 auto; }
@media (max-width:1024px) {
  .content { margin: 0; padding: 1rem 0; }
  .content .wrapper { width: 90%; }
}

aside { display: block; width: 27%; float: left; margin: 0; background-color: #fff; position: relative; z-index: 10; border-radius: .2rem; padding: 0; }
aside>a { display: block; }
aside>a>img { width: 100%; vertical-align: bottom; border: 2px solid #dedede; }
aside.details { display: block; width: 47%; }
aside.contacts { display: block; width: 60%; }

@media (max-width:1024px) {
  aside { display: none; width: 100%; }
  aside.details,
  aside.contacts { width: 100%; }
}

.aside-nav { padding: 0; margin: 0; list-style: none; border: 1px solid #dedede; }
.aside-nav ul { padding: 0; margin: 0; display: none; }
.aside-nav li.active ul { display: block; }
.aside-nav li { display: block; list-style-type: none; padding: 0; }
/* .aside-nav>li:before{content:"";display:block;float:right;width:1rem;height:1rem;margin:.8rem 1rem 0 1rem;background-color:#dedede}
.aside-nav>li.active:before{background-color:#aa927a} */
.aside-nav ul ul li { height: auto; max-height: 4em; padding: 0; }
.aside-nav a { text-decoration: none; padding: 1.5rem 1rem; font-size: 1.1rem; font-weight: 400; display: block; background-color: #fff; border-bottom: 1px solid #eee; }
.aside-nav li a { color: #111; font-weight: 300; }
.aside-nav li li a { color: #888; padding: 1rem 1rem; font-size: .8rem; }
.aside-nav a:hover { color: #1a1a1a; }
.aside-nav li.active a { color: #565f6a; background-color: #eee; font-weight: 500; }
.aside-nav li:last-child a { border: 0; }

.aside-nav.aside-nav-category li:last-child { display: none;}

main { width: 70%; float: right; display: block; margin: 0 0 0 0; }
main.details { display: block; width: 50%; }
main.contacts { display: block; width:35%; }
main.category { width: 70%; }
main.category.fill { width: 100%;}
@media (max-width:1024px) {
  main,main.details,main.contacts,main.category { width: 100%; }
}
.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: 1.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; }
}

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

.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; }

.photos { display: flex; flex-wrap: wrap; margin: 2rem 0; }
.photos-col { width: 25%; display: block; margin: 1% 0; position: relative; overflow: hidden; }
.photos-col img { width: 100%; vertical-align: bottom; transition: .2s; border: 1px solid #dedede; }
.photos-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; }
}

.tabs { width: 100%; display: block; }
#tabs-nav { list-style: none; margin: 0; padding: 2rem 0; display: flex; flex-wrap: wrap; justify-content: center; }
#tabs-nav li { width: 18%; font-weight: 700; margin: .2rem; padding: 0 1rem; cursor: pointer; text-align: center; }
#tabs-nav li a { text-decoration: none; color: #111; font-size: 1.2rem; }
#tabs-nav li img { width: 100%; vertical-align: bottom; border-radius: 50%; transition: .3s; }
#tabs-nav li.active img { transform: scale(1.2); border: .8rem solid #aa927a; }
#tabs-nav li span { display: block; margin: 3rem 0 0 0; }
.tab-content { padding: 5% 1rem; background-color: #fff; }

.premium { display: block; width: 85%; margin: 0 auto; }
.premium-logo { display: block; width: 300px; margin: 2rem auto; text-align: center; }
.premium-row { display: block; margin: 2rem 0; overflow: hidden; }
.premium-left { width: 25%; display: block; float: left; overflow: hidden; }
.premium-left img { width: 100%; vertical-align: bottom; border: 1px solid #fff; }
.premium-large-image { display: block; width: 100%; }
.premium-small-image { display: block; width: 25%; float: left; }
.premium-small-image:hover { filter: brightness(105%); border: 1px solid #ccc; }
.premium-right { width: 73%; display: block; float: right; overflow: hidden; }

@media (max-width:1024px) {
  #tabs-nav { width: 95%; padding: 0; margin: 0 auto; }
  #tabs-nav li { width: 25%; margin: 0; padding: 1rem .4rem; }
  #tabs-nav li a { font-size: 80%; }
  #tabs-nav li.active img { transform: scale(1.1); border: .1rem solid #aa927a; }
  #tabs-nav li span { margin: 1rem 0 0 0; }
  .tab-content { padding: 0 1rem; }
  .premium { display: block; width: 100%; margin: 0 auto; }
  .premium-left { width: 100%; }
  .premium-right { width: 100%; }
}

@media (min-width:1921px) {
  .tabs { width: 85%; }
  #tabs-nav li { width: 18%; margin: .4rem; }
  #tabs-nav li img { transition: .3s; }
  #tabs-nav li span { margin: 5rem 0 0 0; font-size: 2rem; }
}

iframe { border: 0; border-bottom: 1px solid #ccc; }
.galeri { display: block; overflow: hidden; margin: 2rem 0 1rem 0; }
.galeri a { width: 22%; float: left; margin: 0 2% 2% 0; display: block; border: 1px solid #eee; }
.galeri a:nth-child(4n+0) { float: right; margin: 0 0 2% 0; }
.galeri a img { width: 100%; vertical-align: bottom; }
.galeri a:hover img { filter: brightness(105%); }
@media (max-width:1024px) {
  .galeri { display: flex; flex-wrap: wrap; justify-content: space-between; overflow: hidden; margin: 25px 0; }
  .galeri a { width: 49%; float: left; margin: 0 0 2% 0; }
}

.products { margin: 0; display: flex; flex-wrap: wrap;  margin: 0; }
.product { display: block; width: 23%; overflow: hidden; margin:0 2% 2% 0; position: relative; z-index: 2; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #fff;  border: 2px solid #dedede; position: relative; cursor: pointer; box-shadow: 0 0 10px #ccc;}
.product a { display: block; width: 100%; }
.product a::before { content: ""; left: 0; top: 0; width: 100%; height: 0; cursor: pointer; position: absolute; background-color: rgba(0, 0, 0, 0.2); transition: .3s; z-index: 0; }
.product:hover a:before { height: 100%; }
.product a img { width: 100%; height: 300px; vertical-align: bottom; }
.product p { color: #111; padding: 0; font-weight: 600; font-size: 1rem; position: relative; z-index: 1; line-height: 120%; text-align: center; }
@media (max-width:1024px) {
  .products { flex-wrap: wrap; }
  .product { width: 100%; }
}

.details { display: block; width: 100%; overflow: hidden; }
.detail_left { width: 40%; float: left; display: block; }
.detail_left img { width: 100%; vertical-align: bottom; }
.detail_right { width: 55%; float: right; display: block; }
@media (max-width:1024px) {
  .detail_left { width: 100%; float: left; display: block; }
  .detail_left img { width: 100%; vertical-align: bottom; }
  .detail_right { width: 100%; float: right; display: block; }
}
.docs { width: 100%; margin: 0; padding: 3rem 0; display: block; background-color: #dedede; border-bottom: 1px solid #dedede; }
.docs .wrapper { width: 1280px; margin: 0 auto; display: block; }
.downloads { width: 100%; display: flex; flex-wrap: wrap; }
.downloads a { width: 31%; position: relative; overflow: hidden; margin: 0 2% 2% 0; padding: 25px; display: block; float: left; border: 1px solid #dedede; color: #444; background-color: #fff; background-image: url(../images/bg.jpg); background-size: cover; }
.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: 75px; height: 75px; line-height: 75px; 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: #3d4a50; 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: 75px; }
.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_info { display: block; overflow: hidden; margin:0; padding:20% 0; font-size: 1.2rem; }
.contact_info .row { display: flex; width: 100%; margin:2rem 0; padding: 0; color: #555; }
.contact_icon { display: block; margin:0 1rem 0 0; font-size: 1.6rem; color: #231f46; }
.contact_col { width: 100%;}
.contact_col a { display: block;}
@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; }
}

#map_container { width: 100%; height: 50%; margin:0; border: 0; box-shadow:none; border: 1px solid #dedede; position: relative; overflow: hidden; z-index: 0; filter: gray; opacity: 1; -webkit-filter: grayscale(0%); transition: .5s; }
#map_container iframe { position: absolute; width: 100%; height: 100%; }
@media (max-width:1024px) {
  #map_container { width: 100%; height: 60vh; }
  #map_container iframe { position: absolute; width: 100%; height: 100%; }
}


footer { width: 100%; overflow: hidden; padding: 5rem 0; margin: 0; color: #fff; background-color: #231f46; }
@media (max-width:1024px) {
  footer { width: 100%; display: block; overflow: hidden; }
}
@media (min-height: 1700px) and (min-width:1280px) {
   .fixed-zoom-level { display: block; position: fixed; width: 100%; bottom: 0; left: 0; z-index: 10; }
}

.columns { display: flex; justify-content: space-between; flex-wrap: wrap; font-weight: 200; padding: 0; width: 85%; margin: 0 auto; position: relative; z-index: 2; font-size: 1.2rem; }
.columns .cols { display: block; width: 30%; padding: 2rem 0; }
.columns .cols .title { display: block; overflow: hidden; font-weight: 600; padding: 0; font-size: 1.6rem; margin: 0 0 1rem 0; color: #fff; }
.columns .cols p { margin: 0; padding: .4rem 0; }
.columns .cols p a { color: #eee; display: inline-block; padding: 0; line-height: 25px; font-weight: 400; }
.columns .cols p a:before { font-family: dripicons-v2; width: 25px; height: 25px; line-height: 24px; margin: 0 10px 0 0; text-align: center; float: left; display: block; overflow: hidden; background: #aa927a; border-radius: .2rem; font-size: .9rem; }
.columns .cols p a.phone:before { content: "\e030"; }
.columns .cols p a.cell:before { content: "\25"; }
.columns .cols p a.email:before { content: "\e015"; }
.columns .cols p a.gmaps:before { content: "\e012"; }
@media (max-width:1024px) {
  .columns { padding: 0; width: 100%; height: auto; font-size: 1.2rem; }
  .columns .cols { width: 100%; padding: 1rem 2rem; }
  .columns .cols .title { font-size: 1.8rem; font-weight: 600; }
}
.social-feed { display: block; overflow: hidden; text-align: center; }
.social-feed a { display: block; width: 45px; height: 45px; text-align: center; margin: 0 .2rem 0 0; overflow: hidden; position: relative; float: left; background-repeat: no-repeat; background-position: center center; background-size: 22px; border-radius: 50rem; background-color: #111; border: 1px solid #000; }
.social-feed a.social_facebook { background-image: url(../svg/social_facebook.svg); }
.social-feed a.social_instagram { background-image: url(../svg/social_instagram.svg); }
.social-feed a.social_x { background-image: url(../svg/social_x.svg);  }
.social-feed a.social_linkedin {  background-image: url(../svg/social_linkedin.svg); }
.social-feed a.social_youtube { background-image: url(../svg/social_youtube.svg); ; }

.social-feed a.social_facebook:hover{background-color:#1877f2}
.social-feed a.social_instagram:hover{background-color:#d82bad}
.social-feed a.social_x:hover{background-color:#2e2e2e}
.social-feed a.social_linkedin:hover{background-color:#0073af}
.social-feed a.social_youtube:hover{background-color:#e31f24} 

@media (max-width:1024px) {
  .social-feed { text-align: left; }
  .social-feed a { display: inline-block; width: 45px; height: 45px; float: none; }
}

.subscribe { display: block; overflow: hidden; width: 75%; margin: 0; }
.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: 1 solid #222; border-radius: 5px; }
.subscribe form input[type=text] { width: 70%; float: left; border: none; background: 0 0; height: 50px; font-size: 1rem; padding: 0 20px; color: #111; font-weight: 700; }
.subscribe form button { float: right; border: none; height: 50px; padding: 0 15px; font-size: 1.6rem; color: #111; position: relative; cursor: pointer; background: #fff; }
.subscribe form button:before { font-family: dripicons-v2; content: "\6a"; }
@media (max-width:1024px) {
  .subscribe { width: 100%; }
}

.bottom { width: 100%; display: block; overflow: hidden; padding: 20px 0; margin: 0; color: #111; background-color: #eee;  }
.bottom .wrapper { width: 85%; }
.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: #aa927a; font-weight: 800; }
.webtasarim { display: block; font-weight: 400; margin: 0; float: right; }
.webtasarim p { color: #777; margin: 0; padding: 0; }
.webtasarim p a { color: #39b54a; font-weight: 800; }
.webtasarim p a strong { color: #333; font-weight: 800; }
@media (max-width:690px) {
  .bottom .wrapper { width: 100%; }
  .copyright { float: none; text-align: center; padding: 0 20%; }
  .webtasarim { float: none; text-align: center; margin: 20px 0 0 0; }
}
.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; }



.resform { display: block; overflow: hidden; margin: 0; position: relative; z-index: 8; padding: 0; background-color: #f7f7f7; border-bottom: 1px solid #dedede; border-top: 1px solid #dedede; }
.resform .wrapper { width: 1280px; margin: 0 auto; padding: 0 0 2rem 0; display: block; overflow: hidden; }

.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 input.code { width: 50%; }
.form_row textarea { height: 180px; }
.form_row input:focus, .form_row textarea:focus { border: 1px solid #d80027; background: #f7f7f7; }
.form_row .security { display: block; padding: 0 10px 0 0; text-align: center; float: left; margin: 0; font-size: 1.6rem; font-weight: 700; color: #e40230; }
.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: #1a1a1a; 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 { color: #fff; background-color: #333; }
@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; }
}
.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: #000; background: rgba(0,0,0,.6); overflow: auto; }
.modal .modal-box { position: relative; width: 50%; 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: 25px 0 0 0; position: relative; display: block; text-align: center; overflow: hidden; }
.modal .modal-header .modal-header-title { font-size: 24px; color: #0c304a; font-weight: 600; }
.modal .modal-header .modal-header-title span { display: block; color: #666; font-size: 12px; }
.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(https://www.dijitalkuzgun.com/assets/images/svg/close.svg) center center no-repeat; background-size: 15px; opacity: .6; transition: .2s; }
.modal .modal-header a.close:hover { opacity: 1; }
.modal .modal-body { font-size: 16px; padding: 25px; color: #75818c; }
.modal .modal-footer { display: none; text-align: center; padding: 15px 0; background: #f7f7f7; border-top: 1px solid #eee; }
@media (max-width:1024px) {
  .modal .modal-box { width: 100%; margin: 0; border-radius: 0; }
  .modal .modal-box.fullsize { width: 100%; }
}

.slider { display: block; width: 100%; position: relative; overflow: hidden; z-index: 0; }
.banner { width: 100%; margin: 0; padding: 0; }
.banner .owl-item { margin: 0!important; padding: 0!important; overflow: hidden; }
.banner .owl-item img { width: 100%; vertical-align: bottom; }
.banner .owl-item .banner-desk{display:block!important}
.banner .owl-item .banner-mobile{display:none!important} 
.banner .owl-nav span { display: none; }
.banner .owl-nav .owl-next, .banner .owl-nav .owl-prev { font-size: 1rem!important; width: 4rem; height: 4rem; background-color: #2e5b9f!important; border: 1px solid #2e5b9f!important; }
.banner .owl-nav .owl-next:hover, .banner .owl-nav .owl-prev:hover { background-color: #2e5b9f!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: 2.5%; }
.banner .owl-nav button.owl-next { right: 2.5%; }
.banner .owl-nav button { position: absolute; top: 50%; transform: translateY(-50%); color: #fff!important; }
@media (max-width:1024px) {
  .banner { height:auto; }
  .banner .owl-item img { width: 100%; }
  .banner .owl-item .banner-desk{display:none!important}
  .banner .owl-item .banner-mobile{display:block!important} 
  .banner .owl-nav button { display: none!important; }
}

.caption { width: 100%; height: 100%; padding: 20% 0 0 7.5%; margin: 0; z-index: 7; position: absolute; top: 0; left: 0; overflow: hidden; background-color: rgba(0, 0, 0, 0.25); /* background-image: radial-gradient(#000 01%, transparent 01%); background-size: 3px 3px; */ }
.caption-desc, .caption-title { width: 75%; display: block; color: #fff; padding: 0; margin: 0; text-align: left; position: relative; opacity: 0; z-index: 1; text-shadow: 0 0 5px #111; }
.caption-title { font-size: 4rem; font-weight: 300; animation: title .2s .4s linear forwards; line-height: .9; }
.caption-desc { margin: 1rem 0 0 0; font-size: 1.4rem; font-weight: 100; animation: desc .2s .5s linear forwards; line-height: 1.3; }
.caption-link { display: block; width: 200px; opacity: 0; margin: 2rem 0!important; animation: link .2s .6s linear forwards; position: relative; z-index: 1; }
.caption-link a { display: block; border: 1px solid #fff; color: #fff; padding: 1rem 2rem; }
.caption-link i { float: right; margin: .2rem 0 0 0; }
.caption-link a:hover { background-color: #2e5b9f; color: #fff; border: 1px solid #2e5b9f; transform: scale(1.1) translateX(10px); }
.caption-link a:hover i { margin: .2rem 0 0 1rem; }
@media (max-width:1120px) {
  .caption { padding: 55% 10%; }
  .caption-desc, .caption-title { width: 100%; }
  .caption-title { font-size: 2.6rem; }
  .caption-desc { font-size: 1rem; }
  .caption-link { display: block; width: 250px; }
  .caption-link a { margin: 1rem 0!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; }
}

.latest { display: block; overflow: hidden; margin: 2rem 0 0 0; position: relative; z-index: 8; padding: 0; }
.latest .wrapper { width: 100%; margin: 0 auto; padding: 3.8rem 0; display: block; overflow: hidden; background-color: #fff; }

.latest_headline { width: 35%; float: left; display: block; color: #231f46; text-align: left; overflow: hidden; padding: 0rem 8rem; margin: 0; background-color: #fff; }
.latest_headline:before { margin: 1rem 0; background-color: #231f46; }
.latest_headline h3 { margin: 0 0 3rem 0; }

.latest-carousel { width: 60%!important; display: block; float: left; margin: 0; padding: 0; list-style: none; }
.latest-carousel a { position: relative; display: block; overflow: hidden; border: 1px solid #dedede; }
.latest-carousel .owl-item { padding: 0 1rem; margin: 0; position: relative; overflow: hidden; background-color: transparent; }
.latest-carousel .owl-item img { border: 0; height: 300px; }
.latest-carousel .owl-prev { left: -5rem!important; background-color: transparent!important; color: #231f46!important; border-radius: .1rem; }
.latest-carousel .owl-next { right: -5rem!important; background-color: transparent!important; color: #231f46!important; border-radius: .1rem; }
.latest-carousel .owl-controls { top: 45%!important; height: 50px!important; z-index: 0; }

.latest_title { display: block; color: #fff; padding: 2rem; text-align: left; width: 100%; background-color: rgba(0,0,0,.5); position: absolute; z-index: 5; bottom: 0; left: 0; transition: .3s; }
.latest-carousel .owl-item:hover .latest_title { background-color: rgba(35, 31, 70, .5); color: #fff; padding: 5rem 2rem; height: 100%; }
.latest_title h5 { font-size: 1.4rem; margin: 0; padding: 0; line-height: 100%; }
.latest_title h6 { font-size: 1rem; margin: .4rem 0 0 0; padding: 0; font-weight: 100; }

@media (max-width:1024px) {
  .latest { display: block; height: auto; display: block; overflow: hidden; margin: 0; padding: 0; border-bottom: 1px solid #ccc; }
  .latest .wrapper { width: 100%; margin: 0 auto; padding: 0; }
  .latest_headline { width: 100%; float: left; display: block; text-align: center; overflow: hidden; padding: 3rem; }
  .latest_headline:before { margin: 1rem auto; }
  .latest-carousel { width: 100%!important; margin: 0 auto; padding: 0; list-style: none; float: none; }
  .latest_title h5 { font-size: 7vw; margin: 0; padding: 0; }
  .latest_title h6 { font-size: 3vw; margin: 0; padding: 0; font-weight: 100; }
  .latest-carousel .owl-item { padding: 0; }
  .latest-carousel .owl-prev { left: 0!important; background-color: #231f46!important; color: #fff!important; border-radius: .1rem; }
  .latest-carousel .owl-next { left: auto!important; right: 0!important; background-color: #231f46!important; color: #fff!important; border-radius: .1rem; }
  .latest-carousel .owl-controls { top: 75%!important; height: 50px!important; z-index: 0; }
}

.galleries { display: block; overflow: hidden; margin: 0; position: relative; z-index: 8; padding: 0; background-color: #fff; }
.galleries .wrapper { width: 90%; margin: 0 auto; padding: 5rem; display: block; overflow: hidden; }
.galeri-carousel { margin: 3rem 0; padding: 0; list-style: none; }
.galeri-carousel .owl-item { padding: 0 10px!important; background-color: transparent; }
.galeri-carousel .owl-item img { border: 1px solid #dedede; border-radius: .1rem; width: 100%; }
.galeri-carousel .owl-prev { left: -4rem!important; background-color: transparent!important; color: #231f46!important; }
.galeri-carousel .owl-next { right: -4rem!important; background-color: transparent!important; color: #231f46!important; }
.galeri-carousel .owl-controls { top: 45%!important; height: 50px!important; z-index: 0; }
.galleries.page-view .wrapper { width: 100%; margin: 0; padding: 0 5rem; display: block; overflow: hidden; }
@media (max-width:1024px) {
  .galleries .wrapper { padding: 1rem 0; }
  .galeri-carousel .owl-prev { left: -1rem!important; background-color: #fff!important; color: #231f46!important; }
  .galeri-carousel .owl-next { right: -1rem!important; background-color: #fff!important; color: #231f46!important; }
}

.details #sync1 .item { padding:0; margin: 0; color: #fff;  text-align: center; border: 1px solid #ccc; }
.details #sync2 .item { padding:0; margin: 0; color: #fff; text-align: center; cursor: pointer;border: 2px solid #fff; }
.details #sync2 .item button { border: 0; background: none; }
.details #sync2 .item img {  height: 75px; width: auto; }
.details #sync2 .current .item { border: 2px solid #333; }
.details .owl-theme .owl-nav { display: none; }
.details .owl-theme .owl-nav [class*=owl-] { transition: all 0.3s ease; }
.details .owl-theme .owl-nav [class*=owl-].disabled:hover { background-color: transparent; }

.details #sync1.owl-theme { position: relative; }
.details #sync1.owl-theme .owl-next, #sync1.owl-theme .owl-prev { width: 40px; height: 40px; margin-top: -20px; position: absolute; top: 50%; }
.details #sync1.owl-theme .owl-prev { left: 10px; }
.details #sync1.owl-theme .owl-next { right: 10px; }

.certification { display: block; overflow: hidden; margin: 0; position: relative; z-index: 8; padding: 0; background-color: #fff; }
.certification .wrapper { width: 70%; margin: 0 auto; padding: 2.5rem 0; display: block; overflow: hidden; }

.certification-carousel { display: block; margin: 0; padding:2rem 0 0 0; list-style: none; }
.certification-carousel .owl-item { padding: 0!important; margin: 0; position: relative; overflow: hidden; background-color: transparent; }
.certification-carousel .owl-item img { width: 100%!important;  border: 0; filter: grayscale(100%); }
.certification-carousel .owl-item:hover img { filter: grayscale(0); }
.certification-carousel .owl-prev { left: -5rem!important; background-color: transparent!important; color: #231f46!important; border-radius: .1rem; }
.certification-carousel .owl-next { right: -5rem!important; background-color: transparent!important; color: #231f46!important; border-radius: .1rem; }
.certification-carousel .owl-controls { top: 45%!important; height: 50px!important; z-index: 0; }

.references { display: block; overflow: hidden; margin: 0; position: relative; z-index: 8; padding: 0; background-color: #fff; }
.references .wrapper { width: 70%; margin: 0 auto; padding: 2.5rem 0; display: block; overflow: hidden; }

.references-carousel { display: block; margin: 0; padding:2rem 0 0 0; list-style: none; }
.references-carousel .owl-item { padding: 0 1rem!important; margin: 0; position: relative; overflow: hidden; background-color: transparent; }
.references-carousel .owl-item img { width: 100%!important; filter: grayscale(100%); }
.references-carousel .owl-item:hover img { filter: grayscale(0); }
.references-carousel .owl-prev { left: -5rem!important; background-color: transparent!important; color: #231f46!important; border-radius: .1rem; }
.references-carousel .owl-next { right: -5rem!important; background-color: transparent!important; color: #231f46!important; border-radius: .1rem; }
.references-carousel .owl-controls { top: 45%!important; height: 50px!important; z-index: 0; }

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