::-webkit-scrollbar{
    width:12px;
}

::-webkit-scrollbar-thumb{
    border-width:1px 1px 1px 2px;
    border-color: #777;
    background-color: #53718c;
}
::-webkit-scrollbar-thumb:hover{
    border-width: 1px 1px 1px 2px;
    border-color: #25560a;
    background-color: #53718c;
}
::-webkit-scrollbar-track{
    border-width:0;
}
::-webkit-scrollbar-track:hover{
    border-left: solid 1px #ffffff;
    background-color: #eee;
}

div#wpadminbar {
    display: none!important;
}

body  {
	font-family: Arial, "Hiragino Kaku Gothic Pro W3", Meiryo, sans-serif;
  position: relative;
	/* font-family: 'Montserrat', sans-serif; 
font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; */
margin: 0;
    /* overflow: hidden; */
    max-width: 100%;
    color: #000;
    font-size: 14px;
    line-height: 1.21;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

}

body a, body a:visited {
  text-decoration: none;
}



*:focus {
    outline: none!important;
}
*, *:before, *:after {
    min-height: 0;
    min-width: 0;
    margin: 0;
    padding: 0;
    outline: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


body.home {
background: #fbfbfb;
  /*   background-position: 0px 0px;
    background-size: cover;
    background-attachment: fixed; */
	
}
video {
   /*  max-height: 100%; */
}
body.hide-scroll {
    overflow: hidden!important;
}

body p {
 font-size: 15px;
 padding-left: 12px;
     text-align: justify;
}

body a {
color: #565656;
 text-decoration: none!important;
}

i {
	font-style: normal!important;
}

a#alogo {
display: block;
    text-align: center;
    margin: auto;
    max-width: 300px;
}
div#dlogo img {
display: block;
    margin: auto;
    max-width: 100%;
padding: 6px 0px 6px 6px;
}
a#alogo p {
    display: block;
    line-height: 10px;
}


 .header-burger {
      display: block;
      position: absolute;
      z-index: 150;
      width: 4.2rem;
      height: 3.8rem;
      cursor: pointer;
      overflow: hidden; 
	  }
.header-burger span {
        display: block;
        position: absolute;
        width: 100%;
        height: 3px;
        border-radius: 5px;
background: #20a4ff;
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease; 
		}
.header-burger span:nth-child(1) {
          top: 0rem; }
.header-burger span:nth-child(2), .header-burger span:nth-child(3) {
          top: 1.2rem; }
.header-burger span:nth-child(3) {
          right: 0; }
.header-burger span:nth-child(4) {
          bottom: 1rem; }
.header-burger.open span:nth-child(1) {
        -webkit-transform: translateX(40px);
        -ms-transform: translateX(40px);
        transform: translateX(40px);
        background: transparent; }
.header-burger.open span:nth-child(2) {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg); }
.header-burger.open span:nth-child(3) {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg); }
.header-burger.open span:nth-child(4) {
        -webkit-transform: translateX(-40px);
        -ms-transform: translateX(-40px);
        transform: translateX(-40px);
        background: transparent; }

.model.slick-slide {
    position: relative;
}

a.bot-model {
    width: 98%;
    height: 300px;
    display: block;
   
    background-repeat: no-repeat;
    background-size: contain;
	overflow: hidden;
	
	background-size: 100%;
    background-position: center;

    -moz-transition: all 0.25s ease;
    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}
a.bot-model:hover {
    background-size: 107%;
    background-position: center;

    -moz-transition: all 0.25s ease;
    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

span.model-title {
    position: absolute;
    top: 20px;
    left: 6px;
    font-size: 30px;
    color: #20a4ff;
    border-bottom: 2px #20a4ff solid;
    text-align: right;
	
	-moz-transition: all 0.25s ease;
    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}
a.bot-model:hover  span.model-title  {
    border-bottom: 5px #20a4ff solid;
	
	-moz-transition: all 0.25s ease;
    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

span.model-info {
    display: block;
    position: absolute;
    bottom: 0px;
    width: 98%;
    text-align: center;
    background: #333;
    color: #fff;
    font-size: 17px;
	border-bottom: 5px #20a4ff solid;
    margin: auto;
}

.models .slick-dots button {
    display: none;
}
.models .slick-dots {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    margin-top: 40px;
}
.models .slick-dots li {
	    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    background: #c4c4c4;
    margin: 5px;
}
.models .slick-dots li.slick-active {
background: #20a4ff;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
}

.models h2 {
    font-size: 38px;
    display: block;
    padding: 17px;
    color: #586e80;
    background: #ededed;
border-left: 7px dashed #20a4ff;
border-top-right-radius: 130px;

}
.models hr {
    margin-top: 10px;
    margin-bottom: 10px;
    border: 0;
    border-top: 1px solid #2ca8fe;
}


.wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) {
    float: left;
}

span.btntop {
display: block!important;
    margin: 18px auto 7px;
    padding: 7px 12px 4px;
    color: #ffffff;
    background: #20a4ff;
	text-transform: uppercase;
    text-decoration: none;
    border-radius: 10px;
    width: 209px;
    font-size: 13px;
    text-align: center;
    max-width: 100%;
    -webkit-transition: all 200ms;
    -moz-transition: all 200ms;
    -o-transition: all 200ms;
    transition: all 200ms;
}

.btntop:hover {
	color: #ffffff;
background: #dbbfa4;
    -webkit-transition: all 200ms;
    -moz-transition: all 200ms;
    -o-transition: all 200ms;
    transition: all 200ms;
 }

.phone-top {
    padding: 25px 0 5px 0;
    text-align: center;
}
span.adr {
    display: block;
    max-height: 40px;
}
a.cona {
color: #ffffff;
    padding: 5px 5px;
    font-weight: bold;
    font-size: 17px;
}
a.cmail {
    color: #ffffff;
    padding: 5px 5px;
    font-weight: bold;
    font-size: 11px;
}


a.cona:hover i, a.cmail:hover i, a.cmail:hover {
color: #dbbfa4;
}

.cona i, a.cmail i {
    color: #ffffff;
}

div#dlogo span {
    display: block;
    font-size: 20px;
text-align: center;
    font-weight: bold;
	padding: 7px 0px 6px 0px;
}
.m-top {
    position: fixed;
    right: 0;
top: 103 px;
}
.m-top a {
/*     font-size: 17px;
    text-align: right;
    color: #a25215;
    text-decoration: none;
    float: none;
    display: block;
    padding: 0px 3px 0;
    margin: 10px 6px 10px;
    -webkit-transition: all 200ms;
    -moz-transition: all 200ms;
    -o-transition: all 200ms;
    transition: all 200ms; */
}
.m-top a:hover {
    color: #af1800;
}

