a.ikn {
    display: inline-block;
    margin: 10px 5px;
    margin: auto;
}

p.coc {float: left;}

p.coc_tx {
    /* display: inline-block; */
    display: table;
    margin: 2px auto 0;
}

.coc {display: grid;grid-template-columns: 57% 15% 15%;width: 60%;/* float: right; */margin-left: auto;margin-top: 10px;}
p.coc_tx {display: table !important;margin: 2px auto !important;}



body {
    margin: 0;
    padding: 0;
    background: #fff;
    font-family: "UbuntuRegular";
}


.sl {
    /* display:  none; */
}
* {
      box-sizing: border-box;
    }

    .slider {
        width: 50%;
        margin: 28px auto;
    }

    .slick-slide {
      margin: 0px 20px;
    }

    .slick-slide img {
      width: 100%;
    }

    .slick-prev:before,
    .slick-next:before {
      color: black;
    }


    .slick-slide {
      transition: all ease-in-out .3s;
      opacity: .2;
    }
    
    .slick-active {
      opacity: .5;
    }

    .slick-current {
      opacity: 1;
    }


















.main {
    width: 1140px;
    margin: 0 auto;
}

.tabl {
    display: table;
}
.bg {
    background: url(img/bg.jpg) top center no-repeat fixed;
    padding: 24px 0 0;
}

.logo {
    float: left;
    display: table;
}

.phons {
    float: right;
}

.logo p {
    float: left;
    margin: 1px 0 0 35px;
    color: #fff;
    font-size: 15px;
    font-family: "UbuntuLight";
    line-height: 20px;
}

.logo img {
    float: left;
}

.phons a, .ft a {
    font-family: "UbuntuLight";
    color: #fff;
    display: block;
    text-decoration: none;
    font-size: 22px;
    margin-bottom: 4px;
    
}

.phons, .ft {
    text-align: right;
}

.phons a b, .ft a b  {
    color: #ffbf15;
    font-family: "UbuntuMedium";
}

.p1:before {
    content: "";
    background: url(img/p1.png) left center no-repeat;
    display: block;
    float: left;
    width: 87px;
    height: 22px;
    margin: 4px 16px 0 0;
}

.p2:before {
    content: "";
    background: url(img/p2.png) left center no-repeat;
    display: block;
    float: left;
    width: 87px;
    height: 22px;
    margin: 4px 16px 0 0;
}


.phons p {
    color: #fff;
    font-size: 14px;
    border-bottom: 1px solid;
    display: inline-block;
    margin: 0 0;
    font-family: "UbuntuLight";
}

.text {
    text-align: center;
}

.text h2 {
    font-size: 70px;
    color: #ffbf15;
    font-family: "UbuntuBold";
    line-height: 70px;
    margin: 0 0 0;
}

.text h2 span {
    color: #fff;
    font-size: 50px;
    font-family: "UbuntuLight";
    font-weight: normal;
}

.text {
    padding: 59px 0 16px;
}

.text p {
    font-size: 34px;
    color: #fff;
    font-family: "UbuntuLight";
    margin: 27px 0 0;
}

.text p b {
    color: #ffbf15;
    font-family: "UbuntuBold";
}

