*::-webkit-input-placeholder {
    color: #666;
    opacity: 1;
}

*:-moz-placeholder {
    color: #666;
    opacity: 1;
}

*::-moz-placeholder {
    color: #666;
    opacity: 1;
}

*:-ms-input-placeholder {
    color: #666;
    opacity: 1;
}

body input:focus:required:invalid,
body textarea:focus:required:invalid {}

body input:required:valid,
body textarea:required:valid {}

* {
    margin: 0;
    padding: 0;
}

body {
    font-family: "OpenSans-SemiBold", sans-serif;
    font-size: 16px;
    /*overflow-x: hidden; что б убрать гориз.прокрутку*/
}

.row.mob-menu {
    margin: 0;
    /*что б убрать гориз.прокрутку*/
}

.container {
    margin: 0 auto;
    /*	max-width: 1270px;*/
}

header {
    height: 100px;
    background-color: #006699;
}

/* якорь*/
div.anchor {
    position: relative;
}

div.anchor>a {
    position: absolute;
    bottom: 100px;
}

section {
    padding-top: 100px;
    /*114*/
}

.anchor.sl1 {
    padding-top: 82px;
}

.col-md-3.index {
    margin: 0 0 0 -48px;
    /*logo left bootstrap*/
}

.logo {
    padding: 9px 0 9px 0;
    position: absolute;
}

.logo_zvl {
    margin: 95px 0 0 -28px;
}

.index {
    position: relative;
    z-index: 3;
}

.clearfix:after {
    content: "";
    display: table;
    clear: both;

    /*    display: block;
    content: "";
    clear: both;*/
}

.left {
    /*	float: left;*/
    text-align: left;
    margin: 0px 97px;
}

p,
ul {
    font-family: "OpenSans-Regular", sans-serif;
    font-size: 16px;
    color: #000000;
    text-align: justify;
    /*для выравнивания по ширине*/
}

.indent_left p,
.indent_left ul,
.indent_left h6,
.indent_left img {
    padding: 0px 0 35px 94px;
    /*отступ слева у р*/
}

.indent_left1 p,
.indent_left1 ul,
.indent_left1 h6,
.indent_left1 img {
    padding: 0px 0 17px 94px;
    /*отступ слева у р*/
}

.jumper {
    padding: 50px 0;
    /*перемычка отступ по 50*/
    width: 400px;
    text-align: center;
    margin: 0 auto;
    position: relative;
}

.jumper2 {
    padding: 60px 0;
    /*перемычка отступ по 60*/
}

.jumper3 {
    padding-top: 110px;
}

.jumper4 {
    padding: 30px 0;
    /*перемычка отступ по 30*/
}

.jumper5 {
    padding: 30px 0 0 0;
    /*перемычка отступ по 30*/
}

.top {
    margin-top: 45px;
}

/*.fluid{
	position: relative;
	width: 100%;
	height: 545px;
}
.container .fluid{
	height: 345px;
}*/

/*.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1,
 .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2,
  .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3,
   .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4,
    .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5,
     .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6,
      .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7,
       .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8,
        .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9,
         .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10,
          .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11,
            .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {

    border: black 1px solid;
}*/

img.postcard {
    display: block;
    margin: 0 auto;
    width: 700px;
}

/*====================================MAIN MENU============================*/
.menu {
    height: 100px;
    margin-right: -40px;
    float: right;
    /*height: 100px;
    margin-left: 45px;*/
    /*ВРЕМЕННО, ДО появления языков*/
}

.menu ul {
    list-style: none;
}

.menu li {
    float: left;
    position: relative;
    margin: 0 10px;
}

.menu li a {
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    text-align: center;
    padding: 11px 10px 12px 10px;
    line-height: 100px;
    font-family: "OpenSans-Regular", sans-serif;
}

.menu li:hover {
    background: #0099cc;
    border-radius: 3px;
    background-position: center;
    color: #fabf3a;
}

.menu li a:hover {
    background: #0099cc;
    border-radius: 3px;
    background-position: center;
    color: #fabf3a;
}

/*==========================================dropdown======================*/
ul .dropdown {
    padding: 5px 0 6px;
}

.dropdown {
    position: absolute;
    background: #0099cc;
    margin: -25px 0px 0px 0px;
    border-radius: 3px;
    /*	width: 135px;*/
    display: none;
    z-index: 2;
    min-width: 135px;
}