h3.boatmain:after {
    display: block;
    height: 26px;
    background: #cfcfcf;
    position: relative;
    content: "";
    transform: skewX(24deg);
}
h5, .h5 {
    font-size: 19px;
    text-align: center;
}


span.t-spec {
    display: inline-block;
    font-size: 29px;
    padding: 8px 10px 5px 63px;
    color: #c18d69;
    position: relative;
}
span.garage-spec {
    display: block;
    text-align: center;
    padding: 20px;
    font-size: 20px;
    background: #990909;
    color: #fff;
	border-bottom-right-radius: 150px;
    border-bottom-left-radius: 150px;
}

a.boat-title {
    display: block;
    float: none;
    width: 100%;
    text-align: center;
    color: #50749f;
    font-size: 20px;
}

a.boat-more {
display: block;
    margin: auto;
    text-align: center;
    background: #869ba4;
    padding: 7px 11px;
    color: #fff;
	-webkit-transition: all 200ms;
    -moz-transition: all 200ms;
    -o-transition: all 200ms;
    transition: all 200ms;
}
a.boat-more:hover  {
	background: #3b3939;
    color: #fff;
}

.spec ul {
    list-style: none;
    display: block;
}
.spec ul li {
    display: block;
    font-weight: 400;
    font-size: 20px;
padding: 11px 5px 4px;
    color: #337bba;
}

.spec code {
	float: none;
    display: block;
    padding: 2px 4px;
    font-size: 31px;
    border-radius: 4px;
    color: #e84949;
    background-color: #efefef;
}


.garag ul {
    list-style: none;
    display: block;
}
.garag ul li {
display: block;
    font-weight: 400;
    font-size: 16px;
    padding: 5px 5px 0;
    color: #337bba;
}

.garag code {
	float: none;
    display: block;
    padding: 2px 3px;
    font-size: 23px;
    border-radius: 4px;
    color: #e84949;
    background-color: #efefef;
}


.ntg_container-page-social a {
border: 1px solid #fce023; */
    width: 25px;
    height: 23px;
    /* background: #000; */
    line-height: 20px;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    margin: 11px 5px;
}

.ntg_container-page-social a:hover {
 /*    background-color: #fabe30; 
    color: #221f1f;*/
}
.ntg_container-page-social a:hover .fab{
color: #399bca;
}
.ntg_container-page-social .fab {
font-size: 25px;
    color: #57c9ff;
}
.fab {
   font-family: FontAwesome;
    font-weight: 400;
}
.fa-instagram:before {
    content: "\f16d";
}
.fa-facebook-f:before {
    content: "\f39e";
}


.psevdo {
position: initial;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;

} 

.wap {
    position: relative;
}

.wap:before {
    display: block;
    content: '';
    position: absolute;
    left: 25%;
    top: 100px;
    width: 213px;
    height: 100%;
    background: #ececec;
    transform: skewX(16deg);
    z-index: -1;
}

 .psevdozzzz:before {
display: block;
    content: '';
    position: absolute;
    /* left: 71%; */
    /* top: 30px; */
    width: 82px;
    height: 100%;
    background: #e1e1e1;
    transform: skewX(24deg);
} 

.psevdo {
/*     width: 150px;
    margin: auto;
    height: 100%;
    background: #ececec;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 0;
    transform: skewX(22deg); */
}


.singlslide {
height: 600px;
/* max-height: 400px; */
    width: 100%;
    background-attachment: local;
    background-position: center;
    background-size: cover;
 position: relative; 
    background-repeat: no-repeat;
	border-bottom-right-radius: 130px;
}


.row.th {
    padding: 20px;
/*     background: #000; */
    margin-top: 30px;
	position: relative;
}

