@charset "utf-8";

@font-face {
    font-family: 'UniSans';
    src: url('../fonts/UniSansRegular.eot');
    src: url('../fonts/UniSansRegular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/UniSansRegular.woff') format('woff'),
         url('../fonts/UniSansRegular.ttf') format('truetype'),
         url('../fonts/UniSansRegular.svg#UniSansRegular') format('svg');
    font-style: normal;
    font-weight: 400;
    text-rendering: optimizeLegibility;
}
@font-face {
    font-family: 'UniSans';
    src: url('../fonts/UniSans-Bold.eot');
    src: url('../fonts/UniSans-Bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/UniSans-Bold.woff') format('woff'),
         url('../fonts/UniSans-Bold.ttf') format('truetype'),
         url('../fonts/UniSans-Bold.svg#UniSans-Bold') format('svg');
    font-style: normal;
    font-weight: 700;
    text-rendering: optimizeLegibility;
}
@font-face {
    font-family: 'UniSans';
    src: url('../fonts/UniSansSemiBold.eot');
    src: url('../fonts/UniSansSemiBold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/UniSansSemiBold.woff') format('woff'),
         url('../fonts/UniSansSemiBold.ttf') format('truetype'),
         url('../fonts/UniSansSemiBold.svg#UniSansSemiBold') format('svg');
    font-style: normal;
    font-weight: 600;
    text-rendering: optimizeLegibility;
}
@font-face {
    font-family: 'UniSans';
    src: url('../fonts/UniSans-BoldItalic.eot');
    src: url('../fonts/UniSans-BoldItalic.eot?#iefix') format('embedded-opentype'),
         url('../fonts/UniSans-BoldItalic.woff') format('woff'),
         url('../fonts/UniSans-BoldItalic.ttf') format('truetype'),
         url('../fonts/UniSans-BoldItalic.svg#UniSans-BoldItalic') format('svg');
    font-style: italic;
    font-weight: 700;
    text-rendering: optimizeLegibility;
}





/* Global reset
   http://meyerweb.com/eric/tools/css/reset/
*****************************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block; }
*, *:before, *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
input:focus::-webkit-input-placeholder 	{ color: transparent !important; }
input:focus:-moz-placeholder 			{ color: transparent !important; }
input:focus::-moz-placeholder 			{ color: transparent !important; }
input:focus:-ms-input-placeholder 		{ color: transparent !important; }
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
    border: none;
}
iframe {
	vertical-align: top;
}
a {
	color: #000;
	outline: none;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
ul {
	list-style:none;
}
button {
	border: none;
	cursor: pointer;
	font-family: inherit;
}
button:disabled {
	cursor: default;
}
button:focus {
	outline: none;
}
em, i {
	font-style: italic;
}
strong, b {
	font-family: inherit;
	font-weight: 600;
}
img {
	vertical-align: middle;
	max-width: 100%;
	height: auto;
}
html, body {
	width: 100%;
	height: 100%;
}
body {
	position: relative;
	background: #fff;
	color: #000;
	font: 15px 'UniSans', Arial, Helvetica;
	z-index: 0;
}
.clearfix:after {
	display: table;
	clear: both;
	content: '';
}
.wrap {
	overflow: hidden;
	position: relative;
	width: 100%;
	min-width: 1260px;
	max-width: 100%;
	margin: 0 auto;
}
.header {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	padding-bottom: 25px;
	background: rgba(255,255,255,255);
	z-index: 5;
}
.footer {
	background: #fff;
	padding-bottom: 30px;
}


.header-nav li.header-nav_item--onlyfixed {
	display: none;
}
.header.fixed {
	position: fixed;
	padding: 1px 0 0;
	background: rgba(255, 255, 255, 0.95);
	z-index: 500;
	box-shadow: 0 0 3px #bfbfbf;
}
.header.fixed .contacts,
.header.fixed .site_title,
.header.fixed .site_sub_title {
	display: none;
}
.header.fixed .header-nav li.header-nav_item--onlyfixed {
	display: inline-block;
	padding-right: 0;
}

.btn-gotop {
	position: absolute;
	right: 20px;
	top: 12px;
	display: none;
	width: 40px;
	height: 40px;
	background: #ddd;
}
.btn-gotop:before {
	position: absolute;
	top: 10px;
	left: 5px;
	width: 0;
	height: 0;
	border-bottom: 15px solid #fff;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	content: '';

}
.header.fixed .btn-gotop {
	display: block;
}

.container_800 {
	width: 800px;
	margin: auto;
}

.container_960 {
	width: 960px;
	margin: auto;
}
.container_1260 {
	width: 1260px;
	margin: auto;
}



.contacts {
	padding-top: 25px;
}
.contacts-logo,
.contacts-data,
.contacts-feedback_btn_wr {
	float: left;
}
.contacts-logo {
	width: 355px;
}
.contacts-logo img {
	margin-left: -10px;
}
.contacts-data {
	width: 375px;
	padding: 5px 0 0 15px;
}
.contacts-phone {
	font-size: 22px;
	font-weight: 700;
}
.contacts-feedback_btn_wr {
	width: 230px;
	padding-top: 8px;
	text-align: right;
}
.contacts-feedback_btn {
	width: 220px;
	height: 40px;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	text-shadow:0px 1px 1px rgba(0,0,0,0.65);
	background:-webkit-linear-gradient(rgb(50,159,222) 0%, rgb(50,159,222) 100%);
	background:-o-linear-gradient(rgb(1,190,189) 0%, rgb(1,173,173) 100%);
	background:linear-gradient(rgb(50,159,222) 0%, rgb(50,159,222) 100%);
	-moz-box-shadow:0px 2px 2px rgba(0,0,0,0.65);
	-webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.65);
	box-shadow: 0px 2px 2px rgba(0,0,0,0.65);
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}



.header-nav {
	padding: 5px 0 20px;
	text-align: center;
}
.header-nav li {
	display: inline-block;
	vertical-align: top;
	padding: 0 25px;
}
.header.fixed .header-nav {
	padding-bottom: 0;
	padding-top: 10px;
}
.header.fixed .header-nav li {
	line-height: 40px;
}
.header-nav a {
	color: #000;
	font-size: 18px;
}
.header-nav a.nav-active {
	text-decoration: underline;
}
.header-nav .contacts-logo {
	position: relative;
	top: -5px;
	left: -15px;
	width: 200px;
	padding: 0;
}
.header-nav .contacts-feedback_btn {
	width: 175px;
	text-shadow: none;
	font-size: 14px;
	font-weight: 400;
}


.site_title {
	font-size: 45px;
	text-align: center;
}
.site_sub_title {
	padding-top: 0px;
	font-size: 25px;
	text-align: center;
}
.site_sub2_title {
	padding-bottom: 15px;
	font-size: 22px;
	text-align: center;
}



.main_gall {
	position: relative;
	/*min-height: 768px;*/
	padding-top: 275px;
	background: url(../img/back_blur.jpg) 100% 0 no-repeat;
}
.main_gall-big_img {
	text-align: center;
}
.main_gall-thubms_carousel {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}
.main_gall-thubms_carousel a {
	position: relative;
	display: block;
	width: 240px;
	float: left;
}
.main_gall-thubms_carousel img {
	width: 240px;
	height: auto;
}
/*.main_gall-thubms_carousel a:before {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: '';
	background: rgba(0, 157, 184, 0.35);
}*/
/*.main_gall-thubms_carousel .active img {
	opacity: 1;
}*/