/*.dropdown li a:hover{
	display: block;

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

.dropdown li a {
    font-family: "OpenSans-Regular", sans-serif;
    display: block;
    text-transform: none;
    font-size: 15px;
    line-height: 1.3;
    /*    padding: 9px 11px 11px;*/
    /*   padding: 3px 11px 16px;*/
    padding: 0px 11px 8px;
    text-decoration: underline;
    text-align: left;
    line-height: 16px;
}

.menu li:hover .dropdown {
    display: block;
}

/*LANG*/
.lang {
    margin: 0 0 0 25px;
}

div .lang {
    /*	    position: relative;*/
}

.lang ul {
    list-style: none;
    line-height: 100px;
    position: absolute;
}

.lang ul li {
    display: inline;
    padding: 0 4px;
}

.lang ul li a {
    text-decoration: underline;
    font-size: 12px;
    text-transform: uppercase;
    color: #99ccff;
    font-family: "OpenSans-Regular", sans-serif;
}

.lang ul li a:hover {
    color: #fabf3a;
}

.lang ul li a:active {
    color: #fabf3a;
}




/* =================================FIXED MENU ===============================*/
.relat {
    position: relative;
}

#new_menu {
    display: none;
    background-color: #006699;
    height: 40px;
    padding: 0 0 0 35px;
    top: -40px;
    transition: top 1s;
}

#new_menu.fixed {
    width: 100%;
    position: fixed;
    top: 0;
    display: block;
    z-index: 3;
}

/*.container.new_menu {
    width: 100%;
    margin-top: 59px;
}*/
.logo2 {
    padding: 8px 0px 0px 35px;
    /*padding: 8px 0px 0px 135px;*/
}

.menun {
    height: 40px;
    padding: 0 0 0 22px;
    /*padding: 0 0 0 58px;  ВРЕМЕННО, до языков*/
}

.menun ul {
    list-style: none;
}

.menun li {
    float: left;
    position: relative;
}

.menun li a {
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    text-align: center;
    padding: 0px 24px 0px 24px;
    line-height: 42px;
    font-family: "OpenSans-Regular", sans-serif;
}

.menun li:hover {
    background: #0099cc;
    border-radius: 3px;
    background-position: center;
    color: #fabf3a;
}

.menun li a:hover {
    background: #0099cc;
    border-radius: 3px;
    background-position: center;
    color: #fabf3a;
}

/*==========================================dropdown new_menu===================*/
.dropdownn {
    position: absolute;
    background: #0099cc;
    margin: -3px 0px 0px 0px;
    border-radius: 3px;
    /*    width: 135px;*/
    display: none;
    z-index: 2;
    min-width: 135px;
}

/*.dropdown li a:hover{
	display: block;

}*/
.dropdownn>ul>li>a:hover>ul {
    display: block;
}

ul .dropdownn {
    padding: 3px 0 5px;
}

.dropdownn li a {
    font-family: "OpenSans-Regular", sans-serif;
    display: block;
    text-transform: none;
    font-size: 15px;
    line-height: 1.3;
    /* padding: 9px 11px 11px; */
    padding: 0px 11px 7px;
    text-decoration: underline;
    text-align: left;
    line-height: 12px;
}

.menun li:hover .dropdownn {
    display: block;
}

.lang.up {
    margin: -30px 0px 0px -102px;
}

/*=================================================Carusel=======================*/
/*.slid {
	margin: 0;
    padding: 0;
    position: relative;
    height: 400px;
    width: 100%;
}
.owl-carousel {
    position: absolute;
}
.owl-wrapper {
    display: block;
    width: 100%;
}*/


/*.wrap {
    position: relative;
    height: 400px;
}*/
.slider-full-width {
    width: 100%;
    padding: 0;
}

#slider {
    /* display: none; */
    visibility: hidden;
}

.bx-wrapper {
    /* height: 400px; */
    max-width: 100%;
    position: absolute;
    border: none;
    box-shadow: none;
    background-color: #f3f3f3;
}

h2 {
    font-family: "OpenSans-Regular", sans-serif;
    font-size: 34px;
    text-transform: uppercase;
    /*color: #307da4;*/
    color: #ffffff;
    position: absolute;
    text-align: left;
    z-index: 1;
    width: 270px;
    height: 108px;
    /*margin: 130px 310px; до помещения в div class="container*/
    margin: 115px 280px;
}

#slider a {
    color: #fff;
}

