#header{
	padding: 10px 0 0px;
	position: relative;
	color: #656565;
	background-color: #F8F9FA;
	margin-bottom: 32px;
}
#header h1{
	font-family: Roboto Condensed;
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
	line-height: 19px;
	text-transform: uppercase;
	color: #656565;
	margin: 7px 0 8px 0;
}
#header h2{
	font-family: Roboto Condensed;
	font-style: normal;
	font-weight: bold;
	font-size: 28px;
	line-height: 33px;
	text-transform: uppercase;
	color: #555555;
	margin: 0 0 11px 0;
	padding: 0;
	background: none;
	border: none;
	text-align: left;
}
#header h2>span{
	display: block;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 13px;
	line-height: 15px;
	text-transform: none;
	color: #656565;
	max-width: 436px;
	margin: 3px 0 0 0;
}
div.lang-selector a{
	display: inline-block;
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	line-height: 16px;
	text-transform: uppercase;
	color: #3E84C4;
	margin: 3px 10px 5px;
}
a:hover{
	text-decoration: underline;
}
div.lang-selector a+a{
	margin-left: 10px;
}
#header div.lang-selector{
	padding: 0 0 9px 0;
}
#header-top div.lang-selector{
	padding: 5px 0 0 0;
	margin-right: 32px;
}
#header a.phone{
	display: block;
	font-family: Roboto;
	font-style: normal;
	font-weight: 500;
	font-size: 17px;
	line-height: 18px;
	text-align: right;
	color: #333333;
	white-space: nowrap;
	margin-bottom: 4px;
}
#header a.phone:hover{
	text-decoration: none;
}
#header a.call-back{
	display: inline-block;
	font-family: Roboto Condensed;
	font-style: normal;
	font-weight: normal;
	font-size: 15px;
	line-height: 18px;
	text-align: right;
	color: #F30014;
	margin: 0px 0 8px;
	background-image: url("img/call-back-icon.png");
	background-position: left 2px;
	background-repeat: no-repeat;
	min-height: 33px;
	padding: 9px 0 0 32px;
}
#header-top{
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	z-index: 100;
	transform: translate3d(0, 0, 0);
	background-color: #E6F2FF;
	border-bottom: 1px solid #B0CEEB;
	height: 32px;
	display: none;
}
#header-top a.logo-mobile{
	display: inline-block;
	background-image: url("img/logo-mobile.png");
	background-position: left 2px;
	background-repeat: no-repeat;
	width: 41px;
	height: 32px;
	margin: 0;
}
#header a.logo{
	display: inline-block;
	background-image: url("img/logo.png");
	background-position: left center;
	background-repeat: no-repeat;
	width: 127px;
	height: 91px;
	margin: 6px 21px 8px 0;
}
#header div.site-title{
	display: inline-block;
	vertical-align: top;
}
#header div.bottom{
	background: #E6F2FF;
	border-top: 1px solid #B0CEEB;
	border-bottom: 1px solid #B0CEEB;
}
#main-menu{
	display: flex;
	justify-content: flex-start;
	list-style: none;
	padding: 0;
	max-width: 100% !important;
	margin: 0 0 0 152px;
}
#main-menu li{
	position: relative;
	margin: 0;
}
#main-menu li+li{
	margin-left: 20px;
}
#main-menu li>a{
	display: inline-block;
	padding: 10px 0 8px;
	font-family: Roboto;
	font-style: normal;
	font-weight: 500;
	font-size: 12px;
	line-height: 14px;
	text-transform: uppercase;
	color: #3E84C4;
	white-space: nowrap;
}
#main-menu li>a:hover{
	color: #DA2433;
}

#main-menu > li > ul{
	display: none;
}
#fast-call{
	display: block;
	z-index: 99;
	position: fixed;
	right: 16px;
	top: 20vh;
	width: 107px;
	height: 107px;
	border-radius: 100px;
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);
}
#fast-call>a{
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	left: 0;
	bottom: 0;
	border-radius: 100px;
	border: 3px solid #fff;
	background-image: url("img/fast-call.png");
	background-position: center;
	background-repeat: no-repeat;
	transition: all ease-out 1s;
}
#fast-call>a:hover{
	
}
#fast-call>a:hover:before{
	transform: scale(1.1);
	transition: all ease-out 0.5s;
}
#fast-call>a:before{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	border-radius: 100px;
	display: block;
	background-image: url("img/fast-call-bg.png");
	background-position: center;
	background-repeat: no-repeat;
	transition: all ease-out 1s;
	z-index: -1;
}

