@font-face {
	font-family: 'DINPro-Light';
	font-style: normal;
	font-weight: normal;
	src: local('DINPro-Light'), url('../fonts/DINPro-Light_13935.woff') format('woff');
}

@font-face {
	font-family: 'DINPro-Black';
	font-style: normal;
	font-weight: normal;
	src: local('DINPro-Black'), url('../fonts/DINPro-Black_13933.woff') format('woff');
}

.imageStrecthBase .imageStrecth, .imageStrecthBase .imageStrecth-video, .imageStrecthBase .imageStrecth-news,
.imageStrecthBase .imageStrecth-banner {width:100%; height:auto;}

.imageStretch-wrapper {position:absolute; left:0; top:0;}
/*=================================================================
  MAIN
==================================================================*/
body {background:#ffffff;}
#wrapper {position:relative; margin:0 auto; height:100vh; max-width:1920px; max-height:969px; overflow:hidden; z-index:3;}
a:hover {color:initial!important; text-decoration:none}
#main {position:relative; padding:0 32px; height:calc(100vh - 74px); max-height:calc(100% - 74px);}

.P16 {padding:16px!important;}
.PT32 {padding-top:32px!important;}
.PB32 {padding-bottom:32px!important;}
.PL16 {padding-left:16px!important;}
.PR16 {padding-right:16px!important;}
.PL138 {padding-left:76px!important;}

.PT32-xl {padding-top:32px!important}

.MT16 {margin-top:16px!important;}
.MT32 {margin-top:32px!important;}
.BLeft {border-left:solid 1px rgba(229,229,229,0.6)}

.h-20-xl {height:20%;}
.h-25-xl {height:25%;}
.h-50-xl {height:50%;}
.h-75-xl {height:75%;}
.h-80-xl {height:80%;}
.h-100-xl {height:100%;}
.none-desktop {display:none;}
.zIndex22 {z-index:22!important}
.noBorderL {border-left:none!important}

/*=================================================================
  HEADER
==================================================================*/
#header {position:relative; width:100%; height:auto!important; padding:16px 32px; border-bottom:solid 1px rgba(229,229,229,0.6); z-index:666;}
#header .logo img {padding:0!important; /*transform:scale(0.8); -webkit-transform:scale(0.8); -moz-transform:scale(0.8); -o-transform:scale(0.8); -ms-transform:scale(0.8);*/}
.search-ico {float:right; margin-top:7px; width:28px; height:28px; border:none; background:transparent url("../images/search-ico.png") no-repeat 0 0; background-size:80% 80%;}

.search-text {position:absolute; left:100%; top:0; width:100%; height:100%; background:#ffffff; z-index:2;
-webkit-transition:all 0.3s ease-in 0s; -moz-transition:all 0.3s ease-in 0s; -ms-transition:all 0.3s ease-in 0s; -o-transition:all 0.3s ease-in 0s; transition:all 0.3s ease-in 0s;}
.search-text label {display:block; width:100%; height:100%; border-bottom:solid 1px rgba(229,229,229,0.6); }
.search-text label input {display:block; float:left; width:94%; margin-left:2%; height:100%; }
.search-text span {display:none; position:absolute; right:6px; top:14px; width:24px; height:12px; text-indent:-9999em; cursor:pointer;}
.search-text span:before,
.search-text span:after {content:""; background-color: #13181d; display: block; height:3px; margin:0 0 6px; }
.search-text.active {width:100%; left:0; -webkit-transition:all 0.3s ease-in 0s; -moz-transition:all 0.3s ease-in 0s; -ms-transition:all 0.3s ease-in 0s; -o-transition:all 0.3s ease-in 0s; transition:all 0.3s ease-in 0s;}
.search-text.active label {}
.search-text.active span {display:block;}

.search-text>p {display:block; position:absolute; right:0; top:0; width:52px; height:100%; padding:0; margin:0; z-index:22; cursor:pointer;}

.search-text.active span:before {
	-webkit-transform: translateY(4px) rotate(125deg); 
	-moz-transform: translateY(4px) rotate(125deg); 
	-o-transform: translateY(4px) rotate(125deg); 
	-ms-transform: translateY(4px) rotate(125deg); 
	transform: translateY(4px) rotate(125deg);}
.search-text.active span:after {
	-webkit-transform: translateY(-5px) rotate(-125deg); 
	-moz-transform: translateY(-5px) rotate(-125deg); 
	-o-transform: translateY(-5px) rotate(-125deg); 
	-ms-transform: translateY(-5px) rotate(-125deg); 
	transform: translateY(-5px) rotate(-125deg); }

.language-menu {position:absolute; left:0px;top:-13px; z-index:3;}
.language-menu a {color:#13181d; font-size:12px; line-height:12px;}

/*=================================================================
  HAMBURGER MENU
==================================================================*/

.menu-overlay {position:fixed; left:0; top:0; width:100vw; height:100vh; z-index:-1; background:rgba(255,255,255,0.5); pointer-events:none;
opacity:0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0;
-webkit-transition:all 0.3s ease-in 0s; -moz-transition:all 0.3s ease-in 0s; -ms-transition:all 0.3s ease-in 0s; -o-transition:all 0.3s ease-in 0s; transition:all 0.3s ease-in 0s;}
.menu-overlay.active {z-index:1; pointer-events:initial;
opacity:1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;
-webkit-transition:all 0.3s ease-in 0s; -moz-transition:all 0.3s ease-in 0s; -ms-transition:all 0.3s ease-in 0s; -o-transition:all 0.3s ease-in 0s; transition:all 0.3s ease-in 0s;}

.navigation {margin-top:calc((100vh - 576px)/2);}
.navigation>ul {display:table; width:100%; margin-bottom:0;}
.navigation ul>li {float:none;}
.navigation ul li a {display:block; position:relative; padding:32px 16px; color:#ffffff!important; font-size:11px; letter-spacing:10px;}
.navigation>ul>li>a {background:transparent url("../images/arrow-white.png") no-repeat 94% center; background-size:12px;}
.navigation ul li a:before {content:""; position:absolute; left:0; bottom:0; width:0; height:1px; background:rgba(255,255,255,0.5); 
-webkit-transition:all 0.3s ease-in 0s; -moz-transition:all 0.3s ease-in 0s; -ms-transition:all 0.3s ease-in 0s; -o-transition:all 0.3s ease-in 0s; transition:all 0.3s ease-in 0s;}
.navigation ul li a:hover:before {width:100%; -webkit-transition:all 0.3s ease-in 0s; -moz-transition:all 0.3s ease-in 0s; -ms-transition:all 0.3s ease-in 0s; -o-transition:all 0.3s ease-in 0s; transition:all 0.3s ease-in 0s;}

.navigation ul li.active .sub-menu-container {display:block; }
.sub-menu-container {display:none; position:absolute; left:0; top:0; width:100%; height:100vh; padding:16px 0; background:#13181d; border-left:solid 1px rgba(255,255,255,0.5);}
.sub-menu-container.w2 {width:160%;}
.sub-menu-container.w2 .sub-menu-table-cell {width:50%;}

.sub-menu-table {position:relative; width:100%; overflow:hidden;}
.sub-menu-table-cell {float:left; width:100%; padding:12px;}
.sub-menu-table-cell h4,
.sub-menu-table-cell ul li a {font-size:10px; padding:8px; margin-bottom:0; letter-spacing:2px;}

#navigation-container {position:fixed; left:-470px; top:0; width:0; height:100vh; padding:60px 0 60px 32px; background:#13181d; z-index:33;
-webkit-transition:all 0.3s ease-in 0s; -moz-transition:all 0.3s ease-in 0s; -ms-transition:all 0.3s ease-in 0s; -o-transition:all 0.3s ease-in 0s; transition:all 0.3s ease-in 0s;}

#navigation-container.active {left:0; width:470px;
-webkit-transition:all 0.3s ease-in 0s; -moz-transition:all 0.3s ease-in 0s; -ms-transition:all 0.3s ease-in 0s; -o-transition:all 0.3s ease-in 0s; transition:all 0.3s ease-in 0s;}

.mobile-menu-button {position:relative; z-index:44; float:left; width:70px; padding:3px 0 6px; cursor:pointer; margin:18px 0 0 0; overflow:hidden;
-webkit-transition:all 0.3s ease-in 0s; -moz-transition:all 0.3s ease-in 0s; -ms-transition:all 0.3s ease-in 0s; -o-transition:all 0.3s ease-in 0s; transition:all 0.3s ease-in 0s;}
.mobile-menu-button a:after, .mobile-menu-button a:before, 
.mobile-menu-button a div {background-color: #13181d; content: ''; display: block; height:3px; margin:0 0 8px; transition: all 0.3s ease-in-out; }
.mobile-menu-button a div {display:none}
.mobile-menu-button a:after {margin-bottom:0;}
.mobile-menu-button.active a:before {-webkit-transform: translateY(9px) rotate(116deg); -moz-transform: translateY(9px) rotate(116deg); -o-transform: translateY(9px) rotate(116deg); -ms-transform: translateY(9px) rotate(116deg); transform: translateY(9px) rotate(116deg);}
.mobile-menu-button.active a:after {-webkit-transform: translateY(-7px) rotate(-116deg); -moz-transform: translateY(-7px) rotate(-116deg); -o-transform: translateY(-7px) rotate(-116deg); -ms-transform: translateY(-7px) rotate(-116deg); transform: translateY(-7px) rotate(-116deg); }
.mobile-menu-button.active a div { -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0);}
.mobile-menu-button.active a:after, .mobile-menu-button.active a:before, 
.mobile-menu-button.active a div {background-color:#ffffff;}
.inactive {-webkit-transition:all 0.3s ease-in 0s; -moz-transition:all 0.3s ease-in 0s; -ms-transition:all 0.3s ease-in 0s; -o-transition:all 0.3s ease-in 0s; transition:all 0.3s ease-in 0s;}

/*.copyright {position:absolute; left:0; bottom:0; width:100%; padding:16px 0 16px 48px; color:#ffffff; letter-spacing:2.2px;}*/
.copyright {margin-top:10px; color:#ffffff; letter-spacing:2.2px;}
.copyright p {font-size:6px!important; color:rgba(229,229,229,0.6); letter-spacing:3px; margin-bottom:5px;}

.copyright-container {position:absolute; left:150px; bottom:20px; z-index:33}
.copyright-links-footer a,
.copyright-container p {font-size:12px; color:#ffffff; letter-spacing:4px; margin-bottom:0; font-family:"DINPro-Regular", sans-serif;}


.copyright-links-footer {}
.copyright-links-footer a {display:inline-block; letter-spacing:2px; padding:0 10px; border-left:solid 1px #ffffff;}
.copyright-links-footer a:first-child { padding-left:0; padding-right:10px; border-left:none}
.copyright-links-footer a:hover {color:#ffffff!important; text-decoration:underline;}

/*=================================================================
  
==================================================================*/
.v1-container, .v1-container .text-item,
.v2-container, .v2-container .text-item {position:absolute; left:0; top:0; width:100%; text-align:center; color:#ffffff; overflow:hidden; z-index:333;}
.v1-container a, .v2-container a {display:block; position:relative; width:100%; height:100%; overflow:hidden;}

.vertical-center { min-height: 100%; min-height: 100%; display: flex; align-items: center;}
.vertical-center h4 {width:100%; text-align:center; letter-spacing:13px; margin-bottom:0; font-family:'DINPro-Light'; font-size:16px;}

/*=================================================================
  IMAGE OVERLAY
==================================================================*/
.video-container a img, .news-item a img, .v1-container a img, 
.v2-container a img {-webkit-transition:all 0.5s ease-in 0s; -moz-transition:all 0.5s ease-in 0s; -ms-transition:all 0.5s ease-in 0s; -o-transition:all 0.5s ease-in 0s; transition:all 0.5s ease-in 0s;}

.item-overlay-bg {position:absolute; left:0; top:0; width:100%; height:100%; z-index:10; background:rgba(33,41,48,0.5);
opacity:0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0;
-webkit-transition:all 0.5s ease-in 0s; -moz-transition:all 0.5s ease-in 0s; -ms-transition:all 0.5s ease-in 0s; -o-transition:all 0.5s ease-in 0s; transition:all 0.5s ease-in 0s;}

.video-container a:hover .item-overlay-bg, .news-item a:hover .item-overlay-bg, .v1-container a:hover .item-overlay-bg, 
.v2-container a:hover .item-overlay-bg {opacity:1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1;}

.video-container a:hover img, .news-item a:hover img, .v1-container a:hover img, 
.v2-container a:hover img {
-webkit-transition:all 0.5s ease-in 0s; -moz-transition:all 0.5s ease-in 0s; -ms-transition:all 0.5s ease-in 0s; -o-transition:all 0.5s ease-in 0s; transition:all 0.5s ease-in 0s;
transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2); -ms-transform:scale(1.2);}

/*=================================================================
  BANNER CAROUSEL
==================================================================*/
.banner-container  {position:relative; width:100%; height:100%;}	
.banner-container button {border:none;}

.banner-container .owl-controls .owl-nav,
.banner-container .owl-controls {position:absolute; left:0; top:0; width:70px; height:100%; }

.banner-container .owl-stage, .banner-container .owl-item, .banner-container .owl-item a {float:left; height:100%; overflow:hidden}
.banner-container .banner-item {position:relative; width:100%; float:left; height:100%}
.banner-container .owl-item a {width:100%;}
.banner-container .owl-stage-outer {overflow:hidden; height:100%; }

.banner-title-container {position:relative; z-index:2; width:100%; height:100%; display: -ms-flexbox; align-items:center; display: -webkit-flex; display: flex; justify-content:space-between; justify-content:center;}

.banner-title>strong{display:block; position:relative; float:left; width:180px; height:180px; line-height:180px; margin-right:80px; font-family:"DINPro-Black"; border:solid 1px rgba(229,229,229,0.6); text-align:center; font-size:26px; color:#ffffff;
-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; justify-content:center; margin-left:50px;}

.banner-title h2{float:right; font-size:60px; margin-top:14px; line-height:62px; color:#ffffff; letter-spacing:4px; font-family: "DINPro-Light";}
.banner-title h2 em{display:block; font-style:normal; font-family: "DINPro-Black";}

.banner-container .text-item {position:absolute; left:0; bottom:0; width:100%; height:80px; padding:28px 20px;}
.banner-container .text-item span, .banner-container .text-item p {visibility:hidden;} 
.banner-container .text-item h5 {display:none!important; color:rgba(229,229,229,0.6); font-size:12px; letter-spacing:8px; line-height:22px;}

.banner-container-text {position:absolute; left:-76px; top:0; width:152px; height:152px; padding:6px 12px; background:#13181d; z-index:2;}
.banner-container-text em, .banner-container-text span, .banner-container-text p {display:block; color:#ffffff; text-align:center;}
.banner-container-text span {font-size:60px; font-family:"DINPro-Black"}
.banner-container-text em,
.banner-container-text p {font-size:8px; margin-bottom:5px; font-family:"DINPro-Black"; letter-spacing:8px;}
.banner-container-text em {display:none; font-style:normal; letter-spacing:initial; font-family:"DINPro-Regular", sans-serif}

.banner-container .owl-nav {left:-60px; top:0; height:100%; width:60px;} .banner-container .owl-prev, 
.banner-container .owl-next {position:absolute; width:60px; height:62px; margin:0; padding:0; border:solid 1px #cccccc; font-size:32px; color:#bcc0cd; background:#ffffff; /*text-indent:-9999em; background:transparent url("../images/prev-next-btn.png") no-repeat 0 0;*/}
.banner-container .owl-prev, .banner-container .owl-next {left:30px; right:auto;}

.banner-container .owl-nav .owl-prev:hover, 
.banner-container .owl-nav .owl-next:hover { background:#13181d; border:solid 1px #13181d;}

.banner-dots-container {position:absolute; left:0; bottom:0; width:100%; height:80px; z-index:4;}

.banner-dots-line {position:absolute; left:0; bottom:79px; width:0; height:1px; border-top:solid 1px rgba(229,229,229,0.2);
-webkit-transition:all 1s ease-in 0s; 
	-moz-transition:all 1s ease-in 0s; 
	-ms-transition:all 1s ease-in 0s; 
	-o-transition:all 1s ease-in 0s; 
	transition:all 1s ease-in 0s;}
	
.banner-dots-line.animated {width:65%;
-webkit-transition:all 1s ease-in 0s; 
	-moz-transition:all 1s ease-in 0s; 
	-ms-transition:all 1s ease-in 0s; 
	-o-transition:all 1s ease-in 0s; 
	transition:all 1s ease-in 0s;}
	
.banner-dots-list {position:absolute; left:70%; top:-11px;}
.banner-dots-list button {display:none}
.banner-dots-list span {position:relative; float:left; margin-left:24px; background:none; border:none; color:#93969a; font-size:15px; font-weight:bold; cursor:pointer;}
.banner-dots-list span:first-child {margin-left:0}
.banner-dots-list span.active {color:#ffffff;}
/*.banner-dots-list span.active:before {content:""; position:absolute; left:-50%; top:50%; margin-top:-0.5px; width:200%; height:1px; background:#ffffff;}*/


/*=================================================================
  SOCIAL MEDIA
==================================================================*/
.social-media {position:absolute; left:0; bottom:0; width:100%; text-align:center;}
.social-media h5{display:none; position:absolute; left:0; bottom:215px; width:200%; margin-left:-50%; text-align:left;
-webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg);}

.social-media-list {position:absolute; left:50%; bottom:54px; margin-left:-11px;}
.social-media-list a {display:block; width:22px; height:21px; text-indent:-9999em; 
	-webkit-transition:all 0.3s ease-in 0s; 
	-moz-transition:all 0.3s ease-in 0s; 
	-ms-transition:all 0.3s ease-in 0s; 
	-o-transition:all 0.3s ease-in 0s; 
	transition:all 0.3s ease-in 0s;}
.sm-instagram {background:transparent url("../images/social_media/instagram.png") no-repeat 0 0;}
.sm-linkedin {background:transparent url("../images/social_media/linkedin.png") no-repeat 0 0;}
.sm-facebook {background:transparent url("../images/social_media/facebook.png") no-repeat 0 0;}

.follow-us img {height:80%; margin-left:-2%;}

/*=================================================================
  NEWS
==================================================================*/
.news-container {position:relative; overflow:hidden; height:100%; }
.news-container .owl-nav {position:absolute; left:0; top:auto; bottom:0; width:80px; height:40px;}
.news-container .owl-stage, .news-container .owl-item,
.news-container .news-item {position:relative; height:100%;}
.news-container .news-item a {display:block; position:relative; width:100%; height:100%; color:#ffffff;}
.news-container .news-item a span {display:block; width:100%; height:40px; position:absolute; right:0; bottom:0; font-size:9px; line-height:40px; letter-spacing:5px; text-align:center; color:#ffffff; background:#13181d;}
.news-container .news-item a:hover {color:initial}
.news-container .owl-prev, 
.news-container .owl-next {float:left; width:40px; height:40px; margin:0; padding:0; border:solid 1px #cccccc; font-size:20px; color:#bcc0cd; background:#ffffff;}
.news-text {position:absolute; left:0; top:0; width:100%; height:100%; z-index:334; color:#ffffff;}

.news-container .owl-prev.disabled, 
.news-container .owl-next.disabled { background:#13181d; border:solid 1px #13181d;}

/*=================================================================
  VIDEO
==================================================================*/
.news-container,
.video-container {position:relative; width:100%; height:100%;}

.video-container,
.video-container a {display:block;  position:relative; width:100%; height:100%; overflow:hidden}
.video-text {position:absolute; left:0; top:0; width:100%; height:100%; z-index:335; color:#ffffff;}
.video-play-ico {position:absolute; left:50%; top:50%; margin-left:-15px; margin-top:-21px; width:31px; height:43px; z-index:3; background:transparent url("../images/play-ico.png") no-repeat 0 0;}

.news-text h4, .video-text h4 {font-family:"DINPro-Black"; font-size:14px;  letter-spacing:6px; }

.news-text h6, .video-text h6 {font-family:"DINPro-Light"; font-size:11px;  letter-spacing:3px;}
.lg-counter, .lg-sub-html {display:none;}
/*=================================================================
  CONTACT
==================================================================*/
.follow-us h4,
.contact-container {color:#13181d;}
.contact-container img {-webkit-transition:all 0.3s ease-in 0s; 
	-moz-transition:all 0.3s ease-in 0s; 
	-ms-transition:all 0.3s ease-in 0s; 
	-o-transition:all 0.3s ease-in 0s; 
	transition:all 0.3s ease-in 0s;}
.contact-container h5 {font-family:"DINPro-Black"; font-size:14px; letter-spacing:6px;}
.contact-container a, .contact-container p { font-size:11px; letter-spacing:1px; margin-bottom:6px;}
.follow-us {position:relative;}
 

/*=================================================================
	MODE
==================================================================*/
.gece #header {border-bottom:solid 1px rgba(229,229,229,0.2);}
.gece .BLeft {border-left:solid 1px rgba(229,229,229,0.2);}
.gece {
	-webkit-animation-name: backgroundColorBlack; 
	-webkit-animation-duration: 1s;  
	-webkit-animation-fill-mode: forwards; 
	animation-name: backgroundColorBlack; 
	animation-duration: 1s; 
	animation-fill-mode: forwards;
}

.gece .search-container,
.gece .mobile-menu-button a:after, 
.gece .mobile-menu-button a:before, 
.gece .mobile-menu-button a div,
.gece .search-container label:before,
.gece .banner-container-text {
	-webkit-animation-name: backgroundColorWhite; 
	-webkit-animation-duration: 1s;  
	-webkit-animation-fill-mode: forwards; 
	animation-name: backgroundColorWhite; 
	animation-duration: 1s; 
	animation-fill-mode: forwards;
}

.gece .mobile-menu-button.active a:after, .gece .mobile-menu-button.active a:before, 
.gece .mobile-menu-button.active a div {
	-webkit-animation-name: backgroundColorWhiteToBlack; 
	-webkit-animation-duration: 1s;  
	-webkit-animation-fill-mode: forwards; 
	animation-name: backgroundColorWhiteToBlack; 
	animation-duration: 1s; 
	animation-fill-mode: forwards;
}

.gece .language-menu a, .gece .search-container label .main-search-bar,
.gece .contact-container p, .gece .copyright-links-footer a,
.gece .copyright-container p,
.gece .contact-container h5,
.gece .follow-us h4,
.gece .copyright-container {
	-webkit-animation-name: colorWhite; 
	-webkit-animation-duration: 1s;   
	-webkit-animation-fill-mode: forwards; 
	animation-name: colorWhite; 
	animation-duration: 1s; 
	animation-fill-mode: forwards;
}


.gece .banner-container-text em, .gece .banner-container-text span, 
.gece .banner-container-text p {
	-webkit-animation-name: colorBlack; 
	-webkit-animation-duration: 1s; 
	-webkit-animation-fill-mode: forwards; 
	animation-name: colorBlack; 
	animation-duration: 1s; 
	animation-fill-mode: forwards;
}

.gece .news-container .news-item a span {
	-webkit-animation-name: backgroundAndColorWhiteAndBlack; 
	-webkit-animation-duration: 1s; 
	-webkit-animation-fill-mode: forwards; 
	animation-name: backgroundAndColorWhiteAndBlack; 
	animation-duration: 1s; 
	animation-fill-mode: forwards;
}

.gece #navigation-container {
	-webkit-animation-name: backgroundColorBlackToWhite; 
	-webkit-animation-duration: 1s;  
	-webkit-animation-fill-mode: forwards; 
	animation-name: backgroundColorBlackToWhite; 
	animation-duration: 1s; 
	animation-fill-mode: forwards;
}
.gece .sub-menu-container {background:#ffffff; border-left:solid 1px rgba(33,41,48,0.5);}
.gece .navigation ul li a {color:#13181d!important;}
.gece .search-ico {background-size:80% 80%!important;}
.gece .sm-instagram {background:transparent url("../images/social_media/w-instagram.png") no-repeat 0 0;}
.gece .sm-linkedin {background:transparent url("../images/social_media/w-linkedin.png") no-repeat 0 0;}
.gece .sm-facebook {background:transparent url("../images/social_media/w-facebook.png") no-repeat 0 0;}
.gece .search-ico {background:transparent url("../images/w-search-ico.png") no-repeat 0 0;}

.gece .navigation ul li a:before {background:rgba(33,41,48,0.5);}
.gece .banner-container .owl-nav .owl-prev, 
.gece .banner-container .owl-nav .owl-next { background:#13181d; border:solid 1px rgba(229,229,229,0.2);}
.gece .banner-container .owl-nav .owl-prev:hover, 
.gece .banner-container .owl-nav .owl-next:hover { background:#ffffff;}
.gece .menu-overlay {background:rgba(33,41,48,0.5)}
.gece .navigation>ul>li>a {background:transparent url("../images/arrow-black.png") no-repeat 94% center; background-size:12px;}

.gunduz {
	-webkit-animation-name: backgroundColorBlackToWhite; 
	-webkit-animation-duration: 1s;  
	-webkit-animation-fill-mode: forwards; 
	animation-name: backgroundColorBlackToWhite; 
	animation-duration: 1s; 
	animation-fill-mode: forwards;
}

.gunduz .search-container,
.gunduz .mobile-menu-button a:after, 
.gunduz .mobile-menu-button a:before, 
.gunduz .mobile-menu-button a div,
.gunduz .search-container label:before,
.gunduz .banner-container-text {
	-webkit-animation-name: backgroundColorWhiteToBlack; 
	-webkit-animation-duration: 1s;  
	-webkit-animation-fill-mode: forwards; 
	animation-name: backgroundColorWhiteToBlack; 
	animation-duration: 1s; 
	animation-fill-mode: forwards;
}

.gunduz .language-menu a,
.gunduz .search-container label .main-search-bar,
.gunduz .contact-container {
	-webkit-animation-name: colorWhiteToBlack; 
	-webkit-animation-duration: 1s;   
	-webkit-animation-fill-mode: forwards; 
	animation-name: colorWhiteToBlack; 
	animation-duration: 1s; 
	animation-fill-mode: forwards;
}

.gunduz .banner-container-text em, 
.gunduz .banner-container-text span, 
.gunduz .banner-container-text p {
	-webkit-animation-name: colorBlackToWhite; 
	-webkit-animation-duration: 1s; 
	-webkit-animation-fill-mode: forwards; 
	animation-name: colorBlackToWhite; 
	animation-duration: 1s; 
	animation-fill-mode: forwards;
}

.gunduz .news-container .news-item a span {
	-webkit-animation-name: backgroundAndColorBlackAndWhite; 
	-webkit-animation-duration: 1s; 
	-webkit-animation-fill-mode: forwards; 
	animation-name: backgroundAndColorBlackAndWhite; 
	animation-duration: 1s; 
	animation-fill-mode: forwards;
}
.gunduz .mobile-menu-button.active a:after, 
.gunduz .mobile-menu-button.active a:before, 
.gunduz .mobile-menu-button.active a div {
	-webkit-animation-name: backgroundColorBlackToWhite; 
	-webkit-animation-duration: 1s;  
	-webkit-animation-fill-mode: forwards; 
	animation-name: backgroundColorBlackToWhite; 
	animation-duration: 1s; 
	animation-fill-mode: forwards;
}

.mobile-menu-button.active a:after, .mobile-menu-button.active a:before, 
.mobile-menu-button.active a div {background-color:#ffffff; }

.bootstrap-switch .bootstrap-switch-handle-on, .bootstrap-switch .bootstrap-switch-handle-off, .bootstrap-switch .bootstrap-switch-label {font-size:10px; line-height:22px; padding:1px 2px;}
.custom-control.custom-switch {position:absolute; left:10px; bottom:15px; padding:10px 0; min-height:auto; padding:0; margin:0; z-index:111;}

.custom-control.custom-switch>em,
.custom-control.custom-switch>span {display:block; float:left; text-align:center; font-size:8.5px; line-height:14px; padding:0; margin:0 0 10px 0; color:#13181d; font-family:"DINPro-Regular", sans-serif;}
.custom-control.custom-switch>em{width:32px; font-style:normal; text-align:left; text-indent:3px;}
.custom-control.custom-switch p {clear:both;font-size:14px; line-height:14px; padding:0; margin:0;}

.custom-control.custom-switch .btn-group{display:none;}

.bootstrap-switch {display:block; margin:0 auto; background:#ffffff; border:solid 1px #95aeb7; box-shadow:1px 2px 2px #9faebd; -webkit-border-radius:15px;-moz-border-radius:15px;border-radius: 15px;}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary, 
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default, 
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default,
.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-off .bootstrap-switch-label, 
.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label {width:24px; background:none; text-indent:-9999em;}

/*On*/
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary, 
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary {background:transparent url("../images/gece-icon.png") no-repeat left 0;}

/*Off*/
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default, 
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default {background:transparent url("../images/gunduz-icon.png") no-repeat right 0;}

.gunduz .bootstrap-switch {background:#ffffff; border:solid 1px #95aeb7; box-shadow:1px 5px 9px #bfc9d4; }

.gece .bootstrap-switch {background:#2c8aea; border:solid 1px #95aeb7; box-shadow:-1px 1px 2px #1e60a3;}
.gece .custom-control.custom-switch>em,
.gece .custom-control.custom-switch>span {color:#ffffff;}

.bootstrap-switch .bootstrap-switch-label {border:none; background:none;}

/*=================================================================
  Background Color White
==================================================================*/
@-webkit-keyframes backgroundColorWhite {
  from {}
  to {background-color: #ffffff;}
}
@-moz-keyframes backgroundColorWhite {
  from {}
  to {background-color: #ffffff;}
}
@-o-keyframes backgroundColorWhite {
  from {}
  to {background-color: #ffffff;}
}
@keyframes backgroundColorWhite {
  from {}
  to {background-color: #ffffff;}
}

@-webkit-keyframes backgroundColorBlackToWhite {
  from {background-color: #13181d;}
  to {background-color: #ffffff;}
}
@-moz-keyframes backgroundColorBlackToWhite {
  from {background-color: #13181d;}
  to {background-color: #ffffff;}
}
@-o-keyframes backgroundColorBlackToWhite {
  from {background-color: #13181d;}
  to {background-color: #ffffff;}
}
@keyframes backgroundColorBlackToWhite {
  from {background-color: #13181d;}
  to {background-color: #ffffff;}
}


/*=================================================================
  Background Color Black
==================================================================*/
@-webkit-keyframes backgroundColorBlack {
  from {}
  to {background-color: #13181d;}
}
@-moz-keyframes backgroundColorBlack {
  from {}
  to {background-color: #13181d;}
}
@-o-keyframes backgroundColorBlack {
  from {}
  to {background-color: #13181d;}
}
@keyframes backgroundColorBlack {
  from {}
  to {background-color: #13181d;}
}

@-webkit-keyframes backgroundColorWhiteToBlack {
  from {background-color: #ffffff;}
  to {background-color: #13181d;}
}
@-moz-keyframes backgroundColorWhiteToBlack {
  from {background-color: #ffffff;}
  to {background-color: #13181d;}
}
@-o-keyframes backgroundColorWhiteToBlack {
  from {background-color: #ffffff;}
  to {background-color: #13181d;}
}
@keyframes backgroundColorWhiteToBlack {
  from {background-color: #ffffff;}
  to {background-color: #13181d;}
}

/*=================================================================
  Color White
==================================================================*/
@-webkit-keyframes colorWhite {
  from {}
  to {color: #ffffff;}
}
@-moz-keyframes colorWhite {
  from {}
  to {color: #ffffff;}
}
@-o-keyframes colorWhite {
  from {}
  to {color: #ffffff;}
}
@keyframes colorWhite {
  from {}
  to {color: #ffffff;}
}


@-webkit-keyframes colorBlackToWhite {
  from {color: #13181d;}
  to {color: #ffffff;}
}
@-moz-keyframes colorBlackToWhite {
  from {color: #13181d;}
  to {color: #ffffff;}
}
@-o-keyframes colorBlackToWhite {
  from {color: #13181d;}
  to {color: #ffffff;}
}
@keyframes colorBlackToWhite {
  from {color: #13181d;}
  to {color: #ffffff;}
}

/*=================================================================
  Color Black
==================================================================*/
@-webkit-keyframes colorBlack {
  from {}
  to {color: #13181d;}
}
@-moz-keyframes colorBlack {
  from {}
  to {color: #13181d;}
}
@-o-keyframes colorBlack {
  from {}
  to {color: #13181d;}
}
@keyframes colorBlack {
  from {}
  to {color: #13181d;}
}

@-webkit-keyframes colorWhiteToBlack {
  from {color: #ffffff;}
  to {color: #13181d;}
}
@-moz-keyframes colorWhiteToBlack {
  from {color: #ffffff;}
  to {color: #13181d;}
}
@-o-keyframes colorWhiteToBlack {
  from {color: #ffffff;}
  to {color: #13181d;}
}
@keyframes colorWhiteToBlack {
  from {color: #ffffff;}
  to {color: #13181d;}
}

/*=================================================================
  Background Color White
==================================================================*/
@-webkit-keyframes backgroundAndColorWhiteAndBlack {
  from {}
  to {background-color: #ffffff; color:#13181d}
}
@-moz-keyframes backgroundAndColorWhiteAndBlack {
  from {}
  to {background-color: #ffffff; color:#13181d}
}
@-o-keyframes backgroundAndColorWhiteAndBlack {
  from {}
  to {background-color: #ffffff; color:#13181d}
}
@keyframes backgroundAndColorWhiteAndBlack {
  from {}
  to {background-color: #ffffff; color:#13181d}
}

@-webkit-keyframes backgroundAndColorBlackAndWhite {
  from {background-color: #ffffff; color:#13181d}
  to {background-color: #13181d; color:#ffffff}
}
@-moz-keyframes backgroundAndColorBlackAndWhite {
  from {background-color: #ffffff; color:#13181d}
  to {background-color: #13181d; color:#ffffff}
}
@-o-keyframes backgroundAndColorBlackAndWhite {
  from {background-color: #ffffff; color:#13181d}
  to {background-color: #13181d; color:#ffffff}
}
@keyframes backgroundAndColorBlackAndWhite {
  from {background-color: #ffffff; color:#13181d}
  to {background-color: #13181d; color:#ffffff}
}


@-webkit-keyframes fadeInLeftAlternate {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-10%, 0, 0);
    transform: translate3d(-10%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeftAlternate {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-10%, 0, 0);
    transform: translate3d(-10%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeftAlternate {
  -webkit-animation-name: fadeInLeftAlternate;
  animation-name: fadeInLeftAlternate;
}

.mobileDevice .search-container {position:relative; width:100%;}
.mobileDevice .search-text {height:57px; width:100vw;}
.mobileDevice .search-container,
.mobileDevice .search-text.active {position:fixed; left:0; top:0; width:100vw; z-index:500;}
.mobileDevice .search-text.active label {border:none;}
.mobileDevice .search-text span {right:14px; top:23px;}

.mobileDevice .search-container>button {position:absolute; left:calc(100vw - 30px); top:18px; margin-top:0; z-index:501; 
-webkit-transition:all 0.3s ease-in 0s; -moz-transition:all 0.3s ease-in 0s; -ms-transition:all 0.3s ease-in 0s; -o-transition:all 0.3s ease-in 0s; transition:all 0.3s ease-in 0s;}
.mobileDevice .overflow-hidden.active .search-container>button {left:10px;
-webkit-transition:all 0.3s ease-in 0s; -moz-transition:all 0.3s ease-in 0s; -ms-transition:all 0.3s ease-in 0s; -o-transition:all 0.3s ease-in 0s; transition:all 0.3s ease-in 0s;}
.mobileDevice .search-text label input {width:calc(100vw - 100px); float:none; padding:0; margin:0 auto;}

.mobileDevice.swipe-active .custom-control.custom-switch {display:block; z-index:999}
.mobileDevice.swipe-active .custom-control.custom-switch > em, 
.mobileDevice.swipe-active .custom-control.custom-switch > span {color:#ffffff;}
.mobileDevice.swipe-active.gece .custom-control.custom-switch > em, 
.mobileDevice.swipe-active.gece .custom-control.custom-switch > span {color:#13181d;}
	
/*=================================================================
  MEDIA SCREEN
==================================================================*/

@media screen and (max-width:1680px) {
	.banner-title h2{font-size:52px; line-height:52px;}
	.banner-title strong{width:180px; height:180px; margin-right:36px; font-size:24px; line-height:180px;}
}

@media screen and (max-width:1440px) {
	.banner-title h2{font-size:48px; line-height:48px;}
	.banner-title strong{width:160px; height:160px; line-height:160px;}
}

@media screen and (max-width:1366px) {
	.copyright-container {left:120px;}
	.custom-switch-dot {display:none}
	#main {padding:0 20px;}
	.custom-control.custom-switch p {clear:both; float:none;}
	.navigation {margin-top:calc((100vh - 400px)/2)}
	.navigation>ul>li>a {padding:16px;}
	.PL138 {padding-left:60px!important;}

	.MT16 {margin-top:10px!important;}
	.MT32 {margin-top:20px!important;}

	/*#main {height:calc(100vh - 74px); max-height:calc(100% - 74px);}*/
	.copyright {margin-top:0}
	#header {padding:16px 20px;}
	
	.mobile-menu-button {width:60px;}
	
	.banner-container .owl-nav {left:-48px; width:48px; /*margin-top:-70px;*/}
	.banner-container .owl-prev, .banner-container .owl-next {left:24px; width:48px; height:50px; font-size:26px;}
	
	.banner-container-text {left:-60px; width:120px; height:120px; padding:20px;}
	.banner-container-text span {font-size:40px;}
	.banner-container-text p {letter-spacing:5px;}
	
	.banner-title strong{width:140px; height:140px;font-size:18px; line-height:140px; margin-right:52px;}
	
	.banner-title h2{font-size:42px; line-height:42px;}
	.banner-dots-line.animated.delay-5s {width:62%}
	
	.PL16 {padding-left:8px!important;}
	.PR16 {padding-right:8px!important;}
	.PT32,
	.PT32-xl {padding-top:16px!important;}
	.vertical-center {padding-top:16px;}
	.vertical-center h4 {font-size:14px;}
	
	.news-text h4, .video-text h4, .contact-container h5 {font-size:12px; letter-spacing:4px;}
	.news-text h6, .video-text h6, .contact-container p, .contact-container a {font-size:8.5px!important; letter-spacing:1.1px;}
	.social-media-list {bottom:30px;}
	.copyright-links-footer a, .copyright-container p {font-size:11px; letter-spacing:1px;}
	.copyright>div>p {margin-bottom:0; font-size:6px!important;}
	.copyright>div>p:first-child {margin-top:10px; }
	.news-container .owl-nav {width:56px; height:28px;}
	.news-container .owl-prev, .news-container .owl-next {width:28px; height:28px; line-height:27px;}
	.news-container .news-item a span {height:28px; line-height:28px; font-size:8px; letter-spacing:2.5px;}
	
	.custom-control.custom-switch>em, .custom-control.custom-switch>span {font-size:6.5px}
	/*.custom-control.custom-switch>span {margin:0 0 5px 0;}*/
	/*.custom-control.custom-switch>em {text-align:center; float:none; clear:both; margin:0 auto 5px}*/
}


@media screen and (max-width:1024px) {
	.video-text h4, .news-text h4, .vertical-center h4,
	.banner-container .text-item h5, .contact-container h5, .text-item h5, .follow-us h4 {font-size:12px; letter-spacing:8px;}
	.banner-container .text-item h5, .contact-container h5, .text-item h5 {margin-top:2px; margin-bottom:0;}
	/*.news-container .news-item a span {width:60%;}*/

	.copyright>div>p {font-size:6px!important;}
	.banner-title {margin-top:-28px;}
	.banner-title strong{width:100px; height:100px;font-size:14px; line-height:100px;}
	.banner-title h2{font-size:30px; line-height:30px;}
	
	.copyright p {font-size:10px;}
	
	#navigation-container {position:fixed; left:-380px;}
	#navigation-container.active {left:0; width:410px;}
	.sub-menu-container.w2 {width:150%;}
	.custom-control.custom-switch {left:6px;}
	.copyright-container {left:100px;}
	.copyright-links-footer a, .copyright-container p {font-size:9.5px; letter-spacing:1px;}
	.copyright-links-footer a{padding:0 5px;}
	.copyright-links-footer a:first-child {padding-right:5px;}
}
@media screen and (max-width:990px) {
	.banner-container .text-item {display:none}
	.copyright-links-footer.none-desktop a {color:#13181d; border-left:solid 1px #13181d}
	.copyright-links-footer.none-desktop a:first-child {color:#13181d; border-left:none}
	.copyright-links-footer.none-desktop a:hover {color:#13181d!important;}
	
	.copyright-container {display:none; left:0; width:100%;}
	.copyright-container p {font-size:11px; text-align:center; letter-spacing:3px; color:#13181d; font-weight:bold;}
	#navigation-container {position:absolute; left:-100%; padding:60px 0; min-height:100vh; height:auto}
	#navigation-container.active {left:0; width:100%;}
	.navigation{margin-top:24px;}
	.sub-menu-table-cell h4{padding:16px 48px; cursor:pointer;}
	.navigation ul li a {padding:16px 32px;}
	/*.navigation>ul>li>a {border-top:solid 1px #ffffff;}*/
	.navigation>ul>li.activeS>a {border-bottom:solid 1px #ffffff;}
	.navigation ul>li:first-child a {border-top:none;}
	.navigation ul li.active .sub-menu-container {position:relative; left:auto; top:auto; height:auto; border:none;}
	.sub-menu-container {position:relative; left:auto; top:auto; height:auto;}
	.sub-menu-table-cell {padding:0;}
	.sub-menu-table-cell ul {position:relative; width:100%;  padding:0 48px; overflow:hidden;}
	/*.sub-menu-table-cell ul.active {height:auto; 
	-webkit-transition:all 0.3s ease-in 0s; -moz-transition:all 0.3s ease-in 0s; -ms-transition:all 0.3s ease-in 0s; -o-transition:all 0.3s ease-in 0s; transition:all 0.3s ease-in 0s;}*/
	
	.none-mobile {display:none;}
	.none-desktop {display:block;}
	#header {background:none;}
	.P16 {padding:12px!important;}
	.PT32 {padding-top:16px!important;}
	.PB32 {padding-bottom:16px!important;}
	.PL16 {padding-left:8px!important;}
	.PR16 {padding-right:8px!important;}
	.PT64-md {padding-top:50px!important}
	.p-32-md {padding:0!important;}
	.ML24 {margin-left:16px!important;}
	
	.PL138 {padding-left:0!important;}
	.h-20-md {height:20%!important}
	.h-25-md {height:25%!important}
	.h-30-md {height:27%!important}
	.h-35-md {height:35%!important}
	.h-40-md {height:40%!important}
	.h-50-md {height:50%!important}
	.h-60-md {height:60%!important}
	.h-65-md {height:65%!important}
	.h-70-md {height:70%!important}
	.h-75-md {height:75%!important}
	.h-100-md {height:100%!important}
	
	.w-50-md {width:50%!important;}
	
	/*.v1-container, .v2-container {padding-top:0!important}*/
	.news-container {padding-right:0; margin-right:8px;}
	.video-container {padding-left:0; margin-left:8px;}
	.news-container .owl-nav {left:0;}
	
	.banner-dots-container {bottom:auto; top:0; padding:4px 16px; height:54px;}
	.banner-dots-list {position:initial; left:auto; bottom:auto; display:table; padding:12px; height:32px; margin:auto;}
	
	.banner-container-text {left:50%; top:auto; width:110px; height:100px; bottom:-50px; margin-left:-55px; padding:8px;}
	.banner-container-text span {font-size:38px; line-height:42px; padding-top:10px;}
	.banner-container-text em  {display:block;}
	.banner-container .owl-nav {position:absolute; left:0; top:auto; bottom:-24px; width:100%; height:48px;}
	.banner-container .owl-prev, .banner-container .owl-next {left:0; top:auto; bottom:0;}
	
	.none-desktop .social-media-list {display:table; position:initial; height:15%!important; left:auto; bottom:auto; margin:auto}
	.none-desktop .social-media-list a {float:left;}
	.none-desktop .contact-container p, .none-desktop .contact-container a {margin:5px 0 0;font-weight:bold; letter-spacing:3px;}
	.follow-us h4 {margin-bottom:0; padding-top:10px;}
	
	.news-container .news-item a span {height:32px; line-height:32px;}
	.news-container .owl-nav {width:64px; height:32px;}
	.news-container .owl-prev, .news-container .owl-next {width:32px; height:32px; line-height:31px;}
	
	.text-item h5, .banner-dots-line.animated {display:none;}
	.banner-title-container {width:100%; text-align:center;}
	.banner-title {float:none; margin-top:-32px;}
	.banner-title h2 {font-size:20px; line-height:22px;}
	.banner-title strong {float:none; clear:both; width:64px; height:64px; font-size:12px; line-height:64px; margin:10px auto 0!important}
	.banner-container-text em {display:none!important; letter-spacing:4px;}
	.v1-container a, .v2-container a {display:block; position:relative; width:100%; height:100%; overflow:hidden;}
	.vertical-center {padding-top:0;}
	
	.sub-menu-container {border-left:none;}
	.custom-control.custom-switch {left:20px; bottom:50px;}
	.social-media-list a {background-size:80% 80%!important}
	.custom-control.custom-switch>span {margin:0 0 10px 0;}
	.custom-control.custom-switch>em {text-align:left; float:left; clear:initial;}
	.custom-control.custom-switch>em, .custom-control.custom-switch>span {font-size:9px; margin:0;}
	.copyright>div>p {margin-bottom:0; font-size:7.5px!important;}
}

@media screen and (max-width:768px) {
	.h-30-md {height:20%!important}
	.PR16 {padding-right:4px!important}
	.PT32, .PT32, .PT32-xl {padding-top:8px!important}
	#header {padding:16px 8px;}
	#main {height:calc(100vh - 74px); max-height:calc(100% - 74px); padding:0 8px;}
	#header .logo img {width:60%; margin-top:2px;}
	.PT64-md {padding-top:40px!important}
	h4 { margin-bottom:4px;}
	.copyright-container {bottom:10px;}
	.copyright-container p {font-size:8.5px;}
	.p-32-md {padding:0!important}
	.h-60-md {height:56%!important}
	.banner-container .text-item h5, .contact-container h5, .text-item h5 {margin-top:2px; margin-bottom:0;}
	.video-text h6, .news-text h6, p {font-size:12px;}
	
	.banner-container-text {left:50%; top:auto; width:100px; height:80px; bottom:-40px; margin-left:-50px; padding:8px;}
	.banner-container-text span {font-size:26px; line-height:30px;}
	.banner-container-text p, .banner-container-text em {font-size:9px; letter-spacing:1.3px;}
	
	.banner-container .owl-nav {bottom:-20px; width:100%; height:40px;}
	.banner-container .owl-prev, .banner-container .owl-next {width:38px; height:40px; line-height:39px;}
	.follow-us:before {content:""; position:absolute; left:50%; bottom:5px; width:24px; height:1px; margin-left:-12px; background:#ddd}

	/*.vertical-center {padding-top:16px;}*/
	.news-container {margin-right:8px; padding-right:0;}
	.video-container {margin-left:8px; padding-left:0;}
	
	.banner-title h2 {font-size:18px; line-height:20px;}
	.banner-title strong {width:56px; height:56px; font-size:9px; line-height:56px; margin:auto!important}
	
	/*.search-container label::before {width:100%;}*/
	.search-text span {top:18px;}
	.custom-control.custom-switch {display:none;}
	.swipe-active .custom-control.custom-switch {display:block; z-index:999}
	.swipe-active .custom-control.custom-switch > em, 
	.swipe-active .custom-control.custom-switch > span {color:#ffffff;}
	.swipe-active.gece .custom-control.custom-switch > em, 
	.swipe-active.gece .custom-control.custom-switch > span {color:#13181d;}
}

@media screen and (max-width:640px) {
	.copyright-container {bottom:60px;}
	/*
	.news-item img, .video-container img {margin-top:-35%;}
	.PT64-md{padding-top:54px!important}
	.banner-container-text {left:50%; top:auto; width:110px; height:110px; bottom:-55px; margin-left:-55px; padding:10px;}
	.banner-container-text span {font-size:36px;}
	*/
	#main {padding:0 8px; height:calc(100vh - 60px); max-height:calc(100% - 60px); }
	#header {padding:8px;}
	#header .logo img {width:74%; margin-top:2px;}
	.language-menu {top:-6px;}
	.language-menu a {font-size:10px; line-height:10px;}
	.p-32-md {padding:0!important}
	.PT32 {padding-top:0!important}
	.PR16 {padding-right:4px!important}
	.PL16 {padding-left:4px!important}
	.PT64-md {padding-top:29px!important}
	
	.h-30-md {height:20%!important;}
	.h-40-md {height:50%!important;}
	.h-60-md {height:48%!important;}
	.h-65-md {height:60%!important;}
	.navigation ul li a {letter-spacing:8px;}
	.vertical-center {padding-top:8px;}
	.v1-container, .v2-container {overflow:hidden; padding-top:8px!important}
	
	.banner-dots-container {height:40px; padding:0 16px; top:8px;}
	.banner-dots-list {padding:4px;}
	
	.banner-title h2 {font-size:18px; line-height:24px;}
	.banner-title strong {width:48px; height:48px; font-size:8px; line-height:48px; margin:auto!important}
	
	.news-container {padding-left:0!important; padding-right:0!important; margin-right:4px!important}
	.video-container {padding-right:0!important; padding-left:0!important; margin-left:4px!important}
	
	.follow-us h4 {margin-top:16px;}
	
	.video-text h4, .news-text h4, .vertical-center h4, .follow-us h4,
	.banner-container .text-item h5, .contact-container h5, .text-item h5 {font-size:12px;}
	.banner-container .text-item h5, .contact-container h5, .text-item h5 {margin-top:2px; margin-bottom:0;}
	.video-text h6, .news-text h6, p {font-size:10px;}
	.banner-container .owl-nav {bottom:-20px;}
	
	.follow-us::before {bottom:8px;}
	.none-desktop .contact-container p {margin:0;}
	
	.news-container .owl-nav {width:48px; height:24px;}
	.news-container .owl-prev, .news-container .owl-next {width:24px; height:24px; line-height:23px;}
	.news-container .news-item a span {height:24px; line-height:24px;}
	
	.social-media-list a {background-size:80% 80%!important}
	
	.banner-container-text span {font-size:16px; line-height:24px;}
	.banner-container-text p, .banner-container-text em {font-size:10px;}
	.banner-container-text p {margin-bottom:0;}
	.news-text.P16, .video-text.P16 {padding:6px!important}
	.video-play-ico {width:21px; height:33px; margin-left:-10px; margin-top:-10px; background-size:100% 100%}
	/*.v1-container a, .v2-container a {padding-top:8px;}*/
	
	.banner-container {margin-top:8px;}
	.custom-control.custom-switch {left:50%; margin-left:-74px; bottom:5px;}
	.custom-control.custom-switch>span {margin:0 0 5px 0;}
	.custom-control.custom-switch>em, .custom-control.custom-switch>span {margin-top:7px;}
	.custom-control.custom-switch p {float:left; clear:initial; margin-left:10px;}
}

@media screen and (max-width:540px) {
	#header .logo img {width:84%; margin-top:6px;}
	#main {padding:0 8px; height:calc(100vh - 67px); max-height:calc(100% - 67px); }
	.video-text h4, .news-text h4, .vertical-center h4, .banner-container .text-item h5, .contact-container h5, .text-item h5, .follow-us h4 {letter-spacing:4px;}
	.custom-control.custom-switch {margin-left:-77px; bottom:4px;}
	.custom-control.custom-switch p {float:right; clear:initial;}
	.custom-control.custom-switch > span {float:left; margin:0 0 0 0; line-height:17px;}
	.custom-control.custom-switch > em {float:left; margin:0 10px 0 0; line-height:17px;}
	.custom-control.custom-switch p {margin-top:-5px;}
	.custom-control.custom-switch>span {} 
	.copyright-container {bottom:42px;}
}

@media screen and (max-width:480px) {
	/*.h-65-md {height:61%!important}*/
	.PT64-md {padding-top:26px!important}
	#main {padding:0 8px; height:calc(100vh - 62px); max-height:calc(100% - 62px); }
}

@media screen and (max-width:400px) {
	
	#main {padding:0 8px; height:calc(100vh - 58px); max-height:calc(100% - 58px); }
	.social-media-list a {background-size:78% 78%}
	.banner-container {margin-top:8px;}
	.follow-us h4 {margin-top:8px; padding-top:0;}
	.banner-container-text {left:50%; top:auto; width:70px; height:70px; bottom:-35px; margin-left:-35px; padding:4px;}
	.banner-title h2 {font-size:10px; line-height:12px;}
	.banner-title strong {width:48px; height:48px; font-size:6px; line-height:48px;}
	.mobile-menu-button {width:40px;}
	.news-item img, .video-container img {margin-top:0;}
	
	.video-text h4, .news-text h4, .vertical-center h4, .follow-us h4,
	.banner-container .text-item h5, .contact-container h5, .text-item h5 {font-size:10px; letter-spacing:3px;}
	.banner-container .text-item h5, .contact-container h5, .text-item h5 {margin-top:2px; margin-bottom:0;}
	.video-text h6, .news-text h6, p {font-size:8px; letter-spacing:1.5px;}
	.custom-control.custom-switch {left:50%; margin-left:-80px; bottom:2%;}
	.custom-control.custom-switch p {clear:initial; float:left;}
	.navigation>ul>li>a {background-size:10px;}
	.copyright {padding:12px 0 16px 24px}
	.copyright p {font-size:9px; letter-spacing:2px;}
	.navigation ul li a {padding:16px 24px}
	
	.bootstrap-switch .bootstrap-switch-handle-on, .bootstrap-switch .bootstrap-switch-handle-off, .bootstrap-switch .bootstrap-switch-label {line-height:16px;}
	
	.bootstrap-switch {-webkit-border-radius:15px;-moz-border-radius:15px; border-radius: 15px;}
	/*On*/
	.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary, 
	.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary {background-size:75% 100%;}

	/*Off*/
	.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default, 
	.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default {background-size:75% 100%;}
	
	.banner-container .owl-nav .owl-prev:hover, 
	.banner-container .owl-nav .owl-next:hover { background:#ffffff; border:solid 1px #cccccc;}
	
	.gece .banner-container .owl-nav .owl-prev:hover, 
	.gece .banner-container .owl-nav .owl-next:hover { background:#13181d; border:solid 1px rgba(229,229,229,0.2);}
	
	.news-text h6, .video-text h6, .contact-container p, .contact-container a {font-size:7px;}
	.banner-dots-list span {font-size:10px;}
	.banner-container-text span {font-size:14px; line-height:26px;}
	.banner-container-text p, .banner-container-text em {font-size:8px;}
	.banner-container .owl-nav {height:34px;}
	.banner-container .owl-nav {bottom:-17px;}
	.banner-container .owl-prev, .banner-container .owl-next {width:32px; height:34px; line-height:33px;}
	
	.banner-container .owl-prev, .banner-container .owl-next {font-size:20px; line-height:28px;}
	.banner-item img {max-width:110%!important;}
	.PT64-md {padding-top:24px!important}
	
	.social-media-list a {background-size:75% 75%!important; width:20px; height:19px;}
	.gece .sm-instagram {background:transparent url("../images/social_media/w-instagram.png") no-repeat 0 0; background-size:75% 75%;}
	.gece .sm-linkedin {background:transparent url("../images/social_media/w-linkedin.png") no-repeat 0 0; background-size:75% 75%;}
	.gece .sm-facebook {background:transparent url("../images/social_media/w-facebook.png") no-repeat 0 0; background-size:75% 75%;}
	
	.gunduz .sm-instagram {background:transparent url("../images/social_media/instagram.png") no-repeat 0 0; background-size:75% 75%;}
	.gunduz .sm-linkedin {background:transparent url("../images/social_media/linkedin.png") no-repeat 0 0; background-size:75% 75%;}
	.gunduz .sm-facebook {background:transparent url("../images/social_media/facebook.png") no-repeat 0 0; background-size:75% 75%;}
	
	
	.custom-control.custom-switch > span {float:left; margin:0 0 0 0; line-height:17px;}
	.custom-control.custom-switch > em {float:left; margin:0 10px 0 0; line-height:17px;}
	.custom-control.custom-switch p {margin-top:-2px;}
	.custom-control.custom-switch>span {} 
	
	.search-container {position:relative; width:100%;}
	.search-text {height:57px; width:100vw;}
	.search-container {position:fixed; left:0; top:0; width:100vw; z-index:2;}
	.active>.search-container {z-index:50;}
	.search-text.active {position:fixed; left:0; top:0; width:100vw; z-index:500;}
	.search-text.active label {border:none;}
	.search-text span {right:14px; top:23px;}

	.search-container>button {position:absolute; left:calc(100vw - 30px); top:18px; margin-top:0; z-index:501; 
	-webkit-transition:all 0.3s ease-in 0s; -moz-transition:all 0.3s ease-in 0s; -ms-transition:all 0.3s ease-in 0s; -o-transition:all 0.3s ease-in 0s; transition:all 0.3s ease-in 0s;}
	.overflow-hidden.active .search-container>button {left:10px;
	-webkit-transition:all 0.3s ease-in 0s; -moz-transition:all 0.3s ease-in 0s; -ms-transition:all 0.3s ease-in 0s; -o-transition:all 0.3s ease-in 0s; transition:all 0.3s ease-in 0s;}
	.search-text label input {width:calc(100vw - 100px); float:none; padding:0; margin:0 auto;}
	
	.gece .search-text {
		-webkit-animation-name: backgroundColorWhiteToBlack; 
		-webkit-animation-duration: 1s;  
		-webkit-animation-fill-mode: forwards; 
		animation-name: backgroundColorWhiteToBlack; 
		animation-duration: 1s; 
		animation-fill-mode: forwards;
	}
	
	.gece .search-text span:before, .gece .search-text span:after {
		-webkit-animation-name: backgroundColorBlackToWhite; 
		-webkit-animation-duration: 1s;  
		-webkit-animation-fill-mode: forwards; 
		animation-name: backgroundColorBlackToWhite; 
		animation-duration: 1s; 
		animation-fill-mode: forwards;
	}
	
	.gunduz .search-text {
		-webkit-animation-name: backgroundColorBlackToWhite; 
		-webkit-animation-duration: 1s;  
		-webkit-animation-fill-mode: forwards; 
		animation-name: backgroundColorBlackToWhite; 
		animation-duration: 1s; 
		animation-fill-mode: forwards;
	}
	.gunduz .search-text span:before, .gunduz .search-text span:after {
		-webkit-animation-name: backgroundColorWhiteToBlack; 
		-webkit-animation-duration: 1s;  
		-webkit-animation-fill-mode: forwards; 
		animation-name: backgroundColorWhiteToBlack; 
		animation-duration: 1s; 
		animation-fill-mode: forwards;
	}
}

@media screen and (max-width:350px) {
	.news-item img, .video-container img {margin-top:-32%;}
	.PT32 {padding-top:0!important}
	.PR16 {padding-right:0!important}
	.PL16 {padding-left:0!important}
  
	#main, .h-100, .h-100-xl, .h-20-md, .h-30-md, .h-35-md, .h-40-md, .h-50-md, .h-60-md, .h-65-md, .h-100-md{height:auto!important}
	
	.w-50-md {width:100%!important;}
	.col-6 {-ms-flex: 0 0 100%!important; flex: 0 0 100%!important; max-width: 100%!important;}
	
	.news-container .owl-nav {left:16px; bottom:16px;}
	
	.follow-us, .contact-container,
	.social-media-list, .news-container, 
	.video-container {padding:16px;}
	.contact-container {padding:0 16px 16px; border-top:solid 1px #13181d}
	.v1-container, .v2-container {position:relative; left:auto; top:auto;}
	
	.v2-container {padding-top:16px!important}
	.banner-title h2 {font-size:22px; line-height:22px;}
	.banner-title strong {width:66px; height:66px; font-size:10px; line-height:66px; margin:24px auto!important}
	.custom-control.custom-switch>span {float:left;} 
}


@media screen and (max-width:1600px) and (max-height: 800px) {
	.contact-container p, .contact-container a{font-size:9px;}
}

@media screen and (max-width:768px) and (max-height: 1024px) {
	.news-container {padding-right:0; margin-right:8px;}
	/*.follow-us h4 {margin-top:0; padding-top:0;}*/
	.banner-title h2 {font-size:12px; line-height:14px;}
	.banner-title strong {width:48px; height:48px; font-size:8px; line-height:48px;}
}

@media screen and (max-width:480px) and (max-height: 960px) {
	.video-text h4, .news-text h4, .vertical-center h4, .follow-us h4, .banner-container .text-item h5, .contact-container h5, .text-item h5 {font-size:10px;}
	.banner-title {margin-top:-45px;}
	.banner-title h2 {font-size:12px; line-height:14px;}
	.banner-title strong {width:48px; height:48px; font-size:8px; line-height:48px;}
	.banner-container-text {left: 50%; top: auto; width: 70px; height: 60px; bottom: -35px; margin-left: -35px; padding: 4px;}
	.banner-container-text span {line-height:22px;}
	.banner-container-text p, .banner-container-text em {font-size:8px; letter-spacing:1.3px;}
	.banner-container .owl-nav {bottom:-17px;}
	.banner-container .owl-prev, .banner-container .owl-next {width:32px; height:34px; line-height:33px;}
	p.none-desktop {letter-spacing:0!important}
	.h-40-md {height:55%!important}
	.custom-control.custom-switch {display:none;}
}

@media screen and (max-width:414px) and (max-height: 736px) {
	#header .logo img {width:90%; margin-top:10px;}
	.h-30-md {height:16%!important}
	.copyright-container {bottom:34px;}
	.copyright-container p {font-size:8px!important; letter-spacing:1px;}
	#main {padding:0 8px; height:calc(100vh - 58px); max-height:calc(100% - 58px); }
	.custom-control.custom-switch {bottom:1%; padding:0 0 2px 0;}
	.banner-title h2 {font-size:14px; line-height:20px;}
	.banner-title strong {width:52px; height:52px; font-size:8px; line-height:52px;}
}

@media screen and (max-width:414px) and (max-height: 700px) {
	.video-text h4, .news-text h4, .vertical-center h4, .follow-us h4, .banner-container .text-item h5, .contact-container h5, .text-item h5 {font-size:10px;}
	.custom-control.custom-switch {bottom:3px; padding:0 0 2px 0;}
	.banner-title h2 {font-size:12px; line-height:14px;}
	.banner-title strong {width:48px; height:48px; font-size:8px; line-height:48px;}
	.banner-container-text {left: 50%; top: auto; width: 70px; height: 60px; bottom: -35px; margin-left: -35px; padding: 4px;}
	.banner-container-text span {line-height:22px;}
	.banner-container-text p, .banner-container-text em {font-size:8px; letter-spacing:1.3px;}
}

@media screen and (max-width:380px) and (max-height: 600px) {
	.copyright-container {bottom:34px;}
	.video-text h4, .news-text h4, .vertical-center h4, .follow-us h4, .banner-container .text-item h5, .contact-container h5, .text-item h5 {font-size:10px;}
	.banner-title h2 {font-size:12px; line-height:14px;}
	.banner-title strong {width:44px; height:44px; font-size:8px; line-height:44px;}
	.banner-container-text {left: 50%; top: auto; width: 70px; height: 52px; bottom: -35px; margin-left: -35px; padding: 4px;}
	.banner-container-text span {line-height:22px;}
	.PT64-md {padding-top:14px!important}
	.h-35-md {height:31%!important}
	.h-20-md {height:16%!important}
	.h-60-md {height:46%!important}
	.banner-container-text em {font-size:7px;}
}

@media screen and (max-width:375px) and (max-height: 740px) {
	p.none-desktop {letter-spacing:0;}
	.PT64-md {padding-top:16px!important}
	.h-50-md {height:48%!important}
	.h-60-md {height:46%!important}
	.banner-title {margin-top:-38px;}
	.copyright-container {bottom:26px;}
	.video-text h4, .news-text h4, .vertical-center h4, .follow-us h4, .banner-container .text-item h5, .contact-container h5, .text-item h5 {font-size:10px;}
	.banner-title h2 {font-size:12px; line-height:14px;}
	.banner-title strong {width:50px; height:50px; font-size:8px; line-height:50px;}
	.none-desktop .contact-container p, .none-desktop .contact-container a {letter-spacing:0.5px!important;}
	.copyright-links-footer {
	-moz-transform: translateX(10%);
	-webkit-transform: translateX(10%);
	-o-transform: translateX(10%);
	-ms-transform: translateX(10%);
	transform: translateX(10%);}
	.copyright-links-footer.none-desktop a {display:block; float:left;}
}

@media screen and (max-width:360px) and (max-height: 640px) {
	#header {padding:4px 8px!important} 
	#main {height: calc(100vh - 50px); max-height: calc(100% - 50px);}
	.h-30-md {height:15%!important}
	.h-40-md {height:60%!important}
	.h-60-md {height:42%!important}
	.PT64-md {padding-top:8px!important}
	.banner-title {margin-top:-28px;}
	.copyright-container {bottom:32px;}
	.contact-container {height:66%!important}
	.none-desktop .contact-container p, .none-desktop .contact-container a {letter-spacing:1px!important;}
	.contact-container p.none-desktop {letter-spacing:0!important;}
	.banner-title strong {width:42px; height:42px; font-size:8px; line-height:42px;}
	.banner-title h2 {font-size:11px;}
	.banner-container-text span {padding-top:3px;}
	.copyright-links-footer.none-desktop a {font-size:8px!important; line-height:10px!important;}
	.copyright-links-footer.none-desktop a:first-child {color:#13181d; border-left:none}
	.copyright-links-footer.none-desktop a:hover {color:#13181d!important;}
	.none-desktop .social-media-list {height:14%!important}
}