#slider a:hover {
    color: #307da4;
}

.bx-viewport {
    height: 100%;
}

.bx-wrapper .bx-prev {
    left: 80px;
    /*было 172рх*/
    background-image: url(img/controls.png) 0 -32px no-repeat;
    background-position: 15px 0px !important;
}

.bx-wrapper .bx-next {
    right: 80px;
    /*	background: url(img/controls.png) 0 -32px no-repeat;*/
    background-position: -20px 0px !important;
}

/*=========================================First slider============================*/
.bx-wrapper .bx-prev:hover {
    background-position: 12px 0px !important;
}

.bx-wrapper .bx-next:hover {
    background-position: -17px 0px !important;
}

.bx-wrapper img {
    width: 100%;
    max-width: 100%;
    display: block;
    margin: 0 auto;
    max-height: 500px;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: #fff;
    text-indent: -9999px;
    display: block;
    width: 15px;
    height: 15px;
    margin: 0 5px;
    outline: 0;
    border-radius: 50%;
}

.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus,
.bx-wrapper .bx-pager.bx-default-pager a:hover {
    background: #ffcc00;
}

.bx-wrapper .bx-pager {
    text-align: center;
    margin: 0 0 57px 0;
}

/*====================================Second slider==============================*/
.wrap2 .bx-wrapper .bx-prev {
    left: -55px;
    /*было 172рх*/
    background-image: url(img/controls.png) 0 -32px no-repeat;
    background-position: 15px 0px !important;
}

.wrap2 .bx-wrapper .bx-next {
    right: -55px;
    /*  background: url(img/controls.png) 0 -32px no-repeat;*/
    background-position: -20px 0px !important;
}

.wrap2 img {
    width: 70%;
    max-width: 100%;
    display: block;
    margin: 0 auto;
    opacity: 0.8;
    /*    height: auto;
    transform: translateY(-50%);
    top: 50%; 
    position: relative;*/
}

.wrap2 img:hover {
    /*  width: 100%;*/
    max-width: 100%;
    display: block;
    margin: 0 auto;
    opacity: 1;
}


/*=============================Слайдер с клиентами. Реализация ====================*/
.customers {
    /*для адаптива*/
}

.wrap2 {
    height: 75px;
}

#slider4 {
    display: none;
    margin: 0 avto;
}

/*  ==========================================CONTENT======================*/

h3 {
    font-family: "OpenSans-Bold", sans-serif;
    font-size: 24px;
    text-transform: uppercase;
    color: #006699;
    /*    position: absolute;*/
    text-align: center;
    padding: 40px 0 45px 0;
}

h4 {
    font-family: "OpenSans-Bold", sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    color: #006699;
    /*    position: absolute;*/
    text-align: center;
    padding: 25px 0 0 0;
    width: 159px;
    margin: 0 auto;
}

.icon {
    width: 103px;
    height: 101px;
    /* float: left; */
    margin: 0 auto;
    background: url(../img/advantagesnew.png) no-repeat;
}

.one {
    margin-bottom: 77px;
}

.a .icon {
    background-position: 0px 0px;
    cursor: text;
}

.b .icon {
    background-position: -103px -1px;
    cursor: text;
}

.c .icon {
    background-position: -208px -1px;
    cursor: text;
}

.d .icon {
    background-position: -311px -1px;
    cursor: text;
}

.e .icon {
    background-position: -413px -1px;
    cursor: text;
    margin: 0 0 0 372px;
}

.f .icon {
    background-position: -518px 0px;
    cursor: text;
    margin: 0 0 0 75px;
}

.e .text {
    margin: 0 0 0 345px;
}

.f .text {
    margin: 0 0 0 50px;
    margin-bottom: 42px;
}


/*====================================LINE ====================*/
/*.line{
	border-top: 1px solid #33ccff;
    width: 376px;
    margin: 0 auto;
}*/

.lef {
    border-top: 1px solid #33ccff;
    width: 177px;
    /* margin: 0 0 0 382px; */
    position: absolute;
}

.ra {
    border-top: 1px solid #33ccff;
    width: 177px;
    margin: 0px 0 0 224px;
    position: absolute;
}

.circle {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 1px solid #33ccff;
    margin: 0 auto;
    margin-top: -9px;
}

/*========================================clider 2==============*/
#clider {
    width: 1035px;
    height: 75px;

}

