/* RESET CSS */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}




/* GLOBAL */
html {
    height: auto;
    position: relative;
    width: 100%;
}

:root {
	--text-color: #333;
	--text-color-dark: #212121;
	--text-color-red: #ef5350;
	--text-color-white: #fff;
}

body{
	font-family: 'Source Sans Pro', sans-serif;
	height: auto;
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	color: var(--text-color);
    position: relative;
    width: 100%;
}


*, *::before, *::after{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

p{
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
}


strong{
	font-weight: 700;
}

a{
	text-decoration: none;
	color: inherit;
}

.color-white{
	color: var(--text-color-white);
}

.button-dz, .button-dz-big, .slider .item .items_list  a,
.app-links a, .slider .owl-dots .owl-dot span,
ul.social li a, .footer-box .col_right p a,
ul.foot_menu li a, .button-dz-circle{
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.button-dz{
	font-size: 14px;
	line-height: 24px;
	line-height: 1.5;
	letter-spacing: -0.2px;
	padding: 15px 56px;
	border-radius: 30px;
	display: inline-flex;
}


.button-dz.with-icon{
	padding-left: 40px;
}

.button-dz .icon{
	margin-right: 15px;
}

.button-dz:hover, .button-dz-big:hover{
	opacity: 0.7;
}

.button-dz-red{
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 900;
	border: solid 4px var(--text-color-red);
	background-color: var(--text-color-red);
	color: var(--text-color-white);
}


.button-dz-white{
	font-size: 17px;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 700;
	padding-left: 15px;
	padding-right: 15px;
	border: solid 4px var(--text-color-white);
	background-color: var(--text-color-white);
	color: var(--text-color-dark);
}

.button-dz-white.with-icon{
	padding-left: 15px;

}

.button-dz-white .icon{
	margin-right: 24px;
}


.button-dz-big{
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 900;
	font-size: 14px;
	line-height: 1.2;
	letter-spacing: -0.25px;
	height: 60px;
	padding: 12px 35px;
	border-radius: 24px;
	display: inline-flex;
	align-items: center;
}

.button-dz-red-bordered{
	border: 4px solid var(--text-color-white);
	background-color: var(--text-color-red);
	color: var(--text-color-white);
}

.button-dz-circle{
	width: 54px;
	height: 54px;
	border-radius: 50%;
	background-color: var(--text-color-red);
	display: inline-flex;
	justify-content: center;
	align-items: center;
}

.button-dz-circle img{

}

.full{
	position: relative;
	width: 100%;
}

.font-normal{
	font-weight: 400;
}

h1,h2,h3,h4,h5,h6{
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 700;
}

h1, h1.h1-style,h2.h1-style, h3.h1-style, .h1-style{
	font-size: 50px;
	font-weight: 900;
	line-height: 1.21;
	letter-spacing: -0.5px;
}

h3{
	font-size: 21px;
	font-weight: bold;
	line-height: 1.21;
}

h4{
	font-size: 18px;
	font-weight: bold;
	line-height: 1.21;
}

.container{
	width: 100%;
	max-width: 1320px;
	margin: 0 auto;
	padding: 0 15px;
}

.top{
	padding-top: 10px;
}

.top .container{
	display: flex;
	justify-content: space-between;
}

.top .buttons-dz{
	padding-top: 21px
}

.top .button-dz{
	margin-left: 30px;
}

.top .button-dz.button-dz-red{
	display: inline-flex;
}

.banner-top{
	width: 100%;
	margin-top: 20px;
	height: 559px;
	padding-top: 102px;
	padding-left: 591px;
	padding-right: 60px;
	background: url(../img/top.jpg) no-repeat center top transparent;
	position: relative;
}

.banner-top h1{
	margin-top: 10px;
	margin-bottom: 17px;
}

.banner-top .txt{
	height: 115px;
	padding-bottom: 20px;
}

.banner-top .phone{
	position: absolute;
	width: 403px;
	height: 553px;
	left: 95px;
	bottom: 3px;
}

.banner-top .phone .phonebg{
	display: block;
	width: 100%;
	height: 100%;
	z-index: 3;
	position: absolute;
	background: url(../img/phone.png) no-repeat center top transparent;
}

.banner-top .phone .custom_color{
	display: block;
	width: calc( 100% - 20px );
	height: calc( 100% - 15px );
	z-index: 1;
	position: absolute;
	left: 10px;
	bottom: 0;
	border-radius: 50px 50px 0 0;
}


.banner-top .phone .phone_logo{
	z-index: 4;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	max-width: 180px;
	max-height: 180px;
}

.uppercase{
	text-transform: uppercase;
}

.app-links{
	display: flex;
}

.app-links a{
	display: inline-block;
	margin-right: 10px;
}

.app-links a:hover{
	opacity: 0.7;
}

.banner-top .app-links{
	margin-top: 10px;
	margin-bottom: 10px;
}

.slider{
	position: relative;
	overflow: hidden;
	margin-top: 50px;
}

.slider::before{
	content: "";
	display: block;
	position: absolute;
	width: calc( 50% + 30px );
	height: calc( 100% - 65px );
	border-radius: 20px;
	background-color: #efefef;
	left: -100px;
	top: 66px;
}

.slider .item .container{
	display: flex;
}

.slider .item .person{
	height: 698px;
	width: 50%;
	padding-right: 15px;
	position: relative;
}

.slider .item .person img{
	position: absolute;
	right: 0;
	top: 0;
	height: 698px;
	width: auto;
	z-index: 1;
}

.slider .item .person .txt{
	position: relative;
	z-index: 2;
	width: 40%;
	padding-top: 130px;
}

.slider .item .person .txt h2{
	font-size: 70px;
	line-height: 1.2;
	font-weight: 900;
	margin-bottom: 14px;
}

.slider .item .person .txt p{
	margin-bottom: 22px;
}

.slider .item .person .txt p strong{
	font-size: 20px;
	line-height: 22px;
}

.slider .item .person .txt .but{
	margin-top: 52px;
}

.slider .item .person .txt .but .button-dz-big{
	min-width: 300px;
	justify-content: center;
}

.slider .item .items_list{
	width: 50%;
	padding-left: 15px;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	align-content: flex-start;
	margin-top: 59px;
}

.slider .item .items_list  a{
	display: inline-flex;
	justify-content: space-between;
	align-items: center;
	border-radius: 20px;
	border: solid 1px #cbcbcb;
	background-color: #fff;
	height: 102px;
	width: calc( 50% - 7px );
	padding: 25px;
	margin-bottom: 14px;
}

.slider .item .items_list  a:hover{
	background-color: #cbcbcb;
}

.slider .item .items_list  a:nth-child(2n+2){
	margin-left: 14px;
}

.slider .item .items_list  a img{

}

.slider .item .items_list  a .txt{
	width: calc( 100% - 50px );
}

.slider .item .items_list  a .txt h4{
	font-size: 16px;
	line-height: 21px;
	color: var(--text-color);
	font-weight: 700;
	display: block;
	text-transform: uppercase;
	margin-bottom: 8px;
}

.slider .item .items_list  a .txt span{
	display: flex;
	align-items: center;
}

.slider .item .items_list  a img.image{
	max-width: 30px;
	max-height: 30px;
}

.slider .item .items_list  a img.arrows{
	max-width: 12px;
	max-height: 12px;
	margin-right: 6px;
}

.slider .owl-carousel{
	z-index: 1;
}

.slider .owl-dots{
	z-index: 2;
	position: absolute;
	bottom: 15px;
	text-align: center;
	left: 50%;
	width: 100%;
	max-width: 1320px;
	transform: translateX(-50%);
}

.slider .owl-dots .owl-dot{
	margin-right: 7px;
}

.slider .owl-dots .owl-dot:nth-child(1){
	margin-left: 51%;
}


.slider .owl-dots .owl-dot span{
	display: inline-block;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	border: solid 1px #707070;
	background-color: #fff;
}

.slider .owl-dots .owl-dot span:hover,
.slider .owl-dots .owl-dot.active span{
	background-color: #cbcbcb;
	border: solid 1px #cbcbcb;
}

footer.bottom{
	margin-top: 58px;
	margin-bottom: 30px;
}

.footer-box{
	border-top: solid 1px #cbcbcb;
	padding-top: 42px;
	display: flex;
	justify-content: space-between;
}

.footer-box .col_left{
	width: 30%;
}

.footer-box .col_left h4{
	color: var(--text-color-dark);
	font-size: 20px;
	margin-bottom: 12px;
}

ul.social{
	list-style: none outside none;
	
}

ul.social li{
	display: inline-block;
	margin-right: 14px;
}

ul.social li a:hover{
	opacity: 0.7;
}

.footer-box .col_left p{
	margin-top: 15px;
	font-size: 10px; 
	line-height: 16px;
}

.footer-box .col_center{
	width: 30%;
	text-align: center;
}


.footer-box .col_right{
	width: 30%;
	text-align: right;
	padding-top: 15px;
}

.footer-box .col_right h4{
	color: var(--text-color-dark);
	font-size: 17px;
	margin-bottom: 2px;
}

.footer-box .col_right p{
	font-size: 17px;
}


.footer-box .col_right p a{
	font-weight: 900;
	color: var(--text-color-red);
	text-decoration: underline;
}

.footer-box .col_right p a:hover{
	opacity: 0.7;
}

ul.foot_menu{
	list-style: none outside none;
}

ul.foot_menu li{
	display: inline-block;
	margin-left: 42px;
}

ul.foot_menu li a{
	font-size: 10px;
	font-weight: bold;
	color: var(--text-color-dark);
}

ul.foot_menu li a:hover{
	opacity: 0.7;
}

.footer-box .col_right ul.foot_menu{
	margin-top: 40px;
}

.u-hidden-on-desktop{
	display: none;
}

.u-hidden-on-mobile{
	display: block;
}