.thinf {
    background: #0d3356a1;
    position: absolute;
    margin: 0;
    top: 150px;
    left: 20%;
    padding: 20px;
    max-width: 385px;
    border-radius: 11px;
    border: solid 1px #7f2222;
    text-align: center;
}
span.model-t {
    font-size: 58px;
    color: #fff;
}

.thinf2 {
width: 500px;
    max-width: 100%;
    margin: auto;
    position: relative;
    background: #fff;
    border-radius: 120px;
    top: -26px;
    padding: 13px 20px 2px;
    text-align: center;
}
span.model-ts {
    color: #a70b0b;
    display: inline-block;
    font-size: 30px;
}
span.model-tp {
    font-size: 15px;
    color: #226491;
}

section.singl.default h1 {
    color: #3e85b5;
}

.row.bgx {
background-color: #242a2d;
   }
   
   
.bgx h3 {
font-size: 24px;
    color: #ffaf78;
    text-align: center;
    margin: 35px 0px 9px;
} 
.bgx p {
font-size: 18px;
    color: #f0c3a5;
    text-align: left;
    margin: 37px 5px 0px;
}

   
  footer:before {
content: '';
    display: block;
    background-position: 50% 0;
    background-repeat: repeat;
    height: 6px;
    position: absolute;
    left: 0;
    right: 0;
}

.new-boat.row:after {
    border-bottom: 3px solid #f17438;
    display: block;
  width: 10%;

}
.new-boat.row.animdone:after {
	 width: 100%;
	 -webkit-transition: all 4.25s;
    transition: all 4.25s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out; 
}

#mega-menu-wrap-top #mega-menu-top > li.mega-menu-item > a.mega-menu-link {
    text-transform: uppercase;
}

.slick-initialized .slick-slide {
    max-height: 688px;
}

a.more {
padding: 15px 34px;
    background: #4c6275;
    color: #fff;
    border-radius: 10px;
    font-size: 14px;
}
a.more:hover {
background: #6083a1;
 color: #fff;
}

a.mailx {
    font-size: 20px;
}
.mega-menu-toggle span {
    padding: 0!important;
}
nav#mega-menu-wrap-top {
    margin-top: 0px;
}

header {
    background: rgb(83 113 140 / 79%);
border-bottom: 1px solid #202022;
    position: fixed; 
top: 0;
	right: 0;
    left: 0;
    z-index: 2;
    display: block;
}
.compinf i, .compinf a.sotstop i {
    font-size: 26px;
    margin: 5px 10px 0px;
color: #a9a9a9;
}


.compinf a#mail {
color: #ffffff;
font-weight: bold;
}



.cat-thumbnail ul{
    list-style-type: none;
list-style: none;
	text-align:center;
	margin:0 auto;
	padding: 0;
}
.cat-thumbnail li {
	position: relative;
	display: inline-flex;
	width:400px;
	max-width: 99%;
	height:auto;
	margin: 5px 10px;	
}

.cat-thumbnail li span {

    position: absolute;
    bottom: 0;
    background: rgba(51, 51, 51, 0.9);
    display: block;
    width: 100%;
    padding: 10px 0;
    text-align: center;
    height: 77px;
    color: #fff;
    font-size: 18px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.cat-thumbnail li:hover span  {
    height: 99px;
background: rgb(0 0 0 / 90%);
	-webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.cat-thumbnail a{
    font-size:16px;	
}
/* Для мобильный устройств*/
@media screen and (max-width:760px){
	
nav#mega-menu-wrap-top {
    margin-top: 0px;
}	
.cat-thumbnail {
    width:auto;
    display:block;
    position:relative;
}
.cat-thumbnail ul {
    width:auto;
}
.cat-thumbnail li {
  /*   float:left; */
}
}


.slick-slide img {
    max-width: 100%;
    display: block;
    width: 100%!important;
    height: auto!important;
}


.wap-news {
    position: relative;
    overflow: hidden;
}

a.n-title {
    position: absolute;
    top: 70%;max-width: 85%;
    padding: 15px;
    background: #fff;
    border-bottom-right-radius: 29px;
    color: #2a6191;
    font-size: 15px;
}

a.tm {
width: 100%;
    height: 450px;
	
    display: block;
    background: #fbfbfb;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
}

section {
	position: relative;
}
section .container {
    overflow: hidden;
}
section#doctor {
    background: rgba(255, 255, 255, 0.7);
}
section.page.bg {
background: #f7f7f7 url(/images/bg.webp);
    background-position: right center;
    background-size: contain;
    background-attachment: fixed;
    background-repeat: no-repeat;
}


.t-bg {
background: #f3f3f3 url(images/technical.png) no-repeat;
background-position: left top;
  background-size: contain;
    background-attachment: fixed;
    background-repeat: no-repeat;
}

#safbg {
    min-height: 400px;
    padding: 43px 0 0;
    background: url(/images/avto-poltava.jpg) no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
}
div#safinf {
    min-height: 350px;
    width: 800px;
    margin: auto;
    max-width: 90%;
    background: #726e6e6b;
}
div#safinf span {
color: #fff;
    text-align: justify;
    font-size: 21px;
    display: block;
    margin: auto;
    padding: 20px;
}