/*.wrap2 {
    position: relative;
    height: 75px;
}*/
#clider>.bx-wrapper .bx-prev {
    left: 172px;
    background-image: url(../libs/slider/images/controls2.png) 0 -32px no-repeat !important;
    background-position: 15px 0px !important;
}

#clider .bx-wrapper .bx-next {
    right: 172px;
    /*	background: url(img/controls.png) 0 -32px no-repeat;*/
    background-position: -20px 0px !important;
}

/*div  #clider > .bx-wrapper .bx-controls-auto, .bx-wrapper .bx-pager {
    display: none !important;
}*/
.main1 {
    margin-top: 20%;
    margin-bottom: 31px;
}

/*===============================FOOTER====================*/
footer {
    height: 393px;
    background-color: #006699;
    margin-top: 15px;
    /*	position: absolute;
    width: 100%;*/
    /*  position:fixed; bottom:0;*/
}

.footer>.container {
    padding-right: 15px;
    padding-left: 15px;
}

/*Left*/
.news {
    height: 393px;
    padding: 34px 100px 39px 100px;
}

.news h6 {
    font-family: "OpenSans-SemiBold", sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    color: #ffffff;
    /*position: absolute;*/
    /* text-align: left; */
    padding: 15px 0 0 0;
}

.news p {
    font-family: "OpenSans-SemiBold", sans-serif;
    font-size: 14px;
    color: #ffffff;
    padding: 12px 0 0 0;
}

h6.more {
    font-family: "OpenSans-SemiBold", sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    text-decoration: underline;
    padding: 5px 0px 0px 275px;
}

h6.more a {
    color: #fff;
    cursor: pointer;
}

h6.more a:hover {
    color: #fabf3a;
}

/*Right*/
.adress {
    background-image: url(../img/bearing.png);
    background-repeat-x: no-repeat;
    background-repeat-y: no-repeat;
    background-repeat: no-repeat;
}

.adress {
    height: 393px;
    padding: 34px 100px 39px 100px;
}

.adress h6 {
    font-family: "OpenSans-SemiBold", sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    color: #ffffff;
    /*position: absolute;*/
    /* text-align: left; */
    padding: 15px 0 0 0;
}

.adress p {
    font-family: "OpenSans-SemiBold", sans-serif;
    font-size: 16px;
    color: #ffffff;
    padding: 0px 0 10px 10px;
    display: inline-block;
}

.adress p a {
    color: #fff;
    cursor: pointer;
    text-decoration: underline;
}

.adress p a:hover {
    color: #fabf3a;
}

/*.adress p:nth-child(n+2){
    vertical-align: 7px;
}*/
div .block {
    margin-top: 50px;
}

.ico {
    width: 30px;
    height: 31px;
    /* float: left; */
    /*    margin: 0 auto;*/
    background: url(../img/contact.png) no-repeat;
    display: inline-block;
}

.adre .ico {
    background-position: -1px 0px;
    /*  cursor: pointer;*/
}

.tel .ico {
    background-position: -1px -35px;
    vertical-align: -21px;
    margin-bottom: 14px;
}

.mail .ico {
    background-position: -1px -70px;
    cursor: text;
    vertical-align: -7px;
}





/*============================ABOUT COMPANY.HTML===============*/

.fon {
    background-color: #f3f3f3;
}

/*#top-menu.fixed {
	top: 40px;
    z-index: 2;
    background-color: #f3f3f3;
}*/



/*Для ВЫДЕЛЕНИЯ ПУНКТА МЕНЮ при скролле страницы - начало*/
.head {
    height: 159px;
    /*-для body (лого)*/
}

.foo {
    margin-top: 50px;
    /*-отступ для первого якоря на странице*/
}

#top_nav {
    /*-id для пунктов хлебных крошек*/
    top: 159px;
    /*высота шапки в пикселях*/
    position: fixed;
    z-index: 2;
    background-color: #f3f3f3;
    padding-left: 202px;
    margin: 40px 0;
    width: 100%;
    left: 0;
}

#top_nav a.active {
    /*-стиль при активной ссылке*/
    text-decoration: underline;
    color: #006699;
}

/*Для выделения пункта меню при скролле страницы - конец*/


.breadcrumb li {
    display: inline;
    margin-right: 10px;
    text-align: center;
    margin: 0 auto;
}

.breadcrumb li a {
    text-transform: uppercase;
    color: #666666;
    font-size: 14px;
}

.breadcrumb li a:hover {
    text-decoration: underline;
    color: #0099cc;
}