.section {
	padding: 25px 0;
}
.section-title {
	position: relative;
	padding: 0 10px 25px;
	font-size: 34px;
	font-weight: 700;
	text-align: center;
}
.section-title_h4 {
	padding: 0 10px 20px;
	font-size: 22px;
	font-weight: 700;
}



.benefits {
	height: 577px;
	background: url(../img/bg-benefits.jpg) 50% 0 no-repeat;
}
.benefits-puzzle {
	position: relative;
	width: 1067px;
	height: 414px;
	margin: auto;
	text-align: center;
}
.benefits-map {
	position: absolute;
	top: 0;
	left: 0;
	margin: auto;
	width: 100%;
	height: 100%;
	z-index: 1000000;
}
.benefits-map area {
	z-index: 10000000;
}
.benefits-list {
	position: relative;
	width: 1067px;
	height: 414px;
	margin: auto;
}
.benefits-list li {
	position: absolute;
	display: block;
	font-size: 32px;
	color: #fff;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.benefits-list.blur li {
	-webkit-filter: blur(3px);
	-moz-filter: blur(3px);
	filter: blur(3px);
}
.benefits-list li.zoom {
	-webkit-transform: translate3d(0,0,0) scale(1.03);
	transform: translate3d(0,0,0) scale(1.03);
	-webkit-filter: blur(0) !important;
	-moz-filter: blur(0) !important;
	filter: blur(0) !important;
	z-index: 3;
}

.benefits-list-1 {
	top: 0;
	left: 99px;
	width: 449px;
	height: 137px;
	background: url(../img/benefits-01.png);
	padding-top: 30px;
	padding-left: 50px;
	z-index: 2;
}
.benefits-list-2 {
	top: 0;
	left: 555px;
	width: 450px;
	height: 126px;
	background: url(../img/benefits-02.png);
	padding-top: 40px;
	padding-left: 75px;
	z-index: 2;
	text-align: left;
}
.benefits-list-3 {
	top: 134px;
	left: 0;
	width: 380px;
	height: 205px;
	background: url(../img/benefits-03.png);
	padding-top: 30px;
	z-index: 2;
}
.benefits-list-4 {
	top: 121px;
	left: 687px;
	width: 380px;
	height: 205px;
	padding-top: 42px;
	background: url(../img/benefits-04.png);
	z-index: 2;
}
.benefits-list-5 {
	left: 131px;
	top: 264px;
	width: 427px;
	height: 149px;
	background: url(../img/benefits-05.png);
	padding-top: 43px;
	padding-left: 108px;
	z-index: 2;
}
.benefits-list-6 {
	top: 255px;
	left: 558px;
	width: 430px;
	height: 159px;
	background: url(../img/benefits-06.png);
	text-align: left;
	padding-top: 66px;
	padding-left: 54px;
	z-index: 2;
}
.benefits-list-7 {
	top: 131px;
	left: 360px;
	width: 348px;
	height: 133px;
	background: url(../img/benefits-07.png);
	z-index: 1;
}



.footer-copy {
	padding-top: 20px;
	text-align: center;
}