img.attachment-large.size-large.wp-post-image {
    padding: 5px;
    float: none;
    margin: auto;
}
.caseinfo {
    display: none;
}

#topp {
	padding-top: 1px;
}
.row {
    margin-right: 0!important;
    margin-left: 0!important;
}
.h3, h3 {
    font-size: 24px;
    color: #8e5a0c;
    text-align: center;
	margin: 36px 0px 9px;
}

body.home .h3, body.home h3 {
    font-size: 24px;
color: #333;
    text-align: center;
padding: 6px 5px 6px;
 /*   background: #000000 url(images/foot_bg.jpg) no-repeat; */
}

a.topfdn {
    display: block;
    margin: 25px auto 0;
  max-width: 137px;
    font-size: 16px;
    color: #000000;
}

a.btnmore {
display: block!important;
    float: right;
    margin: 10px;
    padding: 7px 21px;
    color: #ffffff;
    background: #ec7803;
    text-decoration: none;
    -webkit-transition: all 200ms;
    -moz-transition: all 200ms;
    -o-transition: all 200ms;
    transition: all 200ms;
}
a.btnmore:hover {
    background: #98602c;
    color: #fff;
    -webkit-transition: all 200ms;
    -moz-transition: all 200ms;
    -o-transition: all 200ms;
    transition: all 200ms;
}

.serhold {
    display: block;
overflow: hidden;
border: solid #000 1px;
    margin: auto;
    text-align: center;
    position: relative;
	cursor: pointer;
	margin-top: 25px;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

span.serv {
    position: absolute;
    bottom: 0;
   background: rgba(0, 0, 0, 0.8);
    display: block;
    width: 100%;
    padding: 10px 0;
    text-align: center;
    height: 47px;
    color: #fff;
    font-size: 18px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.serhold:hover span.serv {
    height: 57px;
    background: rgba(51, 51, 51, 0.9);
	z-index: 1;
}

.serhold img {
    display: block;
    margin: auto;
    max-width: 100%;
    opacity: 1;
}
.serhold:hover img {
    opacity: 1;
    -webkit-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}


#stu .serhold a:before {
    background: rgba(255, 255, 255, 0.55); 
    content: "";
    height: 100%;
    left: -100%;
    position: absolute;
    top: -100%;
    width: 100%;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
	
#stu .serhold a:after {
    content: "";
    background: rgba(255, 255, 255, 0.55);
    height: 100%;
    left: 100%;
    position: absolute;
    top: 100%;
    width: 100%;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
#stu .serhold a:hover:before, #stu .serhold a:hover:after {
left: 0;
top: 0;
z-index: 0;
}

.goBack {
    display: block;
    position: absolute;
    top: 20px;
    background: #fff;

    padding: 5px;
    border-bottom-right-radius: 20px;
}
.goBack a {
	    color: #20a4ff;
}

.promo-advicon img {
    max-width: 130px;
}
.promo-advicon {
    width: 112px;
    height: 112px;
    border-radius: 50%;
   background: rgba(255, 255, 255, 0.66);
  /*   display: flex; */
    align-items: center;
    justify-content: center;
    border: 1px solid #8e5a0c;
    position: absolute;
    top: 10px;
    left: 10px;
    text-align: center;
box-shadow: 2px 2px 10px #333;
transition: all .3s;
}
.serhold:hover .promo-advicon {
    background: rgba(255, 255, 255, 0.7);
    border: 1px solid #f2d5b6;

}

 #dlogo1 {
    visibility: hidden;
}
#dlogo.animated, #dlogo1.animated, #dlogo2.animated, #dlogo3.animated {
visibility: visible;
}

p#clif {
    display: block;
    margin: 0 auto;
    padding: 5px 0 5px 0px;
    position: relative;
    background: #f1f2f4;
    width: 179px;
    top: 10px;
   border: 2px solid #0054e7;
}
.icon_bar {
    width: 35px;
    height: 5px;
    margin: 2px;
background-color: #000000;
}
.nav-holder {
    position: relative;
    margin: 20px 0 0 0;
}
ul.menu {
text-align: center;
    display: block;
    margin: 0;
    padding: 0;
}

.menu li {
   display: inline-block;
    margin: 0;
padding: 0px 7px 6px 0;
    list-style: none;
}
ul.menu li a {
color: #ffffff;
    /* text-transform: uppercase; */
    text-decoration: none;
    display: block;
    position: relative;
    font-size: 22px;
    /* font-weight: 700; */
    position: relative;
    -moz-transition: 0.2s;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    -ms-transition: 0.2s;
    transition: 0.2s;
}
ul.menu li a:before {
    right: 50%;
}
ul.menu li a:after {
    left: 50%;
}

ul.menu li a:hover:after, ul.menu li a:hover:before {
    width: 50%;
}

ul.menu li a:after, ul.menu li a:before {
	display: none;
    content: '';
    position: absolute;
    height: 1px;
background: #00adff;
    width: 0;
    bottom: 0;
    -moz-transition: 0.2s;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    -ms-transition: 0.2s;
    transition: 0.2s;
}


ul.menu li a:hover, ul.menu li.active a {
color: #f3cba5;
}


ul.menu > li > ul {
    display: none;
z-index: 999;
    position: absolute;
    width: 250px;
    padding: 0px 0px 0px 0px;
    border: 0;
background: #647f96;
    border-radius: 0;
    list-style: none;
    box-sizing: border-box;
}

