/*
Theme Name: AzNet Groups
Theme URI: http://aznet.az/
Text Domain: aznet-groups

*/


@charset "UTF-8";

@import url(css/bootstrap-grid.css);
@import url(css/intlTelInput.css);
@import url(css/jquery.mmenu.all.css);
@import url(css/jquery.fancybox.min.css);
@import url(css/mapbox-gl.css);
@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300i,700|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&display=swap&subset=cyrillic,cyrillic-ext');
@import url(css/fonts.css);



/*
font-family: 'Open Sans', sans-serif;
font-family: 'Open Sans Condensed', sans-serif;
*/

body {

    font-family: 'Open Sans', sans-serif;
    line-height: 1.3em;
    width: 100%;
    min-width: 100%;
    background: #fff;

    padding: 0;
    margin: 0;
}




img {
    max-width: 100%;
    height: auto
}



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

.alignright {
    float: right;
    margin: 0 0 15px 15px
}

.aligncenter {
    text-align: center
}

.break {
    margin: 0;
    padding: 0;
    clear: both
}

.right {
    text-align: right
}

.center {
    text-align: center
}

.left {
    text-align: left
}


#page {
    background: #fff;
    overflow: hidden;
    position: relative;
    display: block;
    z-index: 1
}

a {
    color: #E87E28;
    text-decoration: none;
    position: relative;
    -webkit-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
    -webkit-transition: color 0.3s ease-in-out, background-color 0.5s ease-in-out;
    transition: color 0.3s ease-in-out, background-color 0.5s ease-in-out;
}

a:hover {
    text-decoration: none;
    cursor: pointer;
    color: #443635;
}


a {
    outline: none !important;
}

a[data-tooltip].top:before,
a[data-tooltip].top:after {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
}

a[data-tooltip].top:hover:after,
a[data-tooltip].top:hover:before {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}

a[data-tooltip].right:before,
a[data-tooltip].right:after {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

a[data-tooltip].right:hover:after,
a[data-tooltip].right:hover:before {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
}

a[data-tooltip].bottom:before,
a[data-tooltip].bottom:after {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
}

a[data-tooltip].bottom:hover:after,
a[data-tooltip].bottom:hover:before {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}

a[data-tooltip].left:before,
a[data-tooltip].left:after {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

a[data-tooltip].left:hover:after,
a[data-tooltip].left:hover:before {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
}

a[data-tooltip] {
    position: relative;
    display: inline-block;
    z-index: 100
}

a[data-tooltip]:after,
a[data-tooltip]:before {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 200ms, -webkit-transform 200ms ease;
    transition: opacity 200ms, -webkit-transform 200ms ease;
    transition: transform 200ms ease, opacity 200ms;
    transition: transform 200ms ease, opacity 200ms, -webkit-transform 200ms ease;

    z-index: 99;
}

a[data-tooltip]:before {
    content: attr(data-tooltip);
    background: #2C2C2D;
    color: #fff;
    font-size: .9em;

    padding: 5px 10px;

    white-space: nowrap;
    text-decoration: none;


}

a[data-tooltip]:after {
    width: 0;
    height: 0;
    border: 6px solid transparent;
    content: '';
}

a[data-tooltip]:hover:after,
a[data-tooltip]:hover:before {
    visibility: visible;
    opacity: 0.85;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}

a[data-tooltip][data-position="top"]:before {
    bottom: 100%;
    left: -130%;
    margin-bottom: 10px;
}

a[data-tooltip][data-position="top"]:after {
    border-top-color: #2C2C2D;
    border-bottom: none;
    bottom: 101%;
    left: calc(50% - 6px);
    margin-bottom: 4px;
}

a[data-tooltip][data-position="left"]:before {
    top: -12%;
    right: 100%;
    margin-right: 10px;
}

a[data-tooltip][data-position="left"]:after {
    border-left-color: #2C2C2D;
    border-right: none;
    top: calc(50% - 3px);
    right: 100%;
    margin-top: -6px;
    margin-right: 4px;
}

a[data-tooltip][data-position="right"]:before {
    top: -5%;
    left: 100%;
    margin-left: 10px;
}

a[data-tooltip][data-position="right"]:after {
    border-right-color: #2C2C2D;
    border-left: none;
    top: calc(50% - 6px);
    left: calc(100% + 4px);
}

a[data-tooltip][data-position="bottom"]:before {
    top: 100%;
    left: -130%;
    margin-top: 10px;
}

a[data-tooltip][data-position="bottom"]:after {
    border-bottom-color: #2C2C2D;
    border-top: none;
    top: 100%;
    left: 5px;
    margin-top: 4px;
}



header {
    z-index: 100;
    padding: 20px 0 10px;
    background: #2F2F2F;
    color: #fff;
    position: relative;
    display: block;

}


header a {
    color: #D3D3D3;
}

header a:hover {
    color: #E87E28;
}

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

header ul.topnav li {
    display: inline-block;
    padding: 0;
    margin: 0 10px
}

header ul.topnav li.current-menu-item a,
header ul.topnav li.current-post-parent a,
header ul.topnav li.current-menu-parent a,
header ul.topnav li.current-post-ancestor a,
header ul.topnav li.current-category-ancestor a {color: #3DC0F0}

header .slogan {
    font-size: 1.2em;
    line-height: 1.2em;
    font-weight: 500;
}

header .slogan span {
    color: #E87E28;
    font-size: 1.3em;
    font-weight: 900
}




header #lang_sel_list {
    display: inline-block
}

header #lang_sel_list ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

header #lang_sel_list ul li {
    float: left;
    margin-left: 8px;
}

header #lang_sel_list ul li img {
    height: 16px
}