ul.breadcrumb.container {
    padding: 22px 0;
}

.director {}

.director p {
    font-family: "OpenSans-SemiBold", sans-serif;
    font-size: 15px;
    padding: 16px 0 0px 0px;
    text-align: center;
}

.bold {
    font-family: "OpenSans-Bold", sans-serif;
}

/* .indent{
	padding: 0 0 90px 0; отступ в 90px снизу
} */
.indent3 {
    padding: 25px 0 0 0;
}

/*=================================management=======================*/
.management {
    height: 170px;
}

.bottom {
    margin-bottom: 41px;
}

.workman {
    position: relative;
}

.photoman {
    z-index: 1;
    /*background-image: url(../img/border.png) no-repeat;*/
    float: right;
    margin-right: 2px;
}

.photoman2 {
    position: absolute;
    margin: -168px 0;
}

.contact {
    padding-top: 34px;
    height: 172px;
}

.contact>p {
    font-family: "OpenSans-Regular", sans-serif;
    font-size: 15px;
    color: #000000;
    line-height: 26px;
    text-align: left;
}

.contact>p>span {
    font-family: "OpenSans-Bold", sans-serif;
    font-size: 15px;
    color: #000000;
    line-height: 26px;
    text-align: left;
}

h4.left.section {
    font-family: "OpenSans-Bold", sans-serif;
    font-size: 18px;
    text-transform: uppercase;
    width: 100%;
    padding: 0 0 35px 0;
}






/*==========================ZVL_HISTORI.HTML===========================*/
.inside li {
    /*	list-style: inside;*/
    color: #006699;
}

.inside li>p {
    padding: 0;
    display: inline;
}

.fluid {
    position: relative;
    width: 100%;
    height: 345px;
    margin: 100px 0;
}

.quality {
    /*качество*/
    padding: 50px 0;
}

.bg {
    background-color: #006699;
    background-image: url(../img/foto_bg2.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 345px;
    /*    margin: 100px 0;*/
}

.white {
    color: #fff;
}

.pic {
    padding: 25px 15px;
}

.list h4 {
    text-align: left;
    width: auto;
    margin: 0;
    padding-bottom: 15px;
}

.list li {
    padding: 10px 0 0 0;
}

.col-md-3.near>h4 {
    padding: 17px 0 0 0;
}

/*.row.list {
    margin-bottom: 100px;
}*/
.list2 h4 {
    text-align: left;
    width: auto;
    margin: 0;
    padding-bottom: 22px;
}

ul.inside {
    text-align: left;
    margin-left: 22px;
}

/*========================================NEWS.HTML=======================*/

.indent2 {
    padding: 100px 0 50px 0;
    /*отступ*/
}

h6.blue.indent_left {
    font-size: 18px;
}

.blue {
    color: #006699;
}

.newss a {
    text-decoration: underline;
    font-size: 16px;
}

.pagination ul {
    list-style-type: none;
}

.pagination ul li {
    float: left;
}

.pagination ul li a {
    color: #006699;
    padding: 0 9px 0 0;
    text-decoration: underline;
}

.pagination ul li a:hover {
    color: #ff9505;
}

/*=======================================CONTACTS.HTML=======================*/

#map {
    height: 604px;
    width: 1174px;
    border: 2px solid #9c9c9c
        /*#006699-синий*/
    ;
    margin: 45px 0 100px 0;
}

#map p {
    text-align: center;
}

.contacts .ico {
    background: url(../img/contact2.png) no-repeat;
}

.contacts p {
    display: inline-block;
    padding: 0 0 0 6px;
    vertical-align: 8px;
}

.too {
    margin: 0 0 11px 0;
}

.up {
    margin: 6px 0 0px 0;
}

.contacts a {
    text-decoration: underline;
}

/*===============================AGREECULTURE.HTML=========================*/
h5 {
    font-family: "OpenSans-Regular", sans-serif;
    font-size: 14px;
    color: #006699;
    text-align: justify;
    text-transform: uppercase;
    padding-bottom: 20px;
}

.iconn {
    width: 175px;
    height: 175px;
    /* float: left; */
    margin: 0 auto;
    background: url(../img/frictions.png) no-repeat;
}

.two {
    margin-bottom: 55px;
}

.a .iconn {
    background-position: 0px 0px;
    cursor: text;
}

.b .iconn {
    background-position: -199px 0px;
    cursor: text;
}