ul.sub-menu li {
    float: left;
    width: 100%;
    text-align: left;
}

ul.sub-menu li a{
padding: 10px;
}

/* ul.menu >  li.dropdown:hover > ul {
    display: block;
} */


#btn-menu {
position: fixed;
top: 22px;
    left: 10px;
    display: none;
    cursor: pointer;
/* 	padding: 4px 20px 18px 0; */
}

@media (max-width: 768px){
	div#dlogo img {
    display: block;
    margin: auto;
    max-width: 100px;
    padding: 2px 0px 3px;
}

span.btntop {
margin: -2px auto 8px;
}
	
.phone-top {
    padding: 0px 0 5px 0;
}	
ul.menu > li > ul {
position: relative;
	
}
	
.mob-hidden {
    display: none;
}

ul.footer-m {
    margin: auto;
    text-align: center;
}

#btn-menu {
    display: block;
}
a.topfdn {
    display: block;
    margin: 0px auto 3px;

}

.mob-hidden.open {
    display: block;
}
.menu li {
    display: inline-block;
    padding: 8px 0 8px;
    width: 100%;
	
}
}

.adre {
    margin: 30px 0 0;
}
.notification_ok {
color: #ffffff;
}
span.slog {
    position: relative;
top: -4px;
    display: block;
    margin: auto;
    max-width: 100%;
}
span.s1 {
	color: #6f6f6f;
	font-weight: bold;
	font-size: 12px;
    text-align: center;
    display: block;
}

.imgw100 img {
margin: auto;
    width: 100%;
    height: auto;
}

span.desc.adv {
    display: block;
    text-align: justify;
    padding: 0 11px 10px;
}

img#br {
    max-width: 66px;
    padding-top: 14px;
}
a:focus, a:hover {
color: #595e60;
 }
 
 section.page.bg span.btn.mod {
    background: #98602c;
}
 
 span.btn:hover {
	color: #ffffff;
  background: #2785ac;
 }
 
#stu span.btn {
    background: #98602c;
 }
 
span.btn {
display: block!important;
margin: 15px auto 0px;
    padding: 7px 10px;
    color: #ffffff;
    background: #26637f;
    text-decoration: none;
    border: navajowhite;
    border-radius: 0;
  /*   width: 360px; */
    font-size: 14px;
    text-align: center;
    max-width: 100%;
    -webkit-transition: all 200ms;
    -moz-transition: all 200ms;
    -o-transition: all 200ms;
    transition: all 200ms;
}
.mod {
    cursor: pointer;
}


 



a.foots span.logos {
    color: #cacaca;
}

 .nav>li>a {
    position: relative;
    display: block;
    padding: 10px 9px;
}
 a.fdn {
   color: #fff6d8;
	}
	.b-language-selector {
    position: fixed;
top: 1px;
    right: 4px;
	z-index: 9;
}
a.b-language-selector-link.b-language-selector-link--active {
    display: none;
}

.s-item:hover {
background: #0060f8;
	
}

.s-item {
height: 189px;
    background: #f8f8f8;
    padding: 14px 3px;
    border: 3px solid #f4891b;
    margin-top: 25px;
    transition: all .6s;
}

.s-item a {
    text-decoration: none;
    color: #fff;
}
#adv .s-item i {
	opacity:1;
   display: block;
    height: 63px;
    background-attachment: local;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin: 16px 0;
}
#adv  .s-item:hover i  {
	/* opacity:0.6; */
	filter: invert(1);
    transition: all .6s;
}
#adv  .s-item:hover span.desc.adv {
color: #36a692;
}



#adv .s-item .title-system {
    color: #8e5a0c;
}

#adv  .s-item:hover .title-system {
color: #ffffff;
}

i.adv1 {
    background-image: url(/img/endoclinic-od-1.png);
}
i.adv2 {
    background-image: url(/img/endoclinic-od-2.png);
}
i.adv3 {
    background-image: url(/img/endoclinic-od-3.png);
}
i.adv4 {
    background-image: url(/img/endoclinic-od-4.png);
}


.title-system {
    font-size: 20px;
    text-align: center;
    display: block;
    min-height: 61px;
    margin: auto;
    padding: 5px;
}