header .social {
    display: inline-block;
    margin: 0 20px 0 0;
    line-height: 1em;
    vertical-align: top
}

header .social i {
    margin-left: 5px
}

.more {
    display: inline-block;
    line-height: 1em;
    font-size: 1em;
    padding: 15px 20px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    background: #E87E28;

    -webkit-transition: all .2s ease-out;
    -webkit-transition: .2s ease;
    transition: .2s ease;
}

.more:hover {
    color: #fff;
    background: #32549F;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}




#nav {

    z-index: 300;
    position: relative;
    display: block;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=0, Color=#858585)";
    /*IE 8*/
    /*FF 3.5+*/
    -webkit-box-shadow: 0 10px 10px rgba(133, 133, 133, 0.2);
    /*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
    box-shadow: 0 10px 10px rgba(133, 133, 133, 0.2);
    /* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color=#858585);
    /*IE 5.5-7*/
    padding: 0;
    margin: 0;
    background: #2F2F2F;
    border-top: 1px #464646 solid;
}



#nav ul {
    list-style-type: none;
    padding: 0;
    margin: 0;

}

#nav ul li {

    position: relative;
    line-height: 1em;
    text-align: center;
    padding: 0;
    margin: 0;
    font-size: .9em;
    -webkit-transition: color 0.7s linear, background-color 0.7s linear;
    transition: color 0.7s linear, background-color 0.7s linear;
}


#nav ul li a:hover {
    color: #E87E28;

}

#nav ul li.current-menu-item > a,
#nav ul li.current-post-parent > a,
#nav ul li.current-menu-parent > a,
#nav ul li.current-post-ancestor > a,
#nav ul li.current-category-ancestor > a {color: #3DC0F0}

#nav ul li.menu-item-has-children a {
    padding-right: 25px
}

#nav ul li.menu-item-has-children a::after {
    display: inline-block;
    position: absolute;
    content: "\e92a";
    top: 50%;
    right: 0;
    font-family: "icomoon";
    color: #D3D3D3;
    margin-top: -5px;
    font-size: 10px
}


#nav ul li a {
    display: inline-block;
    color: #D3D3D3;
    height: 100%;
    padding: 15px 10px;
    text-decoration: none;

}


#nav ul li.active a,
#nav ul li:hover a {}


#nav ul ul {
    top: auto;
    position: absolute;
    background: #2F2F2F;
    width: 250px;
    margin: 0;
    display: none;
    left: 0;
    font-size: 1em;

    max-height: 0px;
    /*overflow: hidden;*/
    -webkit-transition: max-height 0.2s linear;
    transition: max-height 0.2s linear;
}

