body, html {
   padding:0; margin:0; border:0;
 }
 
 body {
   overflow-x: hidden;
 }
 
 /* NOTE: header
 */
   #header_bg {
     position: absolute; top:0; width:100%; float:left; z-index:300;
     /* background-color:#971914; */
   }
   #header {
     position:relative; margin:0 auto; 
     /* height:40px; */
     /* background-color:#BF0A30;
     background-color:#fff; 
     box-shadow:0 2px 6px #444; */
     transition: all 0.4s ease-in-out;
   }
   
   #header.m {
     /* height:75px; */
     border:0px solid yellow;
   }
   .home {
     position:relative; width:1280px; max-width:100%; /* height:150px; */ 
     margin:0 auto; transition: all 0.4s ease-in-out;
     border:0px solid red;
   }
   a.link_home {
     display:block; position:absolute; top:20px; z-index:100;
     width:300px; max-width:100%; height:300px; 
     background:url(images/LOGOCECARS.png) center no-repeat; background-size:100% auto;
     transition: all 0.4s ease-in-out;
   }
   #header_bg.first a.link_home {
     top:60px;
   } 
   
   div.buy_in_usa {
     display:block; position:absolute; /* top:300px; */ left:0;
     width:360px; max-width:100%; height:300px; 
     background:url(images/buy_in_usa.png) center no-repeat; background-size:100% auto;
     transition: all 0.8s ease-in-out;
     opacity:1.0;
     animation: buy_in_usa_down ease 1.5s;
     animation-iteration-count: 1;
     animation-fill-mode:forwards;
   }
   @keyframes buy_in_usa_down {
     0% {
       top:-310px;
       opacity:0;
       /* transform:  rotate(0deg) scaleX(1) scaleY(1); */
     }
     50% {
       top:-310px;
       opacity:0;
     }
     100% {
       top:300px;
       opacity:1;
     }
   }
   div.buy_in_usa a {
     display:block; height:60%; padding:20% 10%;
     text-align:center; text-decoration:none; line-height:100%;
     font-weight:400; font-size:1.6em;
     color:#002868; 
   }
   
   #header.m .home {
     /* width:100%; */ /* height:75px; */
   }
   #header.m a.link_home {
     top:10px; height:160px; width:160px;
   }
   
   #header.m .home div.buy_in_usa {
     top:300px;
     animation: buy_in_usa_up ease 1.0s;
     animation-iteration-count: 1;
     animation-fill-mode:forwards;
   }
   @keyframes buy_in_usa_up {
     0% {
       top:300px;
       opacity:1;
     }
     10% {
       top:300px;
       opacity:1;
     }
     100% {
       top:-310px;
       /* left:-360px; */
       opacity:0;
     }
   }
   
   #header.m ul#nav_top {
     margin-top:-100px;
   }
   #header.m ul.os_langs {
     right:70px;
     top:14px;
   }
   #header.m nav {
     top:0px;
   }
   #header.m ul#nav li {
     line-height:150%;
   }
   #header.m ul#nav li a {
     padding:0 1em;
   }
   
   #nav_sm_bg {
     position:fixed;
     display:none;
     z-index:190;
     top:0px;
     right:0;
     bottom:0;
     left:0;
     background:rgba(0,0,0,0.5)
   }
   
 /* NOTE: langs
 */  
   #header ul.os_langs {
     position:absolute; top:11px; right:25px; margin:0;
     transition: all 0.4s ease-in-out; z-index:102;
   }
   #header ul.os_langs.social {
     right:175px;
   }
   #header.m ul.os_langs.social {
     right:215px;
   }
   
   ul.os_langs li {
     margin:0;
   }
   ul.os_langs li a {
     width:48px; height:43px;
   }
   ul.os_langs li a.pl, ul.os_langs li.curr a.pl {
     width:48px; height:43px;
     background: url("images/site_icons.png") 0 -1244px;
   }
   ul.os_langs li a.de, ul.os_langs li.curr a.de {
     width:48px; height:43px;
     background: url("images/site_icons.png") 0 -1340px;
   }
   ul.os_langs li a.en, ul.os_langs li.curr a.en {
     width:48px; height:43px;
     background: url("images/site_icons.png") 0 -1291px;
   }
   
   ul.os_langs li a.fb {
     background: url("images/site_icons.png") 5px -558px;
   }
   ul.os_langs li a.yt {
     background: url("images/site_icons.png") -5px -606px;
   }
   
 /* NOTE: nav_top
 */
   ul#nav_top {
     position:absolute; top:20px; right:115px; margin:0;
     list-style:none;
     transition: all 0.4s ease-in-out;
   }
   ul#nav_top li {
     display:inline-block; margin-left:10px;
   }
   ul#nav_top li a {
     display:block; height:30px; line-height:30px;
     color:#fff; color:#002868; text-decoration:none;
     background:url(images/site_icons.png) 0px -473px no-repeat;
     transition: all 0.2s ease-in-out;
   }
   ul#nav_top li a:hover {
     color:#333;
   }
   ul#nav_top li a.tel {
     padding-left:35px;
     background-position:0px -473px;
   }
   ul#nav_top li a.mail {
     padding-left:45px;
     background-position:0px -516px;
   }
   
 /* NOTE: nav
 */
   nav {
     position:absolute; top:50px; right:20px; z-index: 5;
     padding:0%; transition: all 0.4s ease-in-out;
   }
   ul#nav_sm {
     /* display:none; */
     position:absolute;
     right:-300px;
     top:0px;
   }
   ul#nav, ul#nav_sm {
     float:right; list-style:none; margin:0; padding:0; z-index:200;
   }
   ul#nav li, ul#nav_sm li {
     position:relative; display:inline-block; margin-left:4px;
   }
   
   ul#nav li li, ul#nav_sm li li {
     display:block; margin:0 0 2px 0;
   }
   
   ul#nav li a, ul#nav_sm li a {
     display:block; padding:0.5em 1em;
     color:#fff; 
     text-align:left; text-decoration:none; font-size:1.0rem;
     text-shadow:1px 1px 2px #000;
     /* background:#002868; border-radius:5px; */
     transition: all 0.2s ease-in-out;
   }
   ul#nav li a:hover, ul#nav li:hover a,
   ul#nav_sm > li > a:hover, ul#nav_sm > li:hover > a {
     /* background-color:#1d3f7c; */
     /* border-bottom: 2px solid #fff; */
   }
   
   ul#nav li a:after {
     display:block; content:""; margin:0 auto;
     border-bottom: 0px solid #fff;
     width:1px; transition: all 0.4s ease-in-out;
     box-shadow:none; opacity:0;
   }
   ul#nav li a:hover:after, ul#nav li:hover a:after {
     border-bottom: 1px solid #fff;
     width:95%; opacity:1;
   }
   
   ul#nav > li a.sub, #header.m ul#nav > li a.sub {
     padding-right:40px;
   }
   ul#nav li li a {
     color:#fff; /* border-radius:0; */
     border:1px solid #333;
   }
   ul#nav_sm li.menu_curr > a {
     background-color:#f7a411; color:#fff;
   }
   ul#nav li li a:hover, ul#nav_sm li li a:hover {
     background-color:#93b7ff; color:#1d3f7c;
   }
   ul#nav li li, ul#nav_sm li li {
     float:none; border:none; margin-right:0;
   }
   ul#nav li ul, ul#nav_sm li ul {
     display:none; position:absolute; padding:0px; margin:0; width:270px; list-style:none;
     padding-top:4px;
   }
   ul#nav li:hover > ul {
     display:block;
   }
   ul#nav li li ul, ul#nav_sm li li ul  {
     display:none; z-index:201; float:left; padding:0; margin-left:160px; margin-top:-38px; width:300px; box-shadow:0 2px 2px #333;
   }
   ul#nav .arr_down {
     width:60px; height:46px; right:5px;
     background:url("images/site_icons.png") 30px -892px no-repeat;
   }
   #header.m ul#nav .arr_down {
     background-position:30px -898px;
   }
   
   ul#nav_sm {
     display:none;
     width:100%; height:900px; margin:0; padding:0 20px 0 20px; border:0; z-index:99;
     background-color:#f7a411; box-shadow:0 2px 5px #000;
     border-radius:5px;
   }
   ul#nav_sm li, ul#nav_sm li li {
     float:none; width:100%; border:0; margin:0;
     border-bottom:1px solid #971914;
   }
   ul#nav_sm li a {
     padding:12px 20px; border-radius:0;
   }
   ul#nav_sm li li a {
     padding:12px 20px 12px 40px; background-color:#6699ff; color:#1d3f7c;
   }
   ul#nav_sm li li li a {
     padding:12px 20px 12px 60px; background-color:#333;
   }
   ul#nav_sm li ul, ul#nav_sm li li ul {
     position:relative; width:100%; box-shadow:none;
     float: none; margin:0; padding-top:0;
   }
   ul#nav_sm .arr_down {
     width:60px; height:46px; right:10px;
     background:url("images/site_icons.png") 20px -890px no-repeat;
   }
   
 /* NOTE: forms
 */
   #mail_form {
     max-width:100%; 
     margin:20px auto;
     opacity:1;
   }
   #mail_form label, #mail_form input[type="text"], #mail_form input[type="email"], #mail_form input[type="tel"], #mail_form textarea {
     box-sizing: border-box; width:100%; text-align:left;
   }
   form.os textarea, form.os input {
     background-color:#eee;
   }
   form.os textarea {
     height:180px;
     transition: all 0.3s ease-in-out;
   }
   form.os textarea:focus {
     /* height:250px; */
   }
   
   *::-webkit-input-placeholder {
     color:#666; font-weight:bold;
   }
   *::-moz-placeholder {
     /* FF 19+ */
     color:#666; font-weight:bold;
   }
   *:-ms-input-placeholder {
     /* IE 10+ */
     color:#666; font-weight:bold;
   }
   form.os input[type="submit"], form.os input[type="button"] {
     background: linear-gradient(to bottom, #BF0A30, #BF0A30, #cc3300);
   }
 
 #menu_btn {
   display:none; position:absolute;
   width:72px; height:72px; background:none; border:none;
   padding:0; margin:0; /* background:#222; */
 }
 #menu_btn, #menu_btn:hover {
   right:0; top:0px;
   box-shadow:none;
 }
 #menu_btn span,
 #menu_btn:before,
 #menu_btn:after {
   content:""; position:absolute; display:block; width:60%; height:4px; 
   padding:0; margin:0; background:#ccc;
   border-radius:2px; top:32px; left:20%;
   transition: all 0.3s ease-out;
 }
 #menu_btn:before {
   top:22px; opacity:1;
 }
 #menu_btn:after {
   top:42px; opacity:1;
 }
 
 /* opened panel */
 #menu_btn.open span:nth-child(1) {
   transform:rotate(45deg);
 }
 #menu_btn.open span:nth-child(2) {
   transform:rotate(-45deg);
 }
 #menu_btn.open:before {
   top:36px; width:0%; left:50%;
   opacity:0;
 }
 #menu_btn.open:after {
   top:36px; width:0%; left:50%;
   opacity:0;
 }
 /* a#menu_btn {
   display:none; position:absolute; right:12px; top:0px;
   width:40px; height:48px;
   background:url(images/site_icons.png) 0px -4px no-repeat;
   border:0px solid red;
 } */
 a#search_btn {
   display:block; float:right; /* position:absolute; right:0px; top:40px; */
   width:40px; height:48px;
   background:url(images/site_icons.png) -49px -90px no-repeat;
   border:0px solid yellow;
   /* position:absolute; bottom:-2px; right:0; */
   display:none;
 }
 /* a#search_btn.open, a#menu_btn.open {
   background:url(images/site_icons.png) -5px -196px no-repeat;
 } */
 
 a#top {
   position:absolute; top:0;
 }
 #top_link {
   display:none; position:fixed; right:10px; bottom:10px; z-index:2; 
   width:48px; height:48px;
   background:url(images/site_icons.png) 0px -742px no-repeat #971914;
   opacity:0.8; border:2px solid #fff; border-radius:50%;
 }
 #top_link:hover {
   opacity:1.0;
 }
 
 #page_bg {
   position:relative; margin:0 auto 0 auto; /* padding-top:150px; */
   overflow: hidden;
 }
 #page_bg:before {
   content:"";
   display:block;
   position:absolute;
   overflow:hidden;
   z-index:1;
   height:130px;
   box-shadow: 0px 50px 50px #555 inset;
   width: 120%; margin-left: -10%;
 }
 
 div.sec_in {
   width:1280px; max-width:100%;
   margin:0 auto; text-align:center;
   border:0px solid cyan;
 }

 
 a.gotonext {
   position:absolute; display:block; width:180px; height:40px;
   bottom:0; left:50%; margin-left:-91px;
   border:1px solid #fff; border-bottom:0;
   border-top-left-radius:90%; border-top-right-radius:90%;
   background:url(images/site_icons.png) 74px -896px no-repeat;
   opacity:0.4;
 }
 a.gotonext:hover {
   background-color:rgba(255,255,255,0.2); opacity:0.7;
 }
 
