@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,300italic,400italic,700,700italic&subset=latin,cyrillic);

@font-face {
    font-family: Panton Black Caps; /* Имя шрифта */
    src: url('../fonts/panton-black-caps.otf'); /* Путь к файлу со шрифтом */
  }
  * {
	margin:0;
	padding:0;
  }  
  *::selection {
	color:rgba(244,241,242,1);
	background:rgba(38,33,39,.5);
  }
  *::-moz-selection {
	color:rgba(244,241,242,1);
	background:rgba(38,33,39,.5);
  }
  
  html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
  }
  
  body {
	background-color:rgba(244,241,242,1);
	line-height:1.6em;
	font-size:1.6em;
	font-family: 'Roboto Condensed', sans-serif;
  }

  #styajka-page-preloader {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #fff;
	z-index: 50;
  }

  #styajka-page-preloader .styajka-spinner {
    width: 50px;
    height: 50px;
    position: absolute;
    left: 50%;
    top: 50%;
    background: url("../images/spinner.gif") no-repeat 50% 50%;
    margin: -25px 0 0 -25px;
  }
  
  h1, h2, h3, h4, h5 {
	color:rgba(141,132,125,1);
	font-family: 'Panton Black Caps', sans-serif;
  }
  
  p a, p a:hover, p a:focus { color:rgba(38,33,39,1); outline:none; }
  p a { text-decoration:underline; }
  p a:hover, p a:focus { text-decoration:none; }
  
  .header-image {
    background-image: url(../images/header-image.jpg);
	background-repeat: no-repeat;
    background-size: cover;
	background-position:center center;
	height:100%;
	width:100%;
  }
  .styajka-overlay {
	background-color:rgba(37,33,38,.65);
	height:100%;
	width:100%;
  }
  
  .styajka-header, 
  .styajka-head, 
  .styajka-menu, 
  .styajka-logo a, 
  .styajka-logo a img, 
  .styajka-menu ul li, 
  .styajka-menu ul li a, 
  .styajka-head .styajka-header-phone li h3, 
  .styajka-head h4, 
  .styajka-head .styajka-header-phone a, 
  .styajka-cross,
  .styajka-orange-button,
  .styajka-brown-button,
  .styajka-image-circle,
  .styajka-big-figure,
  .styajka-big-img,
  .styajka-totop,
  .fotorama__thumb { 
     -webkit-transition: all .1s linear;
     -moz-transition: all .1s linear;
     -o-transition: all .1s linear;
     transition: all .1s linear;
  }
  
  .styajka-header {	
	position:fixed;
	background-color:rgba(255,255,255,.95);  
	border-bottom:4px solid rgba(240,168,30,.95);
	margin:0;
	padding:0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=20, Direction=104, Color=#262127)";/*IE 8*/
	box-shadow: 1px 4px 10px -1px rgba(38,33,39,0.4);/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=20, Direction=135, Color=#262127); /*IE 5.5-7*/
	height:auto;
	width:100%;
	z-index:10;
  }
  
/* Sizes for the bigger header */
	.styajka-header.large{ background-color:rgba(255,255,255,.95); border-bottom:4px solid rgba(240,168,30,.95); height: auto; }
	
/* Sizes for the smaller header */
	.styajka-header.small{ background-color:rgba(255,255,255,1); border-bottom:4px solid rgba(240,168,30,1); height: auto; }
  
  .styajka-head {	 
	width:100%;
	height:auto;  
	line-height:80px;
  }
  
  .styajka-head h1, .styajka-head h2, .styajka-head h3, .styajka-head h4, .styajka-head h5 {
	display:block;
  }	

  
  .styajka-head .styajka-logo a {
	display:block;
	margin:0 auto; 
	text-align:center;
	max-width:185px;
  }
  
  .styajka-head .styajka-logo a img {
	display:block;
	margin:0 auto;
	height:80px; 
	width:180px;
  }
  
	.styajka-head h4 { font-size:14px; }  
	.styajka-head .styajka-header-phone li h3 { font-size:20px; white-space: nowrap; }
	.styajka-head .styajka-header-phone li a, .styajka-head .styajka-header-phone li a:focus { 
		border:1px solid transparent; 
		border-radius:6px; 
		background-color:rgba(240,168,30,1); 
		color:rgba(38,33,39,1); 
		font-size:13px; 
		text-transform:uppercase; 
		text-decoration:none; 
		padding:10px; 
		white-space: nowrap;
		outline:none;
	}
	.styajka-head .styajka-header-phone li a:hover { 
		background-color:rgba(141,132,125,1);
		color:rgba(255,255,255,1); 
		text-decoration:none; 
	}
	
	.styajka-head .styajka-header-phone li { display: table; margin:0; padding:0; text-align:right; }
	
	.styajka-head .styajka-header-phone li h3, .styajka-head h4 { display:table-cell; margin:0; padding:0; height:80px; vertical-align:middle; }
  