#nav ul li:last-of-type ul {right: 0; left: auto}

#nav ul ul li {
    text-align: left;
    
	line-height: 1.2em
}

#nav ul li:hover ul {
    display: block;
    max-height: 800px;
    text-align: left;
    border-bottom: 1px #E87E28 solid;
}

#nav ul ul:after {
    display: block;
    clear: both;
}

#nav ul ul li a {
    padding: 10px 20px
}

#nav ul li.active > a,
#nav ul li:hover > a {
    background: none;
    color: #E87E28;

}

#nav ul li.menu-item-has-children ul a::after {
    display: none
}



#nav.fixed {
    position: fixed;
    top: 0;
    left: 0;
    margin: 0;
    background: #2F2F2F;
    width: 100%;

    z-index: 201;


}

#nav.fixed ul ul {
    margin-top: -1px
}

.mobilenav,
#nav.fixed li span {
    margin: 0
}

.mobilenuv {
    display: none;
    padding: 10px;
	 
}

.mobilenuv i {
   
	font-size: 28px; margin-right: 5px;
	display: inline-block; vertical-align: middle
    
}

.mobilenuv a {

     font-weight: bold; font-size: 1.2em

}
.mobilenuv a:hover {color: #3DC0F0}

.zvonokmobile {
    display: none
}

.screen-01 {
   
    padding: 70px 0 130px;
    margin: 0;
    background-size: cover;
    background-repeat: no-repeat;
    display: block;
    z-index: 1;
    /* background-image: url(images/background.jpg);*/
    background-position: center;
    text-align: center;
    position: relative;

    text-align: center;

}

.screen-01::after {
    position: absolute;
    display: block;
    width: 100%;
    height: 71px;
    z-index: 100;
    background: url(images/background-after.png) no-repeat right 0;
    background-size: auto;
    bottom: -30px;
    right: 0;
    content: ''
}



.screen-01 .utp {
    background: rgba(243, 243, 243, 0.76);
    box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.25);
    padding: 20px;
    position: relative;
    margin-bottom: 30px
}

.screen-01 .utp::before {
    position: absolute;
    display: block;
    width: 80%;
    height: 15px;
    top: -15px;
    left: 10%;
    background: #32549F;
    content: ''

}

.screen-01 .utp p {
    font-size: 22px;
    line-height: 1.35em;
    text-transform: uppercase;
    color: #131112;
}

.screen-01 .utp p strong {
    color: #32549F;
}

.screen-01 .utp p.title {
    font-weight: 600;
    font-size: 28px;
}

.screen-01 .tizer {
    position: relative;
    padding: 60px 15px 30px;
    background: rgba(47, 47, 47, 0.88);
    box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.25);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    color: #fff;

    margin-top: 60px;
    height: 100%;
    -webkit-transition: all .4s ease-out;
    -webkit-transition: .4s ease;
    transition: .4s ease;


}

.screen-01 .tizer:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.screen-01 .tizer::before {
    position: absolute;
    display: block;
    width: 70%;
    height: 15px;
    bottom: -15px;
    left: 15%;
    background: #32549F;
    content: ''

}

.screen-01 .tizer i {
    position: absolute;
    font-size: 48px;
    background: #32549F;
    box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.25);
    width: 80px;
    height: 80px;
    left: 50%;
    margin-left: -40px;
    top: -40px;
    border-radius: 50%;
    padding: 16px 0;
    line-height: 1em;
    -webkit-transition: all .4s ease-out;
    -webkit-transition: .4s ease;
    transition: .4s ease;
}

.screen-01 .tizer:hover i {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    background: #E87E28;
}

.screen-01 .tizer span {
    font-weight: 600;
    color: #3DC0F0
}

.screen-01 .tizer:hover span {
    color: #E87E28;
}

/*Video Background HTML 5 Style Here*/

.video_bg {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; z-index: -1;

}

.video_bg::after {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    z-index: 1;
    display: block;
    content: ''
}



