@import url('fonts/fonts.css');

html, body { height:100%; }

body { background:#fff; margin: 0; padding: 0; font-family: 'barlow_semi_condensedregular', Arial; color:#000000; }

* { margin:0; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
a { color:#868686;  text-decoration:none;  transition:all 0.6s;  -moz-transition:all 0.6s; -webkit-transition:all 0.6s;  -o-transition:all 0.6s; }
a:hover { color:#000000;  transition:all 0.6s;  -moz-transition:all 0.6s;  -webkit-transition:all 0.6s;  -o-transition:all 0.6s; }
p, h1, h2, h3, h4, h5, h6, ul, li, img, iframe, form, table, td, tr { line-height:100%; font-weight:normal; margin:0;  padding:0;  border:none;  border-collapse:collapse; }
b, strong { font-family: 'barlow_semi_condensedbold', Arial; font-weight: normal; }
.content { width:1280px; margin:0 auto; position: relative; }
.clear { clear:both; }
#toTop { display:none; width:40px;  height:40px;  background:url(img/totop.webp) no-repeat center #868686;  background-size:20px auto;  text-align:left;  text-indent:-9999px;  position:fixed;  bottom:40px; right:60px; z-index:20000; cursor:pointer; -webkit-border-radius: 6px;  -moz-border-radius: 6px;  border-radius: 6px; }

a.whatsapp-fixed-button { display:block; width:auto; min-width: 136px; height:40px; padding: 0 10px 0 44px; background:url(img/icon/wa.webp) no-repeat center left 10px #1cbc4b; background-size: auto 24px; text-align:left; line-height: 40px; color:#fff; font-size: 18px;
  position:fixed; bottom:40px; left:60px; z-index:19999; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
  a.whatsapp-fixed-button:hover { background-color:#6bcf7f; }  

a.call-us-fixed-button { display:block; width:auto; height:40px; padding: 0 10px 0 44px; background:url(img/icon/phone.webp) no-repeat center left 10px #000; background-size: auto 24px; text-align:left; line-height: 40px; color:#fff; font-size: 18px;
  position:fixed; bottom:40px; left:207px; z-index:19998; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
  a.call-us-fixed-button:hover { background-color:#df6d6e; }

/* animated header style */
.cbp-af-header { position:fixed; top:0; left:0; z-index:10000; width:100%; height:120px; padding: 30px 60px;
  /* background-color: rgb(0,0,0,0.6); background-color: rgba(0,0,0,0.6); */
background: rgba(0, 0, 0, 0.50);
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(11.9px);
-webkit-backdrop-filter: blur(11.9px);
  transition:all 0.6s; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; -o-transition:all 0.6s; }

    a.logo { display:block; float: left; width:187px; height:60px; opacity: 1; text-align:left; text-indent:-9999px; background: url(img/logo.webp) no-repeat center; background-size: 100% 100%; }
      a.logo:hover { transform: scale(0.9); -ms-transform: scale(0.9); -webkit-transform: scale(0.9); -o-transform: scale(0.9); -moz-transform: scale(0.9); }
        a.logo.marine { background: url(img/logo-marine.webp) no-repeat center; background-size: 100% 100%; }
        a.logo.insaat { background: url(img/logo-insaat.webp) no-repeat center; background-size: 100% 100%; }

    .header-menus {display:block; float: right; height: 60px; transition:all 0.6s; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; -o-transition:all 0.6s; }

    /* mainmenu */
    #mainmenu { width: auto; height: 60px; float: left; }
      #toggle, .toggle { display:none; }
      .links > li { list-style:none; float:left; width:auto; }
	    .clearfix:before, .clearfix:after { display:table; content:""; }
      .clearfix:after { clear:both; }
      .links, .links > li, .links > li > a { height:100%; }
        .links > li > a { display:block; font-size:18px; color:#fff; line-height:60px; font-family: 'bebas_neueregular', Arial Narrow; padding:0 12px; -webkit-border-radius: 6px;  -moz-border-radius: 6px;  border-radius: 6px;  transition:all 0.6s; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; -o-transition:all 0.6s;  }
        .links > li > a:hover, .links > li > a:focus, .links > li > a.active { background:#fff; color:#000; transition:all 0.6s; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; -o-transition:all 0.6s; }
      .toggle { z-index:2; }
    /* mainmenu */
    
    ul.header-icons { display: block; float: left; height: 60px; }
      ul.header-icons li { display: inline; float: left; }
        ul.header-icons li.seperator { width: 15px; height: 60px; background: url(img/ara-cizgi.webp) no-repeat center left; transition:all 0.6s; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; -o-transition:all 0.6s;}
      ul.header-icons li a { display:block; width: 24px; height: 60px; text-align: left; text-indent: -9999px; }
      ul.header-icons li a.home { background: url(img/icon/home.webp) no-repeat center; margin: 0 10px; }
      ul.header-icons li a.tr { background: url(img/icon/tr.webp) no-repeat center; margin: 0 5px 0 10px; }
      ul.header-icons li a.en { background: url(img/icon/en.webp) no-repeat center; margin: 0 5px; }
      ul.header-icons li a.ru { background: url(img/icon/ru.webp) no-repeat center; margin: 0 0 0 5px; }
        ul.header-icons li a.home:hover, ul.header-icons li a.tr:hover,  ul.header-icons li a.en:hover, ul.header-icons li a.ru:hover { transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); }

  /* transitions and class for reduced height */
  .cbp-af-header.cbp-af-header-shrink { height:44px; padding: 10px 60px; transition:all 0.6s; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; -o-transition:all 0.6s; -webkit-box-shadow: 4px 4px 12px 0px rgba(0,0,0,0.15); -moz-box-shadow: 4px 4px 12px 0px rgba(0,0,0,0.15); box-shadow: 4px 4px 12px 0px rgba(0,0,0,0.15); }    
    .cbp-af-header.cbp-af-header-shrink a.logo { width:75px; height:24px; }
    .cbp-af-header.cbp-af-header-shrink .header-menus { height: 24px; }
    .cbp-af-header.cbp-af-header-shrink #mainmenu { height: 24px; }
    .cbp-af-header.cbp-af-header-shrink .links > li > a { font-size:16px; line-height:24px; }
      .cbp-af-header.cbp-af-header-shrink .links > li > a:hover, .cbp-af-header.cbp-af-header-shrink .links > li > a:focus, .cbp-af-header.cbp-af-header-shrink .links > li > a.active { transition:all 0.6s; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; -o-transition:all 0.6s; }
    .cbp-af-header.cbp-af-header-shrink ul.header-icons { height: 24px; }
    .cbp-af-header.cbp-af-header-shrink ul.header-icons li.seperator { height: 24px; }
    .cbp-af-header.cbp-af-header-shrink ul.header-icons li a { height: 24px; }
    .cbp-af-header.cbp-af-header-shrink .fixed-social-links { top:60px; transition:all 0.6s; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; -o-transition:all 0.6s; }
/* animated header style */

.fixed-social-links { position:fixed; right:60px;  z-index:10001; 
                      top:140px;
                      display:block; width:auto; height:60px; padding: 5px; 
                      -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
                      /* background-color: #fff; */
                      background: rgba(0, 0, 0, 0.50);
                      box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
                      backdrop-filter: blur(11.9px);
                      -webkit-backdrop-filter: blur(11.9px);
                      -webkit-box-shadow: 4px 4px 12px 0px rgba(0,0,0,0.15); -moz-box-shadow: 4px 4px 12px 0px rgba(0,0,0,0.15); box-shadow: 4px 4px 12px 0px rgba(0,0,0,0.15);
                      transition:all 0.6s; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; -o-transition:all 0.6s;
                    line-height: 40px; color:#fff; font-size: 20px; font-family: 'bebas_neueregular', Arial Narrow; }
  .fixed-social-links a { display:inline-block; width:40px; height:40px; margin:5px; text-align:left; text-indent: -9999px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
    .fixed-social-links a.ig { background: url(img/icon/ig.webp) no-repeat center center; background-size: 100% 100%;  }
    .fixed-social-links a.fb { background: url(img/icon/fb.webp) no-repeat center center; background-size: 100% 100%;  }
    .fixed-social-links a.tw { background: url(img/icon/tw.webp) no-repeat center center; background-size: 100% 100%;  }
    .fixed-social-links a.yt { background: url(img/icon/yt.webp) no-repeat center center; background-size: 100% 100%;  }
    .fixed-social-links a.sa { background: url(img/icon/sa.webp) no-repeat center center; background-size: 100% 100%;  }
    .fixed-social-links a.wa { background: url(img/icon/wa.webp) no-repeat center center; background-size: 100% 100%;  }
      .fixed-social-links a.ig:hover, .fixed-social-links a.fb:hover, .fixed-social-links a.tw:hover, .fixed-social-links a.yt:hover, .fixed-social-links a.sa:hover, .fixed-social-links a.wa:hover { transform: scale(0.97); -ms-transform: scale(0.9); -webkit-transform: scale(0.9); -o-transform: scale(0.9); -moz-transform: scale(0.9);  }

/* spot style */
.video-bg-spot { width:100%; height:100%; position: relative;
  background: url(img/spot-big-icon.webp) no-repeat top left;
  display: -webkit-box;  display: -ms-flexbox;  display: -webkit-flex;  display: flex;  -webkit-box-pack: center;  -ms-flex-pack: center; -webkit-justify-content: center;  justify-content: center;  -webkit-box-align: center;  -ms-flex-align: center; -webkit-align-items: center;  align-items: center; }  
  .video-bg-spot h1 {display: block; color:#fff; font-family: 'bebas_neueregular', Arial Narrow; font-size: 92px; text-align: center; text-shadow: 2px 0 20px #6a6a6a;}
  .video-bg-spot h1.rus {font-family:Arial Narrow; font-size: 72px; font-weight: bolder;}
/* spot style */


.new-split-half-spot { display:flex; flex-wrap:wrap; width:100%; height:100%; position: relative;  }
  .new-split-half-spot > div { width: 50%; height: 100%; position: relative;
    /* display: -webkit-box;  display: -ms-flexbox;  display: -webkit-flex;  display: flex;  -webkit-box-pack: center;  -ms-flex-pack: center; -webkit-justify-content: center;  justify-content: center;  -webkit-box-align: center;  -ms-flex-align: center; -webkit-align-items: center;  align-items: center; */
    transition:all 2s; -moz-transition:all 2s; -webkit-transition:all 2s; -o-transition:all 2s; }
    .new-split-half-spot > div.bg-marine { border-right:1px solid #000; background: url(img/spot/marine.webp) no-repeat center center; background-size: auto 100%; }
    .new-split-half-spot > div.bg-insaat { border-left:1px solid #000; background: url(img/spot/insaat.webp) no-repeat center center; background-size: auto 100%; }
    .new-split-half-spot > div.bg-marine:hover, .new-split-half-spot > div.bg-insaat:hover { background-size: auto 140%; }
    .new-split-half-spot > div > span { width: 80%; height: auto; position: absolute; bottom: 120px; left:10%; }
    .new-split-half-spot > div > span img { display: block; width: 200px; height: auto; margin:0 auto 30px auto; opacity: 0.3; transition:all 2s; -moz-transition:all 2s; -webkit-transition:all 2s; -o-transition:all 2s; }
      .new-split-half-spot > div:hover > span img { opacity: 1; }
    .new-split-half-spot > div > span h1 { color:#fff; /* font-family: 'bebas_neueregular', Arial Narrow; */ font-family: 'barlow_semi_condensedbold', Arial Narrow; font-size: 92px; text-align: center; text-shadow: 2px 0 20px #3c3c3c; }


.mapp { display: block; width: 100%; height: 620px; }


a.buttons { display:block; width:180px; height:60px; line-height:60px; text-align:center; font-size:20px; font-family: 'bebas_neueregular', Arial Narrow;
            -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
  a.buttons.white { background:#fff; color:#000; -webkit-box-shadow: 3px 3px 0px 0px rgba(0,0,0,1); -moz-box-shadow: 3px 3px 0px 0px rgba(0,0,0,1); box-shadow: 3px 3px 0px 0px rgba(0,0,0,1); margin:30px auto 0 auto; border:2px solid #000;  }
  a.buttons.white:hover { background:#000; color:#fff; -webkit-box-shadow: 3px 3px 0px 0px rgba(167,167,167,1); -moz-box-shadow: 3px 3px 0px 0px rgba(167,167,167,1); box-shadow: 3px 3px 0px 0px rgba(167,167,167,1); }
  a.buttons.black { background:#000; color:#fff; margin: 0 auto; -webkit-box-shadow: 3px 3px 0px 0px rgba(167,167,167,1); -moz-box-shadow: 3px 3px 0px 0px rgba(167,167,167,1); box-shadow: 3px 3px 0px 0px rgba(167,167,167,1);  border:2px solid #a7a7a7; }
  a.buttons.black:hover { background:#a7a7a7; color:#000; -webkit-box-shadow: 3px 3px 0px 0px rgba(0,0,0,1); -moz-box-shadow: 3px 3px 0px 0px rgba(0,0,0,1); box-shadow: 3px 3px 0px 0px rgba(0,0,0,1); }

.page-header {display:block; width:100%; padding: 0 0 10px 0; position:relative; background: #f1f1f1; }
  .page-header img {width:100%; height:auto; }
  .page-header h1 {position:absolute; bottom:60px; left:0; z-index:2; display: block; width: 100%; font-size: 66px; font-family: 'bebas_neueregular', Arial Narrow; line-height: 100%; color:#fff; text-align: center; text-shadow: 2px 0 20px #6a6a6a; } 
  .page-header.empty {padding: 150px 0 30px 0; }
  .page-header.empty {text-align: center; font-size: 36px; font-family: 'bebas_neueregular', Arial Narrow; }

.content-holder { width:100%; padding:120px 60px; background-color: #fff; }
  .welcome { background:url(img/bg-welcome.webp) no-repeat center top #fff; background-size: cover;  }
  .gray-bg { padding:120px 60px; background:url(img/white-flags.webp) no-repeat bottom right 17px #f1f1f1; border-bottom:10px solid #fff; }

  .content-holder h1 { font-size:50px; color:#000; font-family: 'bebas_neueregular', Arial Narrow; line-height: 120%; margin:0 0 60px 0; text-align: center; }
    .content-holder h1 span { color:#868686;  }
  .content-holder h2 { font-size:50px; color:#000; font-family: 'bebas_neueregular', Arial Narrow; line-height: 100%; margin:0 0 60px 0; text-align: center; padding:0 0 36px 0; background: url(img/bg-h2.webp) no-repeat center bottom; }
  .content-holder h2.marine { background: url(img/bg-h2-marine.webp) no-repeat center bottom; }
  .content-holder h3 { font-size:42px; color:#000; font-family: 'barlow_semi_condensedbold', Arial; line-height: 100%; margin:0 0 60px 0; }

  .content-holder p { color:#000000; font-size: 20px; line-height:140%; margin:0 0 30px 0; font-family: 'barlow_semi_condensedlight', Arial;}
    .content-holder p:last-child {margin:0; }
    .content-holder.welcome p { display: block; width: 860px; text-align:center; margin: 0 auto 60px auto; }

  .cards { display:flex; flex-wrap:wrap; }
    .cards a { width:22.45%; margin:0 3.4% 60px 0; overflow: hidden; position: relative; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 4px 4px 12px 0px rgba(0,0,0,0.15); -moz-box-shadow: 4px 4px 12px 0px rgba(0,0,0,0.15); box-shadow: 4px 4px 12px 0px rgba(0,0,0,0.15); }
      .cards a:nth-child(4n) {margin:0 0 60px 0; }    
      .cards a:hover { transform: scale(1.05); -ms-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); -moz-transform: scale(1.05); }	
      .cards a img { display:block; width:100%; height:auto; transition:all 0.6s; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; -o-transition:all 0.6s; }    
      .cards a span { position: absolute; bottom: 0; left:0; z-index: 1; display: block; width: 100%; padding: 30px; font-size:26px; font-family: 'barlow_semi_condensedbold', Arial; line-height: 100%; color:#fff; background-color: rgba(0,0,0, 0.5); background-color: rgb(0,0,0, 0.5); transition:all 0.6s; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; -o-transition:all 0.6s; }
      .cards a:hover span { background-color: rgba(0,0,0, 1); background-color: rgb(0,0,0, 1); }	
      .cards.duo a { width:46%; margin:0 2% 60px 2%; }

      img.full { display:block; width:100%; margin:0 0 60px 0; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0px 0px 20px 0px rgba(60,80,147,0.25); -moz-box-shadow: 0px 0px 20px 0px rgba(60,80,147,0.25); box-shadow: 0px 0px 20px 0px rgba(60,80,147,0.25); }
      
      img.side { display:block; float:right; width:42%; margin:0 0 30px 30px; }
       img.side.bigg { width:60%; }
        .round-corner-image { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
      
      .vdo { display: block; width:100%; height:auto; margin:0 0 60px 0; overflow: hidden; -webkit-transition:0.6s; transition:0.6s;  -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0px 0px 20px 0px rgba(60,80,147,0.2); -moz-box-shadow: 0px 0px 20px 0px rgba(60,80,147,0.2); box-shadow: 0px 0px 20px 0px rgba(60,80,147,0.2);  }
      .ytv { display: block; width:100%; height:720px; margin:0 0 60px 0;  }

  .thumbnails { display:flex; flex-wrap:wrap; }
  .thumbnails a { width:21%; display:block; margin:2%; }
  .thumbnails a img { width:100%; -webkit-transition:0.6s; transition:0.6s;  -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0px 0px 20px 0px rgba(60,80,147,0.2); -moz-box-shadow: 0px 0px 20px 0px rgba(60,80,147,0.2); box-shadow: 0px 0px 20px 0px rgba(60,80,147,0.2); }
  .thumbnails a:hover img { opacity:0.5; }	

  .lightbox {	cursor: pointer; 	position: fixed; 	width: 100%;	height: 100%; 	top: 0; 	left: 0; 	-webkit-filter: none; 	z-index: 99999999999; 	background-color:rgb(255,255,255, 0.9); background-color:rgba(255,255,255, 0.9); }
	.lightbox img { display: block; position: absolute; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
	.lightbox-loading { 	background: url(scripts/lightbox/loading.gif) center center no-repeat; 	width: 32px; 	height: 32px; 	margin: -16px 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; 	*display: inline; 	*zoom: 1;	padding: 10px; 	color: #fff; 	font-size: 12px; 	line-height: 18px; }
	.lightbox-button { position: absolute; z-index: 9999; background: no-repeat center center; width: 32px; height: 32px; opacity:0.9; -webkit-transition: all 0.6s; -moz-transition:    all 0.6s; -ms-transition:     all 0.6s; transition: 		all 0.6s; }
	.lightbox-button:hover, .lightbox-button:focus { opacity: 1; }
 	.lightbox-close { right: 30px; top: 20px; background-image: url('scripts/lightbox/close.webp'); }
	.lightbox-nav { top: 45%; width:100%; margin-top: -16px; }
	.lightbox-nav-next { width: 20px;  height: 40px; right: 30px; background: url('scripts/lightbox/arrow.webp') no-repeat -12px -2px; }
	.lightbox-nav-prev { left: 30px; width: 20px; height: 40px;  background: url('scripts/lightbox/arrow.webp') no-repeat -8px -54px; }
  
  .gray-frame { disply:block; width: 100%; padding: 60px; border:1px solid #868686; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; }

	.contact-form {display:block; width:100%; }
		.contact-form span {width:100%; line-height:60px; font-size:20px; display:block; }
		select::-ms-expand {display:none; } 
		  .contact-form input, .contact-form textarea{background:#f1f1f1; width:100%; line-height:100%; color:#474747; border:none;
		                                              font-size:20px; padding:15px;  margin:0 0 15px 0; font-family: 'barlow_semi_condensedregular', Arial;
													  -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
													  transition:all 0.6s; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; -o-transition:all 0.6s; }
		  .contact-form input:hover, .contact-form input:focus, .contact-form textarea:hover, .contact-form textarea:focus {background-color: #474747; }
		.contact-form textarea {height:240px; }
		  .contact-form label {display:block; font-size:20px; margin:0 0 15px 0; }
		.contact-form input.gonder { height:90px; border:none; font-family: 'barlow_semi_condensedregular', Arial; font-size:26px; padding:0; color:#fff; background:#000; margin:0; cursor:pointer; }
		.contact-form input.gonder:hover {background:#868686; }	
		  .contact-form input::-webkit-input-placeholder {color:#474747; opacity:1; }
		  .contact-form input:-ms-input-placeholder {color:#474747; opacity:1; }
		  .contact-form input::placeholder {color:#474747;  opacity:1; }
	      .contact-form input:hover::-webkit-input-placeholder {color:#fff; opacity:1; }
		  .contact-form input:hover:-ms-input-placeholder {color:#fff; opacity:1; }
		  .contact-form input:hover::placeholder {color:#fff;  opacity:1; }
		  .contact-form input:focus::-webkit-input-placeholder {color:#fff; opacity:1; }
		  .contact-form input:focus:-ms-input-placeholder {color:#fff; opacity:1; }
		  .contact-form input:focus::placeholder {color:#fff;  opacity:1; }
		  .contact-form textarea:hover::-webkit-input-placeholder {color:#fff; opacity:1; }
		  .contact-form textarea:hover:-ms-input-placeholder {color:#fff; opacity:1; }
		  .contact-form textarea:hover::placeholder {color:#fff;  opacity:1; }
		  .contact-form textarea:focus::-webkit-input-placeholder {color:#fff; opacity:1; }
		  .contact-form textarea:focus:-ms-input-placeholder {color:#fff; opacity:1; }
		  .contact-form textarea:focus::placeholder {color:#fff;  opacity:1; }

footer { display: block; width:100%; padding:90px 60px; background: url(img/logo-footer.webp) no-repeat top 90px right 60px #292929; }		 

  footer ul { display:block; float:left; margin:0 120px 0 0; text-align: left; }
    footer ul li { display:block; font-size:15px; color:#fff; line-height:140%; }
      footer ul li b { font-size:22px; color:#fff; font-family: 'bebas_neueregular', Arial Narrow; }
      footer ul li a { display:block; color:#fff; font-size: 15px; border-bottom:1px dotted #292929; }
        footer ul li a:hover { color:#a7a7a7; border-bottom:1px dotted #a7a7a7; }

    .rights { display: block; border-top:1px solid #868686; font-size:14px; color:#fff; margin:60px 0 0 0; padding: 30px 0 0 0; line-height: 100%; }
      .rights a { color:#fff; opacity: 0.5;  } .rights a.left { float:left; } .rights a.right { float:right; }
      .rights a:hover { opacity: 1;}



  a.pdfdownload { display:block; width:400px; height:90px; margin:0 auto; line-height:60px; text-align:center; font-size:22px; font-family: 'bebas_neueregular', Arial Narrow; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background:url(img/pdf.webp) no-repeat center right 15px; background-color:#fff; color:#000; background-size: auto 60px; padding: 15px 90px 15px 15px; -webkit-box-shadow: 3px 3px 0px 0px rgba(0,0,0,1); -moz-box-shadow: 3px 3px 0px 0px rgba(0,0,0,1); box-shadow: 3px 3px 0px 0px rgba(0,0,0,1); border:2px solid #000;  }
    a.pdfdownload:hover { background-color:#000; color:#ff0000; border:2px solid #ff0000; -webkit-box-shadow: 3px 3px 0px 0px rgba(167,167,167,1); -moz-box-shadow: 3px 3px 0px 0px rgba(167,167,167,1); box-shadow: 3px 3px 0px 0px rgba(167,167,167,1); }



/* responsive css */ 

@media only screen and (max-width: 1440px) {

  .content { width:1180px; margin:0 auto; position: relative; }

        .links > li > a { font-size:16px; }

        .cbp-af-header.cbp-af-header-shrink .links > li > a { font-size:15px; }

  .video-bg-spot h1 {font-size: 72px;}
  .video-bg-spot h1.rus {font-family:Arial Narrow; font-size: 62px;}

a.buttons { font-size:18px; }
 
  .page-header h1 {font-size: 56px; } 

  .content-holder h1 { font-size:46px; }
  .content-holder h2 { font-size:46px; }
  .content-holder h3 { font-size:38px; }

  .content-holder p { font-size: 19px; }

  .cards a span { font-size:22px; }	
      
      img.side { width:34%; }

    footer ul li { font-size:14px; }
      footer ul li b { font-size:20px; }
      footer ul li a { font-size: 14px; }

    .rights { font-size:14px;}

}

@media only screen and (max-width: 1320px) {

  .content { width:100%; padding:0; }

  #toTop { bottom:30px; right:30px;  }

  a.whatsapp-fixed-button { min-width: 126px; height:30px; padding: 0 10px 0 44px; line-height: 30px; font-size: 16px; left:30px; }
  
  a.call-us-fixed-button { height:30px; line-height: 30px; font-size: 16px; left:167px; }
    

button#pp, button#ppmobil { left:30px; font-size:10px; }

.cbp-af-header { padding: 30px; }
  
        .links > li > a { padding:0 8px; }

  .cbp-af-header.cbp-af-header-shrink { padding: 10px 30px; }
    
  .fixed-social-links { right:30px; }

   .video-bg-spot { background: url(img/spot-big-icon.webp) no-repeat top 60px left; background-size: auto 240px; }
   .video-bg-spot h1 {font-size: 68px;}
   .video-bg-spot h1.rus {font-family:Arial Narrow; font-size: 52px;}

  a.buttons.white { bottom: 60px; }
  
  .new-split-half-spot > div > span h1 {  font-size: 62px; }

.page-header {padding: 0 0 5px 0; }
  .page-header h1 { font-size: 50px; } 
  .page-header.empty {padding: 135px 0 15px 0; }
  .page-header.empty {font-size: 30px; }

.content-holder { padding:60px 30px; }

  .content-holder h1 { font-size:40px; }
  .content-holder h2 { font-size:40px; }
  .content-holder h3 { font-size:32px; }

  .content-holder p { font-size: 18px; }
    .content-holder.welcome p { width: 100%; }

      .cards a span { padding: 15px; font-size:20px; }	

		.contact-form span {font-size:18px; }
		  .contact-form input, .contact-form textarea{font-size:18px; }
		.contact-form textarea {height:200px; }
		  .contact-form label {font-size:18px; }
		
      .gray-frame { padding: 30px; }

footer { padding:60px 30px 100px 30px; background: url(img/logo-footer.webp) no-repeat top 60px right 30px #292929; }		 

  footer ul {margin:0 60px 0 0;  }

	}

@media only screen and (max-width: 1000px) {

  /* animated header style */

.cbp-af-header { height:90px; padding: 15px 0; }

    a.logo { float: none; position: absolute; top:15px; left:30px; z-index: 3; }
      a.logo:hover { transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1); }
  
    .header-menus {float: none; width: 100%; position: relative; }

    /* mainmenu */
    #mainmenu { width: 100%; height: 60px; float: none; display: block; }

    .links {display:none; opacity:0; width:100%; padding:0; position:absolute; right:0; z-index:5001; }
    .links > li {display:block; width:100%; margin:0; }
    .links > li > a {display:block; width:100%; text-decoration:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
    .toggle {display:block; position:relative; cursor:pointer; -webkit-touch-callout:none; -webkit-user-select:none; user-select:none; }
    #toggle:checked + div .links {display:block; opacity:1; }
    
    .links {color:#fff; padding:15px; background-color: rgb(255,255,255,1); background-color: rgba(255,255,255,1); overflow:hidden; }
    .links, .links > li, .links > li > a {height:auto; color:#fff; }
    .links > li > a {padding:0; margin:0; line-height:40px; color:#000; margin: 1px 0; font-size:18px; text-align:center; padding:0; border:1px solid #f1f1f1; }
    .links > li > a:hover, .links > li > a:focus, .links > li > a.active {color:#000; }
      
    .toggle:after {content:attr(data-open); background:url(img/menu.webp) no-repeat center center; display:block; height:60px; width:100%; margin:0; padding:0; text-align:left; text-indent:-9999px; -webkit-transition:all 0.6s; -moz-transition:all 0.6s; -o-transition:all 0.6s; transition:all 0.6s; }
    .toggle:hover:after {background:url(img/menu.webp) no-repeat center; }
    #toggle:checked + div .toggle:after {content:attr(data-close); }
        .toggle {z-index:2; }
    /* mainmenu */
    
    ul.header-icons { float: none; position: absolute; top:0; right:30px; z-index: 2;}
        ul.header-icons li a.home:hover, ul.header-icons li a.tr:hover,  ul.header-icons li a.en:hover, ul.header-icons li a.ru:hover { transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1); }

  /* transitions and class for reduced height */
  .cbp-af-header.cbp-af-header-shrink { height:44px; padding: 10px 0; }    
    .cbp-af-header.cbp-af-header-shrink a.logo { width:75px; height:24px; top:10px; }
    .cbp-af-header.cbp-af-header-shrink .links > li > a { font-size:18px; line-height:40px; }
    .cbp-af-header.cbp-af-header-shrink .toggle:after {height:24px; }
    
/* animated header style */


.fixed-social-links { top:105px; height:46px; padding: 4px; 
line-height: 30px; font-size: 14px;}
.fixed-social-links a { width:30px; height:30px; margin:4px 2px; }


a.whatsapp-fixed-button { width:30px; min-width: 10px; height:30px; padding: 0; background:url(img/icon/wa.webp) no-repeat center #1cbc4b; background-size: auto 20px; text-align:left; overflow: hidden; text-indent: -9999px; line-height: 30px; color:#fff; font-size: 10px;
  bottom:30px; left:30px; }

a.call-us-fixed-button { width:30px; height:30px; padding:0; background:url(img/icon/phone.webp) no-repeat center #000; background-size: auto 20px; text-align:left; line-height: 30px; color:#fff; font-size: 10px; overflow: hidden; text-indent: -9999px;
 bottom:30px; left:70px; }



 .new-split-half-spot > div { width: 100%; height: 50%; }
   .new-split-half-spot > div.bg-marine { border-right:1px solid #000; background: url(img/spot/marine.webp) no-repeat center center; background-size: 100% auto; }
   .new-split-half-spot > div.bg-insaat { border-left:1px solid #000; background: url(img/spot/insaat.webp) no-repeat center center; background-size: 100% auto; }
   .new-split-half-spot > div.bg-marine:hover, .new-split-half-spot > div.bg-insaat:hover { background-size: 140% auto; }
   .new-split-half-spot > div > span { width: 100%; bottom: 60px; left:0; }
   .new-split-half-spot > div > span img { width: 160px; height: auto; margin:0 auto 20px auto; }

.mapp { height: 400px; }


.page-header { padding: 90px 0 10px 0; }
  .page-header h1 { bottom:30px; font-size: 40px; } 
  .page-header.empty { padding: 105px 0 15px 0; }
  .page-header.empty { font-size: 28px; }

.content-holder { padding:60px 100px; }

.cards a { width:46%; margin:0 2% 60px 2%;  }
  .cards a:nth-child(4n) { margin:0 2% 60px 2%; }    
  .cards a:hover { transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1); }	
  
  .video-bg-spot h1 { font-size: 66px; }
  .video-bg-spot h1.rus { font-size: 44px; }

  footer { padding:60px 100px; background: url(img/logo-footer.webp) no-repeat top 60px right 100px #292929; background-size: auto 70px; }		 

  footer ul { margin:0 30px 0 0; }
    footer ul li { font-size:13px; }
      footer ul li b { font-size:16px; }
      footer ul li a { font-size:13px; }

    .rights { font-size:13px; margin:30px 0 0 0; }

    .ytv { height:600px; margin:0 0 60px 0;  }

	}

@media only screen and (max-width: 860px) {
  
  button#pp, video#bgvid { display:none; } 	
  button#ppmobil, video#bgvidmobil { display:block; opacity: 1; }

  .video-bg-spot { background: url(img/spot-big-icon.webp) no-repeat top 50px left; background-size: auto 200px; }
  .video-bg-spot h1 {font-size: 40px;}
  .video-bg-spot h1.rus {font-size: 30px;}

  a.buttons.white { bottom: 30px; }

  .new-split-half-spot > div > span h1 {  font-size: 42px; }

  a.buttons { width:120px; height:40px; line-height:40px; font-size:18px; }

  footer { padding:150px 100px 60px 100px; background: url(img/logo-footer.webp) no-repeat top 60px center #292929; background-size: auto 60px; }		 

  footer ul { float:none; margin:0 0 30px 0; text-align: center; }
      footer ul li a { border-bottom:1px dotted #a7a7a7; }
        footer ul li a:hover { color:#a7a7a7; border-bottom:1px dotted #a7a7a7; }
        footer ul br { display:none; }

    .rights { display: block; margin:0; padding: 15px 0 0 0; line-height: 100%; }
      .rights a { text-align: center; display: block; padding: 15px 0 0 0; } .rights a.left { float:none; } .rights a.right { float:none; }
      .rights a:hover { opacity: 1;}

      .thumbnails a { width:46%; margin:2%; }

      .cards.duo a { width:100%; margin:0 0 30px 0; }

      .ytv { height:520px; margin:0 0 30px 0;  }

      a.pdfdownload { width:80%; height:60px; line-height:40px; background:url(img/pdf.webp) no-repeat center right 10px; background-size: auto 40px; padding: 10px 50px 10px 10px;  }

	}

@media only screen and (max-width: 640px) {

  button#ppmobil { bottom:30px; left:15px; }

  #toTop { bottom:15px; right:15px;  }

  a.logo { top:15px; left:15px; width: 125px; height: 60px; background-size: 100% auto ; }
  
  ul.header-icons { right:15px; }
    ul.header-icons li.seperator { display: none;}
  ul.header-icons li a.home { display: none; }
  ul.header-icons li a.tr { margin: 0 3px; }
  ul.header-icons li a.en { margin: 0 3px; }
  ul.header-icons li a.ru { margin: 0 0 0 3px; }
    ul.header-icons li a.home:hover, ul.header-icons li a.tr:hover,  ul.header-icons li a.en:hover, ul.header-icons li a.ru:hover { transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1); }

    .fixed-social-links { right:15px; }
  
     .video-bg-spot { background: url(img/spot-big-icon.webp) no-repeat top 50px left; background-size: auto 180px; }
  .video-bg-spot h1 {font-size: 30px;}
  .video-bg-spot h1.rus {font-size:20px; padding: 0 20%;}

  .page-header.empty {font-size: 24px; }

  .content-holder { padding:30px 15px; }
  
  .gray-bg { padding:30px 15px; }

  .content-holder h1 { font-size:26px; margin:0 0 15px 0; }
  .content-holder h2 { font-size:26px; margin:0 0 15px 0; padding:0 0 15px 0; background: url(img/bg-h2.webp) no-repeat center bottom; background-size: 50% auto; }
  .content-holder h3 { font-size:22px; margin:0 0 15px 0; }

  .content-holder p { font-size: 16px; margin:0 0 15px 0; }
    .content-holder.welcome p { margin: 0 auto 15px auto; }

    img.side { width:60%; margin:0 0 15px 15px; }

  .cards a { width:100%; margin:0 0 30px 0;  }
  .cards a:nth-child(4n) { margin:0 0 30px 0; }    
  
  footer { padding:150px 70px 60px 70px; }		 

  .gray-frame { padding: 15px; }

  .ytv { height:360px; margin:0 0 30px 0;  }

}

@media only screen and (max-width: 420px) {

.thumbnails a { width:100%; margin:0 0 15px 0; }
.ytv { height:280px;  }
}