@font-face {font-family: "Marselis Pro";
  src: url("fonts/marselis-pro.eot"); /* IE9*/
  src: url("fonts/marselis-pro.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("fonts/marselis-pro.woff2") format("woff2"), /* chrome、firefox */
  url("fonts/marselis-pro.woff") format("woff"), /* chrome、firefox */
  url("fonts/marselis-pro.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url("fonts/marselis-pro.svg#Marselis Pro Bold") format("svg"); /* iOS 4.1- */
}

@font-face {
  font-family: 'DIN';
  src: url('fonts/DIN-BoldAlternate.eot');
  src: url('fonts/DIN-BoldAlternate.eot?#iefix') format('embedded-opentype'),
       url('fonts/DIN-BoldAlternate.ttf') format('truetype'),
       url('fonts/DIN-BoldAlternate.woff') format('woff'),
       url('fonts/DIN-BoldAlternate.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'DIN';
  src: url('fonts/DIN-RegularAlternate.eot');
  src: url('fonts/DIN-RegularAlternate.eot?#iefix') format('embedded-opentype'),
       url('fonts/DIN-RegularAlternate.ttf') format('truetype'),
       url('fonts/DIN-RegularAlternate.woff') format('woff'),
       url('fonts/DIN-RegularAlternate.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'DIN Arabic';
  src: url('fonts/DIN Next LT Arabic Regular.eot');
  src: url('fonts/DIN Next LT Arabic Regular.eot?#iefix') format('embedded-opentype'),
       url('fonts/DIN Next LT Arabic Regular.woff2') format('woff2');
  src: url('fonts/DINNextLTArabic-Regular.ttf') format('truetype'),
       url('fonts/DINNextLTArabic-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}


html, body {padding: 0;margin: 0;width: 100%;}

body {font-size: 16px;font-family: "DIN";line-height: 1.3;}

a {color: inherit;text-decoration: none;}

p {margin-bottom: 0.5em;}
p:last-child,
p:only-child {margin-bottom: 0;}

img {height: auto;max-width: 100%;object-fit: cover;vertical-align: middle;}

*,
*::before,
*::after {box-sizing: border-box;}

input,
textarea {font-family: "DIN";}

.container {width: 1595px;max-width: 90%;margin: 0 auto;}

.flex {display: flex;}
.flex-row{flex-direction: row;}
.flex-row.reverse {flex-direction: row-reverse;}
.flex-col{flex-direction: column;}
.flex-col.reverse {flex-direction: column-reverse;}

.flex-nowrap{flex-wrap: nowrap;}
.flex-wrap{flex-wrap: wrap;}

.justify-start{justify-content: flex-start;}
.justify-end{justify-content: flex-end;}
.justify-between{justify-content: space-between;}
.justify-center{justify-content: center;}

.align-i-center {align-items: center;}
.align-i-start {align-items: flex-start;}
.align-i-end {align-items: flex-end;}

.align-s-center {align-self: center;}
.align-s-start {align-self: flex-start;}
.align-s-end {align-self: flex-end;}

.flex-row-2 > * {flex-basis: 48%;}
.flex-row-3 > * {flex-basis: 31%;}
.flex-row-4 > * {flex-basis: 24%;}

.subtitle.global {font-family: "Marselis Pro";text-transform: uppercase;}
.title.global {font-family: "DIN";margin-bottom: 26px;font-weight: 700;}

.hidden {display: none;}

.link-container a,
.link-container input {border:0;color: white;background-color: #AB0023;border-bottom-right-radius: 40px;border-top-left-radius: 40px;padding:27px 75px;text-transform: uppercase;display: inline-block;font-size:16px;font-family: "DIN";font-weight: 700;cursor: pointer;}

#footer {padding: 30px 0;background-color: #131111;color:white;}
#footer .arrow {cursor: pointer;}

.size_18 {font-size: 18px;}
.size_20 {font-size: 20px;}
.size_24 {font-size: 24px;}
.size_60 {font-size: 60px;}

.col-red {color: #AB0023;}

.main {position: relative;}

.main .owl-dots {margin-top:0;display: flex;flex-flow: column;position: absolute;top: 50%;right: 8%;}
.main .owl-dots .owl-dot {border: 2px solid white;border-radius: 50%;margin-bottom: 15px;padding: 6px;display: block;cursor: pointer;}
.main .owl-dots .owl-dot span {width: 14px;height: 14px;margin:0;background-color: white;display: block;border-radius: 50%;}
.main .owl-dots .owl-dot:hover span,
.main .owl-dots .owl-dot.active span {background-color: #AB0023;}
.main .owl-dots .owl-dot.active,
.main .owl-dots .owl-dot:hover {border-color: #AB0023;}

.main .owl-item .image::after {position: absolute;top:0;left: 0;right: 0;bottom: 0;background: -moz-linear-gradient(top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 100%);background: -webkit-linear-gradient(top, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 100%);background: linear-gradient(to bottom, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3000000', endColorstr='#00000000',GradientType=0 );content:"";}

.main .item {position: relative;}
.main .content-container {z-index:2;position: absolute;top:0;left: 0;right: 0;bottom: 0;}
.main .languages {background-color: #AB0023;padding: 15px;margin-right: 50px;}
.main .languages .language {color: white;cursor: pointer;margin-left: 15px;font-family: "DIN Arabic";font-size: 20px;}

.main .top {margin-top: 50px;width: 100%;}
.main .logo {width: 140px;}
.main .menu {color: white;font-family: "Marselis Pro";font-size: 20px;}
.main .menu .menu-item {margin-right: 30px;text-transform: uppercase;}
.main .menu .menu-item:last-child {margin-right: 0;}

.main .middle .title {max-width: 750px;color:white;text-transform: uppercase;position: absolute;padding-bottom: 20px;top:50%;}
.main .middle .title::after {position: absolute;content: "";height: 8px;width: 130px;background-color: #AB0023;bottom: 0;left: 0;}

.main .link-container a{border-radius: 0;}
.main .link-container a img {width: auto;display: inline-block;}
.main .bottom {position: relative;padding-top: 50px;height: 200px;}
.main .bottom .arrow {align-self: flex-end;}

.about {padding:140px 0;}
.about .container {width: 1370px;}
.about .image {flex-basis: 45%;}
.about .right {flex-basis: 50%;}
.about .content {margin-bottom: 66px;}

.work {background-color: #2E2C2C;padding: 80px 0 125px;color:white;text-align: center;}
.work .container.flex {margin-top: 78px;}
.work .container {widows: 1318px;}

.work .item {flex-basis: 30%;}
.work .item .image {padding: 20px;border: 1px dashed white;border-radius: 50%;margin-bottom: 36px;}
.work .item .title {margin-bottom: 30px;text-transform: uppercase;font-family: "Marselis Pro";}
.work .item .content {font-size: "DIN";}

.channels {text-align: center;padding: 95px 0 172px;background-image: url(images/channels/bg.svg);background-repeat: no-repeat;background-size: cover;background-position: center;}
.channels .title {margin-bottom: 120px;}

.contact {background-color: #2E2C2C;color: white;padding:115px 0 100px;}
.contact .container.flex {margin-top: 50px;}
.contact .container:not(.flex) {text-align: center;}

.contact .information {flex-basis: 40%;}
.contact .form {flex-basis: 50%;}
.contact .form form > input,
.contact .form form > textarea {border:1px solid white;padding: 20px 16px;font-size: 18px;background:transparent;margin-bottom: 50px;color: white;}
.contact .form form > textarea {flex-basis: 100%;resize: none;min-height: 150px;}
.contact .form form .link-container {text-align: center;flex-basis: 100%;}
.contact .form form .link-container div {width: 20px;margin-left: 20px;}
.contact .form form .link-container div img {width: 20px;}

.contact .information .details {margin-bottom:40px;padding-bottom: 40px;border-bottom: 1px solid white;}
.contact .information .details .detail {margin-bottom: 20px;}
.contact .information .details .detail:nth-child(3) {margin-bottom: 10px;}
.contact .information .details .detail .icon {width: 50px;text-align: center;}
.contact .information .details .detail .label {font-weight: 700;font-family: "DIN"};
.contact .information .details .detail .value {flex-basis: 60%;max-width: 250px;}

.contact .information .social .title {margin-bottom: 25px;font-weight: 700;text-transform: uppercase;}
.contact .information .social .list a {margin-right: 15px;}

body.locale-ar .locale-en, body.locale-ar .locale-jp, body.locale-ar .remove-locale-ar {
  display: none !important;
}

body.locale-en .locale-ar, body.locale-en .locale-jp, body.locale-en .remove-locale-en {
  display: none !important;
}

body.locale-jp .locale-en, body.locale-jp .locale-ar, body.locale-jp .remove-locale-jp {
  display: none !important;
}

@media only screen and (min-width: 1024px)
{
	.mobile {display: none;}
	.main .owl-item .item img {min-height: 800px;}
}

@media only screen and (max-width: 1023px)
{
	.container {width: 90%;}
	.flex-row.responsive {flex-direction: column;}
	.flex-row.responsive.responsive-reverse {flex-direction: column-reverse;}
	.flex-row.responsive > * {flex-basis: unset;}
	.flex-row.responsive.reverse {flex-direction: column-reverse;}

	.desktop {display: none;}

	body {font-size: 14px;}

	.size_18 {font-size: 16px;}
	.size_20 {font-size: 18px;}
	.size_24 {font-size: 22px;}
	.size_60 {font-size: 40px;}

	/*#home {display: none;}*/

	.contact,
	.channels,
	.about,
	.work {padding: 75px 0;}

	.contact .information {margin-bottom: 35px;}
	.contact .information .details .detail .value {text-align: right;}

	.work .item {margin-bottom: 30px;}
	.work .item:last-child {margin-bottom: 0;}

	.about .image {margin-bottom: 30px;}

	.main .link-container {display: none;}
	.main .languages {margin-right: 0;}
	.main .first.container {padding-top: 10px;}
	.main .menu-opener {max-width: 50px;cursor: pointer;}
	.main .logo {max-width:	75px;}
	.main .middle .title {font-size: 20px;max-width: 265px;padding-bottom: 10px;transform: unset;}
	.main .middle .title::after {height: 4px;}
	.main .bottom {padding-top: 0;height: 50px;}
	.main .owl-item .item img {min-height: 400px;}

	.main .menu-container {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color:#ab0023;z-index: 1;display: none;}
	.main .menu-container .languages {background-color: white;}
	.main .menu-container .languages .language {color: #ab0023;}
	.main .menu-container .close {margin-top: 35px;cursor: pointer;}
	.main .menu-container .close img {width: 50px;}
	.main .menu-container .container:first-child {margin-bottom: 30px;}
	.main .menu-container .container:last-child {height: 100%;height: calc(100% - 60px);}
	.main .menu {height: 100%;}
	.main .menu .menu-item {margin-right: 0;margin-bottom: 50px;}
}

@-webkit-keyframes rotating {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
.rotating {
  -webkit-animation: rotating 2s linear infinite;
  -moz-animation: rotating 2s linear infinite;
  -ms-animation: rotating 2s linear infinite;
  -o-animation: rotating 2s linear infinite;
  animation: rotating 2s linear infinite;
}