body, html,  body.pushable > .pusher {
	background-color: #fff !important;
}

.ui.wide.sidebar {
	background-color: #24333f !important;
	color: #fff !important;
	padding: 50px 0px 0px 50px;
	border-right: 10px solid #66cc33;
	z-index: 99;
}

.ui.wide.sidebar ul {
	margin: 60px 0px 0px -50px;
	padding: 0px;
	list-style: none;
}

.ui.wide.sidebar ul li {
	margin-bottom: 0px;
	position: relative;
	padding: 20px 10px 20px 50px;
	z-index: 9999 !important;
}

.ui.wide.sidebar ul li:hover {
	background-color: #3b435e;
}


#menu {
	position: fixed;
	top: 20px;
	left: 10px;
	z-index: 9999;
}

.ui.wide.sidebar a {
	font-size: 16px;
	color: #fff;
	font-weight: normal;
	text-decoration: none;
}

.ui.container {
	padding: 30px;
	overflow: hidden;
}

.ui.small.container {
	width: 900px;
}

.ui.big.container {
	width: 1400px;
}

a {
	text-decoration: underline;
}

#offer {
	background-image: url('/_assets/images/cover01.jpg');
	background-position: center center;
	margin-top: 0px;
	background-size: cover;
	padding: 30px 0px 50px;
}

section::after {
	content: '';
	position: absolute;
	bottom: -40px;
	left: 1px;
	width: 100%;
	text-align: center;
	z-index: 999;
	height: 41px;
	background: none;
	background-position: center center;
}

#offer::after {
	background: transparent url('/_assets/icons/after01.png') no-repeat center top;
}

#hit::after {
	background: transparent url('/_assets/icons/after02.png') no-repeat center top;
}

#work::after {
	background: transparent url('/_assets/icons/after03.png') no-repeat center top;
}

#features::after {
	background: transparent url('/_assets/icons/after04.png') no-repeat center top;
}

#dealer::after {
	background: transparent url('/_assets/icons/after05.png') no-repeat center top;
}


#hit {
	background-image: url('/_assets/images/cover04.jpg');
	background-position: top center;
	background-size: cover;
}

#price {
	background-image: url('/_assets/images/cover02_.jpg');
	background-position: top center;
	background-size: contain;
	padding-top: 30px;
}


#work {
	background-image: url('/_assets/images/cover03.jpg');
	background-position: bottom center;
	background-size: 100% 65%;
	padding-bottom: 40px;
}

#oborud {
	background-color: #f5f7f8;
}

#dealer {
	background-color: #f4f7f8;
	padding-bottom: 50px;
}

#contacts {
	box-shadow: 0px -17px 35px rgba(49,102,144, 0.25);
	padding: 50px 0px;
}

.cover {
	background-color: transparent;
	background-repeat: no-repeat;
}

header, footer {
	padding: 0px 0px 0px;
	margin: 0px;
}

.ui.relaxed.grid .ui.column {
	margin-bottom: 15px;
}

footer {
	
}

section {
	padding: 140px 0px 110px;
	position: relative;
}

section::after {
	
}

.ui.nopadding {
	padding: 0px !important;
	border: none;
}

.ui.nopadding.segment .ui.grid {
	padding: 0px !important;
	margin: 0px;
}

.ui.segment {
	border-radius: 0px !important;
	border: none;
	box-shadow: none;
}

.ui.centered.segment {
	margin: 0px auto !important;
}

.ui.video.segment {
	box-shadow: 0px 0px 30px rgba(49,102,144, 0.35);
}

.ui.thin.segment {
	border: 1px solid #dfe6e6;
}

.ui.popup {
	border: none;
	border-radius: 0;
	box-shadow: 0px 0px 10px rgba(49,102,144, 0.35);
	z-index: 1;
}

#callback .ui.segment {
	max-width: 600px;
}

#callback .ui.form {
	width: 300px;
}

