/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/*display
 * Custom Style Sheet - Use this file to style your content
 */


@font-face {
    font-family: 'DroidSerifBoldItalic';
    src: url('../fonts/DroidSerif-BoldItalic-webfont.eot');
    src: url('../fonts/DroidSerif-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/DroidSerif-BoldItalic-webfont.woff') format('woff'),
         url('../fonts/DroidSerif-BoldItalic-webfont.ttf') format('truetype'),
         url('../fonts/DroidSerif-BoldItalic-webfont.svg#DroidSerifBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Logo */
.custom-logo {
	width: 104px;
	height: 70px;
	background-image: url(../../../images/yootheme/logo.png);
	background-position: 0 0;
	background-repeat: no-repeat;
    background-size: contain;
}

/* Only Phones */
@media (max-width: 767px) {
	#header-responsive .logo { margin-bottom: 10px; }
}

/* Parallax Effect */
.box-parallax { background-image: url(../../../images/yootheme/demo/teaser/home_teaser_default.jpg); }
.box-parallax h1 { font-family: "DroidSerifBoldItalic", "TimesNewRoman", "serif"; }

/* Frontpage Title */
.bigger-title {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 24px;
	line-height: 24px;
}

/* Frontpage List Line */
ul.line.frontpage > li {
	margin-top: 30px;
	padding-top: 30px;
}

ul.line.frontpage > li:first-child {
	margin-top: 0;
	padding-top: 0;
}


/* Only Tablets (Portrait) */
@media (min-width: 768px) and (max-width: 959px) {
	.frontpage-teaser { height: 280px; }
	.frontpage-teaser h2 {
		margin-bottom: 0;
		line-height: 75px;
		font-size: 68px;
	}
	.frontpage-teaser h4 {
		line-height: 28px;
		font-size: 23px;
	}
}

/* only phones */
@media (max-width: 767px) {
	.frontpage-teaser { height: 150px; }
	.frontpage-teaser h2 {
		margin-top: 10px;
		margin-bottom: 0;
		line-height: 50px;
		font-size: 40px;
	}
	.frontpage-teaser h4 {
		margin-top: 0;
		font-size: 12px;
		line-height: 16px;
	}
}

/* Таблица Price */

.price {
	border-collapse: separate;
  	border-spacing: 1px;
  	width: 100%;
}

.price thead tr th {
	background-color: #00b3e2;
	color: #fff;
	font-family: Roboto Bold, sans-serif;
	font-size: 16px;
	padding: 7px 17px 10px;
	text-align: left;
}
	
.price tbody tr {
	color: #434343;
}

.price tbody tr td {
	font-family: Roboto Regular, sans-serif;
	padding: 10px 17px 10px;
}

.price tbody tr:nth-child(even) td {
	background-color: #e5e5e5;
}

.price tbody tr:nth-child(odd) td {
	background-color: #f0f0f0;
}


/* Модуль "Новый год" */

div.new-year-block { background-color: #e9f3ff; margin-bottom: -10px; }
div.new-year-block div.gradient { background: linear-gradient(to top, #fff, #c0c4c7); border-radius: 0 0 4px 4px; clear: both; position: absolute; left: 0; bottom: -9px; width: 100%; height: 9px; }
div.new-year-block div.nyb { float: left; font-family: Roboto Light, sans-serif; font-size: 11pt; width: 50%; }
div.new-year-block div.nyb a { font-family: Roboto Medium, sans-serif; font-size: 22px; line-height: 30px; }
div.new-year-block div.nyb a:hover { text-decoration: underline; }
div.new-year-block div.nyb.left a { color: #1c6fcf; }
div.new-year-block div.nyb.right a { color: #dc165e; }
div.new-year-block div.nyb img { float: left; margin-right: 20px; }
div.new-year-block div.nyb ul { list-style-type: square; margin-bottom: 0; padding-left: 186px !important; }
div.new-year-block div.nyb ul li { padding-top: 4px; }



div.report-block { padding: 0 0 14px; position: absolute !important; bottom: 0; left: 0; width: 100%; }
div.report-block div.share { float: left; padding-left: 18px; }
div.report-block div.share div.ya-share2 { display: inline-block; padding-left: 12px; }
div.report-block div.share div.ya-share2 ul li { padding: 0 !important; }
div.report-block a.report { background: url('../images/ico_report.png') 0 0 no-repeat; color: #929292; cursor: pointer; display: block; float: right; padding: 0 287px 0 21px; text-decoration: underline; }
div.report-block a.report:hover { background-position:  0 -16px; color: #02c0ef; }

div.report-overlay { background-color: rgba(0,0,0,0); position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; }
div.report-form { background-color: #fff; border-radius: 3px; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.75); height: 415px; opacity: 0; position: fixed; top: 50%; left: 50%; z-index: -1; width: 380px; }
div.report-form div.close { font-family: Lucida Console; font-size: 24px; position: absolute; top: 13px; right: 20px; }
div.report-form h2 { background-color: #fbfbfb; border-bottom: 1px solid #e5e5e5; border-radius: 3px 3px 0 0; margin: 0; padding: 12px 0 11px 30px; }
div.report-form h6 { margin: 10px 0; }
div.report-form form { padding: 15px 30px; }
div.report-form form input { font-size: 16px; width: 90%; }
div.report-form form textarea { font-size: 16px; height: 96px; width: 90%; }
div.report-form p { background: url('../images/btn_report-form.jpg') 0 0 no-repeat; color: #fff; cursor: pointer; height: 38px; line-height: 34px; text-align: center; text-shadow: 1px 1px 1px rgba(67, 110, 1, 1); width: 98px; }
div.report-form p:hover { text-decoration: underline; }
div.report-form div.complete { display: none; padding-top: 100px; text-align: center; }