/******************* QUICK *******************/

/******** BASE COLOR *************************/

/* #394a5f - dark-gray  */
/* #e6e8ea - white font  */
/* #00a7d1 - blue  */

/********* BASE FONT **************************/

/* font-family: "OpenSansLight", Arial, sans-serif; */
/* font-family: "OpenSansBold", Arial, sans-serif; */
/* font-family: "LobsterRegular", Arial, sans-serif; */

.opensenslight17 {
	font-family: "OpenSansLight", Arial, sans-serif;	
	font-weight: normal;
	font-size: 17px;
	letter-spacing: 1px;
	color: #fff;
	line-height: 1.6;
}
.opensenslight16dark {
	font-family: "OpenSansLight", Arial, sans-serif;	
	font-weight: normal;
	font-size: 16px;
	letter-spacing: 1px;
	color: #394a5f;
	line-height: 1.4;
}
.opensenslight20darkbold {
	font-family: "OpenSansLight", Arial, sans-serif;	
	font-weight: bold;
	font-size: 20px;
	letter-spacing: 0px;
	color: #394a5f;
	line-height: 1.4;
}
.opensenslight20whitebold {
	font-family: "OpenSansLight", Arial, sans-serif;	
	font-weight: bold;
	font-size: 20px;
	letter-spacing: 1px;
	color: #fff;
	line-height: 1.3;
}
.opensensbold30white {
	font-family: "OpenSansBold", Arial, sans-serif;
	text-transform: uppercase;	
	font-weight: normal;
	font-size: 30px;
	letter-spacing: 1px;
	color: #fff;
	line-height: 1.3;
}
.opensensbold62 {
	font-family: "OpenSansBold", Arial, sans-serif;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 62px;
	letter-spacing: 6px;
	color: #e6e8ea;
	line-height: 1.3;
}
.opensensbold48 {
	font-family: "OpenSansBold", Arial, sans-serif;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 48px;
	letter-spacing: 1px;
	color: #394a5f;
	line-height: 1.3;
}
.opensensbold36 {
	font-family: "OpenSansBold", Arial, sans-serif;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 36px;
	letter-spacing: 1px;
	color: #394a5f;
	line-height: 1.3;
}
.lobster16 {
	font-family: "LobsterRegular", Arial, sans-serif;
	font-weight: normal;
	font-size: 16px;
	letter-spacing: 2px;
	color: #e6e8ea;
	line-height: 1;
}
.lobster27 {
	font-family: "LobsterRegular", Arial, sans-serif;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 27px;
	letter-spacing: 2px;
	color: #e6e8ea;
	line-height: 1.3;
}

/******* font parameters *******/

.bold {font-weight: bold;}
.uppercase {text-transform: uppercase;}
.line-height1 {line-height: 1;}
.letter-spacing1 {letter-spacing: 1px;}
.text-align-just {text-align: justify;}

/********** font size **********/

.fs24 {font-size: 24px}
.fs30 {font-size: 30px}
.fs36 {font-size: 36px}

/* *******  font color ******* */