.tabs-index {
	display: table;
	width: 100%;
}
.tabs-index_item {
	display: table-cell;
	vertical-align: middle;
	/*float: left;*/
	/*width: 320px;*/
	height: 60px;
	background: #008bb4; /* Old browsers */
	background: -moz-linear-gradient(top,  #008bb4 0%, #01b2be 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#008bb4), color-stop(100%,#01b2be)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #008bb4 0%,#01b2be 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #008bb4 0%,#01b2be 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #008bb4 0%,#01b2be 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #008bb4 0%,#01b2be 100%); /* W3C */
	-moz-box-shadow:0px 2px 2px rgba(0,0,0,0.25);
	-webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.25);
	box-shadow:0px 2px 2px rgba(0,0,0,0.25);
	color: #fff;
	font-size: 16px;
	text-align: center;
	cursor: pointer;
}
.tabs-index_item.active {
	background: #525e6a; /* Old browsers */
	background: -moz-linear-gradient(top,  #525e6a 0%, #6a7a89 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#525e6a), color-stop(100%,#6a7a89)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #525e6a 0%,#6a7a89 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #525e6a 0%,#6a7a89 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #525e6a 0%,#6a7a89 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #525e6a 0%,#6a7a89 100%); /* W3C */
	cursor: default;
}
.tabs-index_item_label {
	display: block;
	text-decoration: underline;
}
.tabs-index_item.active .tabs-index_item_label {
	text-decoration: none;
}
.tabs-tabs {
	padding-top: 5px;
}
/*.tabs-item {
	display: none;
}
.tabs-item.active {
	display: block;
}*/



.septic_list-item {
	float: left;
	width: 225px;
	margin-left: 20px;
	padding: 10px;
	-moz-box-shadow:0px 2px 3px rgba(0,0,0,0.15);
	-webkit-box-shadow:0px 2px 3px rgba(0,0,0,0.15);
	box-shadow:0px 2px 3px rgba(0,0,0,0.15);
}
.septic_list-item:first-child {
	margin-left: 0;
}
.septic_list-item_label {
	padding: 5px 0 15px;
	font-size: 16px;
	font-weight: 700;
	text-align: center;
}
.septic_list-item_pics {
	height: 180px;
}
.septic_list-item_img {
	float: left;
	width: 160px;
}
.septic_list-item_icons {
	float: right;
	width: 35px;
	text-align: right;
}
.septic_list-item_icons .ico {
	margin-bottom: 5px;
}
.septic_list-item_params {
	padding-top: 10px;
}
.septic_list-item_price {
	padding-top: 10px;
	font-size: 22px;
	text-align: center;
}
.septic_list-item_btn_wr {
	padding-top: 5px;
	text-align: center;
}
.septic_list-item_btn {
	width: 115px;
	height: 30px;
	background: #D80000;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
}
.septic_list .tabs-index_item {
	width: 33.3333333333333333%;
}


.fullw_carousel {
	position: relative;
	overflow: hidden;
	height: 204px;
	padding-top: 20px;
}
.fullw_carousel-text_slide {
	background: #009BB8;
	color: #fff;
	text-align: center;
	height: 190px;
}
.fullw_carousel-text_slide_title {
	padding: 35px 0 15px;
	font-size: 28px;
}
.fullw_carousel-text_slide_text {
	font-size: 16px;
}
.fullw_carousel-item {
	float: left;
	display: block;
	width: 310px;
	height: 204px;
}


.choose_septic {
	background: url(../img/bg-man01.jpg) 0 100% no-repeat;
}
.choose_septic .tabs-index_item {
	width: 25%;
}
.choose_septic-left {
	float: left;
	width: 655px;
	padding-top: 14px;
	padding-left: 10px;
	background: #fff;
}
.choose_septic-left .first_paragraph{
    font-size: 16px;
}
.choose_septic-right {
	float: right;
	width: 265px;
	padding-right: 10px;
	text-align: center;
}
.choose_septic-img {
	margin-bottom: 20px;
	padding: 5px;
	background: #F6F6F6;
	border: 1px solid #CECEBF;
}
.choose_septic-compare_btn {
	position: relative;
	width: 240px;
	height: 45px;
	padding-left: 25px;
	color: #fff;
	font-weight: 700;
	-moz-box-shadow:0px 1px 1px rgba(0,0,0,0.25);
	-webkit-box-shadow:0px 1px 1px rgba(0,0,0,0.25);
	box-shadow:0px 1px 1px rgba(0,0,0,0.25);
	background: #008bb4; /* Old browsers */
	background: -moz-linear-gradient(top,  #008bb4 0%, #01b2be 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#008bb4), color-stop(100%,#01b2be)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #008bb4 0%,#01b2be 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #008bb4 0%,#01b2be 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #008bb4 0%,#01b2be 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #008bb4 0%,#01b2be 100%); /* W3C */
}
.choose_septic-compare_btn .ico {
	position: absolute;
	left: 15px;
	top: 11px;
}
.choose_septic .tabs-tabs {
	padding-top: 15px;
}
.choose_septic h3 {
	padding-bottom: 10px;
	font-size: 16px;
	font-weight: 700;
}
.choose_septic p {
	padding-bottom: 7px;
	line-height: 1.25;
}
.choose_septic-labels {
	float: left;
	width: 150px;
	padding: 10px 10px 10px 0;
	text-align: right;
}
.choose_septic-label {
	display: block;
	padding: 5px 10px 4px;
	background: #D80000;
	color: #fff;
	font-weight: 700;
	text-align: right;
}
.plus-minus-label, .order {
    width: 100px;
    height: 29px;
    padding-top: 7px;
    color: #fff;
    font-weight: 700;
    text-align: center;
}

.plus-minus-label.minus{
    background: #D80000;
}

.plus-minus-label.plus{
    background: #19b80b;
}

.order {
    padding-top: 5px;
    margin-left: auto;
    margin-right: auto;
    background: #19b80b;
    margin-top: 10px;
	font-size: 16px;
}

.choose_septic-text {
	float: left;
	width: 515px;
	padding: 15px 0 10px;
}
.choose_septic-expert_text {
	font-style: italic;
}
.choose_septic-price {
	display: inline-block;
	vertical-align: middle;
	font-size: 22px;
	line-height: 34px;
}
.choose_septic-grey_block {
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
	padding: 5px 10px 4px;
	background: #ccc;
}

.choose_boiler {
    width: 240px;
    text-align: center;
	padding-bottom: 8px;
    float: left;
	box-shadow: 0px 2px 3px rgba(0,0,0,0.1); /* Параметры тени */
}

.choose_boiler img {
    height: 210px;
}

.choose_boiler .description {
    text-align: left;
    padding-left: 10px;
}

.choose_boiler .boiler_name {
    font-weight: bold;
    font-size: 18px;
    padding-left: 0px;
    margin-top: 5px;
}

.choose_boiler .boiler_name_subscribe {
    padding-left: 0px;
    font-size: 12px;
}

.certificate {
	min-height: 635px;
	background: url(../img/bg-cert.jpg) 50% 100% no-repeat #F6F3EE;
}
.certificate-text {
	font-size: 18px;
	text-align: center;
}
.certificate-brands {
	padding: 20px 0 30px;
	text-align: center;
}
.certificate-slider li {
	min-height: 1px;
}


.range_of_services {
	overflow: hidden;
	position: relative;
	min-height: 600px;
	text-align: center;
	border-bottom: 1px solid #ddd;
}
.range_of_services:before,
.range_of_services:after {
	position: absolute;
	width: 280px;
	height: 500px;
	background-image: url(../img/bg-rservice.jpg);
	background-repeat: no-repeat;
	content: '';
	z-index: -1;
}
.range_of_services:before {
	left: 0;
	top: 55px;
	background-position: 0 0;
}
.range_of_services:after {
	right: 0;
	top: 0;
	background-position: -273px 0;
}
.range_of_services-discount {
	position: relative;
}
.range_of_services-discount:after {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	width: 638px;
	height: 116px;
	margin: 35px auto 0;
	background: url(../img/bg-rservice-serv.jpg) 0 0 no-repeat;
	content: '';
}
.range_of_services-discount_in {
	display: inline-block;
	padding: 0 15px;
	background: #D80000;
	color: #fff;
	font-size: 30px;
	line-height: 50px;
}
.range_of_services-btn_wr {
	position: absolute;
	bottom: 225px;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 10;
}
.range_of_services-btn {
	height: 45px;
	padding: 0 40px;
	color: #fff;
	font-size: 20px;
	font-weight: 700;
	background: #cf0b00; /* Old browsers */
	background: -moz-linear-gradient(top,  #cf0b00 0%, #b92500 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cf0b00), color-stop(100%,#b92500)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #cf0b00 0%,#b92500 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #cf0b00 0%,#b92500 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #cf0b00 0%,#b92500 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #cf0b00 0%,#b92500 100%); /* W3C */
	-moz-box-shadow:0px 2px 2px rgba(0,32,64,0.35);
	-webkit-box-shadow:0px 2px 2px rgba(0,32,64,0.35);
	box-shadow:0px 2px 2px rgba(0,32,64,0.35);
}
.range_of_services-credit {
	position: absolute;
	bottom: 20px;
	left: 0;
	right: 0;
	width: 692px;
	height: 182px;
	margin: auto;
	padding: 10px;
	background: url(../img/bg-text.png) 0 0 no-repeat;
	line-height: 1.45;
}
.range_of_services-credit:after {
	position: absolute;
	top: -231px;
	left: -270px;
	width: 1223px;
	height: 433px;
	margin: auto;
	background: url(../img/bg-rservice-mans.png) 0 0 no-repeat;
	content: '';
	z-index: 5;
}
.range_of_services-credit p {
	font-size: 20px;
}
.range_of_services-credit p.range_of_services-big {
	font-size: 30px;
}
.range_of_services-credit b {
	color: #D80000;
}
.range_of_services-banner {
	padding: 30px 0;
	text-align: center;
}
.range_of_services-banner span {
	cursor: pointer;
}


.company_benefits {
	min-height: 280px;
	background: url(../img/bg-video.png) 50% 100% no-repeat #EAFFFF;

}
.company_benefits-compare_table p {
	font-size: 20px;
	padding-top: 10px;
}

.company_benefits-btn_wr {
	text-align: center;
}
.btn-blue {
	min-width: 315px;
	height: 55px;
	color: #fff;
	font-size: 20px;
	font-weight: 700;
	background-image:-moz-linear-gradient(rgb(1,190,189) 0%,rgb(1,173,173) 100%);
	background-image:-webkit-gradient(linear,color-stop(0, rgb(1,190,189)),color-stop(1, rgb(1,173,173)));
	background-image:-webkit-linear-gradient(rgb(1,190,189) 0%,rgb(1,173,173) 100%);
	background-image:-o-linear-gradient(rgb(1,190,189) 0%,rgb(1,173,173) 100%);
	background-image:-ms-linear-gradient(rgb(1,190,189) 0%,rgb(1,173,173) 100%);
	background-image:linear-gradient(rgb(1,190,189) 0%,rgb(1,173,173) 100%);
	-moz-box-shadow:0px 3px 3px rgba(0,48,64,0.65);
	-webkit-box-shadow:0px 3px 3px rgba(0,48,64,0.65);
	box-shadow:0px 3px 3px rgba(0,48,64,0.65);
}



.company_benefits-accordion {

}
.company_benefits-accordion li {
	min-height: 55px;
	padding-left: 90px;
	padding-bottom: 30px;
}
.company_benefits-accordion_label {
	display: inline-block;
	border-bottom: 2px dotted #01B5B5;
	color: #01B5B5;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.2;
}
.company_benefits-accordion .active .company_benefits-accordion_label {
	color: #000;
}
.company_benefits-accordion .active .company_benefits-accordion_label,
.company_benefits-accordion .company_benefits-accordion_label:hover {
	border-color: #fff;
}
.company_benefits-accordion .ico {
	position: absolute;
	right: 100%;
	top: 0;
}
.company_benefits-accordion .ico-book {
	margin-right: 30px;
}
.company_benefits-accordion .ico-man {
	margin-right: 20px;
}
.company_benefits-accordion .ico-hand {
	margin-right: 30px;
}
.company_benefits-accordion .ico-stock {
	margin-right: 20px;
}
.company_benefits-accordion .responsive-accordion-head {
	position: relative;
	padding-top: 15px;
}
.company_benefits-accordion .responsive-accordion-panel {
	padding-top: 15px;
	font-size: 16px;
}
.company_benefits-callback_info {
	padding: 16px 0;
	font-size: 18px;
	text-align: center;
}
.company_benefits-compare_table {
	width: 100%;
}
.company_benefits-compare_table td {
	width: 50%;
	padding-right: 30px;
	padding-left: 20px;
	padding-bottom: 15px;

}
.company_benefits-compare_table thead td {
	font-size: 14px;
	padding-bottom: 10px;
}
.company_benefits-compare_table tbody tr:last-child td {
	padding-bottom: 10px;
}
.company_benefits-blue,
.company_benefits-red {
	position: relative;
	font-size: 20px;
	padding-bottom: 20px;
}
.company_benefits-blue .ico,
.company_benefits-red .ico {
	position: absolute;
	top: 0px;
	right: 100%;
	margin-right: 10px;
}
.company_benefits-blue {
	color: #000;
}
.company_benefits-red {
	color: #00A1DE;
}
.company_benefits-compare_table p {
	font-size: 16px;
	padding-bottom: 15px;
}


.correct_installation {
	padding-bottom: 35px;
}
.correct_installation-slide {
	overflow: hidden;
	min-height: 250px;
	padding: 10px 0 15px;
}
.correct_installation-slide_title {
	font-size: 22px;
}
.correct_installation-slide_number {
	position: relative;
	top: -3px;
	display: inline-block;
	vertical-align: middle;
	width: 35px;
	height: 35px;
	margin-right: 5px;
	border-radius: 100%;
	border: 2px solid #E65B0A;
	font-size: 18px;
	font-weight: 700;
	line-height: 35px;
	text-align: center;
}
.correct_installation-slide_section {
	float: left;
	width: 455px;
}
.correct_installation-slide_section--left {
	margin-right: 30px;
}
.correct_installation-slide_section strong {
	display: inline-block;
	padding-bottom: 5px;
	color: rgba(140,140,140,1);
}
.correct_installation-slide_section--left strong {
	color: #01b5b5;
}
.correct_installation-slide_subtitle {
	padding-top: 10px;
	text-align: center;
	font-weight: 600;
}
.correct_installation-slide_text {
	position: relative;
	float: left;
	width: 265px;
	padding-top: 25px;
	padding-left: 15px;
	line-height: 1.45;
}
.correct_installation-slide_img {
	position: relative;
	float: left;
	width: 190px;
}
.correct_installation-repair_cost {
	position: relative;
	display: block;
	width: 180px;
	margin: 10px auto 0;
	padding: 5px 10px 5px;
	background: #D80000;
	color: #fff;
	font-size: 12px;
	text-align: center;
/*    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);*/
}



.trust_the_professionals {
	padding-bottom: 0;
	background: #F9F9F7;
}
.trust_the_professionals .tabs-index_item {
	width: 33.33333333333%;
}

.trust_the_professionals-tab_left {
	float: left;
	width: 370px;
	padding: 15px 0;
}
.trust_the_professionals-tab_right {
	float: left;
	width: 550px;
	padding: 15px 0 5px 20px;
}
.trust_the_professionals-img_wr {
	padding: 5px;
	background: #fff;
	-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.25);
	-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.25);
	box-shadow:0px 1px 2px rgba(0,0,0,0.25);
}
.trust_the_professionals-tab_right p {
	font-size: 16px;
	line-height: 1.45;
}
.people_slider-item {
	overflow: hidden;
	float: left;
	width: 182px;
	height: 345px !important;
	padding-top: 5px;
	text-align: center;
}
.people_slider-item {
	overflow: hidden;
	float: left;
	height: 345px !important;
	padding-top: 5px;
	text-align: center;
}
.js-man_slider .people_slider-item {
	width: 475px !important;
}
.js-people_slider .people_slider-item {
	width: 184px !important;
}
.people_slider-name {
	padding: 8px 0 1px;
}
.people_slider-post {
	/*color: #0F82B0;*/
	color: #02A1AF;
	font-size: 12px;
}
.people_slider-man {
	float: left;
	width: 182px;
}
.people_slider-decr {
	float: right;
	width: 293px;
	padding-left: 10px;
	text-align: left;
}
.people_slider-decr li {
	padding-bottom: 9px;
	line-height: 1.45;
}

.video {
	min-height: 480px;
	background-image:-moz-linear-gradient(17% -1% -90deg,rgba(255,255,255,0.29) 0%,rgba(238,236,219,0.29) 100%);
	background-image:-webkit-gradient(linear,17% -1%,17% 27%,color-stop(0, rgba(255,255,255,0.29)),color-stop(1, rgba(238,236,219,0.29)));
	background-image:-webkit-linear-gradient(-90deg,rgba(255,255,255,0.29) 0%,rgba(238,236,219,0.29) 100%);
	background-image:-o-linear-gradient(-90deg,rgba(255,255,255,0.29) 0%,rgba(238,236,219,0.29) 100%);
	background-image:-ms-linear-gradient(-90deg,rgba(255,255,255,0.29) 0%,rgba(238,236,219,0.29) 100%);
	background-image:linear-gradient(180deg,rgba(255,255,255,0.29) 0%,rgba(238,236,219,0.29) 100%);
	background: url(../img/bg-video.jpg) 50% 100% no-repeat #F6F5EF;
	box-shadow: 0 -17px 15px -15px #ddd inset;
}
.video-video_wr {
	width: 500px;
	margin: 25px auto 0;
	background: #fff;
	box-shadow: 0 0 12px #a6a6a6;
}


.useful_tips {
	position: relative;
	min-height: 640px;
	/*background: #F9F9F7;*/
	background: url(../img/bg-tips.jpg) 50% 100% no-repeat #F9F9F7;
	background-size: 100% auto;
	font-size: 16px;
}
.useful_tips:after {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 288px;
	height: 501px;
	background: url(../img/tips_man.png) 0 0 no-repeat;
	content: '';
	z-index: 1;
}
.useful_tips-slider_wr {
	width: 860px;
}
.useful_tips-slide {
	min-height: 350px;
}
.useful_tips-slide h3 {
	padding-bottom: 10px;
	font-size: 24px;
	font-weight: 600;
}
.useful_tips-slide h4 {
	padding: 10px 0 5px;
	font-size: 18px;
	font-weight: 600;
}
.useful_tips-slide p {
	padding-bottom: 10px;
	line-height: 1.45;
}
.useful_tips-slide ul {
	padding-top: 5px;
	padding-left: 10px;
}
.useful_tips-slide li {
	position: relative;
	padding-left: 30px;
	padding-bottom: 5px;
	line-height: 1.45;
}
.useful_tips-slide li:before {
	position: absolute;
	left: 0;
	top: -3px;
	width: 23px;
	height: 20px;
	background: url(../img/sprite.png) 0 -31px no-repeat;
	content: '';
}



.reviews {
	background: url(../img/bg-reviews.jpg) -30px 100% no-repeat #F9F9F7;
}
.reviews-in {
	position: relative;
	width: 1100px;
	min-height: 400px;
	margin: -60px 0 0 150px;
	padding: 35px 85px;
	background: #fff;
	-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.25);
	box-shadow:0px 1px 2px rgba(0,0,0,0.25);
	z-index: 1;
}
.reviews .section-title {
	font-size: 28px;
}
.reviews-in:before {
	position: absolute;
	right: 100%;
	bottom: 440px;
	width: 25px;
	height: 33px;
	background: url(../img/sprite.png) -330px 0 no-repeat;
	content: '';
}
.reviews-change_type {
	position: absolute;
	top: 32px;
	right: 70px;
}
.reviews-change_type_btn {
	position: relative;
	height: 40px;
	margin-left: 10px;
	padding: 0 15px 0 35px;
	background: #fff;
	color: #00A1DE;
}
.reviews-change_type_btn_in {
	display: inline-block;
	border-bottom: 1px dotted #0CA6E0;
	line-height: 1.1;
}
.reviews-change_type_btn:hover .reviews-change_type_btn_in {
	border-color: transparent;
}
.reviews-change_type_btn.active {
	background: #0CA6E0;
	color: #fff;
	cursor: default;
}
.reviews-change_type_btn:before {
	position: absolute;
	left: 7px;
	background-image: url(../img/sprite.png);
	content: '';
}
.reviews-type_text:before {
	top: 9px;
	width: 19px;
	height: 22px;
	background-position: -255px -23px;
}
.reviews-type_video:before {
	top: 11px;
	width: 21px;
	height: 18px;
	background-position: -227px -25px;
}
.active.reviews-type_text:before {
	width: 19px;
	height: 22px;
	background-position: -255px 0;
}
.active.reviews-type_video:before {
	width: 21px;
	height: 18px;
	background-position: -227px 0;
}
.reviews-slider_item {
	min-height: 400px;
}
.reviews-slider_item_img {
	overflow: hidden;
	float: left;
	width: 220px;
	height: 220px;
	border-radius: 100%;
	-webkit-box-shadow:inset 0px 2px 2px rgba(0,0,0,0.65);
	box-shadow:inset 0px 2px 2px rgba(0,0,0,0.65);
}
.reviews-slider_item_text {
	float: right;
	width: 710px;
	padding-left: 30px;
}
.reviews-slider_item_resp_name {
	padding-bottom: 5px;
}
.reviews-slider_item_title {
	padding-bottom: 10px;
	font-size: 18px;
	font-style: italic;
	font-weight: 700;
}
.reviews-slider_item_text {
	padding-bottom: 15px;
	line-height: 1.45;
}
.reviews-slider_item_video {
	width: 560px;
	margin: auto;
	padding-bottom: 15px;
}