.techhold {
	    display: block;
    margin: auto;
    text-align: center;
    position: relative;
    overflow: hidden;
	margin-top: 25px;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.techhold img {
    display: block;
    margin: auto;
    max-width: 100%;
	
}
span.promo-span1 {
    background: rgba(3, 113, 158, 0.86);
    display: block;
    width: 100%;
    padding: 10px 0;
    text-align: center;
    height: 42px;
    color: #fff;
    font-size: 18px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.imghold {
position: relative;
    width: 100%;
    margin: auto;
    overflow: hidden;
  background: rgba(216, 229, 234, 0.6);
    padding: 10px;
	cursor: pointer;
	  -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.imghold:hover {
    background: rgb(167, 171, 182, 0.8);
}

.imghold:hover span.promo-doc {
    padding: 14px 6% 14px 10%;
}

.imghold:hover span.promo-doc:before {
	background: rgba(54, 166, 146, 0.76);
}



span.promo-doc {
position: absolute;
    bottom: 10%;
   padding: 14px 6% 14px 20%;
    z-index: 1;
    left: 0;
    display: block;
    color: #ffffff;
	  -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
	
}


span.promo-doc:before {
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  background: rgba(57, 60, 61, 0.76);
    transform: skew(10deg);
    transform-origin: 50% 100%;
    z-index: -1;

}


p.promo-text2 {
    padding: 5px;
	background: #fff;
	min-height: 130px;
}

p.promo-text2 strong {
    color: #8e5a0c;
}

.btn-custom-two {
    color: #fff;
    background-color: #e44f4f;
    border: 2px solid #e44f4f;
    display: block;
    margin: auto;
    max-width: 80%;
}
.btn-custom-two:hover {
    border: 2px solid #e44f4f;
    text-decoration: none;
    color: #fff;
    background-color: transparent;
}

div#q-form:before {
    /* content: ''; */
    /* position: absolute; */
    /* bottom: -10px; */
  /* border: 48px solid #ffffff00; */
    /* border-top-color: white; */
    /* border-bottom: 0; */
    /* left: 47%; */
   
    /* top: -21px; */
    /* z-index: 1; */
}


.b-language-selector a img {
    margin: 5px 0;
}

.navbar-left {
    text-align: center;
}
	
.navbar-nav>li {
/*     text-transform: uppercase;
    font-size: 20px; */
}	

.pagination {
    float: right;
}
.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42;
   color: #000000;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
z-index: 3;
    color: #000000;
    cursor: default;
    background-color: #d1d1d1;
    border-color: #000000;
}

.fixed-top {
position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
    max-width: 1170px;
    margin: auto;
}

section#quote .image {
    display: block;
    margin: auto;
    text-align: center;
    max-width: 100px;
}
.quot {
    text-align: center;
    padding: 10px;
    font-style: italic;
    color: #ffffff;
}
span.uneme {
    font-style: normal;
}

div#footer-form {
    background: rgba(51, 51, 51, 0.25);
	padding: 20px;
}


#q-form {
	/* background:#333 url(/bghome.jpg) no-repeat; */
background-size: cover;
background-position: right;
  position: relative;
}
div#i-map {
    max-width: 100%;
    overflow: hidden;
}

i.date-news {
    padding: 3px 10px;
    position: relative;
    top: 2px;
    background: #ffffff;
}
#particles-js{ width: 100%; height: 100%;
  /*   height: auto; */
    position: absolute;
    top: 0px;
}


.navbar-inverse .navbar-toggle {
    top: 14px;
    right: 10px;
}

/*Media queries*/

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


}


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

}

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

}

@media (max-width: 450px) {
	span.promo-span1 {
    height: 60px;
	}

}
i.back-ring-button {
position: fixed;
    right: -3px;
    top: 40%;
    cursor: pointer;
    font-size: 25px;
    color: #00adff;
    /* background: #fff; */
    padding: 5px;
    z-index: 3;
}

@media (min-width: 768px){

.btns.btns-info.back-ring-button { font-size: 13px!important;}
a#mailto {font-size: 14px;}
a.fdn {font-size: 16px;}
}


@media screen and (max-width: 500px){
div#topnav { width: 100%;}
.jumbotron p {font-size: 16px!important;}

}
@media only screen and (min-device-width : 768px ) 
and (max-device-width : 1366px) 
and (-webkit-min-device-pixel-ratio: 2) { 
	.navbar-header { /*float: left;  max-width: 13%; */}	
}
a.thumbnail.active, a.thumbnail:focus, a.thumbnail:hover {
    border-color: #fad9a7;
}
.marginBottom-0 {margin-bottom:0;}

.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#555;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}


.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
color: #824578;
    text-decoration: none;
    background-color: #f7f7f7;
    outline: 0;
}
.navbar-inverse .navbar-nav>.active>a {
color: #824578;
background-color: transparent;
}



.navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
color: #824578;
background-color: transparent;
}

.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {
color: #0f1012;
    background-color: transparent;
}
@media (max-width: 767px){

.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {
    color: #000;
    background-color: transparent;
}
	
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
	color: #23282d;
}
}
@media (min-width: 768px){
.navbar-header {  
padding: 1px;
float: none;

	}
}
.navbar-toggle {
	z-index: 9999;
    background-color: #d2d2d2;
}

body span {

 padding-left: 12px;
}


.ja-masthead-description {
    color: #ffffff;
background: rgba(51, 51, 51, 0.3);
    padding: 10px;
}


div#topnav {
	padding-top: 20px;
}
ul#top-nav-ul {
    padding: 0 0 5px;

}
#top-nav-ul ul li a:before {
	top: -2px;
    position: relative;
font: normal normal normal 14px/1 FontAwesome;
    font-size: 10px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f111";
    padding: 0 7px 0 0;
   color: #846e5e;
}

.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {
    color: #824578;
    background-color: transparent;
}

.navbar-inverse .navbar-nav>li>a {
font-size: 18px;
    color: #824578;
    text-transform: uppercase;
    font-weight: bold;
}
.navbar-inverse .navbar-nav>li>a:hover {
color: #000000;
}

