/* 
==============================================
    CONTENT OF THE FILE
==============================================

    1. RESET DEFAULT BROWSER STYLES
    2. FONTS
    3. GENERAL STYLES
    4. HEADER
    ...

*/
















/*
==============================================
    1. RESET DEFAULT BROWSER STYLES
==============================================
*/
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}:focus{outline:0}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:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none}input[type=search]{-webkit-appearance:none;-moz-appearance:none;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}textarea{overflow:auto;vertical-align:top;resize:vertical}audio,canvas,video{display:inline-block;max-width:100%}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}a:focus{outline:thin dotted}a:active,a:hover{outline:0}img{border:0;-ms-interpolation-mode:bicubic}figure{margin:0}form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}button,html,input,select,textarea{color:#222}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}img{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.chromeframe{margin:.2em 0;background:#ccc;color:#000;padding:0}




















/*
==============================================
    2. FONTS
==============================================
*/
@font-face {
	font-family: 'HelveticaNeueCyr';
	src: url('../fonts/HelveticaNeueCyr-Medium.eot');
	src: local('HelveticaNeueCyr-Medium'),
		url('../fonts/HelveticaNeueCyr-Medium.eot?#iefix') format('embedded-opentype'),
		url('../fonts/HelveticaNeueCyr-Medium.woff') format('woff'),
		url('../fonts/HelveticaNeueCyr-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'HelveticaNeueCyr';
	src: url('../fonts/HelveticaNeueCyr-Heavy.eot');
	src: local('HelveticaNeueCyr-Heavy'),
		url('../fonts/HelveticaNeueCyr-Heavy.eot?#iefix') format('embedded-opentype'),
		url('../fonts/HelveticaNeueCyr-Heavy.woff') format('woff'),
		url('../fonts/HelveticaNeueCyr-Heavy.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
}

@font-face {
	font-family: 'HelveticaNeueCyr';
	src: url('../fonts/HelveticaNeueCyr-HeavyItalic.eot');
	src: local('HelveticaNeueCyr-HeavyItalic'),
		url('../fonts/HelveticaNeueCyr-HeavyItalic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/HelveticaNeueCyr-HeavyItalic.woff') format('woff'),
		url('../fonts/HelveticaNeueCyr-HeavyItalic.ttf') format('truetype');
	font-weight: 900;
	font-style: italic;
}

@font-face {
	font-family: 'HelveticaNeueCyr';
	src: url('../fonts/HelveticaNeueCyr-Black.eot');
	src: local('HelveticaNeueCyr-Black'),
		url('../fonts/HelveticaNeueCyr-Black.eot?#iefix') format('embedded-opentype'),
		url('../fonts/HelveticaNeueCyr-Black.woff') format('woff'),
		url('../fonts/HelveticaNeueCyr-Black.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
}

@font-face {
	font-family: 'HelveticaNeueCyr';
	src: url('../fonts/HelveticaNeueCyr-UltraLightItalic.eot');
	src: local('HelveticaNeueCyr-UltraLightItalic'),
		url('../fonts/HelveticaNeueCyr-UltraLightItalic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/HelveticaNeueCyr-UltraLightItalic.woff') format('woff'),
		url('../fonts/HelveticaNeueCyr-UltraLightItalic.ttf') format('truetype');
	font-weight: 200;
	font-style: italic;
}

@font-face {
	font-family: 'HelveticaNeueCyr';
	src: url('../fonts/HelveticaNeueCyr-BlackItalic.eot');
	src: local('HelveticaNeueCyr-BlackItalic'),
		url('../fonts/HelveticaNeueCyr-BlackItalic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/HelveticaNeueCyr-BlackItalic.woff') format('woff'),
		url('../fonts/HelveticaNeueCyr-BlackItalic.ttf') format('truetype');
	font-weight: 900;
	font-style: italic;
}

@font-face {
	font-family: 'HelveticaNeueCyr';
	src: url('../fonts/HelveticaNeueCyr-ThinItalic.eot');
	src: local('HelveticaNeueCyr-ThinItalic'),
		url('../fonts/HelveticaNeueCyr-ThinItalic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/HelveticaNeueCyr-ThinItalic.woff') format('woff'),
		url('../fonts/HelveticaNeueCyr-ThinItalic.ttf') format('truetype');
	font-weight: 100;
	font-style: italic;
}

@font-face {
	font-family: 'HelveticaNeueCyr';
	src: url('../fonts/HelveticaNeueCyr-MediumItalic.eot');
	src: local('HelveticaNeueCyr-MediumItalic'),
		url('../fonts/HelveticaNeueCyr-MediumItalic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/HelveticaNeueCyr-MediumItalic.woff') format('woff'),
		url('../fonts/HelveticaNeueCyr-MediumItalic.ttf') format('truetype');
	font-weight: 500;
	font-style: italic;
}

@font-face {
	font-family: 'HelveticaNeueCyr';
	src: url('../fonts/HelveticaNeueCyr-LightItalic.eot');
	src: local('HelveticaNeueCyr-LightItalic'),
		url('../fonts/HelveticaNeueCyr-LightItalic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/HelveticaNeueCyr-LightItalic.woff') format('woff'),
		url('../fonts/HelveticaNeueCyr-LightItalic.ttf') format('truetype');
	font-weight: 300;
	font-style: italic;
}

@font-face {
	font-family: 'HelveticaNeueCyr';
	src: url('../fonts/HelveticaNeueCyr-UltraLight.eot');
	src: local('HelveticaNeueCyr-UltraLight'),
		url('../fonts/HelveticaNeueCyr-UltraLight.eot?#iefix') format('embedded-opentype'),
		url('../fonts/HelveticaNeueCyr-UltraLight.woff') format('woff'),
		url('../fonts/HelveticaNeueCyr-UltraLight.ttf') format('truetype');
	font-weight: 200;
	font-style: normal;
}

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

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

@font-face {
	font-family: 'HelveticaNeueCyr';
	src: url('../fonts/HelveticaNeueCyr-Roman.eot');
	src: local('HelveticaNeueCyr-Roman'),
		url('../fonts/HelveticaNeueCyr-Roman.eot?#iefix') format('embedded-opentype'),
		url('../fonts/HelveticaNeueCyr-Roman.woff') format('woff'),
		url('../fonts/HelveticaNeueCyr-Roman.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

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

@font-face {
	font-family: 'HelveticaNeueCyr';
	src: url('../fonts/HelveticaNeueCyr-Light.eot');
	src: local('HelveticaNeueCyr-Light'),
		url('../fonts/HelveticaNeueCyr-Light.eot?#iefix') format('embedded-opentype'),
		url('../fonts/HelveticaNeueCyr-Light.woff') format('woff'),
		url('../fonts/HelveticaNeueCyr-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'HelveticaNeueCyr';
	src: url('../fonts/HelveticaNeueCyr-Thin.eot');
	src: local('HelveticaNeueCyr-Thin'),
		url('../fonts/HelveticaNeueCyr-Thin.eot?#iefix') format('embedded-opentype'),
		url('../fonts/HelveticaNeueCyr-Thin.woff') format('woff'),
		url('../fonts/HelveticaNeueCyr-Thin.ttf') format('truetype');
	font-weight: 100;
	font-style: normal;
}


@font-face {
	font-family: 'houri';
	src:  url('../fonts/icons/houri.eot?fldo1z');
	src:  url('../fonts/icons/houri.eot?fldo1z#iefix') format('embedded-opentype'),
		url('../fonts/icons/houri.ttf?fldo1z') format('truetype'),
		url('../fonts/icons/houri.woff?fldo1z') format('woff'),
		url('../fonts/icons/houri.svg?fldo1z#houri') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: block;
}

[class^="houri-icon-"], [class*=" houri-icon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'houri' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.houri-icon-facebook:before {
	content: "\e900";
}
.houri-icon-mail:before {
	content: "\e901";
	color: #fff;
}
.houri-icon-waze:before {
	content: "\e902";
}
.houri-icon-whatsup:before {
	content: "\e903";
	color: #fff;
}
.houri-icon-info:before {
	content: "\e904";
	color: #fff;
}
  
  





































/*
==============================================
    3. GENERAL STYLES
==============================================
*/

* {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

body {
    font-family: 'HelveticaNeueCyr', sans-serif;
    font-size: 16px;
    line-height: 1.4;
    overflow-x: hidden;
	color: #222222;
}
html.overflow-hidden {
    overflow: hidden;
}
img {
    max-width: 100%;
    height: auto;
}
a {
    text-decoration: none;
    color: inherit;
}
main {
    flex: 1;
}

.zd-body-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 100vh;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.zd-container {
    max-width: 1376px;
    width: 100%;
    padding-left: 40px;
    padding-right: 40px;
    margin-left: auto;
    margin-right: auto;
}


.zd-seo-only {
    font-size: 0;
    text-indent: -99999px;
    opacity: 0;
    width: 0;
    height: 0;
}



/* 3.1 Buttons */
.zd-button-wrapper .zd-button {
    display: inline-block; 
    cursor: pointer;
    outline: 0;
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
	font-family: HelveticaNeueCyr;
	font-weight: 550;
	font-size: 16px;
	padding: 16px 35px;
	line-height: 16px;
	background: linear-gradient(264.99deg, #219EBC 0%, #219EBC 100%);
	color: #fff;
	border: 2px solid #219EBC;
	border-radius: 100px;
}
.zd-button-wrapper .zd-button:hover {
	/* background:  #19778D; */
	background: linear-gradient(264.99deg, rgba(33, 158, 188, 0) 0%, #19778D 88.99%), linear-gradient(95.38deg, #219EBC 44.79%, #19778D 100%);
	border: 2px solid #EEF7FB;
	-webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}
/* White Button */
.zd-button-wrapper.white .zd-button { 
	background: #fff;
	color: #219EBC;
}
.zd-button-wrapper.white .zd-button:hover {
	color: #fff;
	background: #219ebc;
}



/* Icons */
.houri-icon-mail,
.houri-icon-whatsup {
	border: 1.8px solid #219EBC;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all .25s ease-in-out;
	border: 1.8px solid transparent;
}
.houri-icon-mail {
	font-size: 12.75px;
}
.houri-icon-whatsup {
	font-size: 18.38px;
}
.fw-social-media-wrapper {
	display: flex;
	justify-content: center;
	align-items: center;
}
.fw-social-media-wrapper a {
	display: inline-block;
	position: relative;
	width: 40px;
	height: 40px;
}
.fw-social-media-wrapper a img,
.fw-social-media-wrapper a svg {
	max-width: 100%;
	height: auto;
	max-width: 200px;
}
.fw-social-media-wrapper .flip-box-wrapper .flip-front-block {
	color: #fff;
	background: linear-gradient(264.99deg, #219EBC 0%, #219EBC 100%);
	/* border: 2px solid transparent; */
}
.fw-social-media-wrapper .flip-box-wrapper .flip-back-block {
	background: linear-gradient(264.99deg, rgba(33, 158, 188, 0) 0%, #19778D 88.99%), linear-gradient(95.38deg, #219EBC 44.79%, #19778D 100%);
	/* border: 2px solid #EEF7FB; */
}


/*
* Flipp plates
*/
.flip-box-wrapper .flip-front-block, 
.flip-box-wrapper .flip-back-block {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    box-sizing: border-box;
}
.flip-box-wrapper .flip-inner {
	display: flex;
	align-items: center;
	justify-content: center;
}
/* Front Block */
.flip-box-wrapper .flip-front-block {
	background: #eee;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: rotateY(0deg);
	transform: rotateY(0deg);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 2;
	-webkit-transition: all .5s cubic-bezier(.5, .12, .46, .88);
	-o-transition: all .5s cubic-bezier(.5, .12, .46, .88);
	transition: all .5s cubic-bezier(.5, .12, .46, .88);
}
.flip-box-wrapper .flip-front-block .flip-inner {
	-webkit-transform: translateZ(0px);
	transform: translateZ(0px);
	-webkit-transition: all .4s cubic-bezier(.5, .12, .46, .88) .2s;
	-o-transition: all .4s cubic-bezier(.5, .12, .46, .88) .2s;
	transition: all .4s cubic-bezier(.5, .12, .46, .88) .2s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

/* Back Block */
.flip-box-wrapper .flip-back-block {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	background: #fff;
    z-index: 1;
	-webkit-transition: all .5s cubic-bezier(.5, .12, .46, .88);
	-o-transition: all .5s cubic-bezier(.5, .12, .46, .88);
	transition: all .5s cubic-bezier(.5, .12, .46, .88);
}
.flip-box-wrapper .flip-back-block .flip-inner {
	 -webkit-transform: translateZ(25px);
	transform: translateZ(25px);
	-webkit-transition: all .4s cubic-bezier(.5, .12, .46, .88);
	-o-transition: all .4s cubic-bezier(.5, .12, .46, .88);
	transition: all .4s cubic-bezier(.5, .12, .46, .88);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}




/* Hover */
.flip-box-wrapper:hover .flip-front-block {
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
	-webkit-transition: all .5s cubic-bezier(.5, .12, .46, .88);
	-o-transition: all .5s cubic-bezier(.5, .12, .46, .88);
	transition: all .5s cubic-bezier(.5, .12, .46, .88);
}
.flip-box-wrapper:hover .flip-front-block .flip-inner {
	-webkit-transform: translateZ(25px);
	transform: translateZ(25px);
	-webkit-transition: all .4s cubic-bezier(.5, .12, .46, .88);
	-o-transition: all .4s cubic-bezier(.5, .12, .46, .88);
	transition: all .4s cubic-bezier(.5, .12, .46, .88);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.flip-box-wrapper:hover .flip-back-block {
	-webkit-transform: rotateY(0deg);
	transform: rotateY(0deg);
	-webkit-transition: all .5s cubic-bezier(.5, .12, .46, .88);
	-o-transition: all .5s cubic-bezier(.5, .12, .46, .88);
	transition: all .5s cubic-bezier(.5, .12, .46, .88);
	z-index: 2;

}
.flip-box-wrapper:hover .flip-back-block .flip-inner {
	-webkit-transform: translateZ(0px);
	transform: translateZ(0px);
	-webkit-transition: all .4s cubic-bezier(.5, .12, .46, .88) .2s;
	-o-transition: all .4s cubic-bezier(.5, .12, .46, .88) .2s;
	transition: all .4s cubic-bezier(.5, .12, .46, .88) .2s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}


/* Service Item */
.zd-service-item-container .flip-box-wrapper .flip-back-block .flip-inner {
	-webkit-transform: translateZ(70px);
	transform: translateZ(70px);
	-webkit-transition: all .4s cubic-bezier(.5, .12, .46, .88) .2s;
	-o-transition: all .4s cubic-bezier(.5, .12, .46, .88) .2s;
	transition: all .4s cubic-bezier(.5, .12, .46, .88) .2s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
/* On hover */
.zd-service-item-container .flip-box-wrapper:hover .flip-front-block .flip-inner {
	-webkit-transform: translateZ(70px);
	transform: translateZ(70px);
	-webkit-transition: all .4s cubic-bezier(.5, .12, .46, .88);
	-o-transition: all .4s cubic-bezier(.5, .12, .46, .88);
	transition: all .4s cubic-bezier(.5, .12, .46, .88);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.zd-service-item-container .flip-box-wrapper:hover .flip-back-block .flip-inner {
	-webkit-transform: translateZ(0px);
	transform: translateZ(0px);
	-webkit-transition: all .4s cubic-bezier(.5, .12, .46, .88) .2s;
	-o-transition: all .4s cubic-bezier(.5, .12, .46, .88) .2s;
	transition: all .4s cubic-bezier(.5, .12, .46, .88) .2s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}





































/*
==============================================
    3. HEADER
==============================================
*/
#zd-main-header {
    position: fixed;
    background: transparent;
    left: 0;
    right: 0;
    z-index: 99;    
	transition: all .3s ease 0s;
	padding: 30px 0;
}
#zd-main-header.small-header{
	padding: 0;
	background: #fff;
}
#zd-main-header .zd-row-wrapper {
    display: flex;
	justify-content: space-between;
}
#zd-main-header .zd-row-wrapper .zd-col-1 {
	display: flex;
    align-items: center;
	flex: 1;
}
#zd-main-header .zd-header-logo-wrapper {
    margin-left: 50px;
}
#zd-main-header #menu-main-menu {
    display: flex;
}
#zd-main-header #menu-main-menu li {
    margin-left: 30px;
}
#zd-main-header #menu-main-menu li:last-child {
    margin-left: 0;
}
#zd-main-header #menu-main-menu li a {
	font-size: 18px;
    line-height: 25px;
	color: #666666;
    position: relative;
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}
#zd-main-header #menu-main-menu li a::before {
	-webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    height: 2px;
    bottom: -7px;
    background: #219EBC;
	border-radius: 99%;
    width: 100%;
	overflow: hidden;
	opacity: 0;
}
#zd-main-header #menu-main-menu li a.active {
	color: #222222;
}
#zd-main-header #menu-main-menu li a.active::before {
	overflow: visible;
	opacity: 1;
}
#zd-main-header #menu-main-menu li a:hover::before {
    overflow: visible;
	opacity: 1;
}
#zd-main-header .zd-row-wrapper .zd-col-2 {
	display: flex;
	align-items: center;
}

/* Icons */
#zd-main-header .fw-social-media-wrapper a {
    width: 35px;
    height: 35px;
	margin-left: 10px;
}
#zd-main-header .fw-social-media-wrapper a:last-child {
	margin-left: 0;
}
#zd-main-header .zd-row-wrapper .zd-col-2 .zd-links-wrapper {
	display: flex;
	align-items: center;
}
#zd-main-header .zd-row-wrapper .zd-col-2 .houri-icon-mail:before {
	color: #219ebc;
}
#zd-main-header .zd-row-wrapper .zd-col-2 .houri-icon-whatsup:before {
	color: #219ebc;
}
#zd-main-header .fw-social-media-wrapper {
	margin-left: 15px;
}
#zd-main-header .fw-social-media-wrapper .flip-back-block .houri-icon-mail:before,
#zd-main-header .fw-social-media-wrapper .flip-back-block .houri-icon-whatsup:before {
    color: #fff;
}
#zd-main-header .fw-social-media-wrapper .flip-box-wrapper .flip-front-block {
    background: linear-gradient(264.99deg, #fff 0%, #fff 100%);
    border: 2px solid #219EBC;
}
#zd-main-header .zd-row-wrapper .zd-col-2 .houri-icon-mail {
	font-size: 12.75px;
}
#zd-main-header .zd-row-wrapper .zd-col-2 .houri-icon-whatsup {
	font-size: 18.38px;
}