.pushy{
	background-color: #fff;
}
.pushy-content{
	color: #444;
	padding: 0 16px;
}
.pushy-content li.logo{
	background-image: url("img/logo.png");
	background-position: top center;
	background-repeat: no-repeat;
	padding-top: 110px;
	margin-bottom: 20px;
	font-weight: bold;
}
.pushy-content a.phone, .pushy-content a.email{
	color: #333;
	padding-left: 24px;
	font-weight: bold;
}
.pushy-content a.phone:hover, .pushy-content a.email:hover{
	background-color: #2D3E4D;
}
.pushy-content p{
	font-size: 14px;
	color: #999;
}
.pushy-content a.button{
	margin-left: 24px !important;
}



#slider{
	margin: 42px 0 41px;
}
.slick-prev, .slick-next{
	z-index: 3;
	width: 44px;
	height: 44px;
	background-repeat: no-repeat;
	background-position: center;
	top: 50%;
}
.slick-prev{
	background-image: url("img/arrow-left.png");
	left: 18px;
}
.slick-next{
	background-image: url("img/arrow-right.png");
	right: 18px;
}
ul.slick-dots{
	bottom: -36px;
}
ul.slick-dots li{
	margin: 0 10px;
}
ul.slick-dots li button {
	display: block;
	width: 32px;
	height: 16px;
	background-color: #E1E5ED;
}
ul.slick-dots li.slick-active button {
	background-color: #58A3E6;
}
ul.slick-dots button:before{
	display: none;
}
#slider_main_slider img{
	height: 469px !important;
}
#services{
	padding: 0 0 39px;
	background-image: url("img/service-bg.jpg");
	background-position: center;
	background-size: cover;
}
h2{
	font-family: Roboto Condensed;
	font-style: normal;
	font-weight: bold;
	font-size: 24px;
	line-height: 28px;
	text-align: center;
	text-transform: uppercase;
	color: #444444;
	background: #E6F2FF;
	border-top: 1px solid #B0CEEB;
	border-bottom: 1px solid #B0CEEB;
	padding: 3px 0 2px;
}
h2+h4{
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 18px;
	color: #555555;
	max-width: 438px;
	margin: 0 auto 42px;
	text-align: left;
}
h3{
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 18px;
	line-height: 20px;
	color: #333333;
}
div.service-card{
	border: 1px solid #B0CEEB;
	background-color: #fff;
	text-align: center;
	padding: 22px 10px 85px;
	margin-bottom: 27px;
	margin-left: auto;
	margin-right: auto;
	max-width: 352px;
	overflow: hidden;
}
div.service-card h3{
	margin: 11px 16px 10px;
	min-height: 40px;
}
div.service-card .link-container{
	position: absolute;
	bottom: 30px;
	left: 0;
	right: 0;
	height: 96px;
}
div.service-card button{
	margin: 10px auto 10px;
}
div.service-card a.more-link{
	display: block;
	font-family: Roboto Condensed;
	font-style: normal;
	font-weight: normal;
	font-size: 15px;
	line-height: 18px;
	text-align: center;
	color: #4F92CF;
}
#news{
	margin-top: 1px;
	background: #F7F9FC;
	text-align: center;
	padding-bottom: 45px;
}
.news-card{
	border: 1px solid #E5E5E5;
	background-color: #fff;
	text-align: left;
	margin-bottom: 32px;
	margin-left: auto;
	margin-right: auto;
	max-width: 400px;
}
.news-card .news-image{
	height: 171px;
	background-size: cover;
	position: relative;
}
.news-card .news-image:before{
	background: linear-gradient(180deg, rgba(0, 25, 49, 0) 15.1%, rgba(0, 25, 49, 0.78) 100%);
	content: "";
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	top: 0px;
	display: block;
}
.news-card .news-image h3{
	color: #fff;
	text-align: left !important;
	position: absolute;
	bottom: 0px;
	left: 21px;
	right: 16px;
	font-style: normal;
	font-weight: bold;
	font-size: 18px;
	line-height: 20px;
}
.news-card .news-text{
	padding: 14px 21px 0px;
}
.news-card .news-text p{
	text-align: left !important;
}
p.news-date{
	text-align: left !important;
	margin-left: 0 !important;
}
.news-card .bottom-container{
	display: flex;
	justify-content: space-between;
	padding: 0 21px 6px;
}
.news-card .bottom-container a{
	font-family: Roboto Condensed;
	font-style: normal;
	font-weight: normal;
	font-size: 15px;
	line-height: 18px;
	text-align: right;
	color: #4F92CF;
}
#news a.more-link{
	display: inline-block;
	font-family: Roboto Condensed;
	font-style: normal;
	font-weight: normal;
	font-size: 15px;
	line-height: 18px;
	text-align: center;
	color: #4F92CF;
}
#principles{
	padding: 0 0 34px;
}
#principles .row>div{
	margin-bottom: 24px;
}
#principles .principle-img{
	position: relative;
	display: inline-block;
	margin-bottom: 24px;
}
#principles .principle-img:after{
	position: absolute;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	top: 14px;
	left: 14px;
	background: #E1E5ED;
	z-index: -1;
}
#principles h3{
	text-align: left;
	position: relative;
	margin: 10px 0 25px;
	
}
#principles h3:after{
	position: absolute;
	content: "";
	display: block;
	width: 128px;
	height: 2px;
	bottom: -9px;
	left: 0;
	background-color: #58A3E6;
}
#clients{
	background: linear-gradient(180deg, #FAFBFC 0%, #FFFFFF 100%);
	text-align: center;
	padding-bottom: 32px;
}
#clients .client{
	display: inline-block;
	margin: -1px 0 0 -1px;
}
#clients a.more-link{
	display: inline-block;
	font-family: Roboto Condensed;
	font-style: normal;
	font-weight: normal;
	font-size: 15px;
	line-height: 18px;
	text-align: center;
	color: #4F92CF;
	margin-top: 32px;
}
#reviews{
	background-image: url("img/review-bg.jpg");
	background-position: center;
	background-size: cover;
	padding-bottom: 81px;
}
#reviews .slick-slide{
	position: relative;
	z-index: 1;
    width: 266px;
    min-width: 246px;
    height: 480px;
    min-height: 480px;
}
#reviews .slick-slide.slick-center{
	z-index: 10;
}
#reviews .slider-item{
    width: 266px;
    min-width: 246px;
    height: 480px;
    min-height: 480px;
    outline: none;
    text-align: center;
    position: relative;
    overflow: visible;
    padding: 0px 10px 0;
    z-index: 1;
}
#reviews .slider-item img {
	margin: 0 auto;
    vertical-align: bottom;
    width: 100% !important;
    height: 100% !important;
}