img {
    display: block;
    max-width: 100%;
	height: auto;
	margin: auto;
}
.h1, h1 {
    font-size: 29px;
color: #757575;
    text-align: center;
}
section.category article.box-article {
height: 400px;
    margin-top: 14px;
position: relative;
   border: solid #e2e2e2 1px;
}
section.singl div.wow {
    overflow: hidden;
}

article.page ul li {
    font-size: 19px;
color: #2d528d;
}

article.post h1 {
    font-size: 26px;
color: #a0a0a0;
}

article.box-article.post h2 { 
font-size: 18px;
    color: #bb7d40;
    text-align: center;
    position: absolute;
    bottom: 16px;
    display: block;
    margin: auto;
    width: 100%;
    height: 50px;
    z-index: 2;
    background: #ffffffe0;
    padding: 7px 0 2px 0;
}

article.post h2 a {
  color: #898989;
}

.blocks-gallery-item {
    cursor: pointer;
}

.thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 0px;
    line-height: 1.42857143;
    background-color: #fff;
   border: 0px solid #ddd;
    border-radius: 0;
    -webkit-transition: border 0.2s ease-in-out;
    -o-transition: border 0.2s ease-in-out;
    transition: border 0.2s ease-in-out;
}

.caseinfo.wrapper-modal-back-ring hr {
    border: 1px solid #21c9ef;
}
button#submitButton {
position: relative;
    float: none;
    max-width: 350px;
    text-align: center;
    margin: 15px;
    color: #ffffff;
    display: block !important;
padding: 9px 45px;
    background: #20a4ff;
    border: 0;
    text-decoration: none;
    transition: all 200ms ease 0s;
}
button#submitButton:hover {
background: #002333;
    transition: all 200ms ease 0s;
}
object {
    max-width: 100%!important;
}
.navbar {
position: relative;
    min-height: 50px;
    margin-bottom: 0px;
    border: 0px;

    display: block;
background-color: transparent;
    padding: 4px 0 0 0;


}


.navbar-brand, .navbar-inverse .navbar-brand {
    color: #ffe0b7;
}

.btns.btns-info.back-ring-button {
cursor: pointer;
   background: #4b3421;
    padding: 14px 8px;
    font-size: 16px;
    font-weight: 300;
    color: #ffffff;
    margin: 5px 0 0 0;
    display: block;
    max-width: 300px;
    text-align: center;
}
.btns.btns-info.back-ring-button:hover {
    color: #de8f22;
    background: #ffffff;
}
.maxhauto {
    max-height: 99%;
    overflow-y: auto;
    padding: 20px 10px 0px 6px;
}

.fixo {
    position: fixed!important;

}
#overlay {
    opacity: 0.8;
    filter: alpha(opacity=80);
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #000;
    width: 100%;
    height: 100% !important;
    z-index: 999;
    overflow: auto;
}


.wrapper-modal-back-ring.fantom {
    background: rgb(0 0 0 / 65%);
}

#form-blok.wrapper-modal-back-ring {
 width: 400px;
    max-width: 99%;
height: auto;
    max-height: 99%;
}

.wrapper-modal-back-ring {
position: fixed;
    right: 0;
    left: 0;
    top: 30px;
    z-index: 99999999;
  max-width: 99%;
max-height: 97%;
    height: auto;
    margin: 0 auto;
background: #ffffff;
    border: 1px solid #CCCCCC;
	border-radius: 20px;
    padding: 20px 10px;
}

.caseinfo .close-ring-button {
    z-index: 999999999;
    text-align: left;
    position: absolute;
    right: -1px;
    top: -25px;
    float: right;
}

div#form-blok .close-ring-button {
    position: absolute;
    right: 1px;
    top: 6px;
}

div#form-blok {
background-color: #53718c;
    border: 2px solid #727272;
    display: block;
    margin: auto;
    color: #fff;
}

div#messenger {
    font-size: 14px;
    color: #D70000;
	text-align: center;
    padding: 6px;
}

label {
    padding: 0px!important;
}

.jumbotron.home {
    background-size: cover;
}
.jumbotron.kontakty {
     background-size: cover;
}
.jumbotron h1 {
    color: #fff;
    background: #44300394;
    text-align: center;
}

.jumbotron a.ha {
   font-size: 40px;
}
@media screen and (min-width: 768px){
.jumbotron {
    padding-top: 100px;
    padding-bottom: 200px;
}
}

.imgtitle {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 20%;
    text-align: center;
    line-height: 1.2;
    display: inline-block;
    font-size: 43px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    padding: 0 20%;
    text-shadow: 2px 3px 6px #000;
}

div#footer {
    background: #4c6275;
    padding: 10px 0px;
    margin-top: 30px;
	border-top-right-radius: 130px;
}
section.foot-b {

    height: 150px;
	background: #ecf7ff url(images/technical.png) no-repeat;
    background-position: left top;
    background-size: contain;
    background-attachment: fixed;
    background-repeat: no-repeat;
}
section.foot-slider {
    padding: 43px 0 0;
	height: 450px;
    background: url(images/news-cat.jpg);
    background-attachment: fixed;
	background-position: center top;
}

div#footer .container {
    position: relative;
 /*    background: transparent url(/images/head-gradient.png) no-repeat bottom; */
}