/* Sizes for the bigger head */
	.styajka-head.large { }
	.styajka-head.large .styajka-logo a img { margin:0 auto; height:80px; width:180px; }
	.styajka-head.large .styajka-header-phone li { display: table; line-height:80px; }
	.styajka-head.large .styajka-header-phone li h3, .styajka-head.large h4 { display:table-cell; margin:0; padding:0; height:80px; vertical-align:middle;}
	.styajka-head.large .styajka-header-phone li h3 { font-size:20px; }
	.styajka-head.large .styajka-header-phone li a { font-size:13px; padding:10px; }
	.styajka-head.large h4 { font-size:14px; }
	
/* Sizes for the smaller head */
	.styajka-head.small { }
	.styajka-head.small .styajka-logo a img { margin:0 auto; height:55px; width:155px; }
	.styajka-head.small .styajka-header-phone li { display: table; line-height:55px; }
	.styajka-head.small .styajka-header-phone li h3, .styajka-head.small h4 { display:table-cell; margin:0; padding:0; height:55px; vertical-align:middle; }
	.styajka-head.small .styajka-header-phone li h3 { font-size:18px; }
	.styajka-head.small .styajka-header-phone li a { font-size:13px; padding:10px; }
	.styajka-head.small h4 { font-size:14px; }

  .styajka-menu {
	width:100%;
	border-top:1px dotted rgba(141,132,125,.3);
  }

  .styajka-menu ul {
	padding:0;
	margin:0 auto;
	text-align:center;
  }

  .styajka-menu ul li {
	display:inline-block;
	list-style:none;
  }

  .styajka-menu ul li:hover, .styajka-menu div ul li:focus {
	/*border-bottom:4px solid rgba(141,132,125,1);*/
  }

  .styajka-menu ul li a {
	color:rgba(141,132,125,1);
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	font-size:16px;
	font-weight:700;
	margin:10px;
	line-height: 50px;
  }

  .styajka-menu ul li a:hover, .styajka-menu ul li a:focus, .styajka-menu ul li a.active {
	color:rgba(240,168,30,1);
	margin:10px;
	text-decoration:none;
  }
  
/* Sizes for the bigger menu */
	.styajka-menu.large{ height: 50px; }
	.styajka-menu.large ul li a { font-size:16px; line-height: 50px; text-align:center; }
	