/*
==========================================================
    X. IMAGE WITH TITLE AND DESCRIPTION SECTION
==========================================================
*/
.zd-image-with-title-and-description-section {
	padding-top: 141px;
	padding-bottom: 223px;
}
.zd-image-with-title-and-description-section .zd-content-wrapper {
    display: flex;
	justify-content: space-between;
}
.zd-image-with-title-and-description-section .zd-content-wrapper.image-right {
	flex-direction: row-reverse;
}
.zd-image-with-title-and-description-section .zd-content-wrapper .zd-col-1,
.zd-image-with-title-and-description-section .zd-content-wrapper .zd-col-2 {
    max-width: calc(50% - 94px);
    width: 100%;
}

.zd-image-with-title-and-description-section .zd-content-wrapper .zd-col-1 {
	display: flex;
    flex-direction: column;
    justify-content: center;
}

.zd-image-with-title-and-description-section .zd-content-wrapper .zd-col-1 .data-title {
	font-weight: 550;
	font-size: 48px;
	line-height: 53px;
	margin-bottom: 20px;
}
.zd-image-with-title-and-description-section .zd-content-wrapper .zd-col-1 .data-description {
	font-size: 21px;
	line-height: 29px;
	margin-bottom: 40px;
}
.zd-image-with-title-and-description-section .zd-content-wrapper .zd-col-1 .zd-links-wrapper {
	display: flex;
	align-items: center;
}
.zd-image-with-title-and-description-section .zd-content-wrapper .zd-col-1 .fw-social-media-wrapper {
	display: flex;
	align-items: center;
}
.zd-image-with-title-and-description-section .fw-social-media-wrapper a {
	margin-left: 10px;
}
.zd-image-with-title-and-description-section .fw-social-media-wrapper a:last-child {
	margin-left: 0;
}
.zd-image-with-title-and-description-section .fw-social-media-wrapper {
	margin-left: 15px;
}













