@font-face {
	font-family:'Exo';
	src: url("../fonts/exo-20.ttf");
}
@font-face {
	font-family:'Days';
	src: url("../fonts/days.ttf");
}
@font-face {
	font-family:'Molot';
	src: url("../fonts/molot.ttf");
}


body {
	font-family: 'Exo', arial;
	color:#232323;
}
h1, h2, h3, h4 {
	font-family: 'Exo', arial;
	color:#202323;
	
}
h1 {
	font-size:48px;
	margin-top:15px;
	text-transform:uppercase;
	font-weight:600;
	text-align:center;
}
h2 {
	font-size:24px;
	font-weight:600;
}
h3 {
	font-size:18px;
	margin-top:20px;
	font-weight:600;
}
h4 {
	font-size:16px;
	margin-top:10px;
}
article h2 {
	text-align:center;
	font-size:30px;
	text-transform:uppercase;
	margin-top:40px;
}
.block-v h2 {
	color:#3958cb;
}
.content h1 {
	margin-top:0;
	margin-bottom:20px;
}

.container {
	max-width:1280px;
	padding:0 10px;
	margin:0 auto;
}
.icon {
	background:url(../images/sprite.png) no-repeat;
}


/*****Header*****/
header {
	background:url(../images/header.jpg) repeat-x;
}
.logo .container {
	position:relative;
}
.logo {
	position:relative;
	top:-65px;
	margin-left:50px;
	z-index:9;
	width:20%;
	display:inline-block;
}
.block-contact {
	text-align:right;
	padding:14px 30px;
}

.contacts div {
	position:relative;
	padding-left:35px;
	font-size:18px;
	line-height:18px;
	font-family:Tahoma;
	color:#fff;
}
.contacts .adress {
	display:inline-block;
}
.contacts .tel {
	display:inline-block;
}
.contacts .tel a {
	color:#fff;
	text-decoration:none;
}
.contacts .tel a:nth-of-type(1) {
	padding-right:10px;
}

.callback {
	display:inline-block;
	width:15%;
	vertical-align:top;
	padding-top:10px;
}
.callback a {
	color:#fff;
	font-size:18px;
	background:#ea2432;
	padding:7px 37px;
	width:225px;
	font-weight:600;
}
.callback a:hover {
	background:#00cd57;
}
.fancybox-wrap {
	/*left:auto !important;
	right:10% !important;
	top:154px !important;*/
	background:#f1f7fa;
	border:1px solid #3958cb !important;
}

/*****Slider*****/
#slider {
	background:url(../images/main_img.jpg) center top;
	height:950px;
	margin-top:40px;
	position:relative;
	font-family:Tahoma;
	z-index:-2;
}
#slider .title-slider {
	position:absolute;
	top:65%;
	left:0;
	right:0;
	font-size:60px;
	text-transform:uppercase;
	color:#fff;
	text-align:center;
	font-weight:600;
}
#slider .title-slider span {
	position:relative;
	z-index:1;
}
#slider .title-slider span::after {
    content: '';
    display: block;
    width: 150%;
    left: -25%;
    top: 0;
    height: 100%;
    background: #262262;
    position: absolute;
    z-index: -1;
}
#slider .slider-block {
	position:absolute;
	top:75%;
	left:0;
	right:0;
	font-size:48px;
	text-transform:uppercase;
	color:#fff;
	text-shadow: 1px 1px 2px black;
	text-align:center;
	font-weight:600;
}
#slider .slider-block div {
	display:inline-block;
}
#slider .slider-block .first, #slider .slider-block .second, #slider .slider-block .third {
	position:relative;
	z-index:1;
}
#slider .slider-block .first, #slider .slider-block .second {
	margin-right:50px;
}
#slider .slider-block .second {
	color:#262262;
	text-shadow: 0px 0px 0px black!important;
}
#slider .slider-block .first::after {
    content: '';
    display: block;
    width: 115%;
    left: -7.5%;
    top: -5%;
    height: 120%;
    background: #00b7ff;