/* Sizes for the smaller menu */
	.styajka-menu.small{ height: 40px; }
	.styajka-menu.small ul li a { line-height: 40px; font-size:14px; text-align:center; }
  
  .styajka-wrapper {
	margin:0 auto;
	max-width:1200px;
  }
  
  .styajka-header-phone { 
	margin:0; padding:0;
  }

  .styajka-header-phone li {
	display:inline-block;
	list-style:none;
  }
  
  .navbar-nav > li > .dropdown-menu {
	border-top:none;
	background-color:#fff;
  }
  .dropdown-menu {
	display:block !important;
	visibility:hidden;
	opacity:0;
	transition:visibility .3s,opacity .3s,top .4s;
	top:200%;
  }
  .open > .dropdown-menu {
	visibility:visible;
	opacity:1;
	transition:visibility .3s,opacity .3s,top .4s;
	top:calc(100% + 1px);
  }
  
  .styajka-padding-block { padding:40px 0; }
  .styajka-padding-bottom { padding-bottom:15px; }
  .styajka-margin-bottom { margin-bottom:15px; }
  
  .styajka-orange-block { 
	background-color:rgba(240,168,30,1);
  }
  
  .styajka-ultra-gray-block { 
	background-color:rgba(219,217,218,1); 
	background-repeat:no-repeat;
	background-size:cover;
	background-position:top center;
	position:relative;
  }
  
  .styajka-white-block { 
	background-color:rgba(255,255,255,1); 
	background-repeat:no-repeat;
	background-size:cover;
	background-position:top center;
	position:relative;
  }
  
  .styajka-deep-blue-block { 
	background-color:rgba(38,33,39,1); 
	background-repeat:no-repeat;
	background-size:cover;
	background-position:top center;
	position:relative;
  }
  
  .styajka-deep-blue-block p, .styajka-deep-blue-block a, .styajka-deep-blue-block a:focus { 
	color:rgba(255,255,255,1); 
	text-decoration:none;
	outline:none;
	opacity:1;
  }
  
  .styajka-deep-blue-block p { 
	text-align:left;
  }
  
  .styajka-deep-blue-block .center { 
	text-align:right;
	float:right;
  }
  
  .styajka-deep-blue-block a:hover { 
	color:rgba(255,255,255,1); 
	text-decoration:none;
	outline:none;
	opacity:.75;
  }
  
  .styajka-gray-block { 
	background-image:url("../images/bg-01.jpg"); 
	background-repeat:no-repeat;
	background-size:cover;
	background-position:top center;
	position:relative;
	z-index:-2;
  }
  
  .styajka-gray-block::before { 
	background-color:rgba(141,132,125,.8);
	content:'';
	display:block;
	height:100%;
	position: absolute;
	top:0;
	width:100%;
	z-index:-1;
	border-left: calc(50vw - 2px) solid transparent;
	border-right: calc(50vw - 2px) solid transparent;
	border-top: 30px solid rgba(240,168,30,1);
  }
  @-moz-document url-prefix() {
	.styajka-gray-block::before {
		border-left: calc(50vw - 10px) solid transparent;
		border-right: calc(50vw - 10px) solid transparent;
	}
  }
  
  .styajka-orange { color:rgba(240,168,30,1); }
  
  .styajka-orange-block h1, 
  .styajka-orange-block h2, 
  .styajka-orange-block h3, 
  .styajka-orange-block h4, 
  .styajka-orange-block h5, 
  .styajka-orange-block i, 
  .styajka-orange-block p, 
  .styajka-orange-block span { /*color:rgba(38,33,39,1); ЦВЕТ  ЧЕРНЫЙ*/ color:rgba(38,33,39,1);}
  
  .styajka-gray-block h1, 
  .styajka-gray-block h2, 
  .styajka-gray-block h3, 
  .styajka-gray-block h4, 
  .styajka-gray-block h5, 
  .styajka-gray-block i, 
  .styajka-gray-block p, 
  .styajka-gray-block span { color:rgba(255,255,255,1); }
  
  .styajka-text-center { text-align:center; }  
  .styajka-text-justify { text-align:justify; }
  
  .styajka-big-font { font-size:1.4em; line-height:1.4em; }
  
  
  .styajka-padding-top-block {
	padding-top:20px; 
  }
  .styajka-padding-bottom-block {
	padding-bottom:20px; 
  }
  
  .close, .close:hover, .close:focus { opacity:1; }
  
  .styajka-cross { color:rgba(240,168,30,1); display:block; font-size:18px; height:18px; width:18px; outline:none; opacity:1; }
  
  .styajka-cross:hover { color:rgba(141,132,125,1); }
  
  
	.styajka-orange-button, .styajka-orange-button:focus { 
		border:1px solid transparent; 
		border-radius:6px; 
		background-color:rgba(240,168,30,1); 
		color:rgba(38,33,39,1); 
		font-size:13px; 
		text-transform:uppercase; 
		text-decoration:none; 
		padding:10px; 
		white-space: nowrap;
		outline:none;
	}
	
	.styajka-orange-button:hover { 
		border:1px solid transparent; 
		background-color:rgba(141,132,125,1);
		color:rgba(255,255,255,1); 
		text-decoration:none; 
	}
  
  
	.styajka-brown-button, .styajka-brown-button:focus { 
		border:1px solid transparent; 
		border-radius:6px; 
		background-color:rgba(141,132,125,1); 
		color:rgba(255,255,255,1); 
		font-size:13px; 
		text-align:center;
		text-transform:uppercase; 
		text-decoration:none; 
		padding:10px; 
		white-space: nowrap;
		outline:none;
		width:100%;
	}
	
	.styajka-brown-button:hover { 
		background-color:rgba(141,132,125,.75);
		color:rgba(255,255,255,1); 
		text-decoration:none; 
	}
	
	
	.styajka-image-circle {
		border:8px solid #fff;
		border-radius:50%;
		-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=27, Direction=0, Color=#ffffff)";/*IE 8*/
		-moz-box-shadow: 0 0 27px 45px rgba(255,255,255,1) inset;/*FF 3.5+*/
		-webkit-box-shadow: 0 0 27px 45px rgba(255,255,255,1) inset;/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
		box-shadow: 0 0 27px 45px rgba(255,255,255,1) inset;/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
		filter: progid:DXImageTransform.Microsoft.Shadow(Strength=27, Direction=0, Color=#ffffff); /*IE 5.5-7*/
		-webkit-transition-duration: .2s; /* Safari */
		transition-duration: .2s;
	}
	.styajka-image-circle:hover {
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
		-o-transform: scale(1.1);
		-webkit-transition-duration:.1s;
		transition-duration:.1s;
	}
	.styajka-work-process img { margin:0 auto; }
	.styajka-work-process figure {
		background-color:#fff; 
		border:1px solid #fff; 
		border-radius:50%; 
		display:block; 
		position:absolute; 
		top:0; 
		left:0; 
		height:80px; 
		width:80px; 
		line-height:80px; 
	}
	.styajka-work-process figure p.number { 
		color:rgba(240,168,30,1); 
		font-family: 'Panton Black Caps', sans-serif;
		font-size:2.2em;
		text-align:center; 
	}
	.styajka-big-img { background-color:transparent; border:8px solid #ffffff; border-radius:50%; display:block; margin:0 auto; margin-bottom:20px; width:100%; height:100%; max-width: 120px;
		max-height: 120px; }
	.styajka-big-img:hover { background-color:transparent; -webkit-transform: scale(1.1);	-moz-transform: scale(1.4);	-o-transform: scale(1.4); }
	.styajka-big-figure { background-color:rgba(240,168,30,1); border:1px solid rgba(240,168,30,1); border-radius:50%; display:block; margin:0 auto; margin-bottom:20px; width:120px; height:120px; }
	.styajka-big-figure:hover { background-color:rgba(240,168,30,.7); border:1px solid rgba(240,168,30,.7); -webkit-transform: scale(1.1);	-moz-transform: scale(1.1);	-o-transform: scale(1.1); }
	.styajka-big-figure i { color:rgba(38,33,39,1); font-size:3em; text-align:center; line-height:120px; }
	
	.inner-bottom-xs div p { text-align: justify; }
  
	.modal-vertical-middle { 
		display: -webkit-flex;
		display:flex;
		align-items:center;
		height:100%;
	}
	.modal-header { border-bottom:1px dotted rgba(141,132,125,.3); }
	.modal-footer { border-top:1px dotted rgba(141,132,125,.3); }
	

	.styajka-scrollbar::-webkit-scrollbar-track { background-color:rgba(244,241,242,.1); }
	.styajka-scrollbar::-webkit-scrollbar {	width:4px; background-color:rgba(244,241,242,.1); }
	.styajka-scrollbar::-webkit-scrollbar-thumb { background-color:rgba(240,168,30,1); }
	
	
	
	.styajka-totop, .styajka-totop:focus {
		color:#fff;
		position: fixed;
		padding: 8px 12px;
		background-color:rgba(38,33,39,.75);
		border-radius: 6px;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		text-decoration:none;
		right: 10px;
		bottom: 10px;
		display: none;
		cursor: pointer;
	}
	.styajka-totop:hover {
		color:#fff;
		background-color:rgba(38,33,39,.5);
		text-decoration:none;
		outline:none;
	}
	
	.styajka-mobile-totop, .styajka-mobile-totop:focus {
		color:#fff;
		position:fixed;
		padding: 9px 12px;
		background-color:rgba(240,168,30,1);
		text-decoration:none;
		bottom:0;
		right:0;
		cursor: pointer;
	}
	
	#styajka-callback p {
		line-height:40px;
	}
	
	#styajka-callback input:first-child {
		margin-bottom:15px;
	}
	
	#styajka-callback #name, #styajka-callback #phone {
		height:40px;
	}
	
	#styajka-callback input {
		border:1px solid rgba(141,132,125,.5);
		box-shadow:none;
	}
	
	#styajka-callback input:hover, #styajka-callback input:focus {
		border:1px solid rgba(240,168,30,1);
		box-shadow:none;
	}
	
	#styajka-callback input::-webkit-input-placeholder       {color: rgba(141,132,125,1); transition: color 0.3s ease;}
	#styajka-callback input::-moz-placeholder                {color: rgba(141,132,125,1); transition: color 0.3s ease;}
	#styajka-callback input:-moz-placeholder                 {color: rgba(141,132,125,1); transition: color 0.3s ease;}
	#styajka-callback input:-ms-input-placeholder            {color: rgba(141,132,125,1); transition: color 0.3s ease;}
	#styajka-callback input:focus::-webkit-input-placeholder {color: transparent; transition: color 0.3s ease;}
	#styajka-callback input:focus::-moz-placeholder          {color: transparent; transition: color 0.3s ease;}
	#styajka-callback input:focus:-moz-placeholder           {color: transparent; transition: color 0.3s ease;}
	#styajka-callback input:focus:-ms-input-placeholder      {color: transparent; transition: color 0.3s ease;}
	
	#styajka-form p {
		line-height:40px;
	}
	
	#styajka-form input:first-child {
		margin-bottom:15px;
	}
	
	#styajka-form #name, #styajka-form #phone {
		height:40px;
	}
	
	#styajka-form input {
		border:1px solid rgba(141,132,125,.5);
		box-shadow:none;
	}
	
	#styajka-form input:hover, #styajka-form input:focus {
		border:1px solid rgba(240,168,30,1);
		box-shadow:none;
	}
	
	#styajka-form input::-webkit-input-placeholder       {color: rgba(141,132,125,1); transition: color 0.3s ease;}
	#styajka-form input::-moz-placeholder                {color: rgba(141,132,125,1); transition: color 0.3s ease;}
	#styajka-form input:-moz-placeholder                 {color: rgba(141,132,125,1); transition: color 0.3s ease;}
	#styajka-form input:-ms-input-placeholder            {color: rgba(141,132,125,1); transition: color 0.3s ease;}
	#styajka-form input:focus::-webkit-input-placeholder {color: transparent; transition: color 0.3s ease;}
	#styajka-form input:focus::-moz-placeholder          {color: transparent; transition: color 0.3s ease;}
	#styajka-form input:focus:-moz-placeholder           {color: transparent; transition: color 0.3s ease;}
	#styajka-form input:focus:-ms-input-placeholder      {color: transparent; transition: color 0.3s ease;}
	