.video_bg video {
    min-height: 100%;
    min-width: 100%;
   width: 100vw;
   left: 0;
   top: 0;
    padding: 0;
    margin: 0; 
	 object-fit: cover;
    position: relative;
    z-index: 1;
    background-position: center center;
    background-repeat: no-repeat;
}



#mainscreen {
    
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 350px;
    width: 100%;
    text-align: center;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;

}
#mainscreen.bgimg {background-image: url(images/single-bg.jpg);}
#mainscreen h1 {
    text-transform: uppercase;
    display: block;
    width: 100%;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    position: relative;
	font-family: 'Open Sans Condensed', sans-serif;

}

#mainscreen h1 span {
    background: rgba(243, 243, 243, 0.76);
    box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.25);
    padding: 20px 60px;
    z-index: 100;
    position: relative;
    display: inline-block;
}

#mainscreen h1 span::before {
    position: absolute;
    display: block;
    width: 70%;
    height: 15px;
    bottom: -15px;
    left: 15%;
    background: #32549F;
    content: ''
}
#mainscreen h1 span > span.ic {width: 90px; height: 60px; position: absolute; top:-60px; left: 50%; margin-left: -45px; background: #32549F; 
-webkit-border-radius: 60px 60px 0 0;/*Safari, Chrome*/
-moz-border-radius: 60px 60px 0 0;/*Firefox*/
border-radius: 60px 60px 0 0;
color: #fff;
text-align: center;
padding: 10px 0 0;
}
#mainscreen h1 span > span.ic::before {display: none}
.country {
    padding: 80px 0 30px;
    text-align: center
}

.country a {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px;
    background: #2F2F2F;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    color: #fff;
    padding: 15px;
    line-height: 1em;
    font-weight: 600;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    -webkit-transition: all .2s ease-out;
    -webkit-transition: .2s ease;
    transition: .2s ease;
}

