@font-face {
    font-family: "Circe Regular";
    src: url("../fonts/Circe Regular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: "Proxima Nova Bold";
    src: url("../fonts/Proxima Nova Bold.otf") format("truetype");
    font-style: normal;
    font-weight: normal;
}


@font-face {
    font-family: "Proxima Nova Light";
    src: url("../fonts/Proxima Nova Light.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}


@font-face {
    font-family: "Proxima Nova Regular";
    src: url("../fonts/Proxima Nova Regular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}


@font-face {
    font-family: "Proxima Nova Semibold";
    src: url("../fonts/Proxima Nova Semibold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

body{
	background-color: #f7f9ff!important;
}

header {
    background-image: url("../images/bg-top-menu2.jpg");
}

header #gruemenu.grue_90 {
    background: transparent;
}

#gruemenu.grue_90 ul li:first-child{
	display: none;
}


header #gruemenu.grue_90 > ul > li:hover > a, header #gruemenu.grue_90 > ul > li > a:hover, header #gruemenu.grue_90 > ul > li.active > a {
    background: transparent;
}

header #gruemenu.grue_90 > ul > li > a {
    text-transform: none;
    font-family: "Circe Regular";
    font-size: 18px;
    color: #fff;
}

header #gruemenu.grue_90 > ul > li > a:hover {
    text-decoration: underline;
}

header #gruemenu > ul {
    box-shadow: none;
}

header #gruemenu > ul > li > a {
    padding: 25px 30px;
    border-right: none;
    text-decoration: none;
    letter-spacing: inherit;
}

header #gruemenu > ul > li:nth-child(2) > a {
    padding-left: 0px;

}

.sidr-class-item-101{
	display: none!important;
}


header .top-email a {
    padding: 22px 0 22px 15px;
    color: #fff;
    display: inline-block;
    text-decoration: underline;
}

header .top-email i {
    color: #3394e4;
}

header .top-email div {
    text-align: right;
}

.product img{max-height: 400px;}
.product .uk-cover-background{
	background-size: contain;
}
.product .uk-slideshow{
	background-color: -moz-linear-gradient( 0deg, rgb(175,195,206) 0%, rgb(188,203,213) 83%, rgb(171,191,202) 100%);
	background-image: -webkit-linear-gradient( 0deg, rgb(175,195,206) 0%, rgb(188,203,213) 83%, rgb(171,191,202) 100%);
	background-image: -ms-linear-gradient( 0deg, rgb(175,195,206) 0%, rgb(188,203,213) 83%, rgb(171,191,202) 100%);
}




.logo img{max-height: 64px;}

.header-logo-and-phone {
    padding: 25px 0;
}


.header-logo-and-phone .top-phone .time {
    color: #a7a7a7;
    font-size: 14px;
    font-family: "Proxima Nova Regular";
}

.header-logo-and-phone .top-phone .phone .code {
    color: #222222;
    font-size: 20px;
    font-family: "Proxima Nova Regular";
}

.header-logo-and-phone .top-phone .phone .osnova {
    color: #222222;
    font-size: 24px;
    font-family: "Proxima Nova Bold";
}

.header-logo-and-phone .top-phone .phone i {
    font-size: 24px;
    position: absolute;
    left: -8px;
    top: 15px;
    color: #3394e4;
}

.header-logo-and-phone .top-phone {
    text-align: right;
}

.header-logo-and-phone .phone {
    line-height: 17px;
}

.top-phone-buttton {
    background: #3394e4;
    text-align: center;
    height: 100%;
    padding: 18px;
    border-radius: 5px;
    color: #fff;
    font-size: 16px;
    font-family: "Proxima Nova Regular";
    border: 2px solid #3394e4;
    cursor: pointer;
}

.top-phone-buttton:hover {
    border: 2px solid #3394e4;
    background: #fff;
    color: #3394e4;
}

.slider-top {
    background-image: url("../images/slide-top.jpg");
    padding: 160px 0 200px;
    background-size: cover;
}

.slider-top .slide-title {
    color: #fff;
    font-size: 48px;
    font-family: "Proxima Nova Bold";
}

.slider-top .slide-text {
    color: #fff;
    font-size: 22px;
    font-family: "Proxima Nova Regular";
    margin-top: 20px;
    margin-bottom: 40px;
}

.slider-top .slide-text i {
    font-weight: 900;
    font-size: 10px;
    vertical-align: middle;
    padding-right: 10px;
    color: #3394e4;
}