.fotorama__nav--thumbs { /*position:absolute; bottom:20px;*/ margin-top:20px; }	
.fotorama__thumb-border, .fotorama__thumb { border-radius:50%; }
.fotorama__stage { border:8px solid rgba(255,255,255,1); border-radius:6px; }
.fotorama__thumb { border:2px solid rgba(255,255,255,.25); }
.fotorama__thumb:hover { border:2px solid rgba(255,255,255,.5); }
.fotorama__thumb-border { border:2px solid rgba(255,255,255,1); }

	
	.height-xs,
	.height-sm,
	.height-md,
	.height-lg {
		height: 70vh;
	}
  
  .styajka-mobile-footer {	
	position:fixed;
	background-color:rgba(255,255,255,1);  
	border-top:4px solid rgba(240,168,30,1);
	margin:0;
	padding:0;
	bottom:0;
	height:auto;
	width:100%;
	z-index:9;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=20, Direction=0, Color=#000000)";/*IE 8*/
	box-shadow: 0 -4px 10px rgba(38,33,39,.4);/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=20, Direction=135, Color=#000000); /*IE 5.5-7*/
  }
  
  .styajka-mobile-footer a {	
	text-decoration:none;
  }
	
	
/* Bootstap 5 columns */

.col-xs-1-5,
.col-sm-1-5,
.col-md-1-5,
.col-lg-1-5 {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
}
 
.col-xs-1-5 {
  width: 20%;
  float: left;
}
 
@media (min-width: 768px) {
  .col-sm-1-5 {
    width: 20%;
    float: left;
  }
}
 
@media (min-width: 992px) {
  .col-md-1-5 {
    width: 20%;
    float: left;
  }
}
 
@media (min-width: 1200px) {
  .col-lg-1-5 {
    width: 20%;
    float: left;
  }
}