/* TYPOGRAPHY START */
@font-face {
    font-family: 'Gotham Pro';
    src: url('../fonts/gotham-pro/GothamPro-Bold.eot');
    src: url('../fonts/gotham-pro/GothamPro-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/gotham-pro/GothamPro-Bold.woff2') format('woff2'),
        url('../fonts/gotham-pro/GothamPro-Bold.woff') format('woff'),
        url('../fonts/gotham-pro/GothamPro-Bold.ttf') format('truetype'),
        url('../fonts/gotham-pro/GothamPro-Bold.svg#GothamPro-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham Pro';
    src: url('../fonts/gotham-pro/GothamPro-LightItalic.eot');
    src: url('../fonts/gotham-pro/GothamPro-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/gotham-pro/GothamPro-LightItalic.woff2') format('woff2'),
        url('../fonts/gotham-pro/GothamPro-LightItalic.woff') format('woff'),
        url('../fonts/gotham-pro/GothamPro-LightItalic.ttf') format('truetype'),
        url('../fonts/gotham-pro/GothamPro-LightItalic.svg#GothamPro-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Gotham Pro';
    src: url('../fonts/gotham-pro/GothamPro-Light.eot');
    src: url('../fonts/gotham-pro/GothamPro-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/gotham-pro/GothamPro-Light.woff2') format('woff2'),
        url('../fonts/gotham-pro/GothamPro-Light.woff') format('woff'),
        url('../fonts/gotham-pro/GothamPro-Light.ttf') format('truetype'),
        url('../fonts/gotham-pro/GothamPro-Light.svg#GothamPro-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham Pro';
    src: url('../fonts/gotham-pro/GothamPro-Black.eot');
    src: url('../fonts/gotham-pro/GothamPro-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/gotham-pro/GothamPro-Black.woff2') format('woff2'),
        url('../fonts/gotham-pro/GothamPro-Black.woff') format('woff'),
        url('../fonts/gotham-pro/GothamPro-Black.ttf') format('truetype'),
        url('../fonts/gotham-pro/GothamPro-Black.svg#GothamPro-Black') format('svg');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham Pro';
    src: url('../fonts/gotham-pro/GothamPro-Medium.eot');
    src: url('../fonts/gotham-pro/GothamPro-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/gotham-pro/GothamPro-Medium.woff2') format('woff2'),
        url('../fonts/gotham-pro/GothamPro-Medium.woff') format('woff'),
        url('../fonts/gotham-pro/GothamPro-Medium.ttf') format('truetype'),
        url('../fonts/gotham-pro/GothamPro-Medium.svg#GothamPro-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham Pro';
    src: url('../fonts/gotham-pro/GothamPro-MediumItalic.eot');
    src: url('../fonts/gotham-pro/GothamPro-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/gotham-pro/GothamPro-MediumItalic.woff2') format('woff2'),
        url('../fonts/gotham-pro/GothamPro-MediumItalic.woff') format('woff'),
        url('../fonts/gotham-pro/GothamPro-MediumItalic.ttf') format('truetype'),
        url('../fonts/gotham-pro/GothamPro-MediumItalic.svg#GothamPro-MediumItalic') format('svg');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Gotham Pro';
    src: url('../fonts/gotham-pro/GothamPro.eot');
    src: url('../fonts/gotham-pro/GothamPro.eot?#iefix') format('embedded-opentype'),
        url('../fonts/gotham-pro/GothamPro.woff2') format('woff2'),
        url('../fonts/gotham-pro/GothamPro.woff') format('woff'),
        url('../fonts/gotham-pro/GothamPro.ttf') format('truetype'),
        url('../fonts/gotham-pro/GothamPro.svg#GothamPro') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Arsenal';
    src: url('../fonts/arsenal/Arsenal-BoldItalic.eot');
    src: url('../fonts/arsenal/Arsenal-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/arsenal/Arsenal-BoldItalic.woff2') format('woff2'),
        url('../fonts/arsenal/Arsenal-BoldItalic.woff') format('woff'),
        url('../fonts/arsenal/Arsenal-BoldItalic.ttf') format('truetype'),
        url('../fonts/arsenal/Arsenal-BoldItalic.svg#Arsenal-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Arsenal';
    src: url('../fonts/arsenal/Arsenal-Italic.eot');
    src: url('../fonts/arsenal/Arsenal-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/arsenal/Arsenal-Italic.woff2') format('woff2'),
        url('../fonts/arsenal/Arsenal-Italic.woff') format('woff'),
        url('../fonts/arsenal/Arsenal-Italic.ttf') format('truetype'),
        url('../fonts/arsenal/Arsenal-Italic.svg#Arsenal-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Arsenal';
    src: url('../fonts/arsenal/Arsenal-Bold.eot');
    src: url('../fonts/arsenal/Arsenal-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/arsenal/Arsenal-Bold.woff2') format('woff2'),
        url('../fonts/arsenal/Arsenal-Bold.woff') format('woff'),
        url('../fonts/arsenal/Arsenal-Bold.ttf') format('truetype'),
        url('../fonts/arsenal/Arsenal-Bold.svg#Arsenal-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Arsenal';
    src: url('../fonts/arsenal/Arsenal-Regular.eot');
    src: url('../fonts/arsenal/Arsenal-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/arsenal/Arsenal-Regular.woff2') format('woff2'),
        url('../fonts/arsenal/Arsenal-Regular.woff') format('woff'),
        url('../fonts/arsenal/Arsenal-Regular.ttf') format('truetype'),
        url('../fonts/arsenal/Arsenal-Regular.svg#Arsenal-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* GENERAL */
.ymaps-2-1-74-svg-icon-content{
background: url(../images/zub.svg)

}
body {
	font-family: "Gotham Pro", sans-serif;	
    color: #000;
}

p {
    font-size: 1em;
}

.body-innerwrapper {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}
.service-card-link{
position:absolute;
top:0;
  right:0;
  bottom:0;
  left:0;
}
.container {
    max-width: 1320px;
}

.section-title {
    font-size: 1.2em;
    color: #40206c;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 1em;
    position: relative;
    z-index: 1;
    padding-left: 1em;
}

.section-title:after {
    content: attr(data-bg);
    font-size: 3em;
    color: rgba(64, 32, 108, 0.1);
    font-weight: 900;
    position: absolute;
    text-transform: uppercase;
    z-index: -1;
    left: 0;
    top: -0.65em;
    font-size: 1.8em;
}   

.form-input,
.form-select,
.form-textarea {
    border-radius: 0;
    background-color: transparent;
    border: 2px solid #40206c;
    font-size: 0.8em;
    padding: 0 2em;
    color: #40206c;
}

.form-input,
.form-select {
    height: 3.5em !important;
}

.form-select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg width='15' height='7' viewBox='0 0 15 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 7L14.8612 0.25H0.138784L7.5 7Z' fill='%2340206c'/%3E%3C/svg%3E%0A");
    background-position: center right 15px;
    background-repeat: no-repeat;
}

.form-select option {
    color: #40206c;
}

.form-select:focus,
.form-input:focus,
.form-textarea:focus {
    color: #40206c;
    background-color: transparent;
    border-color: #40206c;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(64, 32, 108, 0.25);
    
}

.form-select:required:invalid,
.form-input::placeholder,
.form-textarea::placeholder {
    color: rgba(64, 32, 108, 0.5)
}

.form-btn {
    padding: 0;
    height: 3.111em;
    font-size: 0.9em;
    color: #fff;
    widtH: 100%;
    text-transform: uppercase;
    border: none;
    background-color: #40206c;
    transition: background-color 0.4s; 
    cursor: pointer;
}

.form-btn:hover,
.form-btn:active {
    background-color: #6935af;
}

.form-btn:focus {
    outline: 0;
    background-color: #6935af;
}

.form-title {
    color: #363636;
    font-weight: 400;
    font-size: 1em;
    text-align: center;
    margin-bottom: 2em;
}

#sp-component {
	min-height: 0;
}

body:not(.home) #sp-component {
    padding: 110px 15px 80px 15px;
}

.sp-scroll-up {
    width: 45px;
    height: 45px;
    background-color: #40206c;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    
}

.sp-scroll-up:hover, 
.sp-scroll-up:active, 
.sp-scroll-up:focus {
    background: #6935af;
}

body.ltr.offcanvs-position-right.offcanvas-active .body-wrapper {
    right: 0;
}

.offcanvas-menu .offcanvas-inner .sp-module ul {
    margin-top: 15px;
}

.offcanvas-menu {
    width: 270px;
    min-height: 100vh;
    background-color: #40206c;
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li a, 
.offcanvas-menu .offcanvas-inner .sp-module ul > li span {
    color: #fff;
    font-size: 1em;
    padding: 10px 0;
}

.close-offcanvas {
    font-size: 1.2em;
    background: none;
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li a:hover, 
.offcanvas-menu .offcanvas-inner .sp-module ul > li span:hover, 
.offcanvas-menu .offcanvas-inner .sp-module ul > li a:focus, 
.offcanvas-menu .offcanvas-inner .sp-module ul > li span:focus {
    color: #fff;
    outline: 0;
}


#sp-hidden {
    height: 0;
    overflow: hidden;
}

/* MODAL */

.modal-open .modal {
    min-height: 100vh;
        padding: 10px!important;
}

.modal-content {
    border-radius: 0;
    font-size: 0.8em;
}
.modal-header,
.modal-header {
    border: 0;
}


.modal-header .close {
    padding: 0;
    font-size: 1.2em;
    color: #40206c;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 0;
    margin: 15px 10px 0 0;
    width: 30px;
    height: 30px;
}

.modal-header .close:focus {
    outline: 0;
}

.modal-dialog {
        text-align: center;
}

.modal-title {
    border-bottom: 3px solid #40206c;
    color: #40206c;
    padding: 0.6em 30px 0.6em 0;
    text-transform: uppercase;
    font-size: 1em;
    width: 100%;
}

.modal-body {
    color: #40206c;
    padding-top: 0.8em;
}

.modal-form .form-control {
    border: 0;
    border-bottom: 2px solid #40206c;
    padding: 1em;
    margin-bottom: 1em;
    background-color: #E2DEE9;
    height: auto !important;
}

.modal-form .form-btn {
    height: auto;
    font-size: 0.8em;
    padding: 1em 1.5em;
    margin-top: 1em;
}

.modal-close-btn {
    padding: 0.7em 1.8em;
    font-size: 1.2em;
    color: #fff;
    background-color: #40206c;
    border: 0;
    transition: background-color 0.4s; 
    cursor: pointer;
}

.modal-close-btn:hover,
.modal-close-btn:focus,
.modal-close-btn:active {
    background-color: #6935af;
}

.modal-footer {
    padding-top: 0;
    border: 0;
    font-size: 0.6em;
    color: #40206c;
}

/* HEADER */

#sp-header {
	font-family: 'Arsenal', sans-serif;
	box-shadow: none;
	position: fixed;
	top: 0;
	left: 0;
	background: transparent;
		transition:all 0.5s;
}
.sp-megamenu-parent{
	margin:0;
}
#sp-header .container-inner {
	padding: 10px 0;
}


#sp-header .logo {
	width: 80px;
	transition:all 0.5s;

}

#sp-header .logo-image{
	height:auto;
	transition:all 0.5s;
}
#sp-menu {
	display: flex;
	align-items: center;
}

#sp-menu .sp-column {
	margin-left: auto;
}


#sp-header.header-sticky {
    background: #fff;
    border: 0;
    z-index: 900;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
}