#reviews .slider-item>div{
    transition: all ease-out 0.5s;
	position: absolute;
	left: 0px;
	right: 0px;
	top: 118px;
	bottom: 24px;
	padding: 0 16px;
	transition-delay: 0s;
}
#reviews .slick-center .slider-item>div{
	left: -46px;
	right: -46px;
	top: 0px;
	bottom: 0px;
}
#slider_reviews{
	padding-top: 8px;
}
#slider_reviews .slick-prev, #slider_reviews .slick-next{
	top: 68px;
}
#slider_reviews .slick-prev{
	left: calc(50% - 240px);
}
#slider_reviews .slick-next{
	right: calc(50% - 240px);
}
#footer{
	background-color: #2D3E4D;
	color: #fff;
	padding: 30px 0 16px;
}
#footer a.logo{
	width: 143px;
	height: 102px;
	display: block;
	background-image: url("img/logo-footer.png");
	background-position: center;
	background-repeat: no-repeat;
	margin-bottom: 24px;
}
#footer h3{
	font-family: Roboto Condensed;
	font-style: normal;
	font-weight: bold;
	font-size: 18px;
	line-height: 21px;
	color: #58A3E6;
	text-align: left;
	margin-top: 4px;
}
#footer h3.descr{
	color: #E1E5ED;
	margin-top: 22px;
	max-width: 600px;
}
#footer h3.address{
	margin-top: 24px;
}
#footer p.address{
	max-width: 370px;
}
#footer h2{
	font-family: Roboto Condensed;
	font-style: normal;
	font-weight: bold;
	font-size: 20px;
	line-height: 23px;
	color: #58A3E6;
	text-align: left;
	background: none;
	border: none;
	text-transform: none;
}
#footer a{
	color: #fff;
}
#footer a.phone, #footer a.email{
	display: block;
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 18px;
	color: #FFFFFF;
	margin-bottom: 10px;
}
#footer a.all-contacts{
	display: block;
	font-family: Roboto Condensed;
	font-style: normal;
	font-weight: normal;
	font-size: 15px;
	line-height: 18px;
	color: #9DD0FF;
	margin-bottom: 32px;
}
#footer a.map{
	display: block;
	font-family: Roboto Condensed;
	font-style: normal;
	font-weight: normal;
	font-size: 15px;
	line-height: 18px;
	color: #9DD0FF;
	background-image: url("img/location.png");
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 32px;
	padding-top: 10px;
	min-height: 35px;
}
#footer a:hover{
	color: #FF0115;
	text-decoration: none;
}
#footer p.instagram{
	margin-top: 15px;
}
#footer a.instagram{
	display: inline-block;
	font-family: Roboto Condensed;
	font-style: normal;
	font-weight: normal;
	font-size: 15px;
	line-height: 38px;
	color: #9DD0FF;
	background-image: url("img/instagram.png");
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 50px;
}
#footer a.creator{
	display: inline-block;
	font-family: Roboto Condensed;
	font-style: normal;
	font-weight: normal;
	font-size: 15px;
	line-height: 18px;
	color: #9DD0FF;
	margin: 16px 0 0 0;
	opacity: 0.25;
	transition: all ease-out 0.5s;
}
#footer a.creator:hover{
	opacity: 1;
}
#footer .parent-company{
	padding-left: 80px;
	background-image: url("img/parent-logo.png");
	background-position: left 3px;
	background-repeat: no-repeat;
	min-height: 102px;
	max-width: 260px;
	margin-top: 29px;
}
#footer .parent-company p{
	margin-bottom: 7px;
}
#footer .parent-company a{
	display: inline-block;
	font-family: Roboto Condensed;
	font-style: normal;
	font-weight: normal;
	font-size: 15px;
	line-height: 16px;
	color: #9DD0FF;
}
div.news-item{
	max-width: 600px;
	text-align: left;
}
div.news-item h3{
	text-align: left;
}
div.news-item .small-button-container{
	text-align: center;
}
#call-back-dialog textarea{
	width: 100%;
	height: 160px;
}
#call-back-dialog #datetimepicker > input{
	width: calc(100% - 0px);
}
#call-back-dialog #datetimepicker{
	margin-bottom: 15px;
}
#call-back-dialog a.conference-busy{
	display: inline-block;
	margin: -10px 0 10px;
}
.calendar-day-cell{
	width: 120px;
	min-height: 50px;
	position: relative;
	padding-top: 4px;
}
.calendar-day-cell .day-number{
	position: absolute;
	right: -6px;
	top: -6px;
	background-color: #E6F2FF;
	width: 24px;
	height: 24px;
	line-height: 24px;
	border-radius: 20px;
}
.calendar-day-cell h5{
	margin: 0 8px 2px 0;
	font-size: 14px;
	line-height: 14px;
	color: #F30014;
}
h4.month-title{
	text-align: center;
}
h4.month-title>span{
	padding: 0 24px;
	cursor: pointer;
}
h4.month-title>span:hover{
	color: red;
}