.slide-buttton {
    background: #3394e4;
    text-align: center;
    height: 100%;
    padding: 18px;
    border-radius: 5px;
    color: #fff;
    font-size: 16px;
    font-family: "Proxima Nova Regular";
    border: 2px solid #3394e4;
    cursor: pointer;
    width: 75%;
}

.slide-buttton:hover {
    border: 2px solid #3394e4;
    background: #fff;
    color: #3394e4;
}

.main-switcher{
	margin-bottom: 20px;
	position: relative;
}

.main-switcher .uk-tab-grid {
    margin-top: -95px;
}

.main-switcher .uk-tab-grid li:nth-child(2) a:before{
	content: '';
	background-image: url(../images/switcher_ico_01.png);
	width: 66px;
	height: 45px;
	background-size: 100%;
	float: left;
	background-position-y: bottom;
	margin-top: -10px;
}

.main-switcher .uk-tab-grid li:nth-child(1) a:before{
	content: '';
	background-image: url(../images/switcher_ico_02.png);
	width: 66px;
	height: 45px;
	background-size: 100%;
	float: left;
	background-position-y: bottom;
	margin-top: -10px;
}

.main-switcher .uk-tab-grid li:nth-child(3) a:before{
	content: '';
	background-image: url(../images/switcher_ico_03.png);
	width: 52px;
	height: 45px;
	background-size: 100%;
	float: left;
	background-position-y: bottom;
	margin-top: -10px;
}

.main-switcher .uk-tab > li > a {
    background-image: url(../images/switcher-bg.jpg);
    background-size: 100%;
    padding: 32px 30px;
    color: #fff;
    font-size: 20px;
}

.main-switcher .uk-tab > li.uk-active > a {
	border: none;
	background-image: url(../images/switcher-bg.jpg);
	background-size: 100%;
	padding: 30px 30px;
	color: #fff;
	font-size: 20px;
	padding-bottom: 30px;
	border-bottom: 5px solid #3394e4;

}

.main-switcher .uk-tab > li.uk-active > a:after{
	content: '';
	background-image: url(../images/arrow-bot.png);
	background-size: 100%;
	position: absolute;
	width: 40px;
	height: 20px;
	bottom: -20px;
	left: 47%;
}

.main-switcher .uk-tab-grid:before {
    border: none;
}

.main-switcher .uk-tab > li:nth-child(n+2) > a {
    margin-left: 20px;
}

.main-switcher .uk-tab > li.uk-open:not(.uk-active) > a, .main-switcher .uk-tab > li:not(.uk-active) > a:focus, .main-switcher .uk-tab > li:not(.uk-active) > a:hover {
	background-image: url(../images/switcher-bg.jpg);
	background-size: 100%;
	padding: 32px 30px 30px;
	color: #fff;
	font-size: 20px;
	padding-bottom: 30px;
	border-bottom: 5px solid #3394e4;
	margin-bottom: -4px;
}

.main-switcher .uk-switcher h2{
	font-size: 30px;
	color: #444444;
	font-family: "Proxima Nova Bold";
	margin-top: 50px;
	margin-bottom: 20px;
}

.main-switcher .uk-switcher p{
	font-size: 16px;
	color: #444444;
	font-family: "Proxima Nova Regular";
	padding-right: 40px;
}


.main-switcher .uk-margin-top{
	margin-top: 0!important;
	background-color: #fff;
}

.products{
	margin-bottom: 180px;
}

.products h3{
	font-size: 30px;
	color: #444444;
	font-family: "Proxima Nova Bold";
	padding: 40px 0;
}

.products h3.uk-h4{
	font-size: 18px;
}


.products .uk-overlay-active .uk-active>.uk-overlay-fade {
	background: none;
	bottom: -30px;
	left: 30px;
	font-size: 18px;
	color: #fff;
	font-family: "Proxima Nova Bold";
}

.products .uk-overlay-bottom{
	top: auto;
	bottom: -100px;
	left: 0;
	padding-left: 0;
}

/*
.products .uk-thumbnav>*:not(:first-child){
	padding-left: 30px;
}*/

.conditions{
	background-color: #fff;
	padding: 20px 0 40px;
}

.conditions h2{
	font-size: 30px;
	color: #444444;
	font-family: "Proxima Nova Bold";
	padding: 20px 0 40px;
}

.conditions h4{
	font-size: 18px;
	color: #222222;
	font-family: "Proxima Nova Semibold";
}