#offcanvas-toggler > .fa {
	color: #40206c;
}

.sp-megamenu-parent > li > a {
	font-size: 15px;
	text-transform: uppercase;
	color: #40206c;
}

.sp-megamenu-parent > li.active > a {
    color: #40206c;
}

.header-phone:hover,
.header-phone:focus,
.header-phone:active,
#offcanvas-toggler > .fa:hover, 
#offcanvas-toggler > .fa:focus, 
.sp-megamenu-parent > li.active:hover > a,
.sp-megamenu-parent > li:hover > a, 
.sp-megamenu-parent > li:active > a {
	color: #6935af;
}

#sp-phone {
    flex-direction: column;
    justify-content: center;
    padding: 0;
}

.header-phone {
    display: block;
    font-weight: bold;
    color: #40206c;
    font-size: 0.9em;
}


/* CTA */

#sp-cta {
	padding: 110px 0 40px 0;
	font-family: 'Arsenal', sans-serif;
	background: url("../images/cta-bg-1m.jpg"); 
    background-size: cover;
    background-position: center top;
}

.cta-title {
	text-transform: uppercase;
	color: #40206c;
	font-weight: bold;
	font-size: 1.8em;
    padding-bottom: 0.5em;
    margin-bottom: 0.5em;
    border-bottom: 2px solid #40206c;
}

