html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}


/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    line-height: 1;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a {
    color: #fff;
    text-decoration: none;
}

a:hover {
    color: #fff;
    text-decoration: none;
}

html {
    overflow-x: hidden;
}

body {
    line-height: 1;
}

header {
  
}

@font-face {
    font-family: "ProximaNova-Regular";
    src: url("https://verally.by/opt-belarus/fonts/ProximaNova-Regular.eot");
    src: url("https://verally.by/opt-belarus/fonts/ProximaNova-Regular?#iefix") format("embedded-opentype"), url("https://verally.by/opt-belarus/fonts/ProximaNova-Regular.woff") format("woff"), url("https://verally.by/opt-belarus/fonts/ProximaNova-Regular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: "ProximaNova-Light";
    src: url("https://verally.by/opt-belarus/fonts/ProximaNova-Light.eot");
    src: url("https://verally.by/opt-belarus/fonts/ProximaNova-Light?#iefix") format("embedded-opentype"), url("https://verally.by/opt-belarus/fonts/ProximaNova-Light.woff") format("woff"), url("https://verally.by/opt-belarus/fonts/ProximaNova-Light.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: "ProximaNova-Bold";
    src: url("https://verally.by/opt-belarus/fonts/ProximaNova-Bold.eot");
    src: url("https://verally.by/opt-belarus/fonts/ProximaNova-Bold?#iefix") format("embedded-opentype"), url("https://verally.by/opt-belarus/fonts/ProximaNova-Bold.woff") format("woff"), url("https://verally.by/opt-belarus/fonts/ProximaNova-Bold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: "ProximaNova-Extrabld";
    src: url("https://verally.by/opt-belarus/fonts/ProximaNova-Extrabld.eot");
    src: url("https://verally.by/opt-belarus/fonts/ProximaNova-Extrabld?#iefix") format("embedded-opentype"), url("https://verally.by/opt-belarus/fonts/ProximaNova-Extrabld.woff") format("woff"), url("https://verally.by/opt-belarus/fonts/ProximaNova-Extrabld.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: "ProximaNova-ExtrabldIt";
    src: url("https://verally.by/opt-belarus/fonts/ProximaNova-ExtrabldIt.eot");
    src: url("https://verally.by/opt-belarus/fonts/ProximaNova-ExtrabldIt?#iefix") format("embedded-opentype"), url("https://verally.by/opt-belarus/fonts/ProximaNova-ExtrabldIt.woff") format("woff"), url("https://verally.by/opt-belarus/fonts/ProximaNova-ExtrabldIt.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

body {
    font-family: "ProximaNova-Regular", sans-serif;
}

input,
button {
    border: 0 none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    -webkit-appearance: none
}

.fb {
    font-weight: bolder;
    font-family: "ProximaNova-Extrabld", sans-serif;
}

.hhead {
    font-size: 58px;
    font-family: 'Playfair Display', serif;
    font-style: italic;
    font-weight: 900;
    color: #e8387b;
}

.list {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.pos {
    position: static;
}

.flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.flex_center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.t-center {
    text-align: center;
}

.flex_between {
    -webkit-box-pack: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
}

a,
a:hover,
a:focus,
a:visited {
    color: #fff;
    text-decoration: none;
   
}
a:hover,
a:focus,
a:visited {
    color: #fff;
    text-decoration: none;
    font-weight: 900;
}
header {
    background-image: url(https://verally.by/opt-belarus/img/hfon.png);
    color: #fff;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: relative;
    font-family: "ProximaNova-Regular", sans-serif;
    padding-top: 110px;
}

.header-menu {
    margin-top: 10px;
    text-align: center;
    font-size: 14px;
}

.menu-container {
    position: absolute;
    width: 100%;
    padding-bottom: 10px;
    top: 0;
    z-index: 99;
}

.hamburger-icon {
    display: none;
    position: relative;
    height: 32px;
    width: 32px;
    overflow: hidden;
    z-index: 100;
}

.hamburger-icon div {
    position: absolute;
    height: 2px;
    right: 2px;
    left: 2px;
    background-color: #fff;
    border: 0;
}

.hamburger-icon div.top,
.hamburger-icon div.bottom {
    -webkit-transition: -webkit-transform .2s ease-in-out .2s, top .2s ease-in-out .2s, background-color .3s;
    -moz-transition: -moz-transform .2s ease-in-out .2s, top .2s ease-in-out .2s, background-color .3s;
    -o-transition: -o-transform .2s ease-in-out .2s, top .2s ease-in-out .2s, background-color .3s;
    transition: transform .2s ease-in-out .2s, top .2s ease-in-out .2s, background-color .3s;
    transition-delay: .2s;
}

.hamburger-icon div.top {
    top: 25%;
    margin-top: -1px;
}

.hamburger-icon div.top {
    transform: rotate(0deg);
}

.hamburger-icon div.middle {
    top: 50%;
    margin-top: -1px;
   
}

.hamburger-icon div.bottom {
    top: 75%;
    margin-top: -1px;
}

.hamburger-icon div.middle {
    opacity: 1;
}

.hamburger-icon div.middle {
    transition: opacity 0s .15s;
    transition-delay: .5s;
}

.hamburger-icon div.bottom {
    transform: rotate(0deg);
}

.hamburger-icon div.top {
    transform: rotate(0deg);
}

/*.hamburger-icon.active div.top {
    transform: rotate(-135deg);
    top: 50%;
}

.hamburger-icon.active div.middle {
    opacity: 0;
}

.hamburger-icon.active div.bottom {
    transform: rotate(135deg);
    top: 50%;
}
*/
.logo {
    float: left;
}

.logo img {
    float: left;
    margin-right: 10px;
    margin-top: 30px;
}

.logo span {
    font-size: 12px;
 line-height: 1.3;
           padding-top: 35px;
    display: inline-block;
        text-align: left;
}

.topline__nav {
    display: inline-block;
        padding-top: 45px;
}

.topline__nav ul {
    padding-left: 11px;
    padding-right: 11px;
  
}

.list__item {
       margin-left: 15px;
    margin-right: 15px;
    font-size: 16px;
    padding-top: 4px;
}

.header__contacts {
    text-align: right;
    float: right;
  padding-top: 25px;
}

.header__contacts span {
    display: block;
    line-height: 1.3;
}

.header__contacts span:nth-of-type(1) {
    font-size: 18px;
    color: #ffffff;
}

.header__contacts span:nth-of-type(2) {
    font-size: 18px;
    color: #ffffff;
}

.header__contacts span:nth-of-type(3) {
    font-size: 20px;
    color: #e8387b;
    cursor:pointer;
}

.header__contacts img {
    margin-right: 9px;
    margin-bottom: -5px;
}

.header__contacts span:nth-of-type(3):hover{
    font-weight: 900;
   
}

.header__head {
    text-align: center;
    line-height: 1.15;
}

.header-content {}

.header-content .items {
    display: none;
}

.btn {
    background: #e8387b;
    width: 260px;
    height: 70px;
    display: inline-block;
    font-family: 'Playfair Display', serif;
    font-style: italic;
    font-size: 20px;
    font-weight: 900;
    line-height: 65px;
    text-align: center;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    border-radius: 35px;
    line-height: 75px;
    color: #fff;
    line-height: 70px;
    position: relative;
 
   
}





.btn + span{
    
    max-width: 270px;
    display:block;
    font-size: 12px;
    margin: auto;
    color:#000;
}

@keyframes btnpulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.btn:hover {
    animation-name: btnpulse;
}

.sec-text {
    font-weight: 300;
    text-align: center;
    color: #ffffff;
    font-size: 18px;
    margin: auto;
    font-family: "ProximaNova-Light", sans-serif;
    line-height: 1.15;
}

header .sec-text {
    margin-top: 65px;
}

.sec-descr,
.form-descr {
    font-size: 30px;
    font-weight: 100;
    color: #1a1a1a;
}

.catalog .form-descr,.obrtell-form .form-descr {
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 24px;
}
.catalog .form-descr, .obrtell-form .form-descr {
    font-size: 22px;
}
.form-stop .form-descr {
    padding-top: 15px;
    padding-bottom: 0px;
    font-size: 24px;
}

.sec-head,
.form-head {
    font-size: 36px;
    font-weight: 100;
    margin: auto;
    font-family: 'Playfair Display', serif;
    font-style: italic;
    font-weight: 900;
    color: #e8387b;
}

.header__head {
    max-width: 698px;
    font-size: 30px;
    font-weight: 100;
    font-family: "ProximaNova-Light", sans-serif;
    margin: auto;
    margin-top: 50px;
    margin-left: -10px;
    margin-right: -10px;
}

.header-descr {
    font-family: 'Playfair Display', serif;
    font-size: 24px;
    text-align: center;
    color: #e8387b;
    font-style: italic;
    padding-top: 22px;
}

.header-btn {
        margin-top: 21px;
    position: relative;
}

.box-header-items img {
    float: left;
    margin-right: -52px;
}

.items {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
    padding-left: 35px;
}

header .item1 {
    padding-top: 214px;
}

header .item_first {
    padding-top: 100px;
}

header .item_next {
    padding-top: 25px;
}
header .item2 {
    padding-top: 97px;
    padding-left: 73px;
}

header .item3 {
    padding-top: 76px;
}

.items .number {
    border: solid 1px #e8387b;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 9px;
    position: absolute;
    margin-left: -35px;
    font-family: 'Playfair Display', serif;
    font-size: 36px;
    text-align: center;
}

.items .number span {
    margin-top: -20px;
    display: block;
    z-index: 10;
    position: relative;
}

.number:before {
    content: "●";
    font-size: 24px;
    width: 16px;
    color: #e8387b;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    font-family: "ProximaNova-Regular", sans-serif;
    padding-right: 17px;
}

section .head {
    position: relative;
    font-size: 36px;
    font-weight: 300;
    font-family: "ProximaNova-Light", sans-serif;
    text-align: center;
    color: #181818;
    margin: auto;
}


/*section*/

.section_2,
.section_4,
.section_6,
footer {
    background-repeat: no-repeat;
    background-size: cover;
    color: #ffffff;
    text-align: center;
}

section .btn {
    position: relative;
}

.section_2 .btn:after,
.section_4 .btn:after,
.section_6 .btn:after {}

.counter {
    display: inline-block;
      margin-left: 58px;
    margin-right: 58px;
}

.owl-nav {
    text-align: center;
    width: 361px;
    height: 0px;
    margin: auto;
    margin-top: -50px;
    position: absolute;
    left: -235px;
   bottom: 88px;
    line-height: 0;
}

.color {
    font-family: 'Playfair Display', serif;
    font-size: 148px;
    font-weight: 900;
    font-style: italic;
    text-align: center;
    color: #452631;
}

.nocolor {
    font-size: 24px;
    font-family: 'Playfair Display', serif;
    font-size: 36px;
    font-weight: 900;
    font-style: italic;
    text-align: center;
    color: #452631;
     vertical-align: top;
    margin-top: 34px;
    display: inline-block;
}


/*--------------------------------------------------------section 1*/

.section_1 {
background-image: url(https://verally.by/opt-belarus/img/fons1l.png), url(https://verally.by/opt-belarus/img/fons1r.png);
    background-position: 0%, 100%;
    background-size: auto,auto;
    background-repeat: no-repeat;
}

.index2 .section_1 {
    padding-bottom: 26px;
}

.section_1 .head {
    width: 710px;
    margin-top: 100px;
    margin-bottom: 60px;
    font-size: 24px;
}

.section_1 .head span {
    font-size: 36px;
}

.section_1-item {
    font-size: 22px;
    font-weight: 300;
    color: #181818;
    text-align: center;
}

.img-box {
    overflow: hidden;
}

.img-box img {
    -webkit-transition: .6s ease;
    transition: .6s ease;
}

.img-box:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.section_1-item p {
    padding-top: 25px;
    text-align: center;
    height: 150px;
}

.section_1-item:before,
.section_1-item:after {
    content: " ";
    display: table;
}

.section_1-item:after {
    clear: both;
}

.item-left img {}

.item-right img {}


/*--------------------------------------------------------section 2*/

.section_2 {
    background: #fdebf2;
    background-position: center;
    position: relative;
}

.paralax-img {
    position: absolute;
    transition: all 1.4s;
    z-index: 10;
}

.paralax-img-1 {
    top: 53px;
    left: 94px;
}

.paralax-img-2 {
    top: -3px;
    left: 382px;
}

.paralax-img-3 {
    top: -60px;
    left: 50%;
}

.paralax-img-4 {
    top: -10px;
    right: 95px;
}

.paralax-img-5 {
    top: 50%;
    right: 36px;
}

.paralax-img-6 {
    bottom: 10px;
    right: 92px;
}

.paralax-img-7 {
    bottom: -30px;
    right: 20%;
}

.paralax-img-8 {
    bottom: -10px;
    left: 10%;
}

.paralax-img-9 {
    top: 50%;
    left: 50px;
}

.section_2 .sec-head {
  padding-top: 25px;
}

.section_2 .tel,.section_2 .email {
  
   margin-top: 4px;
    margin-bottom: 6px;
}

.section_2 img.bigimg {
  margin-top: 26px;
    margin-left: -161px;
    float: right;
    margin-right: -15px;
}

.section_2 .sec-descr {
    width: 500px;
    margin: auto;
    margin-top: 10px;
}


}
.section_2 .sec-head {
    margin-top: 25px;
}
.section_2 .btn {
        margin-top: 39px;
    margin-bottom: 15px;
}
.section_2 .btn +span{
       margin-bottom: 2vw;}

/*--------------------------------------------------------section 3*/ 
.section_3 {
   
    padding-top: 130px;
        padding-top: 101px;
}
.index2 .section_3 {
    overflow-x: hidden;
    padding-bottom: 40px;
}
.index2 .section_3 .head {
    margin-top: 15px;
}

.section_3 p {
    margin-top: 15px;
}

.owl-carousel .owl-item img {
    width: 358px;
}

.itemimg{
    position: relative;
}
.itemimg:before {
content: '';
    background-image: url(https://verally.by/opt-belarus/img/s3fon.png);
    height: 254px;
    width: 298px;
    display: block;
    position: absolute;
   left: 5vw;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: -91px;
}



.s3-lg-carousel1{
   padding-right: 0; 
}
.section_3 .owl-carousel {
    position: relative;
   width: 745px;
    float: left;
}
.owl-carousel-1s3 {
    margin-top: -0.7vw;
    float: right;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1;
    max-height: 575px;
}
@media only screen and (min-width: 1550px) {
    .s3-lg-carousel1 {
        width: 50%;
    }
}
@media only screen and (min-width: 1800px) {
    .s3-lg-carousel1 {
        width: 41.66667%;
    }
}
@media only screen and (min-width: 1700px) {
    .s3-lg-carousel1 {
        width: 45.66667%;
    }
}
.section_3 .item {
    margin-top: 40px;
}
.section_3 .itemimg {
    padding-bottom: 1px;
}
.section_3 .itemimg .s3_text {
    padding-top: 27px;
    margin-top: 15px;
    font-size: 20px;
    padding-bottom: 70px;
}
.s3-item-text {
       margin-top: 15px;
    font-size: 20px;
    border: solid 10px #e8387b;
    text-align: center;
    padding-top: 80px;
    width: 570px;
    margin-right: 2vw;
    position: relative;
    margin: auto;
    padding-left: 2.5vw;
    padding-right: 2.5vw;
    padding-top: 54px;
    margin-right: -50px;
    max-height: 500px;
    padding-bottom: 109px;
}
.section_3 .itemimg p.sec-head {
    font-size: 35px;
    color: #452631;
    padding-top: 0;
     width: 399px;
    text-align: left;
    margin-left: 0;
}
.section_3 .itemimg p {
    width: 399px;
    margin-top: 13px;
    margin-top: 21px;
    text-align: left;
    font-size: 18px;
    line-height: 1.25;
}
    margin-top: 22px;
    text-align: left;
    font-size: 18px;
    line-height: 1.3;
}
.itemimg {
    position: relative;
}
.section_3 .owl-carousel .owl-nav button.owl-prev,
.section_3 .owl-carousel .owl-nav button.owl-next {
    width: 53px;
    height: 53px;
    border-radius: 10px;
    box-shadow: 0px 15px 32px 0 rgba(232, 56, 123, 0.17);
    background-color: #ffffff;
    border: solid 1px rgba(232, 56, 123, 0.3);
    position: relative;
}
.section_3 .owl-carousel .owl-nav button.owl-prev img,
.section_3 .owl-carousel .owl-nav button.owl-next img {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
}
.section_3 .owl-dots {
    display: none;
}

/*-------------------------------------------------------section 4*/
.section_4a .head {
    padding-bottom: 57px;
       padding-top: 94px;
}
.section_4-item1 span,
.section_4-item3 span {
    left: 30px;
    top: 7px;
}
.section_4-item2 span {
    top: -130px;
    line-height: 1;
    vertical-align: top;
    left: 17px;
}
.section_4-item2 #popup__toggle {
    margin-top: 50px;
}
.section_4-item1 p,
.section_4-item3 p {
    padding-bottom: 75px;
      padding-top: 20px;
}
.section_4-item1 p,
.section_4-item2 p,
.section_4-item3 p{
  padding-bottom: 75px;
  
    width: 235px;
    margin: auto;
    text-align: center;  
}



.section_4-item2 p {
    padding-top: 10px;
}



#popup__toggle {
    width: 225px;
    margin: auto;
    bottom: 25px;
    right: 10px;
    margin-top: 35px;
    display: block;
    margin-bottom: 35px;
    position: relative;
    height: 157px;
}
#popup__toggle span {
    font-family: 'Playfair Display', serif;
    font-size: 150px;
    font-weight: 900;
    font-style: italic;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #452631;
    position: absolute;
}


.img-circleblock:before{
    content: "";
    height: 65px;
    border: .5px solid red;
    position: absolute;
    bottom:-67px;
    margin: auto;
    left: 0;
    right: 0;
    width: 2px;
}

.section_4-item1 .img-circleblock:before,.section_4-item3 .img-circleblock:before{
    content: "";
    height: 65px;
    border: .5px solid red;
    position: absolute;
    top:-67px;
    margin: auto;
    left: 0;
    right: 0;
    width: 2px;
    bottom: auto;
    
}

.section_1 .img-box {
   height: 225px;
}
.section_1 .img-box img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
  

/*-------------------------------------------------------section 5*/
.section_5 .paralax-img-1 {
    top: 0px;
    left: 69px;
}
.section_5 .paralax-img-2 {
    top: -36px;
    left: 70%;
}
.section_5 .paralax-img-3 {
    top: 53px;
    right: 15px;
    left: auto;
}
.section_5 .paralax-img-4 {
    bottom: -10px;
    top: auto;
    right: 30%;
}
.section_5 .paralax-img-5 {
    bottom: 10px;
    left: 30%;
    top: auto;
}
.section_5 .paralax-img-6 {
    bottom: 30%;
    left: 5px;
    top: auto;
}
.section_5 .paralax-img-7 {
    bottom: 50%;
    right: 50%;
}
.section_5 {
    background-color: #fdebf2;
    background-position: center;
        margin-top: 84px;
    position: relative;
    text-align: center;
}
.section_5 .row {}
.section_5 form {
    float: none;
    margin: auto;
}
.section_5 img {
    margin-top: 10px;
}
.s5-col1 img {
    margin-top: 85px;
    float: left;
    margin-bottom: 75px;
}
.s5-col2 {}
.s5-col2 img {
    margin-top: 43px;
    margin-bottom: -4px;
}
.section_5 .sec-descr {
      margin-top: 20px;
}
.section_5 .sec-head {
   margin-top: 25px;
}
.section_5 .col-md-6 {
    padding-left: 5px;
    padding-right: 5px;
}
.section_5 .btn {
    margin-top: 45px;
    margin-bottom: 15px;
}
.section_5 .btn + span{
       margin-bottom: 3vw;
}
/*-------------------------------------------------------section 5*/
.section_5 {}
.index2 .section_5 {
    padding-bottom: 85px;
}
.section_5 .head {
    max-width: 360px;
    margin-top: 132px;
    margin-bottom: 60px;
}

/*-------------------------------------------------------section 6*/

/*-------------------------------------------------------footer*/
.footer {
    position: relative;
    height: 600px;
        overflow: hidden;
}
.footer__contacts {
    background-image: url("https://verally.by/opt-belarus/img/contactfon.png");
    background-repeat: no-repeat;
    width: 360px;
    background-size: cover;
    padding-top: 84px;
    padding-bottom: 82px;
    margin-bottom: 77px;
    margin-top: 10px;
    float: right;
    margin-right: 175px;
    height: 475px;
   
    left: 0;
    right: 0;
    bottom: 0;
    top: -20px;
    margin: auto;
}
.footer__contacts .sec-text {
    font-size: 16px;
    text-align: center;
    color: #282325;
}
.footer__contacts .sec-text p {
    padding-bottom: 30px;
    font-size: 18px;
}
.footer__contacts .sec-text span {
    color: #e8387b;
    font-family: 'Playfair Display', serif;
    font-style: italic;
    padding-bottom: 10px;
    display: block;
    font-size: 16px;
}
.footer__contacts .sec-head {
    color: #1a1a1a;
    padding-bottom: 35px;
}
.footer__contacts img {
    margin-top: 15px;
}
.map {
    background-image: url(https://verally.by/opt-belarus/img/map.png);
    background-repeat: no-repeat;
    height: 785px;
    background-size: 100% 100%;
 
    top: 0;
    width: 100%;
  
}
.map div {
    background-color:#ff000000 !important;
}

.gm-style-iw + div{
    display:none;
}
/*-------------------------------------------------------beta*/
.section_b2,
.section_b {
    text-align: center;
    margin-top: 15px;
    margin-bottom: 10px;
    margin-top: -10px;
}
.section_b2 {
    margin-bottom: 105px;
}
.section_b2 .head {}
.section_b2 .head .section_b2 .head {}
.section_b .header-btn {
    margin-top: 25px;
}
.section_b2 .header-btn {
    margin-top: 19px;
}
.section_b2 .header-btn:before,
.section_b .header-btn:before {
    content: none;
}
.tel,
.email {
    display: block;
    margin: auto;
    width: 245px;
    padding-top: 9px;
    color: #474545;
    text-align: center;
    background-color: transparent;
    padding-bottom: 9px;
    border-color: transparent;
    border-bottom: 2px solid #e8387b;
}
label {
    font-family: 'Playfair Display', serif;
    font-size: 16px;
    font-style: italic;
    text-align: center;
    color: #e8387b;
    padding-top: 25px;
    display: inline-block;
}
input.tel:focus,
input.tel:active,
input.tel:focus,
input.email:focus,
input.email:active,
input.email:focus {
    border-color: transparent;
    border-bottom: 2px solid #b62019;
}
.tel::-webkit-input-placeholder,
.email::-webkit-input-placeholder {
    font-family: "ProximaNova-Light", sans-serif;
    font-size: 18px;
    color: #000;
}
.tel::-moz-placeholder,
.email::-moz-placeholder {
    font-family: "ProximaNova-Light", sans-serif;
    font-size: 18px;
    color: #000;
}

/* Firefox 19+ */
.tel:-moz-placeholder,
.email:-moz-placeholder {
    font-family: "ProximaNova-Light", sans-serif;
    font-size: 18px;
    color: #000;
}

/* Firefox 18- */
.tel:-ms-input-placeholder,
.email:-ms-input-placeholder {
    font-family: "ProximaNova-Light", sans-serif;
    font-size: 18px;
    color: #000;
}
.form .tel::-webkit-input-placeholder,
.email::-webkit-input-placeholder {
    font-family: "ProximaNova-Light", sans-serif;
    font-size: 18px;
    color: #000;
}
.form .tel::-moz-placeholder,
.email::-moz-placeholder {
    font-family: "ProximaNova-Light", sans-serif;
    font-size: 18px;
    color: #000;
}

/* Firefox 19+ */
.form .tel:-moz-placeholder,
.email:-moz-placeholder {
    font-family: "ProximaNova-Light", sans-serif;
    font-size: 18px;
    color: #000;
}

/* Firefox 18- */
.form .tel:-ms-input-placeholder,
.email:-ms-input-placeholder {
    font-family: "ProximaNova-Light", sans-serif;
    font-size: 18px;
    color: #000;
}
.mb-show {
    display: none;
}
.form {
    border-radius: 30px;
    background-color: #fdebf2;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: none;
    z-index: 99;
}
.form input {
    color: #000;
}
.form.active {
    display: block;
    border: 1px solid #172030;
}
.form .btn {
    color: #fff;
    border-radius: 35px;
}
.catalog,
.form-stop {
    width: 1150px;
    height: 537px;
}
.obrtell-form {
    width: 457px;
    height: 496px;
    text-align: center;
}

.formimg1{
position: absolute;
    left: -45px;
    top: 185px;
}
.formimg2{
   position: absolute;
    right: 126px;
    top: -25px;
}
.formimg3{
       position: absolute;
    right: 20px;
    bottom: 55px;
}
.formimg4{
  position: absolute;
    left: 45px;
    bottom: -25px;
    
}

.form-stop {
    width: 1200px;
        right: -4%;
}
.catalog img,
.form-stop img {
    float: left;
    margin-top: -40px;
}
.form-stop img {
    position: absolute;
   left: -6%;
    z-index: 1;
}
.catalog img {
    margin-top: -40px;
}
.form-stop img {
    margin-top: -25px;
}
.catalog .inputbar,
.form-stop .inputbar {
    width: 454;
    text-align: center;
}
.form-stop .inputbar {
    height: 100%;
    z-index: 10;
    border-radius: 30px;
    border: 1px solid #fff;
    background: #fdebf2;
    position: relative;
    width: 589px;
    float: right;
}
.form-head {
    margin-top: 72px;
    font-family: 'Playfair Display', serif;
}
.catalog .form-head {
    margin-top: 71px;
}
.form-head .fb {
    font-family: 'Playfair Display', serif;
}
.catalog .tel {
    margin-top: 0px;
    color: #000;
}
.catalog .email {
    color: #000;
}
.form-stop .email {
    margin-top: 35px;
}
.catalog .btn,
.form-stop .btn {
    margin-top: 42px;
    border-radius: 35px;
    margin-bottom: 15px;
    
}
.catalog .btn +span,
.form-stop .btn +span{
    margin-bottom: 71px;}
    .catalog .btn +span{
display: inline-block;
}



.obrtell-form .btn {
    margin-top: 50px;
    margin-bottom: 12px;
}


.form-close {
    float: right;
    margin-top: -40px;
    background: #736068;
    color: #fff;
    font-size: 35.5px;
    border: none;
    font-family: "ProximaNova-Extrabld", sans-serif;
    margin-right: -10px;
    border-radius: 50%;
    width: 35.5px;
    line-height: 36.5px;
}
.active+.bg {
    display: block;
}
.bg {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 22;
    background-color: #3f2530;
    display: none;
    opacity: 0.73;
}
.catalog-send-ok {
    width: 579px;
    height: 219px;
    text-align: center;
}
.leave-an-order {
    width: 457px;
    height: 496px;
    text-align: center;
}
.leave-an-order .btn {
    margin-top: 50px;
}
@media only screen and (max-width: 1450px) {
    .section_2 .bigimg {}
    
    .section_4 img {
        width: 100%;
    }
}
@media only screen and (max-width: 1400px) {
    
    
    .col-1-s2{
        width: 41.66667%;
    }
    .col-2-s2{
           width: 58.33333%; 
       
    }
    .section_2 .col-2-s2{
        overflow-x: hidden;
    }
    
    .section_2 img.bigimg {
        margin-left: 0px;
        float: left;
}
    
    
    .s5-col2 img {
        display: none;
    }
    
    .section_5 form {
        float: none;
        margin: auto;
    }
}
@media only screen and (max-width: 1360px) {
    
    .section_3 .owl-carousel{
        width: 100%;
    }
    .owl-carousel .owl-item img {
      width: 100%;
}
    
    .s-col12-c {
        width: 700px;
        margin: auto;
        display: block;
        float: none;
        max-width: 700px;
    }
    
    .flex1360 {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    
    
    .section_3 {

        padding-top: 0px;}
    
    .s3-item {
        min-width: 670px;
        margin: auto;
        display: block;
        float: none;
    }
    .itemimg:before{
        content: none;
    }
    
    
    .s3-item-text {
background-image:url('https://verally.by/opt-belarus/img/s3fon.png');
        background-repeat: no-repeat;
        background-position: center;
        border:none;}
    
    .order1 {
        order: -1;
    }
    
    .section_6 img {
        margin-left: 0px;
    }
    
    .owl-nav {
        height: 95px;
        margin: auto;
        margin-top: 0px;
        position: relative;
        padding-top: 5px;
        line-height: 95px;
        left: 0px;
        bottom: 0px;
    }
    .section_3 .itemimg p {
         width: auto; }
    
   
    
    
   
    
}
@media only screen and (max-width: 1300px) {

    
     .form-stop {
    width: 1125px;
    right: -4%;
}
    
   .form-stop .inputbar {
       width: 534px; }
    
    
}
@media only screen and (max-width: 1200px) {
    
      header {
        background-image:url(https://verally.by/opt-belarus/img/headerbg.png), url(https://verally.by/opt-belarus/img/hfon.png);
    
    background-position:50% 60%, center;
        background-size:auto,cover;
    }
    
    
    
    .col-1200-12 {
        width: 100%;
    }
    
    
    .header__contacts span {
        position: absolute;}
    .header__contacts span:nth-of-type(2) {
        margin-top: 16px;}
    
    .header__contacts span:nth-of-type(3) {
    margin-top: -9px;
}
    
    
    
    .header__contacts {
        width: 210px;
        text-align: left;
        padding-top: 55px;
    }
    
   /* .header__contacts span:nth-of-type(1) {
   //     display: none;
    }*/
    
    .header-menu {
        margin-top: 0px;}
    
    .logo img {
        float: left;
        margin-right: 10px;
        width: 109px;
         padding-top: 43px;
    }
    
    .logo span {
        display: none;
    }
    
    .menu-container {
        position: relative;
    }
    
    header {
        padding-top: 0px;
    }
    
    .hhead {
        font-size: 40px;
    }
    
    .header__head {
        margin: auto;
        font-size: 40px;
                margin-top: 18px;
    }
    
    .header-descr {
        width: 335px;
        margin: auto;
        font-size: 24px;
            padding-top: 12px;
    }
    
    .box-header-items {
        display: none;
    }
    
    .hamburger-icon {
        display: inline-block;
        float: right;
    }
    
    .topline__nav ul {
        flex-direction: column;
        margin-top: 20px;
    }
    
    .list__item {
        margin-top: 21px;
        margin-bottom: 21px;
        font-size: 16px;
    }
    
    .topline__nav ul {
        flex-direction: column;
        margin-top: 20px;
        position: absolute;
        width: 100%;
        left: 0;
        right: 0;
        margin: auto;
        opacity: 1;
        transition: all .5s;
        overflow-y: hidden;
        height: 0;
        background-color: #272324;
        color: #fff;
        top: 0px;
    }
    
    .topline__nav ul a {
        color: #fff;
    }
    
    .topline__nav ul.opened {
        opacity: 1;
        transition: all .5s;
           height: 100vh;
        z-index: 110;
    }
    .topline__nav ul{
         -webkit-box-pack:flex-start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: flex-start;
    justify-content:flex-start;
    }
    .scroll-menu .hamburger-icon{
        float: none;
            margin-bottom: 100px;
        color:#e8387b;
    }
    
    .scroll-menu .hamburger-icon div {
        background-color: #e8387b;}
    
    
    
    .header-content .items {
        display: block;
        margin: auto;
        padding: 0;
        text-align: left;
        padding-top: 44px;
        width: 266px;
        padding-left: 30px;
    }
 header .sec-text {
    margin-top: 38px;
  
}
   
        .header-btn {
            margin-top: 19px;
            margin-bottom: 93px;
    }
    
    
    .btn:after {
        
    }
    
    
    .sec-head {
        font-size: 34px;
    }
    
    .section_1-item {
        font-size: 19px;
    }
    .section_1 .head {
    margin-bottom: 46px;
    margin-top: 89px;
   
}
  .section_1 .head span {
    font-size: 40px;
    margin-bottom: 8px;
    display: inline-block;
}  
    
    
    .section_2 .col-2-s2{
        display: none;
    }
    .section_2 .col-1-s2{
        width: 100%;
    }
    
    .section_2 .mb-show {
    display: block;
    width: 400px;
        margin: auto;
}
    .section_2 .sec-head {
    padding-top: 25px;
}
    .section_2 .btn {
  margin-bottom: 15px;
}
    
    .section_2 .btn + span{
        margin-bottom: 30px;
    } 
    
   .section_2 .paralax-img-4 {
   display: none;
}
    
    .paralax-img-2 {
    top: -55px;
    left: -1%;
}  
    
    
.section_2 .paralax-img-1 {   
    
    top: 50%;
    right: 36px;
    left: auto;
}
   
.section_2 .paralax-img-3 {
    top: -107px;
    right: 10%;
    left: auto;
}   
    
    .paralax-img-5 {
        display: none;
    }
    
    
    .sec-descr {
        font-size: 24px;}
    
    .section_4 .sec-head {
        margin-top: 5vw;
    }
    
    
    
    
    .itemimg:before {
        content: none;
    }

    .catalog img {
        margin-top: -20px;
        margin-left: -15px;
    }
    .section_3 .item {
    margin-top: 0px; 
}
    
    .section_3 .itemimg p {
     font-size: 16px;
   
    margin-top: 16px;
   
    line-height: 1.25;
}
    
    .s3-item-text{
        padding-bottom: 0;
    } 
    .section_3 .itemimg .s3_text {
    padding-bottom: 22px;
}
    .section_3 .itemimg p.sec-head {
        font-size: 35px;
    }
        
    
    
    
    .section_3 .item:nth-of-type(3) .s3_text {
        margin-top: 0px;
    }
    
    .section_3 .item:nth-of-type(4) .s3_text {
        margin-top: 0px;
    }
    
    .section_3 .itemimg .s3_text {
        padding-top: 0px;
    }
    
    .section_4a .head {
    padding-bottom: 57px;
    padding-top: 84px;
}
    
    
    .s5-col2{
        width: 100%;
    }
     .section_5  .mb-show{
    display: block;
         margin: auto;
}
    .s5-col1{
        display: none;
    }
    
    .section_5 .paralax-img-7 {
    top: -5%;
    left: -4%;
    right: auto;
}
        .section_5 .paralax-img-1 {
 display: none;
}
    
   .section_5 .paralax-img-7 {
    top: -5%;
    left: -7%;
    right: auto;
} 
  .section_5 .paralax-img-3 {
    bottom: auto; 
     top: 55%;
    right: 2%;
} 
    
  .section_5 .paralax-img-4 {
    bottom: auto;
    top: 56%;
    left: 5%;
}  
  
 .section_5 .paralax-img-6 {
    bottom: 14%;
    left: 5px;
    top: auto;
}   
  .section_5 .paralax-img-2 {
    top: -36px;
    right: 5%;
      left: auto;
}  
    
    label {
 
        padding-top: 30px;}
    
    .form {
       width: 377px;
         height: 567px
    }
    form.form.catalog-send-ok {
    height: 280px;
        
        padding-left: 15px;
    padding-right: 15px;
            font-size: 32px;
}
    form.form.catalog-send-ok .form-head{
         font-size: 32px;
    }
    
   .form-stop .inputbar {
       width: 377px;}
    .form-head .fb{
        font-size: 34px;
    }
    
    .catalog .form-descr {
    padding-left: 20px;
    padding-right: 20px;
}
    
    .catalog .form-descr br{
        display: none;
    }
    
    
    
    .form img{
        display: none;
        
    }
     
   .form .formimg1, .form .formimg2,.form .formimg3,.form .formimg4{
        display: block;
    }
    
    
    .obrtell-form {
    width: 457px;
    height: 496px;
    text-align: center;
}
    
    
  
    
}

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

.logo {
    float: left;
    padding-left: 38px;
}
    
    .header__contacts {
   margin-right: 38px;
}

}
@media only screen and (max-width: 991px) {
    .mb-hide {
        display: none;
    }
    
    .mb-show {
        display: block;
    }
    
    img.mb-show {
        width: auto;
        margin: auto;
        float: none;
    }
    
    .item-left img,
    .item-right img {
        float: none;
        clear: none;
        display: block;
        margin: auto;
    }
    
    .section_1-item p {
        margin-top: 25px;
        padding-top: 0px;
        padding-bottom: 15px;
        height: 95px;
    }
    
    .item-left,
    .item-right {
        text-align: center;
    }
    
    .section_1 {
    padding-bottom: 54px;
}
    
    .logo {
       
    }
    
    .logo img {
        float: left;
        margin-right: 10px;
       width: 80px;
    }
    
    .topline__nav {
        display: inline-block;
        width: 100%;
        position: absolute;
        left: 0;
        top: 0;
        padding-top: 30px;
    }
    
    .topline__nav.active {
        background-color: #fff;
    }
    
    .hamburger-icon.active div {
        background-color:#e8387b;
    }
    
    .section_3 .row {
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        flex-direction: column;
    }
    
    .mb-order-1 {
        order: -1;
    }
    
    .section_2 img {
        margin-bottom: 103px;
        margin-top: 35px;
       
    }
    
   .section_2 .paralax-img-7 {
   display: none;
}
    
    
    
    
    .section_4 img {
        max-width: 339px;
        margin-top: 17px;
    }

    
    .s3_text {
        margin-top: 30px;
    }
    
    .section_3 .item {
        margin-bottom: 60px;
    }
    
    .section_4 {
        padding-bottom: 100px;
        margin-top: 39px;
    }
    
    .section_4 .sec-head {
        margin-top: 100px;
    }
    
    .section_6 img {
        margin-left: 0px;
        margin: auto;
        display: block;
        max-width: 282px;
        float: none;
        margin-top: 30px;
        margin-bottom: 100px;
    }
    
    .section_6 .sec-head {
        margin-top: 100px;
    }
    
    .footer__contacts {
     
    }
    
    .section_3 .item:nth-of-type(3) .s3_text {
        margin-top: 29px;
    }
    
    .section_3 .item:nth-of-type(4) .s3_text {
        margin-top: 29px;
    }
    
    .section_3 .itemimg .s3_text {
        padding-top: 29px;
    }
    .s3-item-text {
        padding-top: 0px}
    
    .section_4-item3,.section_4-item1{
            display: flex;
    flex-direction: column;
    justify-content: center;
    }
    
    
   .section_4-item1 span, .section_4-item3 span {
        top: -130px;
    line-height: 1;
    vertical-align: top;
    left: 17px;
   
}
    .section_4-item1 span{
            left: -44px;
    }
    
    #popup__toggle {
        margin-top: 139px;
     order: -1;
    }
    
 .section_4-item1 p, .section_4-item3 p,.section_4-item2 p {
    padding-bottom: 75px;
     text-align: center;
         width: 238px;
    margin: auto;
}   
    
   
 .section_4-item3 #popup__toggle {
    margin-top: 50px;
}
    .section_4-item1 .img-circleblock:before,.section_4-item3 .img-circleblock:before{
        content: "";
    height: 65px;
    bottom: -67px;
 top: auto;
    }
    
    
    
    .section_5 {
         margin-top:-10px;
         }
         
    .section_5 .sec-head {
    margin-top: 25px;
}
    
    .section_5 .sec-descr {
    margin-top: 10px;
}
    
}

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

  
    
    section .head:before {
        left: -100px;
    }
    
    section .head:after {
        right: -100px;
    }
    
    .header-btn:before {
        content: none;
    }
    
    .s-col12-c {
            width: 100%;
    }
   
    /*-------------------------------------------------------отступы*/
    
 
    
    
    header .sec-text {
            margin-top: 38px;
            width: 230px;
    }
    
   
    
    header {
       
    }
    
    header:before {
        content: none;
    }
    
    .img-header-bottom {
        margin-right: -105px;
        width: 175px;
    }
    
    .section_1 .head {
            width: 298px;
        margin-top: 91px;
       margin-bottom: 46px;
    }
    
    .section_1 .head span {
    font-size: 40px;
}
    .section_1-item p {
     width: 300px;
    margin: auto;
    margin-top: 25px;
    padding-top: 0px;
    padding-bottom: 45px;
        height: auto;
   
}
    
    
    
   
    
 

.section_2 .sec-descr {
    margin-top: 8px;
    width: 320px;
}
    
    .section_3 .head {
        margin-top: 100px;
    }
    
    .s3-item {
   
    min-width: 100%; 
        border-width: 10px;
        padding-left: 0px;
        padding-right: 0px;
        min-height: auto;
    }
    .s3-item-text {
        min-width: 320px;
        width: 100%;
        margin: auto;
}
    
    
    .section .head:before {
        left: -50px;
    }
    
    .section .head:after {
        right: -50px;
    }
    
    .owl-nav {
         height: 95px;
    margin: auto;
    margin-top: 0px;
    position: relative;
 
    padding-top: 0px;
    line-height: 95px;
    left: 0px;
    bottom: 0px;
    margin-top: -11px;
    }
    
    .color {
        font-size: 150px;
    }
    
    .map {
        background-image: url(https://verally.by/opt-belarus/img/mapmb.png);
        position: relative;
                height: 620px;
        width: 100%;
    }
    
  
    
    .section_3 .head {
        width: 331px;
    }
    
     
    
     .footer {
  
    height: 600px;
}
    .footer__contacts {
         margin-bottom: 0px;
        margin-top: 0px;
        float: none;
        width: 285px;
        background-size: contain;
        padding-top: 70px;
           top: 50px;
            height: 410px;
       
    }
    .footer__contacts .sec-head {
    color: #1a1a1a;
    padding-bottom: 15px;
}
 .footer__contacts .sec-text p {
     padding-bottom: 18px;}   
    
    
    .counter {
        display: inline-block;
         margin-left: 25px;
    margin-right: 25px;
    }
    
    
    .formimg1,.formimg2,.formimg3,.formimg4{
        display: none;
    }
    
    
    
}
@media only screen and (max-width: 600px) {
    .catalog-send-ok {
        width: 400px;
        height: 280px;
    }
    
    
  .section_2  .paralax-img-9,.section_2 .paralax-img-6,.section_2 .paralax-img-8,.section_5 .paralax-img-6 {
    display: none;
}
    
    
    
    
    
}

@media only screen and (max-width: 550px){
     .section_3 .owl-carousel{
        width: 305px;
     min-width: 305px;
         float: none;
    }
    
    .section_3 .itemimg p.sec-head {
        width: auto;}
    
       .s3-item-text {
        min-width: 320px;
width: 320px;
        margin: auto;
}
    
     .section_2 img.mb-show {
         max-width: 100%;
         margin-right: -15px;
             
       
       
    }
    
   
    
 
    
   .paralax-img-4 {
    top: 30%;
    right: 3%;
} 
    
    
}
@media only screen and (max-width: 480px) {
    .btn {
       
        background-size: contain;
        background-repeat: no-repeat;
    }
    
    .leave-an-order {
        width: 95%;
    }
    
   
    .catalog .form-descr {
    padding-top: 10px;
        padding-bottom: 0px;}
    
    label {
    padding-top: 18px;
}
    
    .catalog .btn {
        margin-top: 30px;}
    
    
    .obrtell-form {
    width: 95%;
}
    
    
     .obrtell-form  .form-descr br{
        display: none;
    } 
    
    
    form.form.catalog-send-ok {
        width: 95%;
        height: 280px;
    }
    
    .owl-nav {
    text-align: center;
        width: 270px;}
    
    .counter {
    display: inline-block;
    margin-left: 20px;
    margin-right: 20px;
}
  
   .color {
    font-size: 125px;
} 
    
}
@media only screen and (max-width: 430px) {
    
    .header__contacts span {
   display: none;
}
    
    
    
    form.form {
        width: 95%;
        height: 460px;
    }
    
   .catalog .form-head {
    margin-top: 40px;
}
    
    .form-close {
        float: right;
        margin-top: -35px;
    }
    
    .owl-carousel-1s3:before,
    .owl-carousel-3s3:before,
    .owl-carousel-2s3:before {
        margin-top: -30px;
        height: 85%;
        
    }
    
    .header__contacts {
    width: 20px;
   
}
    .header__contacts .fb {
    display: none;
}
}
@media only screen and (max-width: 400px) {
    
    body{
            overflow-x: hidden;
    }
    
    .s-col12-c{
        padding-left: 0px;
       
    }
    
    .header-descr {
        width: auto}
    .logo img {
        margin-right: 7px;
        width: 80px;

    }
    
    .logo span {
        font-size: 13px;
    }
    
    .btn {
      
        height: 66px;
        background-size: contain;
        background-repeat: no-repeat;
    }
    
    section .head {
        font-size: 32px;
    }
    
    .s3-item {
        min-width: 270px;
        width: 270px;
    }
    
    .s-col12-c {
        width: 300px;
    }
    
    .section_4 img {
        width: 100%;
    }
    
    .img-header-bottom {
        display: none;
    }
    
    .owl-carousel-1s3:before,
    .owl-carousel-3s3:before,
    .owl-carousel-2s3:before {
        margin-top: -25px;
        height: 81%;
    }
    
    .form-head span {
        font-size: 32px;
    }
    
    .form-descr {
        font-size: 22px;
        font-weight: 100;
        padding-left: 5px;
        padding-right: 5px;
    }
    
    .catalog .form-head {
    margin-top: 35px;
}
    .form-head .fb {
    font-size: 31px;
}
 
    
    form.form {
    width: 95%;
        height: 445px;
}
    
    .form-close {
    margin-top: -40px;
    margin-right: -4px;
    border-radius: 20px;
    width: 30.5px;
    line-height: 32.5px;
    height: 32px;
        text-align: center;
        padding: 0;
}
    
}

.img-circle {
    background-color: #ffffff;
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
}
.circlephone {
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    border: 2px solid #f3d2e1;
    box-shadow: 0 0 5px #f3d2e1, 0 0 10px #f3d2e1;
    width: 195px;
    height: 195px;
    bottom: -20px;
    right: 15px;
    position: absolute;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    opacity: .5;
    -webkit-animation: circle-anim 2.4s infinite linear !important;
    -moz-animation: circle-anim 2.4s infinite linear !important;
    -ms-animation: circle-anim 2.4s infinite linear !important;
    -o-animation: circle-anim 2.4s infinite linear !important;
    animation: circle-anim 2.4s infinite linear !important;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all 0.5s;
}
.circlephone2 {
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    border: 2px solid #f3d2e1;
    box-shadow: 0 0 5px #f3d2e1, 0 0 10px #f3d2e1;
    width: 215px;
    height: 215px;
    bottom: -30px;
    right: 5px;
    position: absolute;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    opacity: .5;
    -webkit-animation: circle-anim 2.4s infinite linear !important;
    -moz-animation: circle-anim 2.4s infinite linear !important;
    -ms-animation: circle-anim 2.4s infinite linear !important;
    -o-animation: circle-anim 2.4s infinite linear !important;
    animation: circle-anim 2.4s infinite linear !important;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all 0.5s;
}
.circle-fill {
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    background-color: #f3d2e1;
    box-shadow: 0 0 40px 20px #e08db3, 0 0 30px #e08db3;
    width: 127px;
    height: 127px;
    bottom: 14px;
    right: 49px;
    position: absolute;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    -webkit-animation: circle-fill-anim 2.3s infinite linear;
    -moz-animation: circle-fill-anim 2.3s infinite linear;
    -ms-animation: circle-fill-anim 2.3s infinite linear;
    -o-animation: circle-fill-anim 2.3s infinite linear;
    animation: circle-fill-anim 2.3s infinite linear;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all 0.5s;
}
.img-circle {
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    width: 127px;
    height: 127px;
    bottom: 14px;
    right: 49px;
    position: absolute;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
}
.img-circleblock {
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    width: 127px;
    height: 127px;
    background-image: url(images/mini.png);
    background-position: center center;
    background-repeat: no-repeat;
    background: #FFF;
    border-radius: 50%;
    z-index: 10;
    position: relative;
}


.img-circleblock img {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
}
.img-circle:hover {
    opacity: 1;
}
@keyframes pulse {
    0% {
        transform: scale(0.9);
        opacity: 1;
    }
    
    50% {
        transform: scale(1);
        opacity: 1;
    }
    
    100% {
        transform: scale(0.9);
        opacity: 1;
    }
}
@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(0.95);
        opacity: 1;
    }
    
    50% {
        -webkit-transform: scale(1);
        opacity: 1;
    }
    
    100% {
        -webkit-transform: scale(0.95);
        opacity: 1;
    }
}
@keyframes tossing {
    0% {
        transform: rotate(-8deg);
    }
    
    50% {
        transform: rotate(8deg);
    }
    
    100% {
        transform: rotate(-8deg);
    }
}
@-webkit-keyframes tossing {
    0% {
        -webkit-transform: rotate(-8deg);
    }
    
    50% {
        -webkit-transform: rotate(8deg);
    }
    
    100% {
        -webkit-transform: rotate(-8deg);
    }
}
@-moz-keyframes circle-anim {
    0% {
        -moz-transform: rotate(0deg) scale(0.5) skew(1deg);
        opacity: .1;
        -moz-opacity: .1;
        -webkit-opacity: .1;
        -o-opacity: .1;
    }
    
    30% {
        -moz-transform: rotate(0deg) scale(0.7) skew(1deg);
        opacity: .5;
        -moz-opacity: .5;
        -webkit-opacity: .5;
        -o-opacity: .5;
    }
    
    100% {
        -moz-transform: rotate(0deg) scale(1) skew(1deg);
        opacity: .6;
        -moz-opacity: .6;
        -webkit-opacity: .6;
        -o-opacity: .1;
    }
}
@-webkit-keyframes circle-anim {
    0% {
        -webkit-transform: rotate(0deg) scale(0.5) skew(1deg);
        -webkit-opacity: .1;
    }
    
    30% {
        -webkit-transform: rotate(0deg) scale(0.7) skew(1deg);
        -webkit-opacity: .5;
    }
    
    100% {
        -webkit-transform: rotate(0deg) scale(1) skew(1deg);
        -webkit-opacity: .1;
    }
}
@-o-keyframes circle-anim {
    0% {
        -o-transform: rotate(0deg) kscale(0.5) skew(1deg);
        -o-opacity: .1;
    }
    
    30% {
        -o-transform: rotate(0deg) scale(0.7) skew(1deg);
        -o-opacity: .5;
    }
    
    100% {
        -o-transform: rotate(0deg) scale(1) skew(1deg);
        -o-opacity: .1;
    }
}
@keyframes circle-anim {
    0% {
        transform: rotate(0deg) scale(0.5) skew(1deg);
        opacity: .1;
    }
    
    30% {
        transform: rotate(0deg) scale(0.7) skew(1deg);
        opacity: .5;
    }
    
    100% {
        transform: rotate(0deg) scale(1) skew(1deg);
        opacity: .1;
    }
}
@-moz-keyframes circle-fill-anim {
    0% {
        -moz-transform: rotate(0deg) scale(0.7) skew(1deg);
        opacity: .2;
    }
    
    50% {
        -moz-transform: rotate(0deg) -moz-scale(1) skew(1deg);
        opacity: .2;
    }
    
    100% {
        -moz-transform: rotate(0deg) scale(0.7) skew(1deg);
        opacity: .2;
    }
}
@-webkit-keyframes circle-fill-anim {
    0% {
        -webkit-transform: rotate(0deg) scale(0.7) skew(1deg);
        opacity: .2;
    }
    
    50% {
        -webkit-transform: rotate(0deg) scale(1) skew(1deg);
        opacity: .2;
    }
    
    100% {
        -webkit-transform: rotate(0deg) scale(0.7) skew(1deg);
        opacity: .2;
    }
}
@-o-keyframes circle-fill-anim {
    0% {
        -o-transform: rotate(0deg) scale(0.7) skew(1deg);
        opacity: .2;
    }
    
    50% {
        -o-transform: rotate(0deg) scale(1) skew(1deg);
        opacity: .2;
    }
    
    100% {
        -o-transform: rotate(0deg) scale(0.7) skew(1deg);
        opacity: .2;
    }
}
@keyframes circle-fill-anim {
    0% {
        transform: rotate(0deg) scale(0.7) skew(1deg);
        opacity: .2;
    }
    
    50% {
        transform: rotate(0deg) scale(1) skew(1deg);
        opacity: .2;
    }
    
    100% {
        transform: rotate(0deg) scale(0.7) skew(1deg);
        opacity: .2;
    }
}