.map_obj {
	position: relative;
	padding-top: 0;
	background: #566370;
	color: #fff;
}
.map_obj-header {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	padding-top: 30px;
	padding-bottom: 25px;
	background: #566370;
}
.map_obj .section-title {
	padding-bottom: 15px;
	color: #fff;
	font-size: 28px;
}
.map_obj-sub_title {
	color: #fff;
	font-size: 16px;
	text-align: center;
}
.map_obj-text {
	text-align: center;
	padding-top: 25px;
}
.map_obj-btn_wr {
	text-align: center;
}
.map_obj-text {
	padding-bottom: 20px;
	font-size: 22px;
}
/*.map_obj-map {
	-moz-filter: grayscale(100%) !important;
	-webkit-filter: grayscale(100%) !important;
	filter: grayscale(100%) !important;
}*/
.map_obj-carousel {
	padding: 20px 0 30px;
}
.map_obj-carousel_item {
	padding-bottom: 5px;
	text-align: center;
}
.map_obj-carousel_item_img {
	overflow: hidden;
	width: 210px;
/*	height: 160px;*/
	padding-bottom: 10px;
}
.map_obj-carousel_item_text {
	padding-bottom: 10px;
}
.map_obj-carousel_item_btn {
	width: 160px;
	height: 30px;
	border: 2px solid #01bebd;
	background: #566370;
	color: inherit;
}