.cta-subtitle {
	text-transform: uppercase;
	font-size: 1em;
    line-height: 2;
    margin:0;
}

.cta-btn {
	text-align: center;
	display: inline-block;
    color: #40206c;
    text-transform: uppercase;
    border: 2px solid #40206c;
    padding: 1em 2.5em;
    line-height: 1;
    font-size: 0.9em;
    margin: 2em 0;
    transition: all 0.4s;
}

.cta-btn:focus,
.cta-btn:active,
.cta-btn:hover {
	background: #40206c;
	color: #fff;
}

.cta-group {
	display: flex;
	align-items: center;
}

.cta-social-btn {
	flex: 0 0 auto;
    margin-right: 0.5em;
    background-color: #40206c;
    width: 2em;
    color: #fff;
    height: 2em;
    display: flex;
    font-size: 0.9em;
    justify-content: center;
    align-items: center;
    border-radius: 2em;
}

.cta-social-btn:hover,
.cta-social-btn:active,
.cta-social-btn:focus {
    color: #fff;
    background: #6935af;
}

.cta-social-text {
	font-size: 0.7em;
    text-transform: uppercase;
        color: #40206c;
}

/* APPOINTMENT */

#sp-appointment {
    position: relative;
}

#sp-appointment .section-title {
    padding: 0;
}

#sp-appointment {
    background-color: #F5F6FB;
    padding: 80px 0;
}

#sp-appointment .section-title {
    text-align: center;
}