/*  #page, .page_section {
   box-sizing: border-box;
   text-align:center;
   position:relative;  clear:both;
   margin:2% 4%; padding:20px 2%;
   min-height:200px; 
   border:0px solid yellow; overflow:hidden;
   background-color:rgba(255,255,255,0.8); border-radius:10px;
   color:#000;
 } */
 #page {
   width:1220px; max-width:94%; margin:150px auto 60px auto; padding:0 3% 40px 3%;
   background:rgba(255,255,255,0.8); border-radius:5px;
 }
 #page h1 {
   background:none; color:#002868;
 }
 
 /* NOTE: collection
 */
 #page.collection {
   background:none;
   margin:380px auto 60px auto;
 }
 #page.collection div.news_cont {
   padding-top:0;
 }
 
 video {
   display: block; object-fit: cover; object-position: center center;
 }
 
 
 #page_first {
   box-sizing: border-box;
   position:relative; clear:both; margin:0 auto; padding:0;
   width:1180px; max-width:100%; min-height:200px; 
   border:0px solid yellow; overflow:hidden;
 }
 #page_right {
   float:right; width:63%; overflow:hidden;
 }
 #page_left {
   position:relative; float:left; width:25%; min-height:400px;
 }
 #page_left p {
   text-align:justify;
 }
 img.baner {
   position:absolute; left:0; top:0;
 }
 
 /* NOTE: news
 */
 
 div.news_cont {
   display:flex;
   flex-direction:row;
   flex-wrap:wrap;
   /* align-content:space-between;
   justify-content:space-between; */
   
   justify-content:start;
   gap:1%;
   
   padding-top:120px;
 }
 div.news_cont > .news {
   width:24%;
   overflow:hidden;
   border-radius:3px;
 }
 div.news_cont > a.empty {
   display:none;
 }
 
 /* div.news_cont {
   clear:both; height:auto; position:relative; text-align:justify;
   margin:0; padding:4% 4% 2% 4%;
   background-color:#ccc;
 }
 div.news_cont > .news {
   display:inline-block; position:relative; overflow:hidden;
   width:29.0%; margin:1.0% 0 1.0% 0; padding:0.5%;
   min-height:280px;
   vertical-align: top;
   *display: inline;
   background:#fff; border-radius:4px; transition: all 0.3s ease;
   color:#333; text-align:left;
 }
 div.news_cont:after {
   content:''; width:100%; display:inline-block;
   font-size:0; line-height:0;
 } */
 
 
 div.news_cont .news a {
   color:#333;
 }
 div.news_cont .news .news_in {
   display:block;
   text-decoration:none;
 }
 div.news_cont .news img.img, div.news_cont .news div.img {
   position:relative; left:auto; top:auto;
   width:100%; max-width:100%; border:0px solid #ccc;
   height:auto;
 }
 div.news_cont .news h3 {
   margin:6px 0 0 0;
 }
 div.news_cont .news p {
   margin:0;
 }
 div.news_cont .news div.img img {
   display:block;
 }
 div.news_cont .news div.img:before {
   content:"";
   box-shadow: 0 0 30px #000 inset;
   position:absolute;
   top:0; right:0; bottom:0; left:0;
   z-index: 2;
   transition: all 0.3s ease-out;
 }
 div.news_cont .news span {
   display:block; font-size:12px; line-height:20px; font-style:italic; color:#111;
 }
 div.news_cont .news span.outlet, div.news_header span.outlet {
   width:48px; height:34px; position:absolute; top:10px; right:10px; cursor:pointer;
   background:url("images/site_icons.png") 1px -392px #000;
   border-radius:3px; box-shadow:0 0 5px #000;
 }
 div.news_cont .news:hover {
   /* background-color:#999; */ text-decoration:none;
   /* box-shadow:0 0 8px #111; */
 }
 div.news_cont .news:hover div.img:before {
   box-shadow:none;
 }
 
 div.news_cont .news.empty, div.news_cont .news.empty:hover {
   box-shadow:none; height:1px; min-height:1px; padding:0; width:32.0%; background:none;
 }
 
 div.news_header {
   position:relative;
 }
 div.news_header_img {
   /* float:left; clear:both; */
 }
 
 /* NOTE: collection
 */
 .car_info {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   grid-template-rows: 170px auto;
   grid-auto-flow: column dense;
   gap: 1rem;
 }
 .car_info > div {
   border:0px solid red;
 }
 .car_info > div.car_gallery {
   grid-row: span 2;
 }
 .car_name {
   padding-top:0px;
   min-height:100px;
   /* align-self:end; */
 }
 .car_name h1 {
   text-align: left;
   margin-bottom: 0;
   padding-bottom: 0;
   margin-top: 0;
   padding-top: 0;
 }
 
 .car_details {
   border:0px solid red;
 }
 
 .car_gallery .gall_in, .car_gallery .gallin_icons_cont {
   background:none;
 }
 
 /* .car_info {
   display:flex;
   flex-wrap: wrap;
   justify-content:space-between;
   gap:2%;
 }
 .car_info > div {
   width:48%;
 }
 .car_details {
   padding-top:140px;
 }
 .car_details h1 {
   text-align: left;
 } */
 
 
 div.error_msg {
   border:1px solid #990000; border-radius:5px; color:#fff; padding-top:12px; padding-right:12px; padding-bottom:12px; background-color:#cc0000; margin:20px 0;
 }
 #ajax_sending {
   display:none; width:100%; margin:20px auto;height:60px; border-radius:5px;
   background:url("../../images/loading_1.gif") center no-repeat #444;
   opacity:0.6;
 }
 
 #search_form_top {
   border:1px solid #ccc;
   border-radius:3px;
   width:170px;
   position:absolute; right:14px; top:38px;
 }
 #header_first #search_form_top {
   top:20px;
 }
 #search_top {
   width:140px; border:none; background:none;
   padding:3px; margin-right:3px; float:left;
 }
 #submit_search_top {
   padding-top:4px;
 }
 
 
 #map {
   clear:both; width:100%; height:490px; background: url('../images/loader.gif') center no-repeat #333; margin:0 auto; margin-top:40px;
 }
 #map_info {
   width:450px; max-width:70%; min-height:200px; padding-left:10px; /* overflow:hidden */
 }
 #map_info h3 {
   color:#000066;
 }
 #map_info p {
   color:#333;
 }
 
 /* NOTE: cycle
 */
 div.ba, div.ba_ss {
   padding-top:0;
 }
 
 #cycle_first {
   max-height:600px; 
 }
 #cycle_first div {
   margin-top:-100px;
 }
 
 .cycle {
   position:relative; overflow:hidden;
 }
 
 .opty-cycle-slideshow, .opty-cycle-slideshow * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
 
 .opty-cycle-slideshow { 
   /* width:1180px; */ max-width:100%; margin:0 auto; padding:0; /* position:relative; */
   /* border:1px solid red; height:600px; */
 }
 .opty-cycle-slideshow img { 
   /* position: absolute; top:0; left:0; */ 
   /* position: absolute; top: 0; left: 50%;
   width:1920px; max-width:1920px; height:400px; margin-left:-960px; */
   display:block; width:100%; /* height:auto; */
   position: relative;
   z-index: -2;
 }
 /* .opty-cycle-slideshow img, */ 
 .opty-cycle-slideshow div { 
   position:relative; width:100%; height:auto;
   text-align:left;
   vertical-align:top;
   white-space:normal;
   background-color:#ccc;
   overflow:hidden;
 }
 .opty-cycle-slideshow > div:before {
   display:block; content: ""; position: absolute; left:-25%; width:150%; height:100%;
   box-shadow:0 90px 160px #000 inset;
   /* border:10px solid yellow; z-index:120; */
 }
 
 .opty-cycle-slideshow div.cycle-sentinel img {
   position:static; height:auto; 
 }
 /* in case script does not load , .opty-cycle-slideshow img:first-child */
 .opty-cycle-slideshow div:first-child {
   position: static; z-index: 2;
 }
 
 .opty-cycle-slideshow div.cycle-slide-active {
   overflow:hidden;
 }
 /* .opty-cycle-slideshow div h2 {
   position:absolute; color:#fff; font-weight:bold;
   width:90%; right:100%; bottom:20px;
 }
 .opty-cycle-slideshow div h2 span {
   font-weight:normal;
 }
 .opty-cycle-slideshow div.cycle-slide-active h2 { 
   position:absolute; color:#fff; font-weight:bold; font-size:3em;
   width:90%; left:1000px; bottom:1%;
   text-shadow: 0px 0px 8px #000; text-align:left;
   animation: ss_h2_anim ease 1.8s;
   animation-iteration-count: 1;
   animation-fill-mode:forwards;
 } */
 
 @keyframes ss_h2_anim {
   0% {
     left:1000px;
     bottom:1%;
     opacity:0;
   }
   30% {
     opacity:0;
   }
   100% {
     left:2%;
     opacity:1;
   }
 }
 .opty-cycle-slideshow div table { 
   position:absolute; color:#fff; font-weight:normal; text-align:right;
   /* width:40%; */ padding:1%; right:5%; top:-100px;
   background:rgba(0,0,0,0.8);
 }
 .opty-cycle-slideshow div.cycle-slide-active table { 
   position:absolute; color:#fff; font-weight:normal;
   text-shadow: 1px 1px 2px #000;
   /* animation: bounceInDown 5s; */
   animation: ss_p_anim ease 4.4s;
   animation-iteration-count: 1;
   animation-fill-mode:forwards;
 }
 
 @keyframes ss_p_anim {
   40% {
     right:5%;
     top:-100px;
     opacity:0;
   }
   60% {
     top:5%;
     opacity:1;
   }
   90% {
     top:5%;
     opacity:1;
   }
   100% {
     right:5%;
     top:-100px;
     opacity:0;
   }
 }
 
 @keyframes bounceInDown {
   from, 60%, 75%, 90%, to {
     -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
     animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
   }
 
   0% {
     opacity: 0;
     -webkit-transform: translate3d(0, -3000px, 0);
     transform: translate3d(0, -3000px, 0);
   }
 
   60% {
     opacity: 1;
     -webkit-transform: translate3d(0, 25px, 0);
     transform: translate3d(0, 25px, 0);
   }
 
   75% {
     -webkit-transform: translate3d(0, -10px, 0);
     transform: translate3d(0, -10px, 0);
   }
 
   90% {
     -webkit-transform: translate3d(0, 5px, 0);
     transform: translate3d(0, 5px, 0);
   }
 
   to {
     -webkit-transform: none;
     transform: none;
   }
 }
 
 @keyframes InUp {
   0% {
     opacity: 0;
     /* bottom:-100px; */
     top: 1200px;
   }
   70% {
     opacity: 0;
     /* bottom:-100px; */
     top: 1200px;
   }
   100% {
     opacity: 1;
     /* bottom:190px; */
     top: 300px;
   }
 }
 
 @keyframes bounceFromRight {
   from, 60%, 75%, 90%, to {
     -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
     animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
   }
 
   0% {
     opacity: 0;
     -webkit-transform: translate3d(3000px, 0, 0);
     transform: translate3d(3000px, 0, 0);
   }
 
   60% {
     opacity: 1;
     -webkit-transform: translate3d(-25px, 0, 0);
     transform: translate3d(-25px, 0, 0);
   }
 
   75% {
     -webkit-transform: translate3d(10px, 0, 0);
     transform: translate3d(10px, 0, 0);
   }
 
   90% {
     -webkit-transform: translate3d(-5px, 0, 0);
     transform: translate3d(-5px, 0, 0);
   }
 
   to {
     -webkit-transform: none;
     transform: none;
     opacity:1;
   }
 }
 
 @keyframes bounceFromRight2 {
   from, 60%, 75%, 90%, to {
     -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
     animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
   }
 
   0% {
     opacity: 0;
     -webkit-transform: translate3d(3000px, 0, 0);
     transform: translate3d(3000px, 0, 0);
   }
 
   60% {
     opacity: 1;
     -webkit-transform: translate3d(-25px, 0, 0);
     transform: translate3d(-25px, 0, 0);
   }
 
   75% {
     -webkit-transform: translate3d(10px, 0, 0);
     transform: translate3d(10px, 0, 0);
   }
 
   90% {
     -webkit-transform: translate3d(-5px, 0, 0);
     transform: translate3d(-5px, 0, 0);
   }
 
   to {
     -webkit-transform: none;
     transform: none;
     opacity:1;
   }
 }
 
 /* pager */
   .cycle-pager {
     width:320px; height:60px; text-align:center; position:relative; z-index:180; 
     margin:-60px auto 0 auto;
   }
   .cycle-pager span { 
     /* font-family: arial; font-size: 5em; line-height:10px; width:0.4em; height:auto; 
     display: inline-block; color: #ddd; cursor: pointer; transition: all 0.2s ease-out;
     text-shadow:0 0 2px #000; */
     
     display: inline-block;  width:18px; height:18px; color:transparent; cursor: pointer; 
     border:2px solid #fff; border-radius:50%; margin:5px;
     transition: all 0.2s ease-out;
   }
   .cycle-pager span:hover, .cycle-pager span.cycle-pager-active { background-color: #fff; }
   .cycle-pager > * { cursor: pointer; }
   
   
   /* caption */
   .cycle-caption { 
     position:absolute; top:200px; left:40%; z-index:110;
     width:60%;
     animation: bounceFromRight ease 1.4s;
     animation-iteration-count: 1;
     /* border:1px solid yellow; */
   }
   .cycle-caption h2 {
     font-size:3.6em; font-weight:700; color:#fff; text-shadow:0px 0px 10px #000;
     line-height:100%; text-align:left; padding:0px; margin:0; background:none;
   }
   .cycle-caption h2 a {
     display:block; color:#fff; text-decoration:none;
   }
   
   /* overlay */
   .cycle-overlay { 
     position:absolute; /* bottom:190px; */ top: 300px; left:40%; z-index:110;
     width:60%; opacity:1;
     /* animation: InUp ease-out 0.9s; */
     animation: bounceFromRight2 ease 2s;
     animation-iteration-count: 1;
     /* animation-delay: 0.5s; */
     /* border:1px solid cyan; */
     
   }
   .cycle-overlay p, .cycle-overlay p a {
     display:block; font-size:2.5rem; font-weight:600; color:#fff; text-shadow:0px 0px 10px #000;
     text-align:left; text-decoration:none; padding:0; margin:0;
   }
   
   .cycle-overlay button, .cycle-overlay a.button {
     display:inline-block; font-size:1.4rem; font-weight:normal; color:#fff; border:0; border-radius:6px; text-align:center; text-decoration:none; text-shadow:none; padding:10px 30px; background-color:#61c1cf; box-shadow:0 0 26px #000; cursor:pointer;
   }
 
 .opty-cycle-slideshow div blockquote {
   position:absolute; bottom:4%; margin-left:46%; z-index:900;
   width:52%; height:60%; padding:3%; color:#fff; font-size:1.2em;
   text-shadow: 1px 1px 1px #333;
   background-color:rgba(0, 0, 0, 0.5);
   border-radius:3px;
   box-shadow:0px 0px 12px 0px #000 inset;
   
 }
 .opty-cycle-slideshow div blockquote p {
   /* line-height:24px; */
 }
 .opty-cycle-slideshow div blockquote a {
   color:#fff; font-weight:bold;
 }
 .opty-cycle-slideshow div blockquote h2, .opty-cycle-slideshow div blockquote h2 a {
   color:#fff; font-weight:bold; margin-top:0;
 }
 .opty-cycle-slideshow div blockquote h2 a:hover {
   text-decoration:none;
 }
 
 .cycle-prev {
   display:block; position:absolute; top:45%; left:30px; 
   width:48px; height:48px; z-index:200; opacity:0.3;
   border-radius:50%; background:url("images/site_icons.png") 0px -705px #000;
 }
 .cycle-next {
   display:block; position:absolute; top:45%; right:30px; 
   width:48px; height:48px; z-index:200; opacity:0.3;
   border-radius:50%; background:url("images/site_icons.png") 2px -671px #000;
 }
 .cycle-prev:hover, .cycle-next:hover {
   opacity:0.6;
 }
 
 /* NOTE: nolte lube
 */
 /* div.nolte_lube {
   clear:both; width:600px; max-width:100%; margin:50px auto;
   text-align:center;
 }
 div.nolte_lube > div > img {
   display:block; margin:0 auto;
 } */
 
 div.fux_contact_box {
   position:relative;
   width:1280px; max-width:100%;
   margin:0 auto; z-index:210;
 }
 div.fux_contact_box > div {
   position:absolute; top:50px; left:0;
   width:320px;
   background:#002868; border-radius:3px;
   box-shadow: 0 0 12px #000;
 }
 
 div.nolte_lube {
   /* position:absolute; z-index:200;
   left:10%; bottom:20px; */
   position:relative;
   width:1280px; max-width:100%; height:142px;
   margin:-142px auto 0 auto; /* padding-bottom:12px;  */
   z-index:200;
 }
 div.nolte_lube a.lube, div.nolte_lube a.nolte {
   display:inline-block; margin-right:10px;
   width:122px; height:122px;
   box-shadow:0 0 12px #000;
 }
 
 
 
 #search_box {
   display:none; position:absolute; top:0; right:0; width:300px; max-width:96%; /* height:265px; */ background:#333; padding:2%; padding-top:15px; box-shadow:0 0 6px #000; z-index:190;
 }
 
 #search_box form label {
   width:100%; text-align:left; margin-right:0;
 }
 #search_box form input[type="text"] {
   box-sizing: border-box;
   width:100%; padding: 4%; margin-bottom:5px;
 }
 #search_box form select {
   width:100%; margin-bottom:5px;
 }
 #search_box form input[type="submit"] {
   margin-top:10px;
 }
 
 #facebook_ico {
   display:none;
 }
 #facebook_box {
   display:block; position:fixed; right:-292px; top:155px; z-index:999;
   padding-left:40px; width:292px; height:390px; overflow:hidden;
   background:url(images/lk_facebook_btn.png) left top no-repeat;
 }
 #facebook_btn {
   display:block; position:absolute; left:0; top:0px; width:40px; height:95px;
 }
 
 /* NOTE: galeria
 */
 div.gal_gp, .gal_gp {
   float: none;
 }
 .gal_gp {
   clear:both; min-height:40px; padding-top:10px;
 }
 .gal_gp.bottom {
   padding-top:0px;
   margin-top:-40px;
 }
 .gal_gp input.submit {
   float:right; background:none; border:none; cursor:pointer; width:20px; height:20px; margin-left:3px;
   background-image: url(images/icons/ico_search.gif);
   background-position:left 3px;
   background-repeat:no-repeat;
 }
 .gal_gp select {
   float:right;
 }
 .gal_gp a, .gal_gp a:visited, .gal_gp a:hover, 
 .gal_gp span, .gal_gp .gal_gp_active, .gal_gp .gal_gp_active:hover {
   box-shadow:none; border:1px solid #333 !important;
   background-color:#222; color:#fff; padding:10px 15px;
 }
 
 /* orange #ed6f00;
 green  #069836; */
 
 .gal_gp a:hover, .gal_gp span:hover, .gal_gp .gal_gp_active, .gal_gp .gal_gp_active:hover {
   background-color:#ed6f00; color:#333; 
 }
 
 .gallin_index span.index_btn {
   display:none !important;
 }
 .gallin_index span {
   margin-left:-28px !important;
 }
 .gallin_menu_top a.gallin_ico_fullscr {
   display:none;
 }
 
 
 div.share_btn a {
   display:block; float:left; margin-right:6px; width:48px; height:48px;
   background-image:url(images/icons/social_icons.png); opacity:0.5;
 }
 div.share_btn a:hover {
   opacity:1;
 }
 div.share_btn a.google {
   background-position:0 -48px;
 }
 div.share_btn a.facebook {
   background-position:0 -96px;
 }
 div.share_btn a.mail {
   background-position:0 -144px;
 }
 div.share_btn a.print {
   background-position:0 -192px;
 }
 div.share_btn a.comm {
   background-position:0 -240px;
 }
 
 div.gal {
   width:100%; text-align:center;
 }
 div.gal > a, div.gal > img {
   display:inline-block; width:33%;
 }
 div.gal > a img {
   width:100%;
 }
 
 #over_in {
   background:#444;
 }
 /* NOTE: footer
 */
 #footer {
   /* width:100%; float:left; */
   clear:both; background-color:#222; box-shadow: 0 10px 30px #000 inset;
   overflow:hidden;
 }
 #footer_in {
   margin:0 auto; padding:20px 4% 0px 4%; min-height:30px;
   /* position:relative; */ text-align:center;
 }
 #footer_in div, #footer_in a {
   color:#fff;
 }
 
 a.made_by_opty {
   width:108px;
   margin:30px auto 10px auto; color:#fff;
   background-image: url(../../images/made_by_opty_wb.png);
 }
 a.made_by_opty::before {
   color:#fff;
 }
 
 #cc_menu_cont {
   position:relative; z-index:6;
   padding:0px;
   width:100%;
   height:800px;
   background:url("images/cc_menu.jpg") center #000;
   perspective:2920px;
 }
 #cc_menu_cont h2, #cc_menu_cont_2 h2 {
   display:none;
   position:absolute;
   width:200px;
   left:50%; margin-left:-300px;
   top:200px;
   text-shadow:0 0 12px #000;
 }
 #cc_menu {
   position:absolute; z-index:100;
   left:50%; top:170px;
   /* width:600px; min-height:400px; */
   list-style:none;
   margin:0; padding:0;
   margin-left:-50px;
   /* border:1px solid red; */
   /* background:red; */
   transition-duration:2s;
   /* transform-style: preserve-3d;
   transform: rotateY(-35deg); */
   /* transform-style: preserve-3d;
   transform: rotateX(-15deg);
   transform-origin: 20% 40% 100px; */
   
 }
 #cc_menu:hover {
   /* perspective:200px; */
   
   /* transform-style: preserve-3d;
   transform: rotateY(-45deg);
   transform-origin: 0% 0%; */
 }
 #cc_menu li {
   position:absolute;
   top: 0px;
   left: 0px;
   transform-origin: 200px 200px;
   transition: all 0.4s ease-out;
   /* transition-delay: 1s; */
   width:80px; height:80px;
   margin:20px; padding:10px;
   line-height:80px;
   text-align:center;
   border-radius:50%;
   opacity:0;
   border:0px solid red;
 }
 #cc_menu li a, #cc_menu_2 li a {
   position:absolute; 
   display:block;
   top: 0px;
   left: 0px;
   width:80px; height:80px;
   padding:10px;
   line-height:80px;
   text-align:center;
   text-decoration:none;
   border-radius:50%;
   transition: all 0.3s ease-out;
   border:2px solid #971914;
   background:#f7a411;
   color:#971914;
   box-shadow:0 0 20px #000;
 }
 #cc_menu li a:hover, #cc_menu li a.hover,
 #cc_menu_2 li a:hover, #cc_menu_2 li a.hover {
   width:82px; height:82px; box-shadow:0 0 20px #fff;
   background:#971914; color:#f5f3b4; line-height:82px;
   border:4px solid #971914;
 }
 
 #cc_menu li:nth-child(1) {
   /* transition-delay: 0.1s;
   transform: rotate(45deg); */
   
   animation: cc_menu_anim_1 ease 0.5s;
   animation-delay: 2.0s;
   animation-iteration-count: 1;
   animation-fill-mode:forwards;
 }
 
 /* #cc_menu li:before {
   content:"";
   opacity:0;
   position:absolute;
   color:#f5f3b4;
   font-size:2em;
   text-shadow:1px 1px 3px #000;
   transition: opacity 0.6s ease-out;
 }
 
 #cc_menu li:hover:before {
   content:"";
   display:block; opacity:1;
 }
 #cc_menu li:nth-child(1):before {
   content:"O NAS";
   right:-40px; top:140px;
   transform: rotate(-105deg);
 }
 #cc_menu li:nth-child(1):hover:before {
   content:"O NAS";
   right:-40px; top:140px;
   transform: rotate(-105deg);
 }
 
 #cc_menu li:nth-child(2):hover:before {
   content:"TECHNOLOGIA";
   right:-200px; top:170px;
   transform: rotate(-130deg);
 }
 #cc_menu li:nth-child(3):hover:before {
   content:"GALERIA";
   right:-170px; top:70px;
   transform: rotate(-155deg);
 }
 #cc_menu li:nth-child(4):hover:before {
   content:"KONTAKT";
   right:-200px; top:0px;
   transform: rotate(-180deg);
 }
 */
 
 #cc_menu li:nth-child(1) a {
   transform: rotate(-105deg); /* -85 */
   background:url("images/cecars_icons_o_nas.png") center no-repeat #f7a411;
 }
 #cc_menu.de li:nth-child(1) a {
   background:url("images/cecars_icons_o_nas_de.png") center no-repeat #f7a411;
 }
 #cc_menu.en li:nth-child(1) a {
   background:url("images/cecars_icons_o_nas_en.png") center no-repeat #f7a411;
 }
 #cc_menu li:nth-child(2) {
   /* transition-delay: 1s;
   transform: rotate(90deg); */
   margin-left:-20px;
   animation: cc_menu_anim_2 ease 1s;
   animation-delay: 1.5s;
   animation-iteration-count: 1;
   animation-fill-mode:forwards;
 }
 
 #cc_menu li:nth-child(2) a {
   transform: rotate(-130deg);
   background:url("images/cecars_icons_uslugi.png") center no-repeat #f7a411;
 }
 #cc_menu.de li:nth-child(2) a {
   background:url("images/cecars_icons_uslugi_de.png") center no-repeat #f7a411;
 }
 #cc_menu.en li:nth-child(2) a {
   background:url("images/cecars_icons_uslugi_en.png") center no-repeat #f7a411;
 }
 #cc_menu li:nth-child(3) {
   /* transition-delay: 0.1s;
   transform: rotate(135deg); */
   margin-left:0px;
   animation: cc_menu_anim_3 ease 1.5s;
   animation-delay: 1s;
   animation-iteration-count: 1;
   animation-fill-mode:forwards;
 }
 
 #cc_menu li:nth-child(3) a {
   transform: rotate(-155deg); /* 175 */
   background:url("images/cecars_icons_prace.png") center no-repeat #f7a411;
 }
 #cc_menu.de li:nth-child(3) a {
   background:url("images/cecars_icons_prace_de.png") center no-repeat #f7a411;
 }
 #cc_menu.en li:nth-child(3) a {
   background:url("images/cecars_icons_prace_en.png") center no-repeat #f7a411;
 }
 #cc_menu li:nth-child(4) {
   /* transition-delay: 0.1s;
   transform: rotate(180deg); */
   margin-left:30px;
   margin-top:70px;
   animation: cc_menu_anim_4 ease 1.8s;
   animation-delay: 0.5s;
   animation-iteration-count: 1;
   animation-fill-mode:forwards;
 }
 
 #cc_menu li:nth-child(4) a {
   transform: rotate(-180deg); /* 220 */
   background:url("images/cecars_icons_kontakt.png") center no-repeat #f7a411;
 }
 #cc_menu.en li:nth-child(4) a {
   background:url("images/cecars_icons_kontakt_en.png") center no-repeat #f7a411;
 }
 
 #cc_menu li:nth-child(5) {
   margin-left:100px;
   margin-top:80px;
   animation: cc_menu_anim_5 ease 1.8s;
   animation-delay: 0.5s;
   animation-iteration-count: 1;
   animation-fill-mode:forwards;
 }
 
 #cc_menu li:nth-child(5) a {
   width:50px; height:50px;
   transform: rotate(80deg);
   background:url("images/cecars_icons_play.png") center no-repeat #f7a411;
   transition: all 0.3s ease-out;
 }
 #cc_menu li:nth-child(5) a:hover {
   border:2px solid #971914;
   box-shadow:0 0 20px #000;
 }
 
 
 #cc_menu li:nth-child(5) a.pause {
   background:url("images/cecars_icons_pause.png") center no-repeat #f7a411;
 }
 
 @keyframes cc_menu_anim_1 {
   0% {
     opacity:0;
   }
   100% {
     transform: rotate(85deg);
     opacity:1;
   }
 }
 
 @keyframes cc_menu_anim_2 {
   0% {
     opacity:0;
   }
   100% {
     transform: rotate(130deg);
     opacity:1;
   }
 }
 
 @keyframes cc_menu_anim_3 {
   0% {
     opacity:0;
   }
   100% {
     transform: rotate(175deg);
     opacity:1;
   }
 }
 
 @keyframes cc_menu_anim_4 {
   0% {
     opacity:0;
   }
   100% {
     transform: rotate(220deg);
     opacity:1;
   }
 }
 
 @keyframes cc_menu_anim_5 {
   0% {
     opacity:0;
   }
   100% {
     transform: rotate(280deg);
     opacity:1;
   }
 }
 
 /* strona 2 */
 #cc_menu_cont_2 {
   position:fixed;
   bottom:0; left:0;
   padding:0px;
   width:100%;
   height:100%;
   background:url("images/cc_menu_2.jpg") center bottom #000;
 }
 
 #cc_menu_2 {
   position:absolute; z-index:10;
   left:50%; bottom:250px;
   list-style:none;
   margin:0; padding:0;
   margin-left:-200px;
   border:1px solid red;
   /* background:red; */
   transition-duration:2s;
 }
 
 #cc_menu_2 li {
   position:absolute;
   top: 0px;
   left: 0px;
   transform-origin: 100px -20px;
   transition: all 0.4s ease-out;
   /* transition-delay: 1s; */
   width:80px; height:80px;
   margin:20px; padding:10px;
   line-height:80px;
   text-align:center;
   border-radius:50%;
   opacity:0;
   border:0px solid red;
 }
 
 
 #cc_menu_2 li:nth-child(1) {
   top: 60px;
   left: 500px;
   animation: cc_menu_anim_2_1 ease 0.5s;
   animation-delay: 2.0s;
   animation-iteration-count: 1;
   animation-fill-mode:forwards;
 }
 #cc_menu_2 li:nth-child(1) a {
   transform: rotate(8deg);
   background:url("images/cecars_icons_o_nas.jpg") center no-repeat #f7a411;
 }
 @keyframes cc_menu_anim_2_1 {
   0% {
     opacity:0;
   }
   100% {
     /* transform: rotate(5deg); */
     top: 0px;
     left: 0px;
     opacity:1;
   }
 }
 
 #cc_menu_2 li:nth-child(2) {
   top: 60px;
   left: 500px;
   animation: cc_menu_anim_2_2 ease 1s;
   animation-delay: 1.5s;
   animation-iteration-count: 1;
   animation-fill-mode:forwards;
 }
 #cc_menu_2 li:nth-child(2) a {
   transform: rotate(8deg);
   background:url("images/cecars_icons_tech.jpg") center no-repeat #f7a411;
 }
 @keyframes cc_menu_anim_2_2 {
   0% {
     opacity:0;
   }
   100% {
     top: 17px;
     left: 110px;
     opacity:1;
   }
 }
 
 #cc_menu_2 li:nth-child(3) {
   top: 60px;
   left: 500px;
   animation: cc_menu_anim_2_3 ease 1.5s;
   animation-delay: 1s;
   animation-iteration-count: 1;
   animation-fill-mode:forwards;
 }
 #cc_menu_2 li:nth-child(3) a {
   transform: rotate(8deg);
   background:url("images/cecars_icons_galeria.jpg") center no-repeat #f7a411;
 }
 @keyframes cc_menu_anim_2_3 {
   0% {
     opacity:0;
   }
   100% {
     top: 36px;
     left: 220px;
     opacity:1;
   }
 }
 
 #cc_menu_2 li:nth-child(4) {
   top: 60px;
   left: 500px;
   animation: cc_menu_anim_2_4 ease 1.0s;
   animation-delay: 0.5s;
   animation-iteration-count: 1;
   animation-fill-mode:forwards;
 }
 #cc_menu_2 li:nth-child(4) a {
   transform: rotate(9deg);
   background:url("images/cecars_icons_kontakt.png") center no-repeat #f7a411;
 }
 @keyframes cc_menu_anim_2_4 {
   0% {
     opacity:0;
   }
   100% {
     top: 55px;
     left: 330px;
     opacity:1;
   }
 }
 
 
 
 #cc_video_cont, #cc_video_cont_2 { 
   display:none;
   width: 290px;
   height: 350px;
   border:1px solid #111;
   border-radius: 50%;
   transform: rotate(5deg);
   
   position: relative;
   z-index:10;
   top: 228px;
   left: 50%;
   margin-left:-78px;
   
   overflow: hidden;
   box-shadow:0 0 20px #000;
 }
 #cc_video_cont_2 { 
   position: absolute;
   bottom: 290px; top:auto;
   left: 50%;
   margin-left:-78px;
 }
 #cc_video_cont:before, #cc_video_cont_2:before { 
   display:block; position:absolute;
   left:-2px; top:-2px;
   z-index:5;
   content: "";
   width: 306px;
   height: 356px;
   border:0px solid yellow;
   border-radius: 50%;
   box-shadow:0 0 20px #000 inset;
   /* background:pink; */
 }
 #cc_video_cont a, #cc_video_cont_2 a { 
   display:block; position:absolute;
   left:-2px; top:-2px;
   z-index:6;
   content: "";
   width: 306px;
   height: 356px;
   border:0px solid yellow;
   border-radius: 50%;
   box-shadow:0 0 20px #000 inset;
 }
 
 #cc_video {
   min-width:800px;
   width: 800px;
   height: 500px;
   position: absolute;
   top: -80px;
   left: -250px;

   /* opacity: 0.5 */

 }
 
 .video-responsive {
   margin-bottom:10px;
   background: url("../../images/loading_1.gif") center #ccc no-repeat;
   
 }
 .gal_pictures {
   line-height:1px;
 }