/*
==========================================================
    X. OUR SERVICES SECTION
==========================================================
*/
.zd-our-services-section {
	background-color: #023047;
	position: relative;
	padding-top: 110px;
	padding-bottom: 128px;
}
.zd-our-services-section::before,
.zd-our-services-section::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	background-image: url(../img/our-services.png);	
	width: 100%;
    height: 200px;
    background-repeat: repeat-x;
}
.zd-our-services-section::before {
	top: -117px;
}
.zd-our-services-section::after {
	bottom: -117px;
	transform: rotate(180deg);
}
.zd-our-services-section .zd-service-item-wrapper {
	display: flex;
	justify-content: center;
	margin-bottom: 177px;
	flex-wrap: wrap;
}
.zd-our-services-section .zd-service-item-wrapper.three-items {
	max-width: 966px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.zd-our-services-section .zd-service-item-wrapper.three-items .zd-service-item-container {
	max-width: calc(33% - 24px);
	width: 100%;
	height: 400px;
}
.zd-our-services-section .zd-service-item-wrapper:last-child {
	margin-bottom: 0;
}
.zd-our-services-section .zd-service-item-container {
	max-width: calc(25% - 24px);
	width: 100%;
	height: 400px;
	margin: 12px;
}
.zd-our-services-section .flip-box-wrapper .flip-front-block, 
.zd-our-services-section .flip-box-wrapper .flip-back-block {
	border-radius: 50px;
	padding: 40px 20px;
}
.zd-our-services-section .flip-box-wrapper .flip-front-block  {
	background: #fff;
}
.zd-our-services-section .flip-box-wrapper .flip-back-block {
	border: none;
}
.zd-our-services-section .flip-box-wrapper {
	height: 100%;
	perspective: 3000px;
}
.zd-our-services-section .flip-box-wrapper .flip-front-block .flip-inner {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	text-align: center;
}
.zd-our-services-section .section-title {
	color: #fff;
	font-weight: 550;
	font-size: 48px;
	line-height: 53px;
	text-align: center;
	margin-bottom: 120px;
}
.zd-our-services-section .data-title {
	line-height: 34px;
	font-weight: 550;
	font-size: 24px;
}















/*
==========================================================
    X. RECOMMENDATION SECTION
==========================================================
*/
.zd-recommendation-section {
	padding-top: 100px;
	padding-bottom: 200px;
	background: #023047;
	color: #fff;
	position: relative;
}
.zd-recommendation-section::before {
    content: '';
    position: absolute;
	top: -117px;
    left: 0;
    right: 0;
    background-image: url(../img/our-services.png);
    width: 100%;
    height: 200px;
    background-repeat: repeat-x;
}
.zd-recommendation-section .zd-section-title {
	font-weight: 550;
	font-size: 48px;
	line-height: 53px;
	margin-bottom: 120px;
}
.zd-recommendation-section .zd-row-wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.zd-recommendation-section .zd-slider-wrapper {
	position: relative;
}
.zd-recommendation-section .zd-slider-wrapper::before {
	position: absolute;
	content: '';
	background-image: url(../img/slider-background.png);
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	background-repeat: no-repeat;
}
.zd-recommendation-section .zd-slider-wrapper .zd-rating-art {
	position: absolute;
	bottom: -15px;
	right: -15px;
	content: '';	
	z-index: 1;
	transform: rotate(-2.2deg);
}
.zd-recommendation-section .zd-recommendation-slider {
	max-width: 696px;
	position: relative;
	margin-top: 20px;
	margin-bottom: 20px;
}
.zd-recommendation-slide {
	background-color: #fff;
	color: #222222;
	padding: 55px 85px 45px;
	text-align: center;
	box-shadow: 0px 7px 29px rgba(0, 0, 0, 0.06);
	border-radius: 25px;
	width: 100%;
	margin: 0 30px;
}
.slick-slider .slick-track, .slick-slider .slick-list {
	direction: ltr;
}
.zd-recommendation-slide .data-avatar {
	display: flex;
    justify-content: center;
	margin-bottom: 20px;
}
.zd-recommendation-slide .data-full-name {
	font-weight: 550;
	font-size: 21px;
	line-height: 23px;
	margin-bottom: 29px;
}
.zd-recommendation-slide .data-description {
	font-size: 18px;
	line-height: 25px;
}
.zd-light-blur {
	position: absolute;
	width: 291px;
	height: 291px;
	right: -217px;
	top: -222px;
	background: #DEF1F5;
	filter: blur(250px);
}

/* Arrows */
.prev-arrow,
.next-arrow
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.prev-arrow:hover,
.prev-arrow:focus,
.next-arrow:hover,
.next-arrow:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.prev-arrow:hover svg,
.prev-arrow:focus svg,
.next-arrow:hover svg,
.next-arrow:focus svg
{
    opacity: 1;
}
.prev-arrow.slick-disabled svg,
.next-arrow.slick-disabled svg
{
    opacity: .25;
}

.prev-arrow svg,
.next-arrow svg
{

    opacity: .75;
    color: #EEF7FB;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.prev-arrow
{
    left: -76.5px;
}
/* [dir='rtl'] .prev-arrow
{
    right: -25px;
    left: auto;
} */
.next-arrow
{
    right: -76.5px;
}
/* [dir='rtl'] .next-arrow
{
    right: auto;
    left: -25px;
} */

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -73px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
	display: flex;
    flex-direction: row-reverse;
    justify-content: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 10px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;
	transition: all .25s ease-in-out;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
	background: #023047;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;
	transition: all .25s ease-in-out;

    position: absolute;
    top: 0;
    left: 0;

    width: 10px;
	height: 10px;
	background: #fff;
	border: 3px solid #FFFFFF;
	border-radius: 50%;

    content: '';
    text-align: center;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    background: #023047;
}



















/*
==========================================================
    X. CONTACT US SECTION
==========================================================
*/
.zd-contact-us-section {
	text-align: center;
	padding-top: 150px;
	padding-bottom: 240px;
	position: relative;
}
.zd-contact-us-section .zd-grid-art {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -50px;
	z-index: -1;
}
.zd-contact-us-section .zd-section-title {
	font-weight: 550;
	font-size: 48px;
	line-height: 53px;
	color: #222222;
	margin-bottom: 20px;
}
.zd-contact-us-section .zd-section-description {
	font-size: 21px;
	line-height: 29px;
	margin-bottom: 109px;
}
.zd-contact-us-section .zd-row-wrapper {
	display: flex;
	justify-content: space-between;
}
.zd-contact-us-section .zd-col-1,
.zd-contact-us-section .zd-col-2 {
	border: 2px solid #219EBC;
	border-radius: 50px;
	position: relative;
	background-color: #fff;
}
.zd-contact-us-section .zd-col-1 {
	max-width: 526px;
	width: 100%;
	padding: 100px 157px 81px;
}
.zd-contact-us-section .zd-col-1 .zd-thumb-up-art {
	position: absolute;
	bottom: -25px;
	right: -183px;
}
.zd-contact-us-section .zd-col-1 .zd-red-comment-art {
	position: absolute;
	top: -89px;
	right: 70px;
	z-index: 2;
}
.zd-contact-us-section .zd-col-1 .zd-blue-comment-art {
	position: absolute;
	top: -62px;
	right: -43px;
}
.zd-contact-us-section .zd-col-2 {
	padding: 100px 93px 70px 94px;
	max-width: 636px;
	width: 100%;
}
.zd-contact-us-section .zd-col-2 .zd-smile-art {
	position: absolute;
	left: -221px;
	top: -60px;
}
.zd-contact-us-section .zd-col-2 .zd-data-art {
	position: absolute;
	bottom: -27px;
    left: -61px;
}
.zd-contact-us-section .data-description {
	font-size: 18px;
	line-height: 25px;
}
.zd-contact-us-section .zd-col-1 .data-description {
	margin-bottom: 46px;
}
.zd-contact-us-section  .data-description {
	margin-bottom: 51px;
}

/* Icons */
.zd-contact-us-section .fw-social-media-wrapper a {
	height: 54px;
	width: 54px;
	margin-left: 20px;
}
.zd-contact-us-section .fw-social-media-wrapper a:last-child {
	margin-left: 0;
}
.zd-contact-us-section .fw-social-media-wrapper .houri-icon-mail {
	font-size: 22.28px;
}
.zd-contact-us-section .fw-social-media-wrapper .houri-icon-whatsup {
	font-size: 30.71px;
}.zd-contact-us-section .fw-social-media-wrapper .houri-icon-info {
	font-size: 28px;
}

/* Button */
.zd-contact-us-section .zd-col-2 .zd-button-wrapper {
	display: flex;
	justify-content: center;
}
.zd-contact-us-section .zd-col-2 .zd-button-wrapper .zd-button {
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: fit-content;
	width: 100%;
}
.zd-contact-us-section .zd-col-2 .zd-button-wrapper .zd-button svg {
	padding-right: 5px;
}



























/*
==========================================================
    X. ABOUT ME SECTION
==========================================================
*/
.zd-about-me-section {
	padding-top: 233px;
	padding-bottom: 320px;
}
.zd-about-me-section .zd-content-wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.zd-about-me-section .zd-content-wrapper .zd-col-1 {
	max-width: 636px;
	width: 100%;
}
.zd-about-me-section .zd-content-wrapper .zd-col-2 {
    max-width: 354px;
    width: 100%;
}
.zd-about-me-section .zd-col-2 img {
	width: 100%;
}
.zd-about-me-section .data-title {
	font-weight: 550;
	font-size: 48px;
	line-height: 53px;
	margin-bottom: 20px;
}
.zd-about-me-section .data-description {
	font-size: 21px;
	line-height: 29px;
}























/*
==============================================
    X. FOOTER
==============================================
*/
#zd-main-footer {
    position: relative;
    background-color: #023047;
    color: #FFFFFF;
    padding-top: 40px;
    padding-bottom: 50px;
    text-align: center;
}
#zd-main-footer::before {
    content: '';
    position: absolute;
    background-image: url(../img/background-pattern-single.png);
    background-repeat: round;
    opacity: 0.03;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