.text a, .lf a  {
    display: table;
    margin: 54px auto 0;
    text-decoration: none;
    font-size: 16px;
    color: #000;
    text-transform: uppercase;
    font-family: "UbuntuBold";
    background: #ffbe19;
    width: 100%;
    max-width: 360px;
    line-height: 60px;
    border-radius: 50px;
    border-bottom: 3px solid #6d4300;
    background: linear-gradient(to top, #c88f01, #FFBE1A);
}

.text a:hover {
    background: linear-gradient(to bottom, #c88f01, #FFBE1A);
}

.pt {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    max-width: 293px;
    margin: 31px 0;
}

.tr3 > div > div:nth-child(2) {
    max-width: 546px;
}

.tr3 {
    text-align: center;
    padding: 61px 0 71px;
}

.pt h3 {
    color: #fff;
    font-family: "UbuntuBold";
    text-transform: uppercase;
    font-size: 22px;
    margin: 0;
}

.pt h3 b {
    color: #ffbf15;
}

.pt p {
    margin: 0 0 0;
    font-size: 16px;
    color: #fff;
    font-family: "UbuntuLight";
}

.ib {
    vertical-align: top;
    display: inline-block;
    position: relative;
    overflow: hidden;
    transition: 0.5s;
}

.bx3 > div > div:nth-child(2) {
    margin: 0 26px 0;
}

.com {
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.60);
    width: 100%;
    height: 200px;
    text-align: center;
    transition: 0.5s;
}

.zgb h3 {
    font-size: 24px;
    color: #ffbf15;
    font-family: "UbuntuBold";
    margin: 59px 0 2px;
}

.zgb p {
    color: #fff;
    font-size: 15px;
    color: #fff;
    margin: 0;
}

.zgb:after {
    content: "";
    display: table;
    background: url(img/zoom.png) center no-repeat;
    height: 30px;
    width: 30px;
    margin: 36px auto 0;
    transition: 0.5s;
    opacity: 1;
}

.ib:hover .com {
    /* top: -45px; */
    border: 5px solid #ffbf15;
    width: calc(100% - 10px);
    height: 190px;
    background: none;
}

.ib:hover .zgb:after {
 opacity: 0;
 height: 0;
}

.zgb {}

.ib .zgb {
    position: absolute;
    left: 0;
    right: 0;
    top: 0px;
    transition: 0.5s;
}

.ib:hover .zgb {
    top: -57px;
}

.ib:hover .zgb {
    background: rgba(255, 191, 21, 0.80);
    padding-bottom: 0;
}

.ib:hover .zgb
 h3 {
    color: #000;
}

.bx3 {
    margin: 17px 0;
}

.ib:hover .zgb
 p {
    color: #000;
    margin-bottom: -31px;
}
.zgbx {
    width: 100%;
    max-width: 750px;
    display: table;
    margin: 47px auto 37px;
}

.zgbx h2 {
    float: left;
    width: 100%;
    margin: 0;
    font-size: 48px;
    color: #ffbf15;
    font-family: "UbuntuBold";
}

.zgbx h3 {
    text-align: right;
    float: right;
    font-size: 35px;
    font-family: "UbuntuBold";
    margin: 0;
}

.vds {
    display: none;
    margin: -7px auto 27px;
    background: url(img/pc.jpg) top center no-repeat;
    width: 100%;
    max-width: 630px;
    padding: 25px 0 60px;
}

.vds iframe {
    width: 459px;
    display: table;
    margin: 0 auto;
    padding-left: 2px;
    height: 287px;
}
.ic1 {
    width: 100%;
    max-width: 24%;
    vertical-align: top;
    display: inline-block;
    text-align: center;
}

.icbox {
    text-align: center;
}

.ic1 h3 {
    margin: 0 0 0;
    font-size: 25px;
    color: #ffbf15;
    font-family: "UbuntuBold";
}

.ic1 p {
    margin: 3px 0 0;
    font-size: 15px;
    color: #828282;
    line-height: 20px;
    font-family: "UbuntuLight";
}

.icbox {
    padding: 22px 0 50px;
}
.saz {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
}

.dp {
    padding: 19px 0 32px;
}
.bgz {background: url(img/bg2.jpg) top center no-repeat fixed;/* max-height: 466px; */margin-bottom: 101px;}

.lf {
    width: 100%;
    max-width: 360px;
    margin: 74px 0 0;
    float: left;
}

.lf h2 {
    font-size: 48px;
    color: #ffbf15;
    font-family: "UbuntuBold";
    text-align: right;
    margin: 0;
}

.lf h3 {
    text-align: right;
    margin: 0;
    font-size: 35px;
    color: #fff;
    font-family: "UbuntuBold";
}

.lf p {
    text-align: right;
    color: #fff;
    font-size: 15px;
    font-family: "UbuntuLight";
}

.lf a {text-align: center;margin: 24px 0 0;}

.rg {
    float: right;
    width: 100%;
    max-width: 486px;
    margin: 21px 0 -133px;
}

.rg:before {
    background: url(img/b1.png) center top no-repeat;
    content: "";
    display: block;
    width: 100%;
    height: 97px;
}
.rg:after {
    background: url(img/b3.png) center top no-repeat;
    content: "";
    display: block;
    width: 100%;
    height: 102px;
}

.bxxx {
    background: url(img/b2.png) top center;
    padding: 8px 0 6px;
    background-repeat-x: no-repeat;
}


.ix {
    margin: 0 auto;
    width: 247px;
    display: table;
    max-width: 100%;
    padding-left: 80px;
    border-bottom: 1px solid #c3c3c3;
    padding-top: 15px;
    padding-bottom: 17px;
}

.ix:hover {
}

.ix h3 {
    font-size: 28px;
    font-family: "UbuntuBold";
    color: #ffbf15;
    margin: 0;
    font-weight: normal;
    text-align: left;
    text-transform: uppercase;
}

.ix p {
    text-align: left;
    font-family: "UbuntuRegular";
    font-size: 18px;
    margin: 0;
}

.ix:last-child {
    border: 0;
}

.ic1 {}

.bxxx .ic1 {
    background: url(img/ic1.png) center left 19px no-repeat;
}
.bxxx .ic2 {
    background: url(img/ic2.png) center left 23px no-repeat;
}
.bxxx .ic3 {
    background: url(img/ic3.png) center left 22px no-repeat;
}
.bxxx .ic4 {
    background: url(img/ic4.png) center left 5px no-repeat;
}
.bxxx .ic5 {
    background: url(img/ic5.png) center left 19px no-repeat;
}
.pgk h1 {
    text-align: center;
    font-size: 38px;
    color: #ffbf15;
    font-family: "UbuntuBold";
    margin: 0 0 38px;
}

.pgk {
    padding: 27px 0 55px;
    background: url(img/bg3.jpg) top 78px center no-repeat;
}

.igb {
    float: left;
    width: 20%;
    padding: 10px 0 0;
    height: 166px;
    position: relative;
}

.vkz2 {
    display: table;
    margin: 0 auto;
    width: 100%;
    max-width: 880px;
    background: #fff;
    border-left: 1px solid #ffbf15;
    border-top: 1px solid #ffbf15;
    border-bottom: 1px solid #ffbf15;
    position: relative;
    padding-bottom: 10px;
}

.vkz2:after {
    content: "";
    display: block;
    position: absolute;
    width: 23px;
    height: 177px;
    background: url(img/st.png) center no-repeat;
    right: -21px;
    top: -1px;
}

.ors img {
    /* display: table; */
    /* margin: 0 auto; */
}

.ors h2 {
    margin: 0;
    font-size: 17px;
    color: #ffbf15;
    text-transform: uppercase;
    transition:  0.5s;
}

.ors {
    text-align: center;
}

.ors p {
    margin: 0;
    font-size: 15px;
    color: #000000;
    line-height: 17px;
}

.igb:after {
    content: "";
    display: block;
    position: absolute;
    width: 23px;
    height: 177px;
    background: url(img/st.png) center no-repeat;
    right: -25px;
    top: -1px;
}

body > div.pgk > div > div > div:nth-child(1) {
    /* margin-left: 8px; */
}

body > div.pgk > div > div > div:nth-child(2):after {
    right: -5px;
}

body > div.pgk > div > div > div:nth-child(1):after {
    right: -23px;
}

body > div.pgk > div > div > div:nth-child(3):after {
    right: -12px;
}

body > div.pgk > div > div > div:nth-child(5):after {
    display: none;
}
.cons {
    width: 288px;
    border: 1px solid #ffbf15;
    text-align: center;
    background: #fff;
}

.bzss a {
    color: #000;
    font-size: 20px;
    margin-bottom: 7px;
}

.bzss a:before {
    margin: 1px 9px 0 0;
    background-size: 77px;
    width: 77px;
}

.nz1 {
    margin: 0 9px 0;
}

.bzss {
    float: none;
    display: table;
    margin: 0 auto 31px;
}

.nz1 h2 {
    font-size: 20px;
    margin: 27px 0 21px;
    font-family: "UbuntuBold";
}

.inp {
    width: 210px;
    text-align: center;
    border: 0;
    border-bottom: 2px solid #dddddd;
    color: #9f9f9f;
    font-size: 14px;
    font-family: "UbuntuLight";
    margin: 0 0 20px;
    line-height: 23px;
}

:focus {
    outline: none;
}

.bzss p {
    color: #000;
    text-align: center;
    display: table;
    margin: 0 auto;
}

.phons.bzss {}

.sbm {
    display: table;
    margin: 8px auto 0;
    text-decoration: none;
    font-size: 16px;
    border: 0;
    cursor: pointer;
    color: #000;
    text-transform: uppercase;
    font-family: "UbuntuBold";
    background: #ffbe19;
    width: 100%;
    max-width: 245px;
    line-height: 50px;
    border-radius: 50px;
    border-bottom: 3px solid #6d4300;
    background: linear-gradient(to top, #c88f01, #FFBE1A);
}

.ch label {
    font-size: 11px;
    color: #9f9f9f;
    text-align: left;
    line-height: 13px;
    display: table;
    margin: 0 auto;
    font-family: "UbuntuLight";
    background: url(img/c1.png) left center no-repeat;
    padding-left: 29px;
}

.ch input:checked + label {
    background: url(img/c2.png) left center no-repeat;
}

.ch input {
    /* display: none; */
    position: absolute;
    left: 18px;
    top: 11px;
    opacity: 0;
}

.ch {
    margin: 17px 0 31px;
    position: relative;
}

.maps .main {}

.maps {
    position: relative;
    margin: 58px 0 0;
}

.cons {
    position: absolute;
    top: -27px;
    z-index: 1;
}
.sbm:hover {
    background: linear-gradient(to bottom, #c88f01, #FFBE1A);
}
.footer {
    background: #000;
    text-align: center;
    padding: 19px 0;
}

.footer p, .footer a {
    color: #9f9f9f;
    font-size: 14px;
    font-family: "UbuntuLight";
    line-height: 21px;
}

.rgf {
    float: right;
    text-align: right;
}

.ct {
    display: inline-block;
    margin: 0 auto;
}
.bi1 {
    border: 10px solid #ffbf15;
    width: 100%;
    max-width: 850px;
    margin-left: 60px;
    position: relative;
}

.bgx1 {
    margin: 25px;
    max-width: 300px;
    min-height: 364px;
}

.zb1 {
    width: 100%;
    max-width: 550px;
    position: absolute;
    top: 20px;
    right: -153px;
    background: #fff;
    padding-bottom: 16px;
}

.zb1 h3 {
    margin: 0;
    font-size: 48px;
    color: #ffbf15;
    font-family: "UbuntuBold";
    background: #;
}

.zb1 h4 {
    margin: 0;
    text-align: right;
    font-size: 35px;
    background: #fff;
    text-shadow: 0 0 39px #fff;
    line-height: 11px;
    font-family: "UbuntuBold";
    margin: 5px 0 0;
    padding: 7px 0 13px;
}

.bgz2 {
    padding: 71px 0 129px;
}

.boxnimg {
    position: absolute;
    right: -164px;
    top: 171px;
}

.mbxi3 {
    position: relative;
}

.mbxi3 li:before {
    content: "+";
    font-size: 20px;
    font-family: "UbuntuBold";
    display: table;
    background: #ffbf15;
    float: left;
    height: 26px;
    line-height: 26px;
    width: 26px;
    text-align: center;
    opacity: 1;
    border-radius: 50px;
    transition: 0.5s;
    position: relative;
    z-index: 99;
}

.mbxi3 li {
    list-style: none;
    display: block;
    position: absolute;
    transition: 0.5s;
}

.q1 {
    top: 161px;
    left: 285px;
}

.q2 {
    top: 213px;
    left: 287px;
}

.q3 {
    top: 200px;
    right: 130px;
}

.q4 {
    top: 122px;
    right: 44px;
}

.q5 {
    top: 89px;
    right: 170px;
}
.mbxi3 li:hover {
    width: auto;
}

.mbxi3 li:hover
 p {
    opacity: 1;
}

.mbxi3 li p {
    opacity: 0;
    transition: 0.5s;
    margin: -2px 0 0 -29px;
    float: left;
    background: #fff;
    padding: 6px 15px 8px 39px;
    border-radius: 24px;
    font-size: 14px;
}
.bgx1 h2 {
    font-size: 25px;
    margin: 33px 0 0;
    font-family: "UbuntuBold";
}

.bgx1 p {
    font-size: 15px;
    color: #010101;
    font-family: "UbuntuLight";
    line-height: 25px;
    margin: 0 0 21px;
}

.popvox2 {
    max-width: 300px !important;
    text-align: center !important;
}
.dasv {}

.dasv {
    float:  left;
}
.icbox .ic1:hover img {
    transform: scale(1.2, 1.2);
}

.icbox img {
    transition:  0.5s;
}

.ors:hover img {
    transform: scale(1.1, 1.1);
}

.ors img {
    transition:  0.5s;
}

.ors:hover h2 {
    color: #e4a600;
}
@media screen and (min-width: 0px) and (max-width: 980px) { 
.main {
    width: 290px;

}
.logo p {
    font-size: 14px;
    margin: -3px 0 0 40px;
}

.phons a, .ft a {}

.p1:before, .p2:before {
    margin: 3px 14px 0 0;
}

.phons {
    float: none;
    margin: 29px 0 -16px;
}

.logo {
    float: none;
    width: 100%;
}

.text h2 {
    font-size: 32px;
    line-height: initial;
}

.text  h2 span {
    font-size: 26px;
    margin: 0 0 0;
}

.text p {
    font-size: 23px;
}

.text a, .lf a {
    font-size: 13px;
    line-height: 47px;
    margin: 33px 0 0;
}

.tr3 {
    padding: 23px 0 20px;
}

.pt h3 {
    font-size: 19px;
}

.pt {
    margin: 0 0 28px;
}

.bg {
    background-size: cover;
}

img {
    max-width: 100%;
    margin: 0 0 0;
}

.ib {
    margin: 0 0 16px !important;
}

.zgb h3 {
    font-size: 20px;
    margin-top: 33px;
}

.zgb:after {
    margin-top: 16px;
}

.ib:hover .zgb {
    top: -30px;
    padding-bottom: 23px;
}

.ib:hover .com {
    height: 151px;
}

.zgbx h2 {
    font-size: 20px;
}

.zgbx h3 {
    font-size: 16px;
}

.vds {
    background: no-repeat;
    padding: 0;
}

.vds iframe {
    width: 100%;
    height: 192px;
}

.zgbx {
    margin: 42px 0 26px;
}

.ic1 {
    width: 100%;
    max-width: 100%;
    margin-bottom: 30px;
}

.icbox {
    padding-bottom: 0;
}

.lf {
    float: none;
    margin: 21px 0 0;
    text-align: center !important;
}

.lf h2 {
    font-size: 32px;
    text-align: center;
}

.lf h3 {
    font-size: 27px;
    text-align: center;
}

.rg:before {
    background-size: 293px;
    height: 58px;
}

.bxxx {
    background-size: 293px;
}

.rg:after {
    background-size: 293px;
    height: 83px;
}

.ix {
    width: 144px !important;
    padding-top: 6px;
    padding-bottom: 13px;
    margin-bottom: 0;
    padding-left: 46px !important;
    /* background-repeat-x: no-repeat !important; */
}

.ix h3 {
    font-size: 15px;
}

.ix p {
    font-size: 12px;
    padding-right: 14px;
}

.bxxx .ic1 {
    background-size: 29px;
    background-position: 8px 9px;
}

.bxxx .ic2 {
    background-size: 29px;
    padding-left: 59px;
    background-position: 8px 8px;
}
.bxxx .ic3 {
    background-size: 29px;
    padding-left: 59px;
    background-position: 7px 15px;
}
.bxxx .ic4 {
    background-size: 29px;
    padding-left: 59px;
    background-position: 6px 20px;
}
.bxxx .ic5 {
    background-size: 29px;
    padding-left: 59px;
    background-position: 6px 7px;
}

.lf p {
    text-align: center;
}

.igb {
    float: none;
    width: 100%;
    height: auto;
    margin-bottom: 23px;
}

.vkz2 {
    border: 0;
}

.vkz2 :after {
    display: none !important;
}

.vkz2:after {
    display: none;
}

.pgk h1 {
    font-size: 21px;
    margin: -26px 0 21px;
}

.ors p br {
    /* display: inline-block; */
}

.pgk {
    padding-bottom: 0;
    background: none;
}

.cons {
    position: relative;
    top: 0;
    margin: -15px 0 -20px;
}

form.samz {}

.phons.bzss {
    margin-bottom: 24px;
}

input.sbm {
    line-height: 39px;
}

.maps {
    margin-bottom: -22px;
}

.rgf {
    float: none;
    text-align: center;
    margin: -15px 0 -10px;
}
.bi1 {}

.bi1 {
    margin: 0;
    border: 0;
}

.bgx1 {
    min-height: 0;
    /* margin: 0; */
    border: 4px solid #ffbf15;
    margin: 0;
    padding: 0 20px;
}

.bgx1 h2 {
    font-size: 22px;
    margin: 18px 0 0;
}

.bgx1 p {
    font-size: 13px;
    line-height: 20px;
}

.bgz2 {
    padding: 26px 0 0;
}

.zb1 {
    top: 0;
    right: 0;
    position: relative;
    margin: 26px 0 15px;
}

.boxnimg {
    right: 0;
    top: 0;
    position: relative;
}

.zb1 h3 {
    font-size: 24px;
}

.zb1 h4 {
    font-size: 19px;
}

.mbxi3 ul {
    display: none;
}
.com {
    height: 161px;
}

}

@media screen and (min-width: 0px) and (max-width: 500px) { 
   .slider {
    width: 90%;
    margin: -11px auto;
    } 
}



@media screen and (min-width: 500px) and (max-width: 980px) { 
.main {
    width: 500px;

}
.slider {
    width: 70%;
    margin: -11px auto;
    } 

.phons {
    display: table;
    margin: 17px auto 0;
}

.logo {
    display: table;
    margin: 0 auto;
    width: 300px;
}

.text h2 {
    font-size: 42px;
}

.text h2 span {
    font-size: 33px;
}

.text {
    padding: 35px 0 0;
}

.text a, .lf a {
    margin: 33px auto 0;
}

.zb1 h3 {
    font-size: 33px;
}

.zb1 h4 {
    font-size: 28px;
}

.bgx1 {
    max-width: 100%;
}

.ib {
    margin: 0 auto 12px !important;
    display: table;
}

.zgb h3 {
    font-size: 26px;
    margin-top: 59px;
}

.com {
    height: 200px;
}

.ib:hover .zgb {
    top: -53px;
}

.ib:hover .com {
    height: 192px;
}

.zgbx h2 {
    font-size: 28px;
}

.zgbx h3 {
    font-size: 23px;
}

.ic1 {
    width: 49%;
}

.lf {
    display: table;
    margin: 38px auto 0;
}

.igb {
    width: 33%;
    display: inline-block;
    vertical-align: top;
}

.vkz2 {
    text-align: center;
}

.cons {
    margin: -33px auto -33px;
}
}
@media screen and (min-width: 700px) and (max-width: 980px) { 
.main {
    width: 700px;

}
.logo {
    float: left;
}

.phons {
    float: right;
    margin: 0;
}

.zb1 {
    margin: 33px auto 32px;
}

.mbxi3 ul {
    display: block;
}

li.q5 {
    right: 161px;
}

li.q4 {
    right: 126px;
}

li.q3 {
    right: 113px;
}

.ib {
    display: inline-block;
    width: 47%;
    margin: 0 9px 14px !important;
    overflow: hidden;
    height: 179px;
}

.zgb h3 {
    font-size: 22px;
}

.bx3 {
    text-align: center;
}

.ib:hover .com {
    height: 169px;
}

.zgbx h2 {
    font-size: 38px;
}

.zgbx h3 {
    font-size: 32px;
}

.vds {
    background: url(img/pc.jpg) top center no-repeat;
    background-size: contain;
    height: 374px;
}

.vds iframe {
    width: 74%;
    margin: 25px auto 0;
    height: 291px;
}

.ic1 {
    width: 24%;
}

.ic1 h3 {
    font-size: 18px;
}

.ic1 p {
    font-size: 12px;
}

.lf {
    float: left;
    width: 50%;
    margin-top: 79px;
}

.rg {
    width: 50%;
    margin-bottom: -120px;
}

.bgz {
    margin: 0 0 75px;
}

.igb {
    width: 20%;
}

.ors h2 {
    font-size: 15px;
}

.pgk h1 {
    font-size: 37px;
    margin: 12px 0 22px;
}

.cons {
    position: absolute;
    margin: -13px 0 0;
}

.rgf {
    float: right;
    text-align: right;
    margin: 0;
}

.footer {
    padding: 31px 0 9px;
}
}
@media screen and (min-width: 980px) and (max-width: 1140px) { 
.main {
    width: 980px;

}
.pt {
    max-width: 249px;
}

.tr3 > div > div:nth-child(2) {
    max-width: 472px;
}

.tr3 {
    padding: 29px 0 37px;
}

.bgz2 {
    overflow: hidden;
}

.zb1 {
    right: -53px;
}

.boxnimg {
    right: -104px;
    top: 141px;
}

.ib {
    width: 32%;
}

.bx3 > div > div:nth-child(2) {
    margin: 0 15px;
}
}


@media screen and (min-width: 0px) and (max-width: 680px) { 
    .bgz2 {
    display:  none;
}
.dasv {
    float:  none;
    margin: 22px 0 -12px;
}
}