.country a:hover {
    color: #fff;
    background: #E87E28;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}


.country img {
    vertical-align: middle;
    margin-right: 10px
}

form p {
    padding: 0;
    margin: 10px 0;
    position: relative;
}

form input,
form textarea {
    height: 40px;
    width: 100%;
    padding: 0 10px;
    border-radius: 5px;
    border: none;
	border: 1px #f2f2f2 solid;
    outline: none !important;
}

form textarea {
    height: 90px;
	border: 1px #f2f2f2 solid;
    padding: 10px
}

input:focus,
form textarea:focus {
    border: 1px #E87E28 solid
}

form input.name, form.forminator-design--flat  input.forminator-name--field {
    padding-left: 45px;
    position: relative;
    display: block;
    background: #fff url(images/icons/avatar.svg) no-repeat 7px center;
    background-size: 20px
}

form input[type=email] {
    padding-left: 45px;
    position: relative;
    display: block;
    background: #fff url(images/icons/at.svg) no-repeat 7px center;
    background-size: 20px
}

form input[type=date] {
    height: 40px;
}

form input[type=submit] {
    background: #E87E28;
    border-radius: 5px;
    font-size: 1.2em;
    line-height: normal;
    text-align: center;
    padding: 0 60px;

    height: 40px;
    font-weight: bold;
    display: inline-block;
    text-decoration: none;
    display: inline-block;
    border: none;
    width: auto;
    color: #FFFFFF;
}

form input[type=submit]:hover {
    background: #3DC0F0;
    cursor: pointer;

}



section {
    padding: 60px 0;
    background-size: cover;
    background-repeat: no-repeat;
    display: block;
    z-index: 1;
    position: relative;

}

section h2.title {
    font-weight: bold;
    text-align: center;
    font-size: 32px;
    position: relative;
    line-height: 40px;
    margin: 0 0 40px;
    padding: 0;
    position: relative;
    /* identical to box height */
    text-transform: uppercase;
    padding-bottom: 15px
}

section h2.title::before {
    display: block;
    width: 70%;
    height: 1px;
    background: #D3D3D3;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    content: '';
}

section h2.title::after {
    display: block;
    width: 20%;
    height: 1px;
    background: #E87E28;
    position: absolute;
    right: 30%;
    bottom: 0;
    z-index: 10;
    content: '';
}



section h2.title span {
    color: #E87E28;
}


section h3 {
    padding-left: 10px;
    border-left: 4px #32549F solid
}
h1, h2, h3, h4 {line-height: 1.3em}
section .container {
    position: relative;
    z-index: 10
}

section ul {
    position: relative
}

.grey {
    background: #F8F8F8 url(images/greylogo.png) no-repeat 0 center;
    background-size: contain
}

.promo {
    margin-bottom: 30px
}

.promo a {
    display: flex;
    flex-direction: column;
    align-items: unsafe center;
    padding: 20px;
    height: 100%;
    background: #FFFFFF;
    border: 1px solid #E5E5E5;
    box-sizing: border-box;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
    color: #000000;
    font-size: 18px;
    font-weight: 600;
    -webkit-transition: all .4s ease-out;
    -webkit-transition: .4s ease;
    transition: .4s ease;
}



.promo a p {
    margin: 10px 0;
    padding: 0
}

.promo a i {
    font-size: 80px;
    color: #545453;
    -webkit-transition: all .4s ease-out;
    -webkit-transition: .4s ease;
    transition: .4s ease;
}

.promo a:hover {
    background: #32549F;
    color: #fff;
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.promo a:hover i {
    color: #fff;
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}

.maximum {
    background: url(images/premium-bg.jpg) no-repeat center;
    background-size: cover
}

.maximum h2 {
    color: #fff
}

.maximum::before {
    position: absolute;
    width: 450px;
    height: 25px;
    background: #E87E28;
    top: -25px;
    right: 0;
    display: block;
    content: ''
}

.maximum::after {
    width: 240px;
    height: 240px;
    display: block;
    z-index: 2;
    position: absolute;
    background: url(images/bullet-bg.png) no-repeat center;
    content: '';
    right: 150px;
    top: -80px
}

.maximum-item {
    margin-bottom: 40px;
}

.maximum-item > div {
    position: relative;
    background: rgba(243, 243, 243, 0.82);
    box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.25);
    padding: 20px;

    height: 100%;
}

.maximum-item > div::before {
    position: absolute;
    display: block;
    width: 70%;
    height: 15px;
    bottom: -15px;
    left: 15%;
    background: #32549F;
    content: ''

}

.maximum-item > div p.title {
    font-weight: bold;
    font-size: 1.3em;
    color: #32549F;
    position: relative;
    border-bottom: 3px #32549F solid;
    padding-bottom: 15px
}




.formblock {
    background: url(images/form-bg.jpg) no-repeat center;
    background-size: cover;
    color: #fff;
    z-index: 20
}


.stepsblock {
    background: url(images/bullet-bg.png) no-repeat 90% 60px;
    border-bottom: 1px #f2f2f2 solid;
    padding: 40px 0;
}

.step-item {
    margin-bottom: 30px;
}

.step-item p {
    margin: 0;
    padding: 0 0 0 70px;
    position: relative;
    height: 100%;
    display: block;
    min-height: 70px;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.1em;
    font-weight: 600
}

.step-item p i {
    display: inline-block;
    width: 60px;
    height: 60px;
    color: #fff;
    text-align: center;
    background: #32549F;
    position: absolute;
    left: 0;
    font-size: 32px;
    padding: 13px 0;

}

.singlepost {
    padding: 40px 0
}

.image {
    overflow: hidden;
    display: block
}

.image img {
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    -webkit-transition: all 1s ease-out;
}

.doctor-item:hover .image img,
p:hover .image img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);

}


article ul {
    margin: 0 0 30px;
    padding: 0 0 0 15px
}

article ul li {
    list-style-image: url(images/bullet.png);
    margin-bottom: 10px
}



.singleservise {
    padding: 0 40px;

}

.singleservise .post,
.singleservise .widget {
    padding: 30px 0
}

.singleservise .post {
    padding: 10px 0 30px
}

.singleservise .widget {
    background: url(images/widget-bg.jpg) no-repeat center;
    background-size: cover;
    padding: 30px 20px;
    color: #fff;
}

.singleservise .widget .widgetblock {
    margin-bottom: 30px;
    z-index: 900;
    display: block;
    position: relative;
}