.light {
	background-color: #f9fafa !important;
}

p.left {
	text-align: left !important;
}

span.red {
	color: #c66754 !important;
}

.ui.red.label {
	background-color: #de9284 !important;
	border-radius: 0px;
	font-size: 13px;
	font-weight: normal;
	text-transform: uppercase;
	padding: 10px 20px 10px 20px;
	margin-left: -20px;
	margin-bottom: 15px;
}

span.blue {
	color: #005ba1 !important;
}

span.green {
	color: #66cc33 !important;
}

span.yellow {
	color: #f8c21f !important;
}

span.big {
	font-size: 140% !important;
}

span.small {
	font-size: 15px;
}

span.big {
	font-size: 22px;
}

span.bold {
	font-weight: bold;
}


h1.ui.header {
	font-size: 50px;
	font-weight: normal;
	text-transform: uppercase;
	color: #2c3248;
}

h1.ui.header .sub.header {
	font-size: 50px;
	font-weight: bold;
	color: #2c3248;
}

h2.ui.header {
	font-size: 48px;
	font-weight: normal;
	text-transform: uppercase;
	color: #2c3248;
}

h2.ui.header .sub.header {
	font-size: 48px;
	font-weight: bold;
	color: #2c3248;
}

.phone {
	font-size: 30px;
	margin-top: -10px;
	margin-right: 5px;
	margin-bottom: 20px;
}

h3.ui.header {
	font-size: 30px;
	font-weight: normal;
	color: #2c3248;
}

h3.ui.header .sub.header {
	font-size: 30px;
	font-weight: bold;
	color: #2c3248;
}

h4.ui.header {
	font-size: 24px;
	font-weight: normal;
	color: #2c3248;
}

p {
	font-size: 16px;
	color: #2c3248;
	line-height: 1.4;
}

.ui.button {
	font-weight: bol;
	border-radius: 50px;
	padding: 11px 50px 13px;
	background-color: #66cc33 !important;
}

.ui.big.upper.button {
	border-radius: 50px;
	padding: 14px 50px 15px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: normal;
	color: #fff;
	background-color: #66cc33 !important;
}

.field input {
	padding: 14px 30px 15px !important;
	border-radius: 50px !important;
	border: 2px solid #66cc33 !important;
}

.ui.form {
	margin: 40px auto 50px !important;
	max-width: 600px;
}

.upper {
	text-transform: uppercase!important;
}

.ui.button {
	
}

.close_modal {
	position: absolute;
	right: -45px;
	top: -45px;
	width: 25px;
	height: 25px;
	opacity: 0.6;
}

.close_modal:hover {
	opacity: 1;
}

.close_modal img {
	width: 100%;
	
}

.close_modal img {
	width: 100%;
	
}

#map {
	position: absolute;
	right: 0;
	top: 0px;
	width: 50%;
	z-index: 2;
}

#mapforpin {
	position: relative;
}

    .slider {
        width: 50%;
        margin: 100px auto;
    }

    .slick-slide {
      margin: 0px 20px;
    }

    .slick-slide img {
      width: 100%;
    }

    .slick-prev:before,
    .slick-next:before {
      color: black;
    }


    .slick-slide {
      transition: all ease-in-out .3s;
      opacity: .2;
    }
    
    .slick-active {
      opacity: .5;
    }

    .slick-current {
      opacity: 1;
    }

.ui.dimmer { background-color: rgba(0,0,0,0.2); }

@media only screen and (max-width: 1050px) {
	h1.ui.header, h1.ui.header .sub.header {
		font-size: 40px;
		text-shadow: 1px 1px 0px #fff;
	}
	
	#map {
		display: none;
	}
	
	.ui.form .fields .field {
		margin-bottom: 20px !important;
	}
	
	.close_modal {
		right: 0px;
		top: -50px;
	}
	
	#price {
		background-size: 100% 80%;
	}

	#work {
		background-size: 100% 65%;
	}
}