.request {
	position: absolute;
	top: 350px;
	right: 0;
	width: 240px;
	padding: 10px;
	background: #fff;
	z-index: 150;
	-webkit-box-shadow: 0 1px 2px rgba(99, 99, 99, 0.71);
	box-shadow: 0 1px 2px rgba(99, 99, 99, 0.71);
}
.request-text {
	height: 112px;
	background: url(../img/man2.jpg) -9px 0 no-repeat #fff;
	padding-left: 95px;
	padding-top: 18px;
	font-size: 14px;
}

.request2 {
	position: absolute;
	top: 550px;
	right: 0;
	width: 240px;
	padding: 10px;
	background: #fff;
	z-index: 150;
	-webkit-box-shadow: 0 1px 2px rgba(99, 99, 99, 0.71);
	box-shadow: 0 1px 2px rgba(99, 99, 99, 0.71);
}
.request-text2 {
	height: 112px;
	background: url(../img/man1.jpg) -9px 0 no-repeat #fff;
	padding-left: 95px;
	padding-top: 18px;
	font-size: 14px;
}


.achievement {
	position: fixed;
	top: 113px;
	left: 0;
	width: 240px;
	color: #fff;
	z-index: 500;
}
.achievement-label {
	display: none;
	color: #D80000;
	font-size: 16px;
	font-weight: 700;
	text-align: center;
}
.achievement-total_score {
	display: none;
	width: 82px;
	height: 82px;
	margin: 0 auto 10px;
	background: url(../img/sprite.png) -1px -129px no-repeat;
	font-size: 35px;
	font-weight: 700;
	line-height: 82px;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0,0,0,0.6), 0 0px 12px rgba(216,0,0,0.65);
}
.achievement-change_score {
	display: none;
	overflow: hidden;
	width: 120px;
	height: 40px;
	margin: auto;
	background: #D80000;
	color: #fff;
	-webkit-box-shadow:0px 0px 12px 5px rgba(255,122,77,0.65);
	box-shadow:0px 0px 12px 5px rgba(255,122,77,0.65);
}
.achievement-change_score_value {
	float: left;
	display: block;
	width: 35px;
	font-size: 22px;
	font-weight: 700;
	line-height: 40px;
	text-align: center;
}
.achievement-change_score_text {
	float: left;
	display: block;
	padding: 5px 0 0 5px;
	line-height: 1.1;
}
.achievement-lock,
.achievement-unlock {
	padding: 10px 15px 15px;
	background: #D80000;
	color: #fff;
}
.achievement-unlock {
	display: none;
}
.achievement-unlock_title {
	font-size: 28px;
	font-weight: 700;
	text-align: center;
}
.achievement-unlock_text {
	padding-bottom: 10px;
}
.achievement-unlock_btn {
	width: 100%;
	height: 40px;
	background: #3597D7;
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	-webkit-box-shadow: 0 1px 2px #000;
	box-shadow: 0 1px 2px #000;
}
.achievement-unlock-close {
	position: absolute;
	top: 1px;
	right: 1px;
	width: 16px;
	height: 16px;
	border: 1px solid #fff;
	font-size: 18px;
	color: #fff;
	font-weight: 600;
	line-height: 16px;
	cursor: pointer;
	text-align: center;
}