#sp-appointment .form-control {
    margin-bottom: 1em;
}

#sp-appointment:before {
    content: '';
    display: none;
    position: absolute;
    width: 500px;
    height: 500px;
    background: url('../images/appointment-bg.png');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    bottom: 0;
    left: 0;
    transform: translateY(30%);
}

/* ABOUT US */

#sp-about-us {
    position: relative;
    padding: 80px 0;
}

#sp-about-us:before {
    content: '';
    display: none;
    position: absolute;
    width: 45%;
    height: 20%;
    background-color: #F5F6FB;
    z-index: -1;
    left: 0;
    top: 35px;
    box-shadow: 0px 0px 15px -3px #40206c;
}
#sp-about-us:after{
    content: '';
    display: none;
    position: absolute;
    width: 45%;
    height: 20%;
    background-color: #F5F6FB;
    z-index: -1;
    left: 0;
    bottom: 35px;
    box-shadow: 0px 0px 15px -3px #40206c;
}


.about-us-img {
    flex: 1 1 100%;
    object-fit: fill;
    margin-bottom: 15px;
        box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

/* SERVICES */

#sp-services {
    background-color: #E2DEE9;
    padding: 80px 0;
}

#sp-services p {
    font-size: 0.9em;
}

#sp-services .section-title {
    margin-bottom: 2em;
}

.service-card {
    background-color: #fff;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    transition: all 0.4s;
    margin-bottom: 15px;
    position: relative;
    background-repeat: no-repeat;
    background-size: auto 150px;
    background-position: left center;
    height:100%;
}
.services-inner{
	margin-bottom:1em;
}
.services div:nth-of-type(1) .service-card {
    background-image: url('../images/services-bg-1.png');
}

.services div:nth-of-type(2) .service-card {
    background-image: url('../images/services-bg-2.png');
}

.services div:nth-of-type(3) .service-card {
    background-image: url('../images/services-bg-3.png');
}

.services div:nth-of-type(4) .service-card {
    background-image: url('../images/services-bg-6.png');
}

.services div:nth-of-type(5) .service-card {
    background-image: url('../images/services-bg-5.png');
}

.services div:nth-of-type(6) .service-card {
    background-image: url('../images/services-bg-4.png');
}

.services div:nth-of-type(7) .service-card {
    background-image: url('../images/services-bg-7.png');
}

.services div:nth-of-type(8) .service-card {
    background-image: url('../images/services-bg-8.png');
}

.services div:nth-of-type(9) .service-card {
    background-image: url('../images/services-bg-9.png');
}

.service-card:hover {
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.4);
}

.service-card-link:hover  .service-card-btn-arrow {
    transform: translateX(0.5em);
}

.service-card-inner {
    display: flex;
    padding: 3rem 2rem;
    flex-direction: column;
}

.service-card-text,
.service-card-title {
    color: #000;
}

.service-card-title {
    font-size: 1em;
    font-weight: normal;
    text-transform: uppercase;
    font-weight:500;
  text-align: center;
}

.service-card-text {
    margin-bottom: 30px;   
}

.service-card-btn {
    color: #40206c;
    margin: auto 0 0 auto;
    position: absolute;
    bottom: 1em;
    right: 1.6em;
}
.card-price{
	    color: #40206c;
    font-weight: 500;
}
.service-card-btn-arrow {
    display: inline-block;
    width: 2.5em;
    height: 1px;
    background: #40206c;
    vertical-align: middle;
    margin-left: 0.6em;
    position: relative;
    transition: transform 0.4s;
}

.service-card-btn-arrow:after,
.service-card-btn-arrow:before {
    content: '';
    background-color: inherit;
    width: 0.3em;
    height: 1px;
    position: absolute;
    right: 0;
    transform-origin: right;
}

.service-card-btn-arrow:after {
    transform: rotate(35deg);
}

.service-card-btn-arrow:before {
    transform: rotate(-35deg);
}

.service-btn {
    background: none;
    border: 2px solid #40206c;
    margin: 2em auto 0 auto;
    display: block;
    text-transform: uppercase;
    padding: 0.9em 2em;
    line-height: 1;
    font-weight: 500;
    color: #40206c;
    cursor: pointer;
    transition: all 0.4s;
}

.service-btn:focus,
.service-btn:active,
.service-btn:hover {
	background: #40206c;
	color: #fff;
}

.service-btn:focus {
    outline: 0;
}

/* WHY WE */

#sp-why-we {
    background-color: #fff;
    padding-bottom: 80px;
}

#sp-why-we .sp-module {
    padding: 80px 0;
}

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

.why-we-item:not(:last-child) {
    border-bottom: 2px solid #40206c;
}

.why-we-item {
    padding: 0.7em 0;
}

.why-we-img {
    margin: 30px auto 0 auto;
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
        box-shadow: 0 14px 28px rgba(0,0,0,0.25), 10px 10px 15px -6px #40206c;
        max-height: 100%;
    max-width: 100%;
}