.singleservise .widget .widgetblock p.title {
    font-weight: 600;
    font-size: 24px;
    line-height: 28px;
    /* or 108% */
    text-align: center;
    text-transform: uppercase;

    color: #F8F8F8;

}

.singleservise .widget .widgetblock p.subtitle {
    font-weight: 600;
    font-size: 18px;
    line-height: 26px;
    /* or 144% */
    text-align: center;
    text-transform: uppercase;
    color: #F8F8F8;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 30px
}

.singleservise .widget .widgetblock p.subtitle span {

    color: #E87E28;
}


.singleservise .widget .widgetblock p.subtitle::before {
    display: block;
    width: 85%;
    height: 1px;
    background: #E87E28;
    position: absolute;
    right: -20px;
    bottom: 0;
    z-index: 1;
    content: '';
}

.singleservise .widget .widgetblock p.phone {
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    font-family: RotondaC;
    text-shadow:
        -2px -2px 0 #f5f5f5,
        2px -2px 0 #f5f5f5,
        -2px 2px 0 #f5f5f5,
        2px 2px 0 #f5f5f5;
}

.singleservise .widget .widgetblock p.phone i {
    font-size: 28px;
    color: #e0457b;
}

.singleservise .widget .widgetblock input {
    border: 1px #ddd solid
}

.is_stuck {
    z-index: 1
}


.breadcrumbs {
    border-bottom: 1px #f5f5f5 solid;
    padding-bottom: 10px;
    margin-bottom: 30px;
    padding-right: 20px
}
.servisearch {padding: 10px 0}
.shared i {
    font-size: 20px
}

.shared i.icon-facebook {
    color: #3b5998
}

.shared i.icon-twitter {
    color: #28aae1
}

.shared i.icon-vkontakte {
    color: #5181b8
}

.shared i.icon-paper-plane {
    color: #28aae1
}

.shared i.icon-messenger {
    color: #3b5998
}

.shared i.icon-viber {
    font-size: 24px;
    color: #7b529e
}

article {
    padding-right: 30px; line-height: 1.45em
}

/*
*/

table {
    overflow: hidden;
    border: 1px solid #d3d3d3;
    background: #fff;
    width: 100%;
    margin: 0 auto 30px;

    border-radius: 5px;
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}

th,
td {
    padding: 10px 28px 10px;
    text-align: center;
}

th p,
td p {
    margin: 0
}

th {

    text-shadow: 1px 1px 1px #fff;
    background: #e8eaeb;
}

td {
    border-top: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
}

tr.odd-row td {
    background: #f6f6f6;
}

td.first,
th.first {
    text-align: left
}

td.last {
    border-right: none;
}