.septic_compare {
	border-top: 1px solid #ddd;
}
.septic_compare .table td:first-child {
	width: 265px;
}
.septic_compare-img {
	padding: 0 !important;
	text-align: center;
	vertical-align: bottom !important;
}
.septic_compare-img img {
	max-width: 180px;
}
.septic_compare-footnote {
	padding-top: 10px;
	font-size: 12px;
}

.callback {
	width: 680px;
}



.baloon {
	position: relative;
	width: 330px;
	background: #fff;
	box-shadow: 2px 3px 5px rgba(23,20,13,.75);
}
.baloon-close {
	position: absolute;
	right: 5px;
	top: 5px;
	width: 16px;
	height: 16px;
	background: #b2b2b2;
	color: #fff;
	font-size: 22px;
	line-height: 16px;
	text-decoration: none;
	text-align: center;
	cursor: pointer;
}
.baloon-content {
	padding: 25px 10px 10px;
	font-size: 10px;
}
.baloon-addr {
	float: right;
	width: 140px;
	color: #686868;
}
.baloon-addr > b {
	color: #000;
}
.baloon-img {
	float: left;
	width: 140px;
	padding-right: 20px;
}
.baloon-bot {
	clear: both;
	padding-top: 15px;
	text-align: right;
}
.baloon-bot > .btn {
	margin-left: 5px;
}
.baloon > .arrow {
	position: absolute;
	top: 100%;
	left: 20px;
	width: 0;
	height: 0;
	border-top: 35px solid #fff;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
}