background: linear-gradient(173deg,rgba(0, 183, 255, 1) 0%, rgba(0, 140, 247, 1) 24%, rgba(109, 204, 188, 1) 38%, rgba(251, 255, 0, 1) 50%);
    position: absolute;
    z-index: -1;
    text-shadow: 1px 1px 2px black;
}
#slider .slider-block .second::after {
    content: '';
    display: block;
    width: 115%;
    left: -7.5%;
    top: -5%;
    height: 120%;
    background: #00b7ff;
background: linear-gradient(173deg,rgba(0, 183, 255, 1) 0%, rgba(0, 140, 247, 1) 24%, rgba(109, 204, 188, 1) 38%, rgba(251, 255, 0, 1) 50%);
    position: absolute;
    z-index: -1;
}
#slider .slider-block .third::after {
    content: '';
    display: block;
    width: 115%;
    left: -7.5%;
    top: -5%;
    height: 120%;
    background: #00b7ff;
background: linear-gradient(173deg,rgba(0, 183, 255, 1) 0%, rgba(0, 140, 247, 1) 24%, rgba(109, 204, 188, 1) 38%, rgba(251, 255, 0, 1) 50%);
    position: absolute;
    z-index: -1;
    text-shadow: 1px 1px 2px black;
}


::-webkit-input-placeholder { /* WebKit browsers */
   color:    #b0b0b0;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #b0b0b0;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #b0b0b0;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #b0b0b0;
}


/**Section 2**/
#s2{
	padding:90px 0 50px;
	text-align:center;
}
#s2 .title {
	font-size:48px;
	text-transform:uppercase;
	line-height:62px;
}
#s2 article {
	padding:40px 55px;
}
#s2 article p {
	text-align:center;
	color:#585858;
	font-size:24px;
	line-height:30px;
}

/**Section3**/
#s3{
	padding:65px 0 10px;
	text-align:center;
	background:url(../images/block_steli.jpg) no-repeat center top;
}
#s3 .title {
	font-size:48px;
	text-transform:uppercase;
	line-height:62px;
	color:#fff;
}
#s3 article {
	padding:20px 55px;
}
#s3 article p {
	text-align:center;
	color:#fff;
	font-size:24px;
	line-height:36px;
}

/**Section4 Gallery**/
#s4{
	padding:90px 0 0;
	text-align:center;
}
#s4 .title {
	font-size:48px;
	text-transform:uppercase;
	line-height:62px;
}
#s4 article {
	padding:40px 55px;
}
#s4 article p {
	text-align:center;
	color:#000;
	font-size:24px;
	line-height:30px;
}
.photogallery .col {
	display:inline-block;
	margin:-3px;
}
.photogallery .col a {
	display:block;
	position:relative;
	
}
.photogallery .col a:before {
	position:absolute;
	content:'';
	width:calc(100% - 1.5px);
	height:calc(100% - 1.5px);
	background:rgba(246,23,41,.84);
	opacity:0;
}
.photogallery .col a:hover:before,.photogallery .col a:hover:after {
	opacity:1;
}
.photogallery .col a:after {
	position:absolute;
	content:'ПЕРЕГЛЯНУТИ';
	border:1px solid #fff;
	z-index:99;
	padding:5px;
	left:30%;
	top:40%;
	color:#fff;
	opacity:0;
}

/**Section 5**/
#s5{
	padding:90px 0;
	text-align:center;
}
#s5 .title {
	font-size:48px;
	text-transform:uppercase;
	line-height:62px;
}
#s5 .v-title {
	font-size:30px;
	font-weight:600;
	text-transform:uppercase;
	text-align:center;
	font-family:Tahoma;
	margin-top:20px;
}
#s5 .v-block {
	display:inline-block;
	vertical-align:top;
	margin:1% 2.4%;
	width:calc(33% - 4.8%);
}
#s5 .v-block p {
	text-align:left;
	color:#000;
	font-size:18px;
	line-height:24px;
}