.c .iconn {
    background-position: -399px 0px;
    cursor: text;
}

.d .iconn {
    background-position: -599px -1px;
    cursor: text;
}

.e .iconn {
    background-position: -799px -1px;
    cursor: text;
}

/*===============================ELECTRIC_ENGINERS.HTML=================*/
.ind15>li {
    padding: 0 0 10px 0;
}

ul.insid {
    list-style-position: inside;
}

/*================================PRODUCTS.HTML=========================*/
.indent_left h5 {
    padding: 0px 0 35px 94px;
    /*отступ слева*/
}

.upp {
    margin-left: 165px;
}

/* ====================================mob-menu======================*/

.hamburger {
    /* margin: 0 auto; */
    width: 100%;
    /*    background-color: #006699;*/
    position: relative;
    color: white;
    /* text-align: center; */
    height: 50px;
    font-family: 'Arial';
    z-index: 10;
    display: none;
}

#check-menu {
    display: none;
}

label {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    z-index: 20;
    line-height: 48px;
    padding-left: 20px;
    font-weight: 700;
}

.burger-line {
    position: absolute;
    top: 12px;
    right: 32px;
    width: 35px;
    height: 3px;
    background-color: #fff;
    transition: .5s all;
}

.second,
.third {
    top: 22px;
}

.fourth {
    top: 32px;
}

.response-menu {
    display: block;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    transform: translateY(100%);
    max-height: 0;
    font-size: 0;
    overflow: hidden;
    transition: .5s all;
}

.response-menu a {
    display: block;
    width: 100%;
    padding: 10px 50px;
    color: white;
    text-decoration: none;
    border-top: 1px solid rgba(255, 255, 255, .3);
    background-color: #272727;
}

.response-menu a:hover {
    background-color: rgba(25, 49, 78, 0.95);
    text-decoration: none;
}

#check-menu:checked~.response-menu {
    max-height: 1000px;
    font-size: 16px;
}

/*#check-menu:checked ~ .dropdown {
    display: block;
    max-height: 1000px;
    font-size: 14px;
}*/
#check-menu:checked~.first {
    display: none;
}

#check-menu:checked~.second {
    transform: rotate(45deg);
}

#check-menu:checked~.third {
    transform: rotate(-45deg);
}

#check-menu:checked~.fourth {
    display: none;
}




/*.response-menu{
    display: none;
    width: 100%;
    background: #313131;
    position: fixed;
    right: -99%;
    top: 50px;
    z-index: 5;
    transition: all ease 0.5s;
    cursor: pointer;
}
    .response-menu:hover{
    right: 0;
}*/

















/*.mob-menu{
    background-color: #006699;
    z-index: 1111111;
    height: 40px;
}
.nav-link{
    display: block;
    width: 30px;
    height: 30px;
    color: #FFFFFF;
    margin-top: 3px;
    position: relative;
    z-index: 1111111;
}
.nav-line {
    content: '';
    display: block;
    background-color: white;
    width: 30px;
    height: 4px;
    position: relative;
    left: 65%;
    top: 50%;
    /* margin-left: -10px; */

/*.nav-line:before {
    content: '';
    display: block;
    background-color: white;
    width: 30px;
    height: 4px;
    position: relative;
    transform: translateY(-7px);
}
.nav-line:after {
    content: '';
    display: block;
    background-color: white;
    width: 30px;
    height: 4px;
    position: relative;
    transform: translateY(3px);
}
.navigation-mobile {
    position: fixed;
    left: 0; top: 0;
    background-color: #006699;
    height: 100vh;
    width: 100%;
    z-index: 99999;
}*/



/*the tabled menu*/

/*.mobile-menu a {
    color: black;
    text-decoration: none;
}
.container {
    max-width: 1270px;
    margin: auto;
    padding: 0 20px;
}*/
/*.menu {
    background-color: #5A62AA;
    padding: 20px 0;
}*/
/*.menu .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.menu li {
    display: inline-block;
    margin: 0 15px;
    list-style-type: none;
    z-index: 99999999;
}
.mob-menu{
    display: none;
}
.hamburger {
    /*display: none;*/
/*    font-size: 36px;
    color: #fff;
}
.mobile-menu {
    display: none;
    padding: 10px 0;
}
.mobile-menu li {
    list-style-type: none;
    display: block;
    margin: 5px 0;
    color: #fff;
}*/

iframe {
    margin: 20px 100px;
}