/* GALLERY */

.gallery {
    margin-top: 2em;
}

.gallery img {
    margin-bottom: 15px;
    width: 100%;
}
#sp-why-we .gallary-title{
	padding-bottom:0;
}
 #sp-why-we .main-gallary{
	padding:0;
}
.speasyimagegallery-gallery-item > div {
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}
.videos-inner video{
	width:100%;
}
.videos-inner video:focus{
	outline:none;
}
.videos-inner{
max-height:300px;
}

/* TEAM */

#sp-team {
    padding: 80px 0;
    background-color: #F5F6FB;
}

#sp-team .section-title {
    margin-bottom: 60px;
}

.owl-nav {
    position: absolute;
    top: 40%;
    transform: translateY(-50%);
    margin: 0 auto;
    left: 0;
    right: 0;
    text-align: center;
  
}

.owl-prev {
	position: absolute;
    left: -65px;
    transform: translateY(-50%) ;
    font-size: 1.5em;
	
}
.owl-next {
	position: absolute;
   right: -65px;
    transform: translateY(-50%) ;
    font-size: 1.5em;
	
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
      font-size: 2em;
    color: #40206c;
}
.owl-nav > button {
    margin: 0 15px;
}

.owl-nav > button:focus {
    outline: 0;
}
.owl-dots{
	display:block;
	text-align:center;
}
.owl-dots button{
	display:inline-block;
	margin:0 10px;
	transition:all 0.5s;
}
.owl-dots button:focus{
	border:none;
	outline:none;
}
.owl-dots button>span{
	display:inline-block;
	width:30px;
	height:3px;
	background:#ccc;
	transition:all 0.5s;
}
.owl-carousel .owl-stage {
    display: flex;
    flex-wrap: wrap;
	
}
.team-item{
	position:relative;
	padding-bottom:10px;
}
.owl-item:before {
    content: "";
    display: inline-block;
    width: 20%;
    position: absolute;
    left: 0px;
    bottom: 0px;
    height: 2px;
    background: #40206c;
}
/*.owl-item:after {*/
/*    content: "";*/
/*    display: inline-block;*/
/*    width: 2px;*/
/*    position: absolute;*/
/*    left: 0px;*/
/*    bottom: 0px;*/
/*    height: 20px;*/
/*    background: #40206c;*/
/*}*/
.owl-dots button.active>span{
background: #40206c;
}
.team-img {
    margin-bottom: 0.6em;
}

.team-title {
    color: #40206c;
    font-size: 1.3em;
}

.team-title > span {
    font-weight: 300;
}

#sp-component .section-title {
    margin-bottom: 2em;
}

#sp-component .team-item {
    margin-bottom: 30px;
}

#sp-component .team-img {
    width: 100%;
}

/* LICENSES */

#sp-licenses {
    position: relative;
    background-color: #fff;
}

#sp-licenses .sp-module {
    padding: 80px 0 50px;
}


#sp-licenses:before {
    content: '';
    display: none;
    position: absolute;
    width: 500px;
    height: 600px;
    background: url('../images/licenses-bg.png');
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    top: 0;
    right: 0;
    transform: translateY(-25%)
}

#sp-licenses .section-title {
    margin-bottom: 2em;
}

.licenses-img {
    width: 100%;
    margin-bottom: 30px;
}

/* REVIEWS */

.reviews-images img,
.reviews-videos img {
    margin-bottom: 15px;
    width: 100%;
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}
/* 
.reviews-videos {
    margin-bottom: 30px;
}
 */
/* QUESTIONS */

#sp-questions {
    padding: 80px 0;
    background-image: url("../images/questions-bg.jpg");
    background-size: cover;
    background-position: 49.2% center;
}

.questions-title {
    font-size: 1.2em;
    text-align: center;
    text-transform: uppercase;
    color: #40206c;
}

.questions-text {
    margin-bottom: 1.5em;
    text-align: center;
}

/* CONTACTS */

#sp-contacts {
    margin-top: auto;
    padding-top: 80px;
    background-color: #fff;
}

.contacts-list {
    padding: 0;
    margin: 30px 15px 0 15px;
    list-style: none;
    padding: 1.5em 0;
    border-bottom: 2px solid #40206c;
    border-top: 2px solid #40206c;
}

.contacts-item i {
    font-size: 1.5em;
    text-align: center;
    width: 1.5em;
    color: #40206c;
}

.messengers-list {
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: center;
    margin: 30px 0; 
}

.messengers-item:not(:last-child) {
    margin-right: 30px;
}

.messengers-link {
    width: 50px;
    height: 50px;
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}
 