.conditions .custom{
	font-size: 16px;
	color: #222222;
	font-family: "Proxima Nova Light";
}

.conditions .col-md-4{
	padding: 0;
}

.main-form{
	background-image: url("../images/form-bg.jpg");
	padding: 40px 0 60px;
}

.main-form h2{
	font-size: 30px;
	color: #444444;
	font-family: "Proxima Nova Bold";
	padding-bottom: 20px;
}

.main-form .label-name, .main-form .label-phone{
	font-size: 16px;
	color: #444444;
	font-family: "Proxima Nova Regular";
}

.main-form .rsform-block-name .rsform-input-box, .main-form .rsform-block-phone .rsform-input-box{
	border: none;
	border-radius: 0;
	padding: 25px;
	padding-left: 70px;
}

.main-form .rsform-block-name i,
.main-form .rsform-block-phone i{
	position: absolute;
	font-size: 20px;
	color: #0096ea;
	bottom: 15px;
	left: 40px;
}

.main-form .rsform-block-phone .rsform-input-box{

}


.main-form .rsform-block-name .rsform-input-box::-webkit-input-placeholder,
.main-form .rsform-block-phone .rsform-input-box::-webkit-input-placeholder{
	color:#cdcdcd;

}
.main-form .rsform-block-name .rsform-input-box::-moz-placeholder,
.main-form .rsform-block-phone .rsform-input-box::-moz-placeholder{
	color:#cdcdcd;

}
.main-form .rsform-block-name .rsform-input-box:-moz-placeholder,
.main-form .rsform-block-phone .rsform-input-box:-moz-placeholder{
	color:#cdcdcd;

}
.main-form .rsform-block-name .rsform-input-box:-ms-input-placeholder,
.main-form .rsform-block-phone .rsform-input-box:-ms-input-placeholder{
	color:#cdcdcd;

}

.main-form  .rsform-block-file .formControls{
	display: none;
}

.main-form  .rsform-block-file label{
	font-size: 16px;
	color: #3394e4;
	font-family: "Proxima Nova Regular";
	text-decoration: underline;
	cursor: pointer;
}

.main-form  .rsform-block-file i{
	font-size: 26px;
	padding-right: 15px;
	text-decoration: none;
	vertical-align: middle;
}

.main-form  .rsform-block-send, .main-form  .rsform-block-send .formControls{
	width: 100%;
}


.main-form  .rsform-block-send .rsform-submit-button{
	width: 100%;
	background: #3394e4;
	text-align: center;
	height: 100%;
	padding: 18px;
	border-radius: 5px;
	color: #fff;
	font-size: 16px;
	font-family: "Proxima Nova Regular";
	border: 2px solid #3394e4;
	cursor: pointer;
}

.main-form .rsform-block-agree input{
	display: none;
}

.main-form .rsform-block-agree .form-check-label{
 cursor: pointer;
}

.main-form .rsform-block-agree .form-check-label:before{
	content: '\f00c';
	font-family: FontAwesome;
	padding-right: 30px;
	color: #cdcdcd;
}

.main-form .rsform-block-agree .form-check-label.checked:before{
	color: #3394e4;
}
.main-form .rsform-block-agree .form-check{
	padding-left: 0;
}

footer .map{
	padding: 0;
	background-color: #fff;
}

footer .mapp{
	position: absolute;
	z-index: 0;
}

footer .map-content{
	height: 570px;
}

footer h2{
	font-size: 30px;
	color: #444444;
	font-family: "Proxima Nova Bold";
	padding-bottom: 20px;
	padding-top: 40px;
}

footer .map-box{
	background: #fff;
	padding: 40px;
}

footer .map-content .company-name{
	font-size: 18px;
	color: #444444;
	font-family: "Proxima Nova Bold";
	margin-bottom: 15px;
}

footer .map-content .ip-data{
	font-size: 16px;
	color: #444444;
	font-family: "Proxima Nova Regular";
}

footer .map-content .ip-data span{
	font-size: 16px;
	color: #444444;
	font-family: "Proxima Nova Bold";
}

footer .map-content .address{
	font-size: 16px;
	color: #444444;
	font-family: "Proxima Nova Regular";
	padding: 20px 10px 20px 30px;
}
footer .map-content .address:before{
	content: '\f3c5';
	font-family: FontAwesome;
	color: #3394e4;
	position: absolute;
	left: 40px;
	font-size: 20px;
}

footer .map-content .phone{
	padding-left: 30px;
	line-height: 25px;
}