/**Section 6**/
#s6{
	padding:30px 0;
	text-align:center;
	background:#f6f6f6;
}
#s6 .title {
	font-size:48px;
	text-transform:uppercase;
	line-height:62px;
}
#s6 .name {
	font-size:18px;
	font-weight:600;
	text-align:center;
	font-family:Tahoma;
	text-transform:uppercase;
	margin-top:20px;
}
#s6 .v-block {
	display:inline-block;
	vertical-align:top;
	margin:1% 2%;
	width:calc(25% - 4.4%);
	text-align:center;
}
#s6 .v-block p {
	text-align:left;
	color:#000;
	font-size:18px;
	line-height:24px;
	padding:0 10px;
	text-align:center;
}
/**Section contact us**/
#contact-us {
	background:#e53138;
	padding:40px 0 10px;
}

#contact-us .title {
	font-size:48px;
	color:#fff;
	font-weight:600;
	font-family:Tahoma;
	text-align:center;
}
#contact-us .contacts {
	text-align:center;
	padding:30px 0;
	margin-bottom:70px;
}
#contact-us .contacts a {
	color:#fff;
	font-size:60px;
	display:inline-block;
	margin:0 15px;
	
}
form div {
	display:inline-block;
	width:30%;
	vertical-align:top;
	margin:0 1.5%;
}
input {
	font-family:Tahoma;
    background: #fff;
    border-radius: 10px;
	height:55px;
	margin:10px auto;
    font-size: 18px;
    color: #000;
	border:none;
	padding:0 20px;
	width:calc(100% - 30px);
}
textarea {
	font-family:Tahoma;
    background: #fff;
    border-radius: 10px;
    width: calc(100% - 3% - 33px);
	height:215px;
	margin:10px 1.5% 0;
    font-size: 18px;
    color: #000;
	border:none;
	padding:15px 20px;
}

button:focus, input:focus {
	outline:none;
}
button.applicationButton1 {
	background:#202020;
	height:calc(55px - 4px);
	font-size:20px;
	text-align:center;
	color:#fff;
	border:none;
	width:293px;
	margin:40px auto;
	display:block;
	border-radius: 10px;
	border:2px solid #202020;
	cursor:pointer;
}
button.applicationButton1:hover {
	background:#00cd57;
	border:2px solid #fff;
}

/*****Footer*****/
footer {
	background:#202020;
	padding:20px 0;
}
footer .container > div {
	color:#fff;
	width:28%;
	display:inline-block;
	vertical-align:top;
	font-family:Tahoma;
	margin:0 10%;
}
footer .container > div:nth-of-type(2) {
	text-align:right;
}
footer a {
	text-decoration:underline;
	color:#fff;
}
footer a:hover {
	text-decoration:none;
}

/**Sticky menu**/
.main-menu{
            height: 108px;
            // set animation
            -webkit-transition: all 0.4s ease;
            transition: all 0.7s ease;
        }
        
.main-menu.sticky {
            position: fixed;
            height: 100px; 
            width: 100%;
            background: rgba(255,255,255,.8);
			margin-top:-50px;
			padding:5px 0;
			}
.main-menu.sticky .logo {
	top:0;
}
.main-menu.sticky .logo img {
	width:100px;
}
.main-menu.sticky .cd-primary-nav {
	padding-top:30px;
}
.main-menu.sticky .callback {
	padding-top:40px;
}
	
/**Scroll**/
::-webkit-scrollbar-button {
background-image:url('');
background-repeat:no-repeat;
width:10px;
height:0px
}

::-webkit-scrollbar-track {
background-color:#ecedee
}

::-webkit-scrollbar-thumb {
border-radius: 0px;
background-color:#262262;
}

::-webkit-scrollbar-thumb:hover{
background-color:#262262;
}

::-webkit-resizer{
background-image:url('');
background-repeat:no-repeat;
width:6px;
height:0px
}

::-webkit-scrollbar{
width: 6px;
}


@media only screen and (min-width:1175px) {

	.cd-primary-nav a, .cd-primary-nav ul a {
		padding:0 20px !important;
	}
}