.messengers-link.vk {
    background-image: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M26 34C27 34 27 32.6 27 32C27 31 28 30 29 30C30 30 31.7 31.7 33 33C34 34 34 34 35 34C36 34 38 34 38 34C38 34 40 33.9 40 32C40 31.4 39.3 30.3 37 28C35 26 34 27 37 23C38.8 20.5 40.2 18.3 40 17.7C39.8 17.1 34.7 16.1 34 17C32 20 31.6 20.7 31 22C30 24 29.9 25 29 25C28.1 25 28 23.1 28 22C28 18.7 28.5 16.4 27 16C27 16 25 16 24 16C22.4 16 21 17 21 17C21 17 19.8 18 20 18C20.3 18 22 17.6 22 19C22 20 22 21 22 21C22 21 22 25 21 25C20 25 18 21 16 18C15.2 16.8 15 17 14 17C12.9 17 12 17 11 17C10 17 9.90002 17.6 10 18C12 23 13.4 26.1 17.2 30.1C20.7 33.7 23 33.9 25 34C25.5 34 25 34 26 34Z' fill='%2354769B'/%3E%3Cpath d='M25 1C11.7 1 1 11.7 1 25C1 38.3 11.7 49 25 49C38.3 49 49 38.3 49 25C49 11.7 38.3 1 25 1ZM25 44C14.5 44 6 35.5 6 25C6 14.5 14.5 6 25 6C35.5 6 44 14.5 44 25C44 35.5 35.5 44 25 44Z' fill='%2354769B'/%3E%3C/svg%3E%0A");
}

.messengers-link.whatsapp {
    background-image: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M40.7327 9.0668C36.5312 4.85547 30.9362 2.53906 24.9899 2.53906C12.7167 2.53906 2.72958 12.5263 2.72958 24.7993C2.72958 28.7198 3.75243 32.5503 5.69774 35.9295L2.53925 47.4607L14.3412 44.3623C17.59 46.137 21.2498 47.0697 24.98 47.0697H24.99C37.2533 47.0697 47.4608 37.0825 47.4608 24.8095C47.4607 18.8633 44.9341 13.2782 40.7327 9.0668Z' fill='%232CB742'/%3E%3Cpath d='M24.9899 43.3195C21.6609 43.3195 18.402 42.4271 15.5644 40.7426L14.8926 40.3415L7.89355 42.1764L9.75869 35.3479L9.31748 34.646C7.4625 31.698 6.48975 28.2988 6.48975 24.7993C6.48975 14.6017 14.7923 6.29932 25 6.29932C29.9433 6.29932 34.5857 8.22451 38.0754 11.7239C41.5647 15.2234 43.7106 19.8661 43.7007 24.8095C43.7007 35.0173 35.1874 43.3195 24.9899 43.3195Z' fill='white'/%3E%3Cpath d='M35.1374 29.4616C34.5859 29.1811 31.8486 27.8371 31.3372 27.6569C30.8258 27.4663 30.4549 27.3762 30.0839 27.9377C29.7129 28.4992 28.65 29.7424 28.3189 30.1236C27.9981 30.4946 27.6672 30.5447 27.1157 30.264C23.8469 28.6297 21.7011 27.3462 19.5453 23.646C18.9737 22.6634 20.117 22.7335 21.1797 20.6079C21.3603 20.2367 21.2701 19.9159 21.1295 19.6352C20.9892 19.3544 19.8762 16.617 19.4149 15.5039C18.9637 14.421 18.5025 14.5714 18.1615 14.5514C17.8407 14.5312 17.4695 14.5313 17.0987 14.5313C16.7276 14.5313 16.1261 14.6717 15.6146 15.2231C15.1033 15.7847 13.6693 17.1284 13.6693 19.8658C13.6693 22.6032 15.6646 25.2505 15.9354 25.6214C16.2161 25.9923 19.8561 31.6076 25.4411 34.0242C28.9708 35.5483 30.3546 35.6785 32.1194 35.4179C33.1922 35.2574 35.4084 34.0742 35.8695 32.7707C36.3307 31.4673 36.3307 30.3544 36.1903 30.1237C36.06 29.8728 35.6889 29.7325 35.1374 29.4616Z' fill='%232CB742'/%3E%3C/svg%3E%0A");
}