svg.swgf1 {
    position: absolute;
    fill: #fff;
    top: -12px;
    width: 24px;
    left: 0;
    right: 0;
    margin: auto;
}

div#footer a {
color: #6d6d6d;
}
a.nizfdn {
    padding: 13px 0px;
    display: block;
    color: #333;
    color: #ff8100;
}

div#footer p {
    font-size: 15px;
    text-align: left;
}


@media (min-width: 979px) { 
	ul.nav li.dropdown.show-on-hover:hover > ul.dropdown-menu { /* для раскрывания субменю по наведению */
		display: block;
	}
	.comment-list .children { /* для комментов */
		padding: 0;
		margin-left: 74px;
		padding-bottom: 15px;
	}
	.comment-list .media {
		margin-top: 0;
	}
}

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

section.category img.attachment-large.size-large.wp-post-image {
border: 1px solid #20a4ff;
	max-height: 400px;
	width: auto;
	border-top-right-radius: 130px;
}
section.category article.box-article:hover img.attachment-large.size-large.wp-post-image{
filter: drop-shadow(2px 4px 6px black);
  -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

section.category article.box-article:hover  h2 a {
    color: #000000;
}
li.blocks-gallery-item:hover img {
	  -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -ms-transition: all 0.1s ease;
    transition: all 0.1s ease;
  filter: grayscale(1);
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

.scroll_top:before {
    font-family: FontAwesome;
  content: "\f139";
}

.scroll_top {
    opacity: 1;
    position: fixed;
    right: 10px;
    bottom: 10px;
    width: 50px;
    height: 50px;
    border-radius: 0px;
    font-size: 33px;
    line-height: 50px;
    text-align: center;
color: #20a4ff;
    cursor: pointer;
    z-index: 20;
    border: 0px solid #eac970;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.quotebg {
    background: #333333e6;
    padding: 20px 0px 20px;
}

.slick-slide:focus {
    border: 0px!important;
	 outline: -webkit-focus-ring-color auto 0px!important;
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}

.slick-dots li button::before{
/*  content: ""!important; */
color: #000000!important;
}
.slick-dots li.slick-active button::before{
	color: #834607!important;
}

.slick-dots li button
{
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
background: #035880;
 border: solid 1px #fff;
}

.slick-dots li.slick-active button {
border: solid 1px #f58b3d;
}


.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .75;
   color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: 1;
   color: #009688;
}
.accordion-container{
position: relative;
width: 90%;
height: auto;
margin: 20px auto;
}
.accordion-container > h2{
text-align: center;
color: #fff;
padding-bottom: 5px;
margin-bottom: 30px;
border-bottom: 1px solid red;
}
.accordion-content {
padding: 15px;
}


.set{
position: relative;
width: 100%;
height: auto;
background-color: #f5f5f5;
}
.set > a{
display: block;
padding: 10px 15px;
text-decoration: none;
color: #555;
font-weight: 600;
border-bottom: 1px solid #ddd;
-webkit-transition:all 0.2s linear;
-moz-transition:all 0.2s linear;
transition:all 0.2s linear;
}
.set > a i{
position:relative;
float: right;
margin-top:4px;
color: #666;
}
.set > a.active{
background-color: #66808d;
color: #fff;
}
.set > a.active i{
color: #fff;
}
.accordion-content{
position:relative;
width: 100%;
height: auto;
background-color: #fff;
border-bottom: 1px solid #ddd;
display:none;
}
.accordion-content p{
padding: 10px 15px;
margin: 0;
color: #333;
}

span.aut {
    font-size: 25px;
    color: #fff;
    display: block;
    margin-top: 15px;
}

span.ftt {
    padding: 0;
    font-size: 20px;
}
span.copy {
    text-align: center;
    display: block;
    color: #565656;
    margin-top: 20px;
}
.scroll-icon {
    margin: 0 auto;
    display: block;
	position: relative;
    top: -50px;
    background: none;
    border: none;
    -webkit-animation: 1.8s ease infinite scroll-down;
    animation: 1.8s ease infinite scroll-down;
}
.scroll-icon path {
    fill: #59bee5;
}

@-webkit-keyframes scroll-down {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    50% {
        -webkit-transform: translateY(30px);
        transform: translateY(30px)
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes scroll-down {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    50% {
        -webkit-transform: translateY(30px);
        transform: translateY(30px)
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
} 
.scroll-icon {
    margin: 0 auto;
    display: block;
    background: none;
    border: none;
   -webkit-animation: 1.2s ease infinite scroll-down;
    animation: 1.2s ease infinite scroll-down;
}


@keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg) scale(1);
        transform: rotate(0deg) scale(1);
    }
    50% {
        -webkit-transform: rotate(180deg) scale(0.6);
        transform: rotate(180deg) scale(0.6);
    }
    100% {
        -webkit-transform: rotate(360deg) scale(1);
        transform: rotate(360deg) scale(1);
    }
}




/*
:before
 content: '';
    position: absolute;
    background: radial-gradient(circle at 3px 3px, rgba(220, 220, 220, 0.5) 3px, transparent 3px);
    left: 12.5%;
    top: 11%;
    height: 407px;
    width: 366px;
    display: block;
    background-size: 27px 27px;
    background-position: 100%;
    background-repeat: repeat; */