div.small-calendar .calendar-day-cell{
	position: relative;
	padding: 2px;
	width: auto;
}
div.small-calendar .calendar-day-cell .day-number{
	position: absolute;
	right: -6px;
	top: -6px;
	background-color: #E6F2FF;
	width: 24px;
	height: 24px;
	line-height: 24px;
	border-radius: 20px;
}
div.small-calendar h4.month-title{
	font-size: 16px;
}
div.small-calendar label{
	display: block;
	white-space: nowrap;
	margin: 0 0 2px !important;
	text-align: left;
	font-size: 11px;
	line-height: 11px;
	vertical-align: top;
}
div.small-calendar label.busy{
	color: #f00;
}
div.small-calendar label.weekend{
	color: #eaa;
}
div.small-calendar label>input{
	margin: 0 2px 0 0;
	width: auto;
	vertical-align: top;
}


ul#footer-menu>li>ul{
	display: none;
}
h3.coffee{
	background-image: url("img/coffee.png");
	background-position: left top;
	background-repeat: no-repeat;
	padding: 15px 0 5px 45px;
	white-space: nowrap;
}
h3.meal{
	background-image: url("img/meal.png");
	background-position: left top;
	background-repeat: no-repeat;
	padding: 15px 0 5px 45px;
	white-space: nowrap;
}
#clients-table img{
	min-width: 200px !important;
	min-height: 200px !important;
}
#clients-table h3{
	margin-top: 32px;
}
#clients-table p{
	max-width: 600px;
}
#template1-page{
	margin-bottom: 64px;
}
div.img-container{
	position: relative;
	margin-bottom: 46px;
}
div.img-container:before{
	position: absolute;
	content: "";
	display: block;
	top: 14px;
	left: 14px;
	right: -14px;
	bottom: -14px;
	background-color: #E1E5ED;
	z-index: -1;
}
.service-label{
	display: inline-block;
	margin: 0 8px 0 0;
	background-color: #58A3E6;
	color: #fff;
	padding: 0px 6px;
	font-size: 12px;
}
div.service-icon{
	display: block;
	position: relative;
}
div.service-icon div.popup{
	position: absolute;
	background-color: #fff;
	width: 100%;
	padding: 8px;
	border-bottom: 1px solid #e5e5e5;
	top: -200px;
	opacity: 0;
	transition: all ease-out 0.5s;
}
div.service-icon div.popup h3{
	margin: 3px auto 10px;
}
div.service-icon div.popup h4.contact-name{
	margin: -10px auto 10px;
	padding-top: 0px;
	border-top: none;
}
div.service-icon:hover div.popup{
	opacity: 1;
	top: 80px;
}
div.service-icon:after{
	display: block;
	position: absolute;
	border: 0px solid #4F92CF;
	left: calc(50%);
	top: 40px;
	width: 0px;
	height: 0px;
	border-radius: 100px;
	content: "";
	opacity: 0;
	transition: all ease-out 0.5s;
}
div.service-icon:hover:after{
	border: 2px solid #4F92CF;
	left: calc(50% - 50px);
	top: -10px;
	width: 100px;
	height: 100px;
	opacity: 1;
}
a.contact-phone{
	display: inline-block;
	font-family: Roboto Condensed;
	font-style: normal;
	font-weight: normal;
	font-size: 15px;
	line-height: 18px;
	text-align: right;
	color: #F30014;
	margin: 0px 0 8px;
	background-image: url("img/call-back-icon.png");
	background-position: left 2px;
	background-repeat: no-repeat;
	min-height: 33px;
	padding: 9px 0 0 32px;
}
h4.contact-name{
	margin: 16px auto 10px;
	padding-top: 30px;
	border-top: 1px solid #e5e5e5;
}
@media (max-width: 1199px){ /* lg */
	
}
@media (min-width: 992px){ /* lg */
	
}
@media (max-width: 991px){ /* md */
	
}
@media (max-width: 767px){ /* sm */
	#header h1{
		text-align: left !important;
		margin: 7px 0 8px 0 !important;
	}
	#header h2{
		text-align: left !important;
	}
	div.service-card .link-container {
		bottom: 0;
	}
	#fast-call {
	    display:none;
	}
}
@media (max-width: 479px){ /* xs */
	#header-top{
		display: block;
	}
	#mobile-menu-button{
		display: block;
	}
	#header{
		margin-top: 32px;
	}
	#header a.logo{
		display: none;
	}
	#header div.bottom{
		display: none;
	}
	#header h1 {
	    font-size: 14px;
	    line-height: 17px;
	    margin: 2px 0 8px 0 !important;
	}
	#header div.lang-selector{
		display: none;
	}
	#header h2 {
	    font-size: 18px;
	    line-height: 20px;
	    margin: 10px 0 8px 0 !important;
	    padding: 0;
	}
	h2+h4{
		margin: 0 16px 42px !important;
	}
	#reviews{
		display: none;
	}
	#slider{
		display: none;
	}
	#clients-table img {
	    min-width: 100px !important;
	    min-height: 100px !important;
	}
	#clients-table h3 {
	    margin-top: 0px;
	}
	#footer div.row>div{
		margin-bottom: 32px;
	}
	#header a.phone {
		margin-bottom: 19px;
	}
	#header-top div.lang-selector {
		display: none;
	}
}