.messengers-link.viber {
    background-image: url("data:image/svg+xml,%3Csvg width='52' height='56' viewBox='0 0 52 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d)'%3E%3Cpath d='M42.4949 6.91322C41.3809 5.88695 36.8716 2.61459 26.8181 2.57084C26.8181 2.57084 14.9663 1.86029 9.1938 7.15902C5.98296 10.3697 4.85132 15.0807 4.72847 20.9145C4.60562 26.7485 4.4565 37.679 14.9925 40.6444H15.0012L14.9925 45.171C14.9925 45.171 14.9224 47.0045 16.133 47.373C17.5893 47.8292 18.449 46.4344 19.8438 44.9342C20.6071 44.1096 21.6597 42.899 22.4581 41.9777C29.6692 42.5831 35.2049 41.197 35.8365 40.9953C37.2928 40.5216 45.5303 39.4688 46.8637 28.538C48.2498 17.2563 46.197 10.1329 42.4949 6.91322Z' fill='%23834995'/%3E%3Cpath d='M43.7144 27.7132C42.5827 36.8366 35.9066 37.4157 34.6785 37.8105C34.1521 37.9771 29.2833 39.1878 23.1687 38.7931C23.1687 38.7931 18.6069 44.2935 17.1857 45.7236C16.7208 46.1884 16.212 46.1446 16.2208 45.2234C16.2208 44.6183 16.2558 37.7053 16.2558 37.7053C16.247 37.7053 16.247 37.7053 16.2558 37.7053C7.32516 35.2313 7.85152 25.9235 7.94801 21.0546C8.04449 16.1859 8.96568 12.1943 11.6852 9.5099C16.5716 5.07963 26.6339 5.73764 26.6339 5.73764C35.1346 5.7727 39.2052 8.33422 40.1527 9.19399C43.2844 11.8785 44.8812 18.3001 43.7144 27.7132Z' fill='white'/%3E%3Cpath d='M31.5203 20.625C31.5553 21.3794 30.4237 21.4321 30.3886 20.6775C30.2921 18.7475 29.3884 17.809 27.5287 17.7037C26.7742 17.6597 26.8444 16.5281 27.59 16.572C30.0378 16.7036 31.3975 18.1072 31.5203 20.625Z' fill='%23834995'/%3E%3Cpath d='M33.3012 21.616C33.3888 17.8964 31.0642 14.9839 26.6514 14.6594C25.9057 14.6068 25.9847 13.475 26.7305 13.5277C31.8187 13.8962 34.5293 17.3965 34.4329 21.6424C34.4241 22.3968 33.2835 22.3618 33.3012 21.616Z' fill='%23834995'/%3E%3Cpath d='M37.4244 22.7921C37.4331 23.5466 36.2927 23.5553 36.2927 22.8009C36.24 15.6512 31.4765 11.7561 25.6952 11.7122C24.9495 11.7034 24.9495 10.5806 25.6952 10.5806C32.1607 10.6244 37.363 15.0896 37.4244 22.7921Z' fill='%23834995'/%3E%3Cpath d='M36.433 31.3976V31.4153C35.4855 33.0821 33.7134 34.9245 31.8887 34.3367L31.8712 34.3102C30.0201 33.7927 25.6602 31.5469 22.9055 29.3537C21.4843 28.2307 20.1859 26.9061 19.1858 25.634C18.2823 24.5023 17.37 23.16 16.4839 21.546C14.6154 18.1684 14.2031 16.6595 14.2031 16.6595C13.6153 14.8348 15.4488 13.0626 17.1243 12.1153H17.142C17.949 11.6941 18.721 11.8345 19.2385 12.4573C19.2385 12.4573 20.3264 13.7555 20.7913 14.3961C21.2299 14.9926 21.8177 15.9488 22.1248 16.4839C22.6599 17.4401 22.3264 18.4139 21.8002 18.8173L20.7474 19.6596C20.2124 20.0894 20.2825 20.8877 20.2825 20.8877C20.2825 20.8877 21.844 26.7919 27.6779 28.2833C27.6779 28.2833 28.4763 28.3535 28.906 27.8183L29.7483 26.7656C30.1517 26.2392 31.1256 25.9059 32.0818 26.4411C33.3714 27.1691 35.0119 28.3008 36.0998 29.3273C36.7137 29.8273 36.8541 30.5907 36.433 31.3976Z' fill='%23834995'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d' x='-3' y='0' width='58' height='58' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset dy='4'/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
}


/* FOOTER */

#sp-footer {
    text-align: center;
    font-size: 0.6em;
}

#sp-footer .container-inner {
    padding: 20px 0;
}