/* !END */

.table {
	width: 100%;
	min-height: 1px;
	border-color: #fff;
	border-collapse: collapse;
}
.table td {
	border: 1px solid #ddd;
	padding: 10px 15px 5px;
	vertical-align: middle;
}
.table thead td {
	background: #01ADAD;
	color: #fff;
	font-weight: 600;
}
.table-nobg td {
	background: transparent !important;
	color: #000 !important;
}


textarea,
input {
	font-family: inherit;
	font-size: 14px;
}

.form {
	width: 680px;
	padding: 10px;
}
.form-row {
	width: 660px;
	padding-bottom: 10px;
}
.form-label,
.form-input {
	float: left;
}
.form-label {
	width: 210px;
	padding-top: 8px;
}
.form-input {
	width: 450px;
}
.form textarea,
.form input[type=text] {
	width: 450px;
	border: 1px solid #000;
	padding: 0 15px;
}
.form textarea:focus,
.form input[type=text]:focus {
	border-color: transparent;
	box-shadow: 0 0 0 2px #01B6B5;
}
.form input[type=text] {
	height: 35px;
}
.form-input.error {
	border-color: transparent !important;
	box-shadow: 0 0 0 2px #d80000 !important;
}
.form textarea {
	height: 100px;
	padding: 10px 15px;
}
.form-status {
	text-align: center;
}
.form-status-big {
	padding-bottom: 20px;
	font-size: 28px;
	font-weight: 600;
}
.form-status-small {
	font-size: 18px;
}


.btn-blue {
	min-width: 315px;
	height: 55px;
	color: #fff;
	font-size: 20px;
	font-weight: 700;
	background-image:-moz-linear-gradient(rgb(1,190,189) 0%,rgb(1,173,173) 100%);
	background-image:-webkit-gradient(linear,color-stop(0, rgb(50,159,222)),color-stop(1, rgb(50,159,222)));
	background-image:-webkit-linear-gradient(rgb(1,190,189) 0%,rgb(1,173,173) 100%);
	background-image:-o-linear-gradient(rgb(1,190,189) 0%,rgb(1,173,173) 100%);
	background-image:-ms-linear-gradient(rgb(1,190,189) 0%,rgb(1,173,173) 100%);
	background-image:linear-gradient(rgb(50,159,222) 0%,rgb(50,159,222) 100%);
	-webkit-box-shadow:0px 3px 3px rgba(0,48,64,0.65);
	box-shadow:0px 3px 3px rgba(0,48,64,0.65);
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.contacts-feedback_btn:hover,
.btn-blue:hover {
	-webkit-box-shadow: none;
	box-shadow: none;
}


/* Shutter In Horizontal */
.hvr-shutter-in-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: #01bebd;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-shutter-in-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #566370;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-shutter-in-horizontal:hover, .hvr-shutter-in-horizontal:focus, .hvr-shutter-in-horizontal:active {
  color: white;
}
.hvr-shutter-in-horizontal:hover:before, .hvr-shutter-in-horizontal:focus:before, .hvr-shutter-in-horizontal:active:before {
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}



.ico {
	display: inline-block;
	vertical-align: middle;
	background: url(../img/sprite.png) 0 0 no-repeat;
}
.ico-check {
	width: 23px;
	height: 20px;
	background-position: 0 0;
}
.ico-check_blue {
	width: 23px;
	height: 20px;
	background-position: 0 -31px;
}
.ico-toilet {
	width: 20px;
	height: 26px;
	background-position: -121px -250px;
}
.ico-sink {
	width: 26px;
	height: 26px;
	background-position: -90px -250px;
}
.ico-shower {
	width: 19px;
	height: 25px;
	background-position: -35px -250px;
}
.ico-washer {
	width: 26px;
	height: 28px;
	background-position: -59px -250px;
}
.ico-bath {
	width: 30px;
	height: 25px;
	background-position: 0 -250px;
}
.ico-list {
	width: 25px;
	height: 23px;
	background-position: -196px 0;
}
.ico-book {
	width: 34px;
	height: 49px;
	background-position: -1px -68px;
}
.ico-man {
	width: 53px;
	height: 49px;
	background-position: -47px -68px;
}
.ico-hand {
	width: 36px;
	height: 54px;
	background-position: -122px -64px;
}
.ico-check_small {
	width: 11px;
	height: 8px;
	background-position: -280px -1px;
}
.ico-del {
	width: 8px;
	height: 8px;
	background-position: -296px 0;
}
.ico-text {
	width: 19px;
	height: 22px;
	background-position: -255px 0;
}
.ico-text_blue {
	width: 19px;
	height: 22px;
	background-position: -255px -23px;
}
.ico-video {
	width: 21px;
	height: 18px;
	background-position: -227px 0;
}
.ico-video_blue {
	width: 21px;
	height: 18px;
	background-position: -227px -25px;
}
.ico-stock {
	width: 53px;
	height: 45px;
	background-position: -167px -64px;
}