#zd-main-footer .zd-content-wrapper {
	position: relative;
}
#zd-main-footer .zd-footer-logo-wrapper {
	display: block;
    margin-bottom: 30px;
}
#zd-main-footer .zd-data-info-wrapper {
    margin-bottom: 30px;
	font-size: 21px;
	line-height: 29px;
}
#zd-main-footer .zd-data-info-wrapper p {
	margin-bottom: 10px;
}
#zd-main-footer .zd-data-info-wrapper p:last-child {
	margin-bottom: 0;
}
#zd-main-footer .zd-data-info-wrapper a:hover {
	color: #19778D;
}

/* Social Icons */
#zd-main-footer .fw-social-media-wrapper a {
	margin-left: 10px;
}
#zd-main-footer .fw-social-media-wrapper a:last-child {
	margin-left: 0;
}
#zd-main-footer .flip-box-wrapper .flip-front-block {
	color: #023047;
	background: linear-gradient(264.99deg, #fff 0%, #fff 100%);
	border: 2px solid transparent;
}
#zd-main-footer .flip-box-wrapper .flip-back-block {
	color: #fff;
	background: linear-gradient(264.99deg, rgba(33, 158, 188, 0) 0%, #19778D 88.99%), linear-gradient(95.38deg, #219EBC 44.79%, #19778D 100%);
	/* border: 2px solid #023047; */
}
#zd-main-footer .fw-social-media-wrapper .footer-icon:last-child {
	margin-left: 0;
}
#zd-main-footer .fw-social-media-wrapper .houri-icon-waze {
	font-size: 21.88px;
}
#zd-main-footer .fw-social-media-wrapper .houri-icon-mail {
	font-size: 16.5px;
}
#zd-main-footer .fw-social-media-wrapper .houri-icon-facebook {
	font-size: 22px;
}
#zd-main-footer .fw-social-media-wrapper .houri-icon-whatsup {
	font-size: 22.75px;
}
#zd-main-footer .fw-social-media-wrapper .flip-front-block .houri-icon-mail:before {
	color: #023047;
}
#zd-main-footer .fw-social-media-wrapper .flip-front-block .houri-icon-whatsup:before {
	color: #023047;
}
#zd-main-footer .fw-social-media-wrapper .flip-back-block .houri-icon-mail:before {
	color: #fff;
}
#zd-main-footer .fw-social-media-wrapper .flip-back-block .houri-icon-whatsup:before {
	color: #fff;
}