td {
    background: -moz-linear-gradient(100% 25% 90deg, #fefefe, #f9f9f9);
    background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f9f9f9), to(#fefefe));
}

tr.odd-row td {
    background: -moz-linear-gradient(100% 25% 90deg, #f6f6f6, #f1f1f1);
    background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f1f1f1), to(#f6f6f6));
}

th {
    background: -moz-linear-gradient(100% 20% 90deg, #e8eaeb, #ededed);
    background: -webkit-gradient(linear, 0% 0%, 0% 20%, from(#ededed), to(#e8eaeb));
}



tr:first-child th.first {
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;

}

tr:first-child th.last {
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;

}

tr:last-child td.first {
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;

}

tr:last-child td.last {
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;

}


/* стили блока аккордеон */
.accordion {
    width: 100%;

    margin: 0 auto
}

/* секции аккордеона */
.accordion .accordion_item {
    margin-bottom: 1px;
    position: relative
}

/* заголовки панелей аккордеона */
.accordion .title_block {

    font-weight: bold;
    font-size: 18px;

    cursor: pointer;

    padding: 10px 55px 10px 0;
    -webkit-transition: all .2s linear 0;
    -webkit-transition-delay: .2s 0;
    transition: all .2s linear 0
}

/* переключатель панелей, положение вниз */
.accordion .title_block:before {
    content: '';
    height: 8px;
    width: 8px;
    display: block;
    border: 2px solid #000;
    border-right-width: 0;
    border-top-width: 0;
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    right: 20px;
    top: 18px
}

/* активный переключатель, положение вверх */
.accordion .active_block .title_block:before {
    border: 2px solid #E87E28;
    border-left-width: 0;
    border-bottom-width: 0;
    top: 18px
}

.accordion .title_block:hover {
    color: #32549F
}

/* заголовок активного блока  */
.accordion .active_block .title_block {
    color: #E87E28
}

/* блоки с содержанием */
.accordion .info {
    display: none;
    padding: 10px 20px;
    font-style: italic;
    overflow: hidden;
    background: #F8F8F8;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
    border-top: 1px #32549F solid;

}

.map {
    padding: 0;
}

.map h2 {
    position: absolute;
    z-index: 10;
    top: 10px;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    line-height: 1em
}

.map h2 span {
    display: inline-block;
    padding: 15px 40px;
    background: #E87E28;
    opacity: .9;
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.2);
    border-radius: 15px;
    color: #fff;
}

#map_canvas {
    width: 100%;
    height: 450px;
    display: block;
    z-index: 1;
    position: relative;
    background-repeat: none;


}


.marker {
    background-image: url('images/marker.svg');
    width: 38px;
    height: 46px;
    cursor: pointer;
}

.mapboxgl-popup {
    max-width: 200px;
}

.mapboxgl-popup-content {
    text-align: center;
    font-family: 'Open Sans', sans-serif;
}

.mapboxgl-popup-content p {
    margin: 5px 0;
}

.mapboxgl-popup-content p.title {
    font-size: 1.2em;
    font-weight: bold
}

footer {
    background: #2F2F2F;
    color: #fff;
    padding: 20px 0;
    position: relative;
    text-align: center;
    z-index: 100
}



.modal {
    width: 320px;
    padding: 20px
}

.modal p {

    line-height: 1.2em
}

.modal p.title {
    font-size: 1.2em;
    font-weight: bold;
    color: #E87E28;
    font-family: RotondaC;
}

.fancybox-button:hover {
    background: #E87E28;
    color: #fff;
}

.modal input,
.modal textarea {
    width: 95%;
    height: 40px;
    border: 1px solid #DCDCDC;
    padding: 0 10px;
    font-weight: 300;

    line-height: normal;
    margin-left: 10px;

}

.modal textarea {
    padding: 10px;
    height: 90px
}

.modal input[type=submit] {
    background: #443635;
    border-radius: 50px;
    font-size: 1.2em;
    line-height: normal;
    text-align: center;
    padding: 0 28px;
    display: inline-block;
    text-decoration: none;

    color: #FFFFFF;
}

.modal input[type=submit]:hover {
    background: #E87E28;
    cursor: pointer
}

.modal p.price {
    font-size: 1.3em
}

.modal a {
    color: #fff;
    display: inline-block;
    padding: 13px 40px;
    text-decoration: none;
    position: relative;
    line-height: 1em;
    font-size: 1.2em;
    background: #E87E28;
    border-radius: 25px;
}

.modal a:hover {
    background: #E87E28;
}



.scrollToTop {
    width: 40px;
    height: 40px;
    line-height: 1em;
    padding: 8px 0;
    text-align: center;
    background: #f2f2f2;

    color: #E87E28;
    text-decoration: none;
    position: fixed;
    bottom: 10px;
    right: 10px;
    font-size: 18px;
    text-align: center;
    display: none;
    text-decoration: none;
    /*Firefox*/
    /*Safari, Chrome*/
    border-radius: 50%;
    z-index: 999;

}

.scrollToTop i {
    font-size: 24px;
    margin-left: -3px;
}

.scrollToTop:hover {
    background: #E87E28;
    color: #fff;
}

.codedropz-upload-inner h3  {padding: 0; font-size: 16px; border-left: none; font-weight: normal}
.dnd-upload-status .dnd-upload-details span.has-error {color: orange}
.dnd-upload-status .dnd-upload-details .name {color: #fff;}
.singlecategory {padding-right: 30px}
.catdesc {margin-bottom: 50px; }

.forminator-custom-form-330.forminator-design--flat .forminator-file-upload > span {color: #fff;}

.archives {padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px #f2f2f2 solid }