.bx-wrapper {
	position: relative;
}
.bx-wrapper .bx-viewport {
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
	-ms-transform: translatez(0);
	o-transform: translatez(0);
	transform: translatez(0);
	translate: transform3d(0,0,0);
}
.horizontal_slider .bx-prev,
.horizontal_slider .bx-next {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 30px;
	height: 30px;
	margin: auto;
	border-top: 10px solid #0CA6E0;
}
.horizontal_slider .bx-prev {
	right: 100%;
	margin-right: 20px;
	border-left: 10px solid #0CA6E0;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.horizontal_slider .bx-next {
	left: 100%;
	margin-left: 20px;
	border-right: 10px solid #0CA6E0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.horizontal_slider .bx-prev.disabled,
.horizontal_slider .bx-next.disabled {
	border-color: #E0E0DE;
	cursor: default;
	opacity: .8;
}
.horizontal_slider .bx-prev:hover,
.horizontal_slider .bx-next:hover {
	opacity: .8;
}
.horizontal_slider .bx-pager {
	position: absolute;
	width: 100%;
	text-align: center;
}
.horizontal_slider .bx-pager-item {
	display: inline-block;
	padding: 0 10px;
}
.horizontal_slider .bx-pager-link {
	position: relative;
	display: inline-block;
	width: 12px;
	height: 12px;
	border-radius: 100%;
	background: #eee;
	text-indent: -9999px;
	-moz-box-shadow:inset 0px 2px 2px rgba(0,0,0,0.65);
	-webkit-box-shadow:inset 0px 2px 2px rgba(0,0,0,0.65);
	box-shadow:inset 0px 2px 2px rgba(0,0,0,0.65);
}
.horizontal_slider .bx-pager-link.active:before {
	position: absolute;
	left: 1px;
	top: 1px;
	width: 10px;
	height: 10px;
	border-radius: 100%;
	background: #55626F;
	content: '';
}
.useful_tips .bx-pager {
	position: absolute;
	left: 100%;
	top: 0;
	margin-left: 35px;
	text-align: center;
}
.useful_tips .bx-pager-item {
	display: block;
	padding-bottom: 20px;
}
.useful_tips .bx-pager-link {
	display: inline-block;
	width: 36px;
	height: 36px;
	border-radius: 100%;
	background: #01C3C2;
	color: #fff;
	font-size: 16px;
	line-height: 36px;
	text-align: center;
	-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.65);
	box-shadow:0px 1px 2px rgba(0,0,0,0.65);
	text-decoration: none !important;
}
.useful_tips .bx-pager-link.active {
	background: #5F6D7B;
	-webkit-box-shadow:inset 0px 2px 2px rgba(0,0,0,0.65);
	box-shadow:inset 0px 2px 2px rgba(0,0,0,0.65);
}







/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	border: 4px solid #01B9B8;
	background: #fff;
	color: #000;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('../img/fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('../img/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('../img/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('../img/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('../img/fancybox_sprite@2x.png');
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url('../img/fancybox_loading@2x.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}



.responsive-accordion li .responsive-accordion-head { cursor: pointer; }





/* You can alter this CSS in order to give Smooth Div Scroll your own look'n'feel */

/* Invisible left hotspot */
div.scrollingHotSpotLeft
{
	/* The hotspots have a minimum width of 100 pixels and if there is room the will grow
    and occupy 15% of the scrollable area (30% combined). Adjust it to your own taste. */
	min-width: 75px;
	width: 10%;
	height: 100%;
	/* There is a big background image and it's used to solve some problems I experienced
    in Internet Explorer 6. */
	background-image: url(../img/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	left: 0;
	/*  The first url is for Firefox and other browsers, the second is for Internet Explorer */
	cursor: url(../img/cursors/cursor_arrow_left.png), url(../img/cursors/cursor_arrow_left.cur),w-resize;
}

/* Visible left hotspot */
div.scrollingHotSpotLeftVisible
{
	background-image: url(../img/arrow_left.gif);
	background-color: #fff;
	background-repeat: no-repeat;
	opacity: 0.35; /* Standard CSS3 opacity setting */
	-moz-opacity: 0.35; /* Opacity for really old versions of Mozilla Firefox (0.9 or older) */
	filter: alpha(opacity = 35); /* Opacity for Internet Explorer. */
	zoom: 1; /* Trigger "hasLayout" in Internet Explorer 6 or older versions */
}

/* Invisible right hotspot */
div.scrollingHotSpotRight
{
	min-width: 75px;
	width: 10%;
	height: 100%;
	background-image: url(../img/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	right: 0;
	cursor: url(../img/cursors/cursor_arrow_right.png), url(../img/cursors/cursor_arrow_right.cur),e-resize;
}

/* Visible right hotspot */
div.scrollingHotSpotRightVisible
{
	background-image: url(../img/arrow_right.gif);
	background-color: #fff;
	background-repeat: no-repeat;
	opacity: 0.35;
	filter: alpha(opacity = 35);
	-moz-opacity: 0.35;
	zoom: 1;
}

/* The scroll wrapper is always the same width and height as the containing element (div).
   Overflow is hidden because you don't want to show all of the scrollable area.
*/
div.scrollWrapper
{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

div.scrollableArea
{
	position: relative;
	width: auto;
	height: 100%;
}

























/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
}

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
}

@keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  40% {
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  60% {
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }

  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }

  100% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
    transform: scale(.9);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  80% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  80% {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  25% {
    -webkit-transform: scale(.95);
    transform: scale(.95);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }
}

@keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  25% {
    -webkit-transform: scale(.95);
    -ms-transform: scale(.95);
    transform: scale(.95);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  -ms-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    -ms-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  100% {
    -webkit-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate(80deg);
    -ms-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40% {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    -ms-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  100% {
    -webkit-transform: translateY(700px);
    -ms-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}

@keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    -ms-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

table.boilers {
    width: 100%;
    margin-top: 10px;
}

table.boilers td.plus-minus {
    width: 112px;
    padding-right: 15px;

}

table.boilers ul {
    list-style: decimal inside;
}

.small_icons_container{
    width: 450px;
    height: 34px;
    margin-left: auto;
    margin-right: auto;
}

.small_icons_on_map{
    height: 34px;
    cursor: pointer;
}
.small_icons_on_map img{
    float: left;
    margin-left: 20px;
    padding-top: 10px;

}

.small_icon_subscribe{
    float: left;
    margin-left: 10px;
    padding-top: 15px;
	text-decoration: underline;
	font-size: 18px;
}
.offer_list-item_price {
	padding-top: 10px;
	font-size: 20px;
	text-align: center;
	color: #D80000;
}
#sended .wrapper {
  width: 200px;
}

#sended .checkmark {
  stroke: #fff;
  stroke-dashoffset: 745.74853515625;
  stroke-dasharray: 745.74853515625;
  -webkit-animation: dash 2s ease-out forwards infinite;
          animation: dash 2s ease-out forwards infinite;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

@-webkit-keyframes dash {
  0% {
    stroke-dashoffset: 745.74853515625;
  }
  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes dash {
  0% {
    stroke-dashoffset: 745.74853515625;
  }
  100% {
    stroke-dashoffset: 0;
  }
}