.red {color: #d4024c}
.gray {color: #6d757b}
.darkgray {color: #394a5f}
.darkblue {color: #018eb1}
.blue {color: #00a7d1}
.black {color: #0c1229}

/******* BASE PARAMETRS *******/

.sh-container, .sh-wrapper, .sh-col-l, .sh-col-r, 
img, a.but, .btn, .btn a, h3 a, nav a {
	-moz-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.opacity:hover {
	filter: alpha(opacity=60);
	-moz-opacity: 0.4;
	-o-opacity: 0.4;
	-webkit-opacity: 0.4;
	opacity: 0.4;
}
.clear {
	width: 100%;
	clear: both;
}
.center {
	margin: 0 auto;
	text-align: center;
}
.dis-none {
	display: none;
	visibility: hidden;
}
.no-link {
	cursor: default;
}
.z-index {
	position: relative;
	z-index: 100;
}
.z-index2 {
	position: relative;
	z-index: 200;
}

/*********  width for containers  *********/

/* содержимое станет по центру wrappersa + 
.wrappers {text-align: center} для media quares*/
.mw1920 { max-width: 100%; max-width: 1920px}
.mw1000 {max-width: 1000px}
.mw1059 {max-width: 1059px}

.w150 {width: 150px}
.w170 {width: 170px}
.w200 {width: 200px}
.w250 {width: 250px}
.w215 {width: 215px}
.w231 {width: 231px}
.w270 {width: 270px}
.w300 {width: 300px}
.w305 {width: 305px}
.w360 {width: 360px}
.w370 {width: 370px}
.w400 {width: 400px}
.w420 {width: 420px}
.w450 {width: 450px}
.w500 {width: 500px}
.w600 {width: 600px}
.w630 {width: 630px}
.w700 {width: 700px}
.w800 {width: 800px}
.w900 {width: 900px}
.w1000 {width: 1000px}
.w1020 {width: 1020px}
.w1040 {width: 1040px}
.w1059 {width: 1059px}
.w1100 {width: 1100px}
.w1170 {width: 1170px}
.w1200 {width: 1200px} 
.w1260 {width: 1260px} 
.w1280 {width: 1280px} 
.w1920 {width: 1920px} 

/* *********  background color ********* */

.bg-edeeee {background: #edeeee}
.bg-122327 {background: #122327}
.bg-e9edf0 {background: #e9edf0}
.bg-f6f6f6 {background: #f6f6f6}
.bg-00a7d1 {background: #00a7d1} /* blue */
.bg-263238 {background: #263238}
.bg-rgba {background: rgba(0, 0, 0, 0.5);}
.bg-000 {background: #000}

.bg-pattern {
	background-position: 0 0;
	background-repeat: repeat;
	background-image: url(../img/pattern.png);
}
.bg-header-img {
	margin: 0 auto;
	text-align: center;
	background-image: url(../img/header.png);
	background-size: cover;	/* image for all area */
}
.forma-img {
	margin: 0 auto;
	text-align: center;
	background-image: url(../img/forma-img.png);
	background-size: cover;	/* image for all area */
}

/* ***********  position  *********** */
 
.f-left {float: left}
.f-right {float: right}
.t-left {text-align: left}
.t-right {text-align: right}
.t-center {text-align: center}

.margin-0a {margin: 0 auto}
.margin-t10 {margin-top: 10px}
.margin-t20 {margin-top: 20px}
.margin-t23 {margin-top: 23px}
.margin-t25 {margin-top: 25px}
.margin-t30 {margin-top: 30px}
.margin-t40 {margin-top: 40px}
.margin-t50 {margin-top: 50px}
.margin-t100 {margin-top: 100px}
.margin-t-1063 {margin-top: -1063px}
.margin-b0 {margin-bottom: 0px}
.margin-b10 {margin-bottom: 10px}
.margin-b20 {margin-bottom: 20px}
.margin-b30 {margin-bottom: 30px}
.margin-b40 {margin-bottom: 40px}
.margin-b50 {margin-bottom: 50px}
.margin-l10 {margin-left: 10px}
.margin-l15 {margin-left: 15px}
.margin-r20 {margin-right: 20px}
.margin-r30 {margin-right: 30px}
.margin-r35 {margin-right: 35px}
.margin-r40 {margin-right: 40px}
.margin-r50 {margin-right: 50px}
.margin-r60 {margin-right: 60px}
.margin-r70 {margin-right: 70px}
.margin-r80 {margin-right: 80px}
.margin-r100 {margin-right: 100px}
.margin-r170 {margin-right: 170px}
.margin-r135 {margin-right: 135px}
.margin-tb20 { margin-top: 20px; margin-bottom: 20px }
.margin-tb30 { margin-top: 30px; margin-bottom: 30px }
.margin-tb40 { margin-top: 40px; margin-bottom: 40px }
.margin-t-3 {margin-top: -3px;}
.margin-t-100 {margin-top: -100px;}
.margin-b-100 {margin-bottom: -100px;}

/* **************************************** */

.padding-no {padding: 0}
.padding-t4 {padding-top: 4px}
.padding-t6 {padding-top: 6px}
.padding-t8 {padding-top: 8px}
.padding-t10 {padding-top: 10px}
.padding-t20 {padding-top: 20px}
.padding-t25 {padding-top: 25px}
.padding-t30 {padding-top: 30px}
.padding-t35 {padding-top: 35px}
.padding-t40 {padding-top: 40px}
.padding-t50 {padding-top: 50px}
.padding-t60 {padding-top: 60px}
.padding-t90 {padding-top: 90px}
.padding-t120 {padding-top: 120px}
.padding-t170 {padding-top: 170px}
.padding-b5 {padding-bottom: 5px}
.padding-b10 {padding-bottom: 10px}
.padding-b20 {padding-bottom: 20px}
.padding-b30 {padding-bottom: 30px}
.padding-b40 {padding-bottom: 40px}
.padding-b50 {padding-bottom: 50px}
.padding-b60 {padding-bottom: 60px}
.padding-b70 {padding-bottom: 70px}
.padding-b140 {padding-bottom: 140px}
.padding-b300 {padding-bottom: 300px}
.padding-r10 {padding-right: 10px}
.padding-r15 {padding-right: 15px}
.padding-r20 {padding-right: 20px}
.padding-r30 {padding-right: 30px}
.padding-l5 {padding-left: 5px}
.padding-l10 {padding-left: 10px}
.padding-l15 {padding-left: 15px}
.padding-l20 {padding-left: 20px}
.padding-lr15 { padding-left: 15px; padding-right: 15px }
.padding-tb20 {padding: 20px 0}
.padding-tb25 {padding: 25px 0}
.padding-tb30 {padding: 30px 0}
.padding-tb40 {padding: 40px 0}

/* for header img */

.padding-percent {padding: 10% 10px 15%}


/* **** feedback form *********** */

.bg-gray {background: #d5d8de}
.green {color: #68a145}