@media only screen and (max-width:1180px) {
	.cd-primary-nav {
		width:52% !important;
	}
	#s3 {
		background-size:cover;
	}
	#slider .slider-block .first{
		margin-right: 40px;
	}
	#slider .slider-block .second {
		margin-right:0;
	}
	#slider .slider-block .third {
		margin:20px 50px;
	}
}
@media only screen and (max-width:999px) {
	.cd-primary-nav {
		width:58% !important;
	}
	.logo {
		width:120px;
		top:-40px;
		margin-left:10px;
	}
	#s5 .v-block {
		width:44%;
	}
	#s6 .v-block {
		width:28.5%;
	}
}

@media only screen and (max-width:900px) {
	.cd-primary-nav a, .cd-primary-nav ul a {
		font-size:16px !important;
	}
	.contacts div, .callback a  {
		font-size:16px;
	}
	.cd-primary-nav {
		width:61% !important;
	}
	.cd-primary-nav a, .cd-primary-nav ul a {
		padding:0 7px !important;
	}
	.callback a{
		padding:7px 20px;
	}
	#s2 .title, #s3 .title, #s4 .title, #s5 .title, #s6 .title, #contact-us .title {
		font-size:36px;
		line-height:48px;
	}
	#s2 article p, #s3 article p, #s4 article p, #s5 .v-block p, #s6 .v-block p, input, textarea {
		font-size:16px;
	}
	#contact-us .contacts a {
		font-size:48px;
	}
	form div {
		margin:0 1.4%
	}
	#s5 .v-title {
		font-size:24px;
	}
}

@media only screen and (max-width:767px) {
	
	.main-menu.sticky {
		display:none;
	}
	header {
		height:80px;
	}
	#s2 {
		background-size:cover;
	}
	.logo {
		top:-20px;
	}
	.callback{
		width:70%;
		text-align:center;
		margin-top:21px;
	}
	#s6 .v-block {
		width:45%;
	}
	form div {
		width:calc(100% - 25px);
		
	}
	footer .container > div {
		width:100%;
		text-align:center !important;
		margin:10px 0;
	}
	#contact-us .contacts a {
		font-size:36px;
	}
	#slider {
		height:400px;
		background-size:cover;
	}
	#slider .title-slider {
		top:30%;
		font-size:48px;
	}
	#slider .slider-block .first, #slider .slider-block .second, #slider .slider-block .third {
		font-size:36px;
	}
	#slider .slider-block {
		top:50%;
	}
	.photogallery .col {
		width:48%;
	}
}


@media only screen and (max-width:640px) {
	.contacts .adress {
		display:none;
	}
	.map iframe {
		height:400px;
	}
	textarea {
		height:150px;
		width:calc(97% - 42px);
	}
	#contact-us .contacts  {
		margin-bottom:20px;
	}
}

@media only screen and (max-width:480px) {
	#slider .slider-block .first, #slider .slider-block .second {
		margin:0 20px;
	}
	#s2 {
		padding:50px 0 20px;
	}
	#s4, #s5 {
		padding:50px 0 0;
	}
	#s5 .v-block {
		width:calc(100% - 5%);
	}
	#s6 .v-block {
		width:96%;
	}
	.photogallery .col {
		width:auto;
	}
	.callback {
		width:50%;
	}
	#s2 article, #s3 article, #s4 article {
		padding:20px 10px;
	}
}

@media only screen and (max-width:414px) {
	#slider .title-slider {
		font-size:30px;
	}
	#slider .slider-block .first, #slider .slider-block .second, #slider .slider-block .third  {
		font-size:24px;
	}
	#s2 .title, #s3 .title, #s4 .title, #s5 .title, #s6 .title, #contact-us .title {
		font-size: 28px;
		line-height: 36px;
	}
	.logo {
		width: 100px;
		margin-left: 0;
	}
	.block-contact {
		padding:14px 0;
	}
}

@media only screen and (max-width:360px) {
	.contacts div {
		font-size:14px;
	}
}
@media only screen and (max-width:320px) {
	.contacts .tel a:nth-of-type(1) {
		padding-right:5px;
	}
	.logo {
		width: 90px;
	}
}