/*@import url(../fonts/fonts.css);*/

html, body, form, input, textarea, h1, h2, h3, h4, h5, h6, p, ul, li {margin: 0; padding: 0;}
html, body {width: 100%; height: 100%;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary, div, form, label {display: block;}
img {border: 0; -ms-interpolation-mode: bicubic;}
:focus {outline: 0;}
*,
*:before,
*:after{
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
html {
	/*-webkit-tap-highlight-color: rgba(0, 0, 0, 0);*/
}
body {
	background: #fff;
}
body.mini {
	background: #fff;
}
html.mini, body.mini {height: auto;}
body, table, td, th {
	font-family: 'Circe', sans-serif;
	font-size: 15px;
	line-height: 22px;
	color: #000;
}
button, input, optgroup, select, textarea {
	font: inherit;
	color: inherit;
	border: 0 none;
}
a, button {
	cursor: pointer;
}

a {
	color: #ffcb08;
	text-decoration: none;
	transition: 0.3s color, 0.3s background, 0.3s border;
}
a:hover {
	color: #000;
	text-decoration: none;
}

b, strong {
	font-weight: 700;
}

h1, h2, h3, h4, h5, h6 {
	font: inherit;
	font-weight: 700;
	margin: 20px 0;
	color: #000;
	line-height: 1;
}
h1 { font-size: 36px;  }
h2 { font-size: 26px; }
h3 { font-size: 21px; }
h4 { font-size: 16px; text-transform: uppercase; }
h5 { font-size: 16px; }
h6 { font-size: 13px; }
p {margin: 20px 0;}
ul {list-style-type: none;}
ul li {
	background: url(../img/base/arr_right.png) no-repeat left 6px;
	padding: 0 0 5px 17px;
}

body > iframe {
	display: none;
}

.clearer {
	display: block;
	overflow: hidden;
	height: 0;
	clear: both;
}

.pre-head > div,
header > div,
footer > div,
section > div,
.emo .slide > div {
	width: 1200px;
	margin: 0 auto;
}

.pre-head {
	background: #000;
	height: 40px;
	overflow: hidden;
	font-size: 11px;
	line-height: 13px;
	padding: 14px 0 0;
	color: #afafaf;
	text-transform: uppercase;
}
.pre-head a {
	display: block;
	float: left;
	color: inherit;
	padding-left: 15px;
	margin-right: 15px;
}
.pre-head a.active,
.pre-head a:hover {
	color: #666;
}
.pre-head .lang a:not(:first-child),
.pre-head .contact a:not(:first-child) {
	border-left: 1px solid #666;
}
.pre-head .contact a:first-child {
	padding-left: 0;
}
.pre-head .lang a:last-child {
	margin-right: 0;
}
.pre-head .contact {
	float: left;
}
.pre-head .lang {
	float: right;
}

header {
	position: absolute;
	z-index: 1100;
	background: #ffcb08;
	width: 100%;
	height: 87px;
	border-bottom: 7px solid #ffe06b;
	line-height: 87px;
	transition: 0.5s all;
}
header > div {
	height: inherit;
}
header .logo {
	display: block;
	float: left;
	height: inherit;
	padding-bottom: 7px;
}
header .logo img {
	display: block;
	height: 100%;
	width: auto;
}
header.sticky {
	position: fixed;
	top: 0;
	height: 67px;
	line-height: 60px;
}
.headersticky {
	height: 67px;
}

.mobilemenu {
	display: none;
	float: right;
	background: none;
	padding: 10px 0;
	margin: 6px 0 0 0;
	transition: 0.5s all;
}
.mobilemenu > span {
	display: block;
	width: 22px;
	height: 2px;
	background: #000;
}
.mobilemenu > span + span {
	margin: 4px 0 0 0;
}
header nav {
	height: inherit;
	float: right;
	font-size: 14px;
	font-weight: 900;
	text-transform: uppercase;
}
header nav > div {
	position: relative;
	height: inherit;
	float: left;
	border-bottom: 7px solid #ffe06b;
	transition: 0.3s all;
}
header nav > div > a {
	display: block;
	height: inherit;
	padding: 0 20px;
	color: #000;
}
header nav > div:first-child {
}
header nav > div:hover {
	border-bottom: 7px solid #fff;
}
header nav > div.active {
	border-bottom: 7px solid #fff;
}
header nav > div > div {
	max-height: 0;
	opacity: 0;
	position: absolute;
	top: 70px;
	width: 250px;
	left: 0;
	z-index: 10;
	overflow: hidden;
	transition: 0.3s all;
	background: #fff;
	padding: 0 15px;
	border-top: 0 solid #ffcb08;
}
header.sticky nav > div > div {
	top: 50px;
}
header nav > div:hover > div {
	max-height: 300px;
	opacity: 1;
	border-top: 5px solid #ffcb08;
	padding: 25px 15px;
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
}
header nav > div > div a {
	display: block;
	font-size: 15px;
	color: #3f4449;
	font-weight: 700;
	line-height: 1;
	padding: 9px 15px;
	text-transform: none;
	border-radius: 16px;
}
header nav > div > div a.active,
header nav > div > div a:hover {
	background-color: #efefef;
}
header nav > div > div a + a:after {
	display: block;
	position: absolute;
	content: "";
	height: 1px;
	left: 15px;
	top: -1px;
	width: 100%;
	background: #efefef;
}

footer {
}
footer > div {
	overflow: hidden;
	padding: 30px 0;
	color: #999;
}
footer .ls {
	overflow: hidden;
	font-size: 13px;
}
footer .ls a {color: inherit;}
footer .ls a:hover {color: #ffcb08;}
footer .ls span {
	display: inline-block;
	margin: 0 20px;
	color: #ccc;
}
footer .rs {
	float: right;
}
footer .rs > span,
footer .rs > a {
	display: block;
	float: left;
	overflow: hidden;
}
footer .rs > * + * {
	margin-left: 10px;
}
footer .rs > span + * {
	border-left: 1px solid #ccc;
	padding-left: 20px;
	margin-left: 20px;
}
footer .rs > span img,
footer .rs > a img {
	display: block;
	height: 42px;
}


aside {
	display: none;
	position: fixed;
	width: 80%;
	height: 100%;
	overflow: hidden;
	overflow-y: auto;
	background: #fff;
	z-index: 1200;
	box-shadow: 0 0 15px rgba(0,0,0,0.2);
	transition: all 0.5s;
	left: -100%;
	padding: 30px;
}
aside.active {
	left: 0;
}
aside > div a {
	position: relative;
	display: block;
	color: #737373;
	padding: 7px 15px 7px 29px;
	background: url(../img/arr_right_yellow.png) no-repeat 15px 13px;
	background-size: auto 10px;
	margin: 0 -15px;
	border-radius: 16px;
}
aside > div a + a:after {
	display: block;
	position: absolute;
	content: "";
	height: 1px;
	left: 15px;
	top: -1px;
	width: calc(100% - 30px);
	background: #efefef;
}
aside > div a.active,
aside > div a:hover {
	background-color: #efefef;
}

aside > div > a {
	font-size: 17px;
	background: none;
	padding-left: 15px;
	color: #3f4449;
	font-weight: 700;
}
aside div {
	margin-bottom: 10px;
}



.col-2,
.col-3,
.col-4,
.col-5 {
	overflow: hidden;
	position: relative;
	margin: 0 0 -15px -15px;
}
.col-2 > div,
.col-3 > div,
.col-4 > div,
.col-5 > div {
	float: left;
	overflow: hidden;
	margin: 0 0 15px 15px;
}

.col-2 > div {width: calc(100% / 2 - 15px);}
.col-3 > div {width: calc(100% / 3 - 15px);}
.col-4 > div {width: calc(100% / 4 - 15px);}
.col-5 > div {width: calc(100% / 5 - 15px);}

.col-3 > div.col-x2 {width: calc(100% / 3 * 2 - 15px);}
.col-4 > div.col-x2 {width: calc(100% / 4 * 2 - 15px);}
.col-5 > div.col-x2 {width: calc(100% / 5 * 2 - 15px);}

.col-4 > div.col-x3 {width: calc(100% / 4 * 3 - 15px);}
.col-5 > div.col-x3 {width: calc(100% / 5 * 3 - 15px);}

.col-4 > div.col-x4 {width: calc(100% - 15px);}

.col-2 > div:first-child,
.col-3 > div:first-child,
.col-4 > div:first-child,
.col-5 > div:first-child,
.col-2 > div:nth-child(2n+1),
.col-3 > div:nth-child(3n+1),
.col-4 > div:nth-child(4n+1),
.col-5 > div:nth-child(5n+1) {
	clear: left;
}

.emo {
	height: 70%;
	min-height: 520px;
	max-height: 100%;
	width: inherit;
	overflow: hidden;
	position: relative;
	background: rgba(63,68,73,1);
	background-size: cover;
}
.emo:after {
	display: block;
	content: "";
	position: absolute;
	bottom: 0;
	z-index: 10;
	width: 100%;
	height: 100px;
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
}
.emo .slide {
	position: absolute;
	height: 100%;
	width: inherit;
	opacity: 0;
	visibility: hidden;
	transition: 0.7s all;
	background: no-repeat center center;
	background-size: cover;
}
.emo .slide:after {
	display: block;
	content: "";
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: rgba(63,68,73,0.7);
}
.emo .slide.active {
	opacity: 1;
	visibility: visible;
}
.emo .slide > div {
	position: relative;
	height: inherit;
	background: no-repeat right bottom;
	background-size: auto 100%;
	z-index: 1;
}
.emo .slide > div > div {
	position: absolute;
	width: 50%;
	top: 50%;
	/*margin: -120px 0 0 85px;*/
	margin: -90px 0 0 85px;
}
.emo .slide > div > div i {
	display: block;
	font-size: 26px;
	font-weight: 700;
	font-style: normal;
	margin: 0 0 10px;
	color: #fff;
}
.emo .slide > div > div h1 {
	color: #fff;
	font-size: 42px;
	font-weight: 700;
	margin: 0;
}
.emo .slide > div > div h2 {
	color: #fff;
	font-size: 15px;
	font-weight: 400;
	margin: 10px 0 0;
	max-width: 460px;
	line-height: 20px;
}

.main-solutions {
	display: block;
	position: relative;
	/*margin-top: -160px;*/
	margin-top: -108px;
	background: rgba(210, 210, 210, 0.8);
	z-index: 20;
}
.main-solutions > span {
	display: block;
	position: absolute;
	width: 100%;
	height: 20px;
	top: -20px;
	background: url(../img/emo_btn_bg.png) no-repeat center top;
	transition: 1s background-position;
}
.main-solutions > div {
	position: relative;
	padding: 0 0 20px 0;
}
.main-solutions .content {
	float: left;
	overflow: hidden;
	padding: 25px 30px;
	width: calc(100% / 4 - 15px);
	height: 100%;
	min-height: 299px;
	margin: 0 0 0 20px;
	background: #fff;
	border-top: 5px solid #aaa;
	transition: 0.3s all;
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
}
.main-solutions .content.active,
.main-solutions .content:hover {
	border-top: 5px solid #ffcb08;
}
.main-solutions .content.active {
	margin-top: -5px;
}
.main-solutions .content:hover {
	box-shadow: 0 0 2px rgba(0,0,0,0.1);
}
.main-solutions .content:first-child {
	margin-left: 0;
}
.main-solutions .content h2 {
	margin: 0;
	color: #3f4449;
	font-size: 21px;
	font-weight: 700;
	line-height: 23px;
}
.main-solutions .content h3 {
	margin: 0 0 10px;
	color: #3f4449;
	font-size: 13px;
	font-weight: 700;
	line-height: 23px;
	min-height: 23px;
}
.main-solutions .content ul {
	margin: 0;
	padding: 0;
}
.main-solutions .content ul li {
	position: relative;
	margin: 0;
	padding: 0;
	background: none;
}
.main-solutions .content a {
	position: relative;
	display: block;
	color: #737373;
	padding: 7px 15px 7px 29px;
	background: url(../img/arr_right_yellow.png) no-repeat 15px 11px;
	background-size: auto 10px;
	margin: 0 -15px;
	border-radius: 16px;
}
.main-solutions .content li + li:after {
	display: block;
	position: absolute;
	content: "";
	height: 1px;
	left: 15px;
	top: -1px;
	width: calc(100% - 30px);
	background: #efefef;
}
.main-solutions .content a:hover {
	background-color: #efefef;
}

.references {
	background: #fff;
}
.references > div {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	padding: 30px 20px;
	border-bottom: 1px solid #eee;
}
.references > div > div {
	display: flex;
	position: relative;
	margin: 0 0 -30px -54px;
}
.references > div .left {
	width: calc(100% - 350px);
	flex-wrap: wrap;
}
.references > div .right {
	width: 350px;
	justify-content: flex-end;
	padding-left: 120px;
}
.references > div > div > div {
	display: flex;
	align-items: center;
	margin: 0 0 30px 54px;
}
.references > div > div > div img {
	max-height: 70px;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	opacity: 0.3;
	transition: 0.5s all;
}
.references:hover > div > div > div img {
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
	opacity: 1;
}
.references > div > div > div img.square {
	max-height: 55px;
}
.references > div > div > div img.portrait {
	max-height: 60px;
}
.references > div > div > div img.landscape {
	max-height: 40px;
}
.references > div > div > div img.andronaco {
	max-height: 34px;
}
.references > div > div > div img.havi {
	max-height: 34px;
}
.references > div > div > div img.struve {
    max-height: 60px;
}
.references > div > div > div img.willer {
    max-height: 26px;
}
.references > div > div > div img.eesti-raudtee {
	max-height: 26px;
}
.references > div > div > div img.tallinn-airport {
	max-height: 52px;
}

.explainer {
	background: #31353a;
}
.explainer > div {
	overflow: hidden;
	padding: 40px 0;
	border-top: 1px solid #4e4e4e;
}
.explainer .contenet {
	padding: 10px 30px 53px 0;
	color: #fff;
	font-size: 15px;
	line-height: 23px;
}
.explainer h2 {
	margin: 0 0 10px;
	color: #fff;
	font-size: 25px;
	font-weight: 700;
	line-height: 23px;
}
.explainer .contenet .buttons a {
	display: inline-block;
	overflow: hidden;
	border-radius: 5px;
	padding: 9px 15px 7px;
	margin: 0 10px 0 0;
	font-size: 13px;
	font-weight: 900;
	text-transform: uppercase;
}
.explainer .contenet .buttons a:not(.bg-yellow) {
	background: #aaaaaa;
	color: #fff;
}
.explainer iframe {
	width: 100%;
	height: 265px;
}
.explainer .video {
	position: relative;
	background: no-repeat center center;
	background-size: cover;
	height: 265px;
}
.explainer .video a {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iNDgiIGhlaWdodD0iNDgiCnZpZXdCb3g9IjAgMCA0OCA0OCIKc3R5bGU9IiBmaWxsOiMwMDAwMDA7Ij48ZyBpZD0ic3VyZmFjZTEiPjxwYXRoIHN0eWxlPSIgZmlsbDojRkYzRDAwOyIgZD0iTSA0My4xOTkyMTkgMzMuODk4NDM4IEMgNDIuODAwNzgxIDM2IDQxLjEwMTU2MyAzNy42MDE1NjMgMzkgMzcuODk4NDM4IEMgMzUuNjk5MjE5IDM4LjM5ODQzOCAzMC4xOTkyMTkgMzkgMjQgMzkgQyAxNy44OTg0MzggMzkgMTIuMzk4NDM4IDM4LjM5ODQzOCA5IDM3Ljg5ODQzOCBDIDYuODk4NDM4IDM3LjYwMTU2MyA1LjE5OTIxOSAzNiA0LjgwMDc4MSAzMy44OTg0MzggQyA0LjM5ODQzOCAzMS42MDE1NjMgNCAyOC4xOTkyMTkgNCAyNCBDIDQgMTkuODAwNzgxIDQuMzk4NDM4IDE2LjM5ODQzOCA0LjgwMDc4MSAxNC4xMDE1NjMgQyA1LjE5OTIxOSAxMiA2Ljg5ODQzOCAxMC4zOTg0MzggOSAxMC4xMDE1NjMgQyAxMi4zMDA3ODEgOS42MDE1NjMgMTcuODAwNzgxIDkgMjQgOSBDIDMwLjE5OTIxOSA5IDM1LjYwMTU2MyA5LjYwMTU2MyAzOSAxMC4xMDE1NjMgQyA0MS4xMDE1NjMgMTAuMzk4NDM4IDQyLjgwMDc4MSAxMiA0My4xOTkyMTkgMTQuMTAxNTYzIEMgNDMuNjAxNTYzIDE2LjM5ODQzOCA0NC4xMDE1NjMgMTkuODAwNzgxIDQ0LjEwMTU2MyAyNCBDIDQ0IDI4LjE5OTIxOSA0My42MDE1NjMgMzEuNjAxNTYzIDQzLjE5OTIxOSAzMy44OTg0MzggWiAiPjwvcGF0aD48cGF0aCBzdHlsZT0iIGZpbGw6I0ZGRkZGRjsiIGQ9Ik0gMjAgMzEgTCAyMCAxNyBMIDMyIDI0IFogIj48L3BhdGg+PC9nPjwvc3ZnPg==') 50% 50% no-repeat;
	background-size: 85px 85px;
	transition: 0.3s all;
}
.explainer .video a:hover {
	background-color: rgba(63,68,73,0.7);
}
.explainer .social {
	position: absolute;
	bottom: 15px;
}
.explainer .social > a {
	float: left;
	display: block;
	overflow: hidden;
	border-radius: 50%;
	padding: 10px;
	margin: 0 10px 0 0;
	border: 1px solid #fff;
	transition: 0.3s all;
}
.explainer .social > a:hover {
	border-color: #ffcb08;
	background: #ffcb08;
}
.explainer .social > a img {
	display: block;
	width: 21px;
	height: 21px;
}

.explainer-videos {
	background: #31353a;
}
.explainer-videos > div {
    overflow: hidden;
	padding: 40px 0;
	border-top: 1px solid #4e5258;
}
.explainer-videos .videos {
	position: relative;
	margin: 0 0 -40px -40px;
	overflow: hidden;
}
.explainer-videos .videos > div {
	float: left;
	width: calc(100% / 6 - 40px);
	margin: 0 0 40px 40px;
}
.explainer-videos .video {
	display: block;
	height: auto;
	position: relative;
	cursor: pointer;
	width: 100%;
}
.explainer-videos .video:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(49, 53, 58, 0.42) url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iNDgiIGhlaWdodD0iNDgiCnZpZXdCb3g9IjAgMCA0OCA0OCIKc3R5bGU9IiBmaWxsOiMwMDAwMDA7Ij48ZyBpZD0ic3VyZmFjZTEiPjxwYXRoIHN0eWxlPSIgZmlsbDojRkYzRDAwOyIgZD0iTSA0My4xOTkyMTkgMzMuODk4NDM4IEMgNDIuODAwNzgxIDM2IDQxLjEwMTU2MyAzNy42MDE1NjMgMzkgMzcuODk4NDM4IEMgMzUuNjk5MjE5IDM4LjM5ODQzOCAzMC4xOTkyMTkgMzkgMjQgMzkgQyAxNy44OTg0MzggMzkgMTIuMzk4NDM4IDM4LjM5ODQzOCA5IDM3Ljg5ODQzOCBDIDYuODk4NDM4IDM3LjYwMTU2MyA1LjE5OTIxOSAzNiA0LjgwMDc4MSAzMy44OTg0MzggQyA0LjM5ODQzOCAzMS42MDE1NjMgNCAyOC4xOTkyMTkgNCAyNCBDIDQgMTkuODAwNzgxIDQuMzk4NDM4IDE2LjM5ODQzOCA0LjgwMDc4MSAxNC4xMDE1NjMgQyA1LjE5OTIxOSAxMiA2Ljg5ODQzOCAxMC4zOTg0MzggOSAxMC4xMDE1NjMgQyAxMi4zMDA3ODEgOS42MDE1NjMgMTcuODAwNzgxIDkgMjQgOSBDIDMwLjE5OTIxOSA5IDM1LjYwMTU2MyA5LjYwMTU2MyAzOSAxMC4xMDE1NjMgQyA0MS4xMDE1NjMgMTAuMzk4NDM4IDQyLjgwMDc4MSAxMiA0My4xOTkyMTkgMTQuMTAxNTYzIEMgNDMuNjAxNTYzIDE2LjM5ODQzOCA0NC4xMDE1NjMgMTkuODAwNzgxIDQ0LjEwMTU2MyAyNCBDIDQ0IDI4LjE5OTIxOSA0My42MDE1NjMgMzEuNjAxNTYzIDQzLjE5OTIxOSAzMy44OTg0MzggWiAiPjwvcGF0aD48cGF0aCBzdHlsZT0iIGZpbGw6I0ZGRkZGRjsiIGQ9Ik0gMjAgMzEgTCAyMCAxNyBMIDMyIDI0IFogIj48L3BhdGg+PC9nPjwvc3ZnPg==') 50% 50% no-repeat;
	background-size: auto 50%;
	background-position: center center;
	transition: 0.3s background;
}
.explainer-videos .video:hover:after {
	background-color: rgba(0, 0, 0, 0);
}
.explainer-videos .video img {
	display: block;
	height: auto;
	width: 100%;
}
.explainer-videos .video-title {
	color: #cecece;
	font-size: 15px;
	line-height: 19px;
	margin-top: 10px;
}

.quick-links {
	position: relative;
	margin: 40px 0 0 -80px;
}
.quick-links > div {
	float: left;
	width: calc(100% / 3 - 80px);
	margin: 0 0 0 80px;
	background: #fff;
	border-top: 5px solid #ffcb08;
	transition: 0.3s all;
	display: flex;
}
.quick-links > div .block-image {
	min-width: 44%;
	position: relative;
	overflow: hidden;
}
.quick-links > div .block-image img {
	display: block;
	position: absolute;
	width: auto;
	height: 100%;
}
.quick-links > div .block-content {
	padding: 25px 18px;
	overflow: hidden;
}
.quick-links > div .block-content .pre {
	display: block;
	color: #b7b7b7;
	font-size: 11px;
	line-height: 1;
	text-transform: uppercase;
}
.quick-links > div .block-content h2 {
	font-size: 22px;
	line-height: 27px;
	margin: 10px 0;
}
.quick-links > div .block-content h2 a {
	color: #000;
}
.quick-links > div .block-content .more {
	display: inline-block;
	overflow: hidden;
	border-radius: 5px;
	padding: 9px 15px 7px;
	font-size: 13px;
	font-weight: 900;
	text-transform: uppercase;
}
.quick-links > div .block-content .more:hover {
	background: #a2a2a2;
}

.sub {
	padding: 70px 0 50px 0;
}
.sub .ls {
	overflow: hidden;
}
.sub .rs {
	position: sticky;
	top: 90px;
	float: right;
	width: 300px;
	margin: 90px 0 0 40px;
}

.menu-sub {
	overflow: hidden;
	padding: 25px 30px;
	background: #fff;
	border-top: 5px solid #ffcb08;
	transition: 0.3s all;
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
}
.menu-sub a {
	position: relative;
	display: block;
	color: #737373;
	padding: 7px 15px 7px 29px;
	background: url(../img/arr_right_yellow.png) no-repeat 15px 13px;
	background-size: auto 10px;
	margin: 0 -15px;
	border-radius: 16px;
}
.menu-sub a + a:after {
	display: block;
	position: absolute;
	content: "";
	height: 1px;
	left: 15px;
	top: -1px;
	width: calc(100% - 30px);
	background: #efefef;
}
.menu-sub a.active,
.menu-sub a:hover {
	background-color: #efefef;
}

.menu-sub > a {
	font-size: 17px;
	background: none;
	padding-left: 15px;
	color: #3f4449;
	font-weight: 700;
}
.menu-sub div {
	margin-bottom: 10px;
}


.cont {
	position: relative;
}
.cont > h1:first-child {
	margin: 0;
	color: #3f4449;
}

.wai {
	overflow: hidden;
	padding: 10px 0 21px;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: 700;
}
.wai > a {
	display: block;
	float: left;
	background: url(../img/arr_right_wai.png) no-repeat left 5px;
	padding: 0 0 0 15px;
	margin: 0 10px 0 0;
	color: #999;
}
.wai > a:first-child {
	background: none;
	padding: 0;
}


.cont form {
	overflow: hidden;
	position: relative;
	padding-top: 20px;
}
.cont form > div {
	overflow: hidden;
	margin: 0 0 10px 0;
	float: left;
	position: relative;
	width: 33.3%;
	padding: 0 10px 0 0;
}
.cont form > div:first-of-type {
	margin: 0 0 10px 0;
}
.cont form > div:last-of-type {
	float: none;
	overflow: hidden;
	width: 100%;
}
.cont form > div * {
	float: left;
}
.cont form > div:nth-child(3n+1) {
	clear: left;
}
.cont form > div label {
	display: block;
	float: none;
	padding: 0 0 5px 0;
}
.cont form > div > b {
	font-size: 24px;
	color: #999;
	font-weight: normal;
	position: absolute;
	top: 36px;
	right: 20px;
}
.cont form input,
.cont form select,
.cont form textarea {
	background: #fafafa;
	padding: 5px 10px;
	width: 100%;
	transition: 0.5s background, 0.5s border, 0.5s color;
	box-shadow: 2px 2px 2px 0 #ededed inset;
	border: 1px solid #ddd;
}
.cont form input:hover,
.cont form select:hover,
.cont form textarea:hover,
.cont form input:focus,
.cont form select:focus,
.cont form textarea:focus {
	background: #fff;
}
.cont form input:focus,
.cont form select:focus,
.cont form textarea:focus {
	background: #fff;
	border: 1px solid #ffcb08;
}
.cont form textarea {
	width: 100%;
	height: 120px;
}
.cont form .form-error input,
.cont form .form-error select,
.cont form .form-error textarea {
	border: 1px solid #ff0000;
}
.cont form .form-error b {
	color: #ff0000;
}
.cont form button {
	color: #000;
	font-weight: 700;
	text-transform: uppercase;
	padding: 10px 20px 7px 20px;
	transition: 0.5s all;
	border-radius: 5px;
}
.cont form button:hover {
}
.cont form .required {
	display: none;
}


.cont .img100 {
	width: 100%;
	height: auto;
}

.cont hr {
	border: 0 none;
	height: 1px;
	position: relative;
}
.cont ul {
	margin: 20px 0;
}
.cont ul li {
}
.cont pre {
	font: inherit;
	display: block;
	position: relative;
	clear: both;
	overflow-x: auto;
	white-space: pre-wrap;
	white-space: -moz-pre-wrap !important;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;
	background: #ffe06b url(../img/bg_stripes.png) repeat-x left -120px;
	padding: 20px;
	border-radius: 4px;
}
.cont pre a {
	border-color: #fff;
}

.block a {
	display: inline-block;
	color: inherit;
	border-bottom: 1px solid #ffcb08;
}
.block a:hover {
	color: #999;
	border-bottom: 1px solid #ccc;
}

.block {
	position: relative;
	padding: 50px;
	overflow: hidden;
}
.block + .block {
}
.cont hr:after,
.cont form:after,
.block:after {
	position: absolute;
	width: 100%;
	height: 10px;
	content: "";
	left: 0;
	top: 0px;
	background: -moz-linear-gradient(top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a000000', endColorstr='#00000000',GradientType=0 );
	opacity: 0.5;
}
.block .col-2,
.block .col-3,
.block .col-4,
.block .col-5 {
	float: left;
	width: calc(100% - 260px);
}
/*
.block > *:first-child {
	margin-top: 0;
}
*/
.block > *:last-child {
	margin-bottom: 0;
}
.block h2 {
	position: relative;
	margin: 10px 0 40px;
}
.block h2:after {
	position: absolute;
	content: "";
	height: 2px;
	width: 120px;
	left: 0;
	bottom: -20px;
	background: #ffcb08;
}
.block-image-right {
	position: relative;
	overflow: hidden;
	float: right;
	background: #efefef;
	margin-left: 30px;
}
/*
.block:nth-child(odd) .block-image-right {
	float: right;
}
.block:nth-child(even) .block-image-right {
	float: left;
}
*/
.block-image-right img {
	display: block;
	width: auto;
	max-width: 240px;
	height: 100%;
}
.block-image-right:after {
	position: absolute;
	right: -2px;
	bottom: -2px;
	content: '';
	border-bottom: 70px solid #fff;
	border-left: 70px solid transparent;
}
.block-image-right i {
	display: block;
	position: absolute;
	line-height: 200px;
	text-align: center;
	width: 100%;
	height: 100%;
	color: #fff;
	font-size: 100px;
}


.block-icon-left + .block {
	padding-left: 170px;
}
.block-icon-left {
	position: absolute;
	overflow: hidden;
	background: #ffcb08;
	background: rgb(255,203,8);
	background: -moz-linear-gradient(-45deg, rgba(255,203,8,1) 0%, rgba(255,224,107,1) 100%);
	background: -webkit-linear-gradient(-45deg, rgba(255,203,8,1) 0%,rgba(255,224,107,1) 100%);
	background: linear-gradient(135deg, rgba(255,203,8,1) 0%,rgba(255,224,107,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcb08', endColorstr='#ffe06b',GradientType=1 );
	width: 140px;
	height: 140px;
	border-radius: 50%;
	margin-top: 32px;
}
.block-icon-left img {
	display: block;
	width: auto;
	height: 60%;
	margin: 20% auto;
}

.block-white {
}
.block-border {
	border: 3px solid #efefef;
}
.block-gray {
	background: #efefef;
}
.block-gray .block-image-right:after {
	border-bottom-color: #efefef;
}
.block-yellow {
	background: #ffcb08;
}
.block-yellow .block-image-right:after {
	border-bottom-color: #ffcb08;
}
.block-blue {
	background: #3f4449;
}
.block-blue .block-image-right:after {
	border-bottom-color: #3f4449;
}

.button-youtube {
	background: url(../img/yt_play.png) no-repeat left center;
	background-size: 40px auto;
	padding: 0 0 0 50px;
	border-bottom: 0 none !important;
	min-height: 28px;
	line-height: 28px;
	font-weight: bold;
}


















.features_list ul li { background: no-repeat left 2px; padding: 0 0 0 60px; margin: 30px 0 0 0; }
.features_list ul li.ico_1 {background-image: url(../img/ico_1.png);}
.features_list ul li.ico_2 {background-image: url(../img/ico_2.png);}
.features_list ul li.ico_3 {background-image: url(../img/ico_3.png);}
.features_list ul li.ico_4 {background-image: url(../img/ico_4.png);}
.features_list ul li.ico_b1 {background-image: url(../img/ico_b1.png);}
.features_list ul li.ico_b2 {background-image: url(../img/ico_b2.png);}
.features_list ul li.ico_b3 {background-image: url(../img/ico_b3.png);}
.features_list ul li.ico_b4 {background-image: url(../img/ico_b4.png);}
.features_list ul li.ico_b5 {background-image: url(../img/ico_b5.png);}
.features_list ul li.ico_b6 {background-image: url(../img/ico_b6.png);}
.features_list ul li.ico_b7 {background-image: url(../img/ico_b7.png);}
.features_list ul li.ico_b8 {background-image: url(../img/ico_b8.png);}
.features_list ul li.ico_b9 {background-image: url(../img/ico_b9.png);}
.features_list ul li.ico_b10 {background-image: url(../img/ico_b10.png);}
.features_list ul li.ico_b11 {background-image: url(../img/ico_b11.png);}
.features_list ul li.ico_b12 {background-image: url(../img/ico_b12.png);}
.features_list ul li.ico_b13 {background-image: url(../img/ico_b13.png);}
.features_list ul li.ico_b14 {background-image: url(../img/ico_b14.png);}
.features_list ul li.ico_b15 {background-image: url(../img/ico_b15.png);}
.features_list ul li.ico_b16 {background-image: url(../img/ico_b16.png);}
.features_list ul li.ico_b17 {background-image: url(../img/ico_b17.png);}
.features_list ul li.ico_b18 {background-image: url(../img/ico_b18.png);}
.features_list ul li.ico_b19 {background-image: url(../img/ico_b19.png);}
.features_list ul li.ico_b20 {background-image: url(../img/ico_b20.png);}
.features_list ul li strong { display: block; font-size: 17px; font-weight: 700; margin: 0 0 5px 0; }
.pros_list ul li { background: url(../img/checky.png) no-repeat left 2px; padding: 0 0 0 35px; margin: 10px 0 0 0; }
.cont .pros_list ul li { background: url(../img/checkb.png) no-repeat left 2px; font-size: 17px; color: #333; }

/* buttons */
.button_more { color: #fff; display: block; float: left; clear: both; padding: 4px 10px; border-radius: 5px; }
.button_more:hover { color: #000; }
.button_more_big { font-size: 23px; color: #000; display: block; float: right; clear: both; border-radius: 5px; }
.button_big { font-size: 23px; color: #000; display: block; clear: both; border-radius: 5px; margin: 40px 0; }
.button_more_big:hover,
.button_big:hover { color: #000; }
.button_more_big strong,
.button_big strong { background: url(../img/arr_right.png) no-repeat right center; font-weight: 700; display: block; padding: 20px 65px 20px 25px; }
.button_more_small { color: #333; display: block; float: right; clear: both; margin: 0 50px 0 0; }
.button_more_small:hover { color: #000; }
.button_center {overflow: hidden; text-align: center;}
.button_center a {display: inline-block; margin: 0;}


.text_big {font-size: 17px; color: #333;}
.text_bigger {font-size: 21px; color: #000;}

/* price */
.price_options { overflow: hidden; padding: 20px 0 20px 0; }
.price_options > div { display: block; float: left; width: 16.6%; text-align: center; margin: 0 0 20px 0; }
.price_options > div > p { margin: 0 0 15px 0; color: #999; font-size: 19px; font-weight: 700; }
.price_options > div > div { margin: 0 0 6px 0; overflow: hidden; }
.price_options > div > div > div { color: #000; margin: 0 auto; overflow: hidden; position: relative; border-radius: 35px; width: 70px; height: 70px; }
.price_options > div > div > div strong { display: inline-block; font-weight: 900; font-size: 29px; letter-spacing: -2px; position: relative; margin: 23px 2px 0 0; }
.price_options > div > div > div em { display: inline-block; font-weight: 700; font-style: normal; position: relative; margin: 18px 0 0 0; }
.price_options > div > em { display: block; font-style: normal; font-size: 11px; color: #333; }
.price_comment {background: #eee; margin: 0 0 30px 0; padding: 20px; text-align: center; color: #333; border-radius: 5px; }

.price-table {
	position: relative;
	overflow: hidden;
	line-height: 16px;
	padding: 10px 0 0;
}
.price-table:after {
	position: absolute;
	width: 100%;
	height: 10px;
	content: "";
	left: 0;
	top: 0px;
	background: -moz-linear-gradient(top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a000000', endColorstr='#00000000',GradientType=0 );
	opacity: 0.5;
}
.price-table > div {
	float: left;
}
.price-table > div > div {
	height: 42px;
	overflow: hidden;
}
.price-table > div > div:nth-child(2n) {
	background: #f6f6f6;
}
.price-table .included {
	width: 22%;
	font-size: 14px;
}
.price-table .included div {
	padding: 7px 10px;
}
.price-table .included > span {
	display: block;
}
.price-table .included .placeholder-1 {
	height: 47px;
}
.price-table .included .placeholder-2 {
	height: 40px;
}
.price-table .included .line-center {
	line-height: 28px;
}
.price-table .included i {
	display: block;
	font-family: sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #666;
}
.price-table .pack {
	position: relative;
	width: calc((100% - 22%) / 6);
	text-align: center;
	line-height: 42px;
}
.price-table .pack > a {
	display: block;
	font-size: 13px;
	line-height: 20px;
	background-color: #ffd539;
	color: #000;
	font-weight: 700;
	text-transform: uppercase;
	padding: 10px 20px 7px;
	transition: 0.5s all;
	border-radius: 5px;
	margin: 10px 10px 0;
}
.price-table .pack > a:hover {
	background-color: #ffe277;
}
.price-table .popular {
	background: #ffe06b;
	border: 5px solid #ffcb08;
	margin-top: -5px;
}
.price-table .popular > div:nth-child(2n) {
	background: #ffcb08;
}
.price-table .popular > a {
	background-color: #fff;
}
.price-table .popular > a:hover {
	background-color: #efefef;
}
.price-table .popular .name > div {
	position: absolute;
	right: -10px;
	top: -10px;
	padding: 0 5px;
	font-size: 9px;
	font-family: sans-serif;
	line-height: 17px;
	text-transform: uppercase;
	background: #000;
	color: #fff;
	border-radius: 3px;
}
.price-table .pack > span {
	display: block;
	font-size: 12px;
	line-height: 20px;
	color: #666;
	margin: 10px 0;
}
.price-table .price-h {
	height: 62px;
}
.price-table .included .price-h {
	padding-top: 17px;
}
.price-table .pack .price-h {
	line-height: 62px;
}
.price-table .pack .price {
	font-size: 26px;
	font-weight: 700;
}
.price-table .pack .price span {
	position: relative;
	font-size: 15px;
	top: -8px;
	margin: 0 0 0 3px;
}
.price-table .pack .name {
	text-transform: uppercase;
	font-size: 12px;
	color: #999;
}
.price-table .pack .accounts {
	font-weight: 700;
}
.price-table .pack div a {
	color: inherit;
}
.price-table .pack .th {
	display: none;
}
.price-comment {background: #eee; margin: 30px 0 30px 0; padding: 20px; text-align: center; color: #333; border-radius: 5px; }



 {
	width: 300px;
	float: left;
}
 + .cont {
	width: calc(100% - 300px);
	float: left;
	padding-left: 60px;
}
.blog-post {
	padding: 50px 0;
}
.top-shadow {
	position: relative;
}
.top-shadow:after  {
	position: absolute;
	width: 100%;
	height: 10px;
	content: "";
	left: 0;
	top: 0px;
	background: -moz-linear-gradient(top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a000000', endColorstr='#00000000',GradientType=0 );
	opacity: 0.5;
}
.blog-post h2 {
	position: relative;
	margin: 0 0 40px;
}
.blog-post h2 a {
	color: #000;
}
.blog-post h2:after {
	position: absolute;
	content: "";
	height: 2px;
	width: 120px;
	left: 0;
	bottom: -20px;
	background: #ffcb08;
}
.blog-post .blog-image {
	display: block;
	float: left;
	width: 140px;
}
.blog-post .blog-image img {
	display: block;
	width: 140px;
	height: 140px;
	border-radius: 50%;
}
.blog-post > div {
	float: right;
	padding-left: 40px;
	width: calc(100% - 140px);
}
.blog-post .read-more {
	display: inline-block;
	overflow: hidden;
	border-radius: 5px;
	padding: 9px 15px 7px;
	margin: 0 10px 0 0;
	font-size: 13px;
	font-weight: 900;
	text-transform: uppercase;
}
.full-blog-post {
	padding: 40px 50px;
}
.full-blog-post p {
	font-size: 16px;
	line-height: 25px;
}
.full-blog-post > p:first-of-type {
	font-size: 19px;
	line-height: 28px;
	color: #555;
}
.blog-img-left {
	position: relative;
	float: left;
	margin: 0 50px 50px 0;
	width: 450px;
	height: auto;
}
.blog-img-right {
	position: relative;
	float: right;
	margin: 0 0 50px 50px;
	width: 450px;
	height: auto;
}
.blog-img-left:after {
    position: absolute;
    right: -2px;
    bottom: -2px;
    content: '';
    border-bottom: 70px solid #fff;
    border-left: 70px solid
    transparent;
}
.blog-img-right:after {
    position: absolute;
    left: -2px;
    bottom: -2px;
    content: '';
    border-bottom: 70px solid #fff;
    border-right: 70px solid
    transparent;
}
.blog-img-left img,
.blog-img-right img {
	display: block;
	width: inherit;
	height: auto;
}
.full-blog-post > hr {
	position: relative;
	margin: 50px -50px;
	clear: both;
}
.full-blog-post > h2 {
	position: relative;
	margin: 40px 0 40px 0;
}
.full-blog-post > h2:after {
	position: absolute;
	content: "";
	height: 2px;
	width: 120px;
	left: 0;
	bottom: -20px;
	background: #ffcb08;
}
.full-blog-post .blog-image {
	float: left;
	width: 390px;
	padding: 6px 20px 6px 0;
}
.full-blog-post .blog-image img {
	display: block;
	width: 100%;
	height: auto;
}
.blog-text,
.blog-text p {
	line-height: 24px;
	color: #757575;
}
.blog-bottom {
	padding: 20px;
	background: #f9f9f9;
	margin-top: 20px;
	overflow: hidden;
	border-top: 5px solid #eaeaea;
}
.blog-bottom .blog-links {
	float: left;
}
.blog-bottom .blog-links a {
	display: block;
	font-size: 14px;
	color: #afafaf;
	background: url('../img/arr_right_yellow.png') no-repeat left top 5px;
	background-size: auto 10px;
	padding-left: 13px;
}
.blog-bottom .blog-links a:hover {
	color: #000;
}
.blog-bottom .blog-post-author {
	float: right;
}
.blog-bottom .blog-post-author > img {
	display: block;
	float: right;
	margin-left: 20px;
	border-radius: 50%;
	width: 100px;
	height: 100px;
}
.blog-bottom .blog-post-author > div {
	text-align: right;
	overflow: hidden;
}
.blog-bottom .blog-post-author > div > * {
	display: block;
}
.blog-bottom .blog-post-author .author-name {
	font-size: 17px;
	font-weight: bold;
	color: #ffcb08;
}
.blog-bottom .blog-post-author .author-title {
	font-size: 14px;
	line-height: 19px;
	color: #6f6f6f;
}
.blog-bottom .blog-post-author .contact-cta {
	font-size: 14px;
	line-height: 18px;
	color: #a5a5a5;
}
.blog-bottom .blog-post-author .contact-cta:hover {
	color: #000;
}
.side-block {
	overflow: hidden;
	padding: 25px 30px;
	background: #fff;
	border-top: 5px solid #ffcb08;
	transition: 0.3s all;
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
}
.side-block + .side-block {
	margin-top: 20px;
}
.side-block h3 {
	margin: 0 0 15px;
	color: #6b6b6b;
}
.blog-authors .author > img {
	display: block;
	float: left;
	margin-right: 20px;
	border-radius: 50%;
	height: 60px;
	width: 60px;
}
.blog-authors .author > div {
	overflow: hidden;
}
.blog-authors .author > div > * {
	display: block;
}
.blog-authors .author .author-name {
	color: #6f6f6f;
	font-weight: bold;
}
.blog-authors .author .author-title,
.blog-authors .author .author-email {
	color: #a5a5a5;
	font-size: 14px;
	line-height: 19px;
}
.blog-authors .author .author-email:hover {
	color: #000;
}
.blog-authors .author + .author {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #f1f1f1;
}
.latest-posts a {
	position: relative;
	display: block;
	color: #737373;
	padding: 7px 15px 7px 29px;
	background: url(../img/arr_right_yellow.png) no-repeat 15px 13px;
	background-size: auto 10px;
	margin: 0 -15px;
	border-radius: 16px;
}
.latest-posts a:hover {
	background-color: #efefef;
}
.tag-cloud a {
	color: #757575;
}
.tag-cloud a:hover {
	color: #ffcb08;
}



.no-used-button-style {
	background: -moz-linear-gradient(top,  #82736c 0%, #70625b 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#82736c), color-stop(100%,#70625b));
	background: -webkit-linear-gradient(top,  #82736c 0%,#70625b 100%);
	background: -o-linear-gradient(top,  #82736c 0%,#70625b 100%);
	background: -ms-linear-gradient(top,  #82736c 0%,#70625b 100%);
	background: linear-gradient(to bottom,  #82736c 0%,#70625b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82736c', endColorstr='#70625b',GradientType=0 );
	background-color: #82736c;
}
.button_more {
	background: -moz-linear-gradient(top,  #998a83 0%, #897a73 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#998a83), color-stop(100%,#897a73));
	background: -webkit-linear-gradient(top,  #998a83 0%,#897a73 100%);
	background: -o-linear-gradient(top,  #998a83 0%,#897a73 100%);
	background: -ms-linear-gradient(top,  #998a83 0%,#897a73 100%);
	background: linear-gradient(to bottom,  #998a83 0%,#897a73 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#998a83', endColorstr='#897a73',GradientType=0 );
	background-color: #998a83;
}
.button_more_big,
.button_big,
.price_options > div > div > div,
.cont form button,
.bg-yellow {
	background: -moz-linear-gradient(top,  #ffd539 0%, #ffcb08 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffd539), color-stop(100%,#ffcb08));
	background: -webkit-linear-gradient(top,  #ffd539 0%,#ffcb08 100%);
	background: -o-linear-gradient(top,  #ffd539 0%,#ffcb08 100%);
	background: -ms-linear-gradient(top,  #ffd539 0%,#ffcb08 100%);
	background: linear-gradient(to bottom,  #ffd539 0%,#ffcb08 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd539', endColorstr='#ffcb08',GradientType=0 );
	background-color: #ffd539;
	color: #000;
}
.button_more_big:hover,
.button_big:hover,
.cont form button:hover,
.bg-yellow:hover {
	background: -moz-linear-gradient(top,  #ffe277 0%, #ffdb53 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffe277), color-stop(100%,#ffdb53));
	background: -webkit-linear-gradient(top,  #ffe277 0%,#ffdb53 100%);
	background: -o-linear-gradient(top,  #ffe277 0%,#ffdb53 100%);
	background: -ms-linear-gradient(top,  #ffe277 0%,#ffdb53 100%);
	background: linear-gradient(to bottom,  #ffe277 0%,#ffdb53 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe277', endColorstr='#ffdb53',GradientType=0 );
	background-color: #ffe277;
}