footer .map-content .phone.first:before{
	content: '\f879';
	font-family: FontAwesome;
	color: #3394e4;
	position: absolute;
	left: 40px;
	font-size: 20px;
}

footer .map-content .phone .code{
	font-size: 20px;
	color: #222222;
	font-family: "Proxima Nova Regular";
}

footer .map-content .phone .osnova{
	font-size: 24px;
	color: #222222;
	font-family: "Proxima Nova Bold";
}

footer .map-content .email{
	font-size: 16px;
	color: #3394e4;
	font-family: "Proxima Nova Regular";
	text-decoration: underline;
	padding: 20px 0 20px 30px;
}

footer .map-content .email:before{
	content: '\f0e0';
	font-family: FontAwesome;
	color: #3394e4;
	position: absolute;
	left: 40px;
	font-size: 20px;
}

footer .terms{
	background-color: #444444;
	padding: 35px 0;
}

footer .terms a{
	color: #fff;
	font-size: 16px;
	font-family: "Proxima Nova Regular";
	text-decoration: underline;
}

.fancybox-container .main-form  .rsform-input-box{
	border: 1px solid #3394e4;
}





@media (max-width: 576px) {

	header #gruemenu > ul > li > a{
		padding: 25px 10px;
	}

	.top-email .custom > div{
		text-align: center;
	}

	.logo .custom{
		text-align: center;
		margin-bottom: 15px;
	}

	.top-phone .col-12{
		text-align: center;
		margin-bottom: 15px;
	}

	.top-phone .col-12 i{
		position: inherit!important;
		margin-left: -10px;
		padding-right: 10px;
	}

	.main-switcher .uk-tab-grid{
		/*display: none;*/
	}

	.main-switcher .uk-tab > li:nth-child(n+2) > a{
		padding-left: 10px;
	}
	.main-switcher .uk-tab > li:nth-child(n+2) > a{
		margin-left: 5px;
	}


	.main-switcher .uk-tab > li.uk-active > a{
		font-size: 14px;
		text-align: center;
		padding: 30px 10px;
	}


	.main-switcher .uk-tab > li > a{
		font-size: 14px;
		text-align: center;
		padding: 30px 10px;
	}
	.main-switcher .uk-tab > li:first-child > a:before{
		font-size: 14px;
		text-align: center;
		margin-left: 15px;
		margin-bottom: 10px;
	}

	.main-switcher .uk-tab > li:nth-child(2) > a:before{
		font-size: 14px;
		text-align: center;
		margin-left: 15px;
		margin-bottom: 10px;
	}

	.main-switcher .uk-tab > li.uk-active > a:after{
		left: 40%;
	}

	.main-switcher .uk-tab > li:nth-child(3) > a:before{
		font-size: 14px;
		text-align: center;
		margin-left: 15px;
		margin-bottom: 10px;
	}
	.main-switcher  .uk-tab>li{
		/*width: 100%;*/
	}

	.products .uk-overlay-bottom{
		bottom: -180px;
	}

	.products .uk-thumbnav>*:not(:first-child){
		padding-left: 10px;
	}

	.conditions .col-md-4{
		margin-bottom: 25px;
		padding: 0 0 0 15px;
	}

	footer h2.container{
		text-align: center;
	}

	.terms .custom{
		text-align: center;
	}

	header #gruemenu.grue_90 > ul > li > a{
		font-size: 14px;
	}
}


@media (max-width: 768px) {
	header #gruemenu > ul > li > a{
		padding: 25px 10px;
	}

	header #gruemenu.grue_90 > ul > li > a{
		font-size: 14px;
	}

	.top-email .custom > div{
		text-align: center;
	}

	.logo .custom{
		text-align: center;
		margin-bottom: 15px;
	}

	.top-phone .col-12{
		text-align: center;
		margin-bottom: 15px;
	}

	.top-phone .col-12 i{
		position: inherit!important;
		margin-left: -10px;
		padding-right: 10px;
	}

	.main-switcher .uk-tab-grid{
		/*margin: 0;*/
	}

	.main-switcher  .uk-tab>li{
		/*width: 100%;*/
	}

	.products .uk-overlay-bottom{
		bottom: -180px;
	}

	.products .uk-thumbnav>*:not(:first-child){
		padding-left: 10px;
	}

	.conditions .col-md-4{
		margin-bottom: 25px;
		padding: 0 0 0 15px;
	}

	footer h2.container{
		text-align: center;
	}

	.terms .custom{
		text-align: center;
	}
}