#sp-footer p:last-child {
    margin-bottom: 0;
}
.modal.show .modal-dialog {
    -webkit-transform: translate(0,-5%);
    transform: translate(0,-5%);
}
.article p {
	font-style:normal;
}
/* RESPONSIVE */
@media (max-width: 991px) {
	.videos-inner {
    max-height: 175px;
}
	#sp-phone{
		-webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    -moz-order: 2;
    -ms-order: 2;
    order: 2;
    text-align:center;
	}
	#sp-menu{
			-webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    -ms-box-ordinal-group: 3;
    -ms-flex-order: 3;
    -webkit-order: 3;
    -moz-order: 3;
    -ms-order: 3;
    order: 3;
	}
	.header-phone{
		display:inline-block;
		margin:0 1em;
	}
	#sp-menu .sp-column {
    margin: auto ;
}
}
@media (max-width: 768px) {
	#sp-cta{
		background-position: 75%;
		position:relative;
	}
	#sp-cta:after{
		content:"";
		display:block;
		z-index:0;
		position:absolute;
		top:0;
		right:0;
		bottom:0;
		left:0;
		background: rgba(245, 246, 251, 0.8);
	}
	.sp-cta-inner{
		text-align:center;
		z-index: 10;
	}
	.cta-group{
		justify-content:center;
	}
	.cta-title {
    font-size: 1.6em;
		
	}
	.cta-btn{
		background: #40206c;
    color: #fff;
	}
	.section-title {
    font-size: 1.5em;
		text-align:center;
		padding:0;
	}
}
@media (max-width: 575px) {
	.modal-title {
    font-size: 0.8em;
}
.videos-inner {
    max-height: 230px;
}
.article-details p{
font-size: 0.7rem;
}
}
@media (max-width:320px) {
#sp-services .section-title {
    font-size: 1em;
}
}		
/* SM */
@media (min-width: 576px) {
    body {
        font-size: 18px;
    }

    /* HEADER */
    
    /* CTA */
    #sp-cta {
        font-size: 1.2em;
    }
    
	/* SERVICES */

    .service-card-inner {
        margin-bottom: 30px;
    }

    /* WHY WE */

    .why-we-img {
        margin: 0;
    }
    
    /* GALLERY */
    .gallery img {
        margin-bottom: 30px;
    }

    /* LICENSES */

    
    #sp-licenses .sp-module {
        padding: 80px 0;
    }

    .licenses-img {
        margin-bottom: 0;
    }

    /* REVIEWS */

    .reviews-images img,
    .reviews-videos img {
        margin-bottom: 0;
    }

    .reviews-videos {
        margin-bottom: 30px;
    }
}

/* MD */
@media (min-width: 768px) {
    body {
        font-size: 20px; 
    }

    body:not(.home) #sp-component {
        padding-top: 120px;
    }
    
    
    /* HEADER */
    #sp-cta {
        padding-top: 120px;
    }

    /* ABOUT US */
   
    #sp-about-us .section-title:after {
        right: 0;
        left: auto;
    }

    #sp-about-us .section-title {
        padding: 0;
    }

    .about-us-img {
        margin-bottom: 30px;
    }
    
    /* WHY WE */

    
    /* CONTACTS */

    .messengers-list,
    .contacts-list {
        max-width: 645px;
        margin: 0 15px 30px 0;
    }

    #sp-contacts .section-title {
        margin-bottom: 2em;
    }
   
}

/* LG */
@media (min-width: 992px) {
    
    body:not(.home) #sp-component {
        padding-top: 160px;
    }

	/* HEADER */
	#sp-header .logo {
		width: 120px;
	}	
	
	/* CTA */
	
	#sp-cta {
		padding-top: 160px;
	}
	
	/* .cta-title {
		font-size: 3.75em;	
    } */

    /* APPOINTMENT */

    #sp-appointment:before {
        display: block;
    }
     #sp-about-us:before, #sp-about-us:after {
        display: block;
    }

	/* Slider */
  	
  .owl-carousel,  .licence{
  	width:75%;
  	margin:auto;
  }
  
  	/* Slider end */
  
  	
    /* SERVICES */
    
    .service-card-inner {
        
    }

    .service-card {
        background-size: auto;
        background-position: 0% 80%;
    }

    /* WHY WE */

    /* GALLERY */

    .gallery img {
        margin-bottom: 0;
    }
    .team-title {
    font-size: 1.1em;
	}

    /* LICENSES */

    #sp-licenses:before {
        display: block;
    }
    /* .header-phone {
	    border-left: 2px solid;
        border-right: 2px solid;
    } */
}

/* XL */
@media (min-width: 1200px) {    
	.sp-megamenu-parent > li > a {
		font-size: 20px;
    }
    
    body:not(.home) #sp-component {
        padding-top: 180px;
    }


    /* CTA */
	
	#sp-cta {
		padding-top: 180px;
	}
	
}


/* XXL */
@media (min-width: 1290px) {    	
	#sp-header {
		border: 0;	
	}
	
	#sp-header.header-sticky .container-inner {
		border: 0;
	}
	
	#sp-header .container-inner {
		border-bottom: 2px solid #40206c;
    }
    
    /* CTA */	
}

/* XXXL */
@media (min-width: 1600px) {    

    /* HEADER */
    #sp-header .logo {
        width: 160px; 
    }	

    #sp-header.header-sticky .logo {
        width: 140px; 
    }
	.service-card-inner {
      
    }
    .licence{
    width:80%;
    margin:auto;
    }
    /* Slider */
  	
  .owl-carousel{
  	width:90%;
  	margin:auto;
  }
   .team-title {
    font-size: 1.3em;
	}
  	/* Slider end */

    body {
        font-size: 24px;
    }
}

