/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }


/* =============================================================================
   Base
   ========================================================================== */

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
body { margin: 0; font-size: 1em; line-height: 1.4; }



/* =============================================================================
   Links
   ========================================================================== */

a { color: #00e; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: none; }
a:hover, a:active { outline: 0; }


/* =============================================================================
   Typography
   ========================================================================== */

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }


/* =============================================================================
   Lists
   ========================================================================== */

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }


/* =============================================================================
   Embedded content
   ========================================================================== */

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

svg:not(:root) { overflow: hidden; }


/* =============================================================================
   Figures
   ========================================================================== */

figure { margin: 0; }


/* =============================================================================
   Forms
   ========================================================================== */

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

textarea { overflow: auto; vertical-align: top; resize: vertical; }

input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }


/* =============================================================================
   Tables
   ========================================================================== */

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }


/* =============================================================================
   Chrome Frame Prompt
   ========================================================================== */

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }



/* =============================================================================
   Style CSS
   ========================================================================== */


/* ==|== primary styles =====================================================
   Webvision: Main template
   ========================================================================== */

* {margin: 0; }
html, body {height: 100%;}

.left{ float: left; }
.right {float: right}
.clear {clear: both}

body {background:url(../img/bgr.png) }
footer{background: url(../img/footer-bgr.png) repeat-x}

.wrapper { min-height: 100%; height: auto !important; height: 100%;	margin: 0 auto -528px;background: url(../img/light.png) center top no-repeat; }

.top{background: url(../img/top-bgr.png) repeat-x; height: 187px;}
	div#brand { width: 244px; height: 83px; background:url(../img/sign.png) no-repeat; padding-top: 46px}
	div#navigation {position: absolute; top:50px; right: 0}

.content { top: -60px;}
.content p {color: #7f9197;  font: 13px Arial, Helvetica, Verdana, sans-serif; line-height: 140% }

/* sticking footer to the bottom */
footer, .push {height: 528px;clear: both;}

/* Lines with shadows in the footer */
.line {height: 100%; float: left; position: relative; width: 1px;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE1JSIgc3RvcC1jb2xvcj0iI2VlZjNmNSIgc3RvcC1vcGFjaXR5PSIwLjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjYzdkOGRmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iODUlIiBzdG9wLWNvbG9yPSIjZWVmM2Y1IiBzdG9wLW9wYWNpdHk9IjAuMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
		background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(238,243,245,0.1) 15%, rgba(199,216,223,1) 50%, rgba(238,243,245,0.1) 85%, rgba(255,255,255,0) 100%);
			/* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(15%,rgba(238,243,245,0.1)), color-stop(50%,rgba(199,216,223,1)), color-stop(85%,rgba(238,243,245,0.1)), color-stop(100%,rgba(255,255,255,0)));
			/* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(238,243,245,0.1) 15%,rgba(199,216,223,1) 50%,rgba(238,243,245,0.1) 85%,rgba(255,255,255,0) 100%);
			/* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(238,243,245,0.1) 15%,rgba(199,216,223,1) 50%,rgba(238,243,245,0.1) 85%,rgba(255,255,255,0) 100%);
			/* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(238,243,245,0.1) 15%,rgba(199,216,223,1) 50%,rgba(238,243,245,0.1) 85%,rgba(255,255,255,0) 100%);
			/* IE10+ */
		background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(238,243,245,0.1) 15%,rgba(199,216,223,1) 50%,rgba(238,243,245,0.1) 85%,rgba(255,255,255,0) 100%);
			/* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=0 );
			/* IE6-8 */
		background: none\9;
}
.line-shade {height: 100%; float: left; position: relative; width: 2px;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE1JSIgc3RvcC1jb2xvcj0iIzhhYTRhZiIgc3RvcC1vcGFjaXR5PSIwLjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjOGFhNGFmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iODUlIiBzdG9wLWNvbG9yPSIjOGFhNGFmIiBzdG9wLW9wYWNpdHk9IjAuMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
		background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(138,164,175,0.1) 15%, rgba(138,164,175,1) 50%, rgba(138,164,175,0.1) 85%, rgba(255,255,255,0) 100%);
			/* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(15%,rgba(138,164,175,0.1)), color-stop(50%,rgba(138,164,175,1)), color-stop(85%,rgba(138,164,175,0.1)), color-stop(100%,rgba(255,255,255,0)));
			/* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(138,164,175,0.1) 15%,rgba(138,164,175,1) 50%,rgba(138,164,175,0.1) 85%,rgba(255,255,255,0) 100%);
			/* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(138,164,175,0.1) 15%,rgba(138,164,175,1) 50%,rgba(138,164,175,0.1) 85%,rgba(255,255,255,0) 100%);
			/* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(138,164,175,0.1) 15%,rgba(138,164,175,1) 50%,rgba(138,164,175,0.1) 85%,rgba(255,255,255,0) 100%);
			/* IE10+ */
		background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(138,164,175,0.1) 15%,rgba(138,164,175,1) 50%,rgba(138,164,175,0.1) 85%,rgba(255,255,255,0) 100%);
			/* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=0 );
			/* IE6-8 */
		background: url(../img/line-fallback-ie.png) no-repeat\9
}


.centering {width: 1140px; position: relative; margin: 0 auto; }

.footer-body {height: 472px;}

	.triple {width: 326px; float: left; position: relative; padding: 40px 0 0 40px}
		div.footer-article-icon-separator {width:15px; float: left}

	.footer-article-container { margin-top: 25px; }
		.footer-article-icon {float: left; background: url(../img/ico-bgr.png) no-repeat; width: 38px; height: 28px;  font: 13px Arial, Verdana, Helvetica, sans-serif; color: #fff; text-align: center; line-height: 1; padding: 5px 0}
		.footer-article {color: #fff;  font: 12px Arial, Helvetica, Verdana, sans-serif; float: left; width: 250px;margin-left: 10px;
						text-shadow: 2px 0px 5px #2e4c57; }

			.footer-article-title { margin-bottom: 10px}
			.footer-article-intro { margin-bottom: 25px}

	div#contacts div.footer-article {margin-bottom: 25px}
		div#contacts div.footer-article p {margin-bottom: 5px;  font: 14px Arial, Helvetica, Verdana, sans-serif; }


	.footer-bottom { text-align: center; padding-top: 15px}


/* info faq box */

div.lefthalf { width: 480px; float: left; background:url(../img/line.jpg) no-repeat center right #fff; min-height: 360px; height:auto !important; height: 360px; padding:40px 45px}
div.lefthalf {height: expression( this.scrollHeight < 361 ? "360px" : "auto" );}

	div.lefthalf h3 {font: 20px 'Comfortaa', Arial, Helvetica, sans-serif; color: #7e9096; text-transform: uppercase; margin-bottom: 25px}
	div.lefthalf {color: #7e9096; font: 14px Arial, Helvetica, Verdana, sans-serif; }
	div.lefthalf a {color: #7e9096;}
	div.lefthalf a:hover {text-decoration: none}
	div.lefthalf ul li {margin-bottom: 15px}
	div.lefthalf ul {margin-bottom: 35px}


div.righthalf {width: 480px; float: right; padding:40px 45px}

	div.righthalf h3 {font: 20px 'Comfortaa', Arial, Helvetica, sans-serif; color: #7e9096;  margin-bottom: 25px}
	div.righthalf h5 {font: 18px 'Comfortaa', Arial, Helvetica, sans-serif; color: #7e9096;  margin-bottom: 10px; margin-top: 25px; background: url(../img/arrow-middle-white.jpg) no-repeat left 2px; padding-left: 25px;}
	div.righthalf p {margin-bottom: 10px; font-style: italic}

a.arrow-small-white {height: 16px; background: url(../img/arrow-small-white.jpg) no-repeat left top #fff; color: #7e9096; text-decoration: underline;  font: 13px Arial, Verdana, Helvetica, sans-serif; padding-left: 20px;  }
a.arrow-small-white:hover {text-decoration: none }

div.lefthalf a.arrow-small-white, div.righthalf a.arrow-small-white { position: absolute; bottom: 30px; text-decoration: underline}
div.lefthalf a.arrow-small-white:hover, div.righthalf a.arrow-small-white:hover {text-decoration: none; color:#000}

.title-inline { text-align: center; margin: 0; padding: 0;
			background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YzZjdmOSIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iI2YzZjdmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjcwJSIgc3RvcC1jb2xvcj0iI2YzZjdmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmM2Y3ZjkiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  hsla(200,33%,96%,0) 0%, hsla(200,33%,96%,1) 30%, hsla(200,33%,96%,1) 70%, hsla(200,33%,96%,0) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,hsla(200,33%,96%,0)), color-stop(30%,hsla(200,33%,96%,1)), color-stop(70%,hsla(200,33%,96%,1)), color-stop(100%,hsla(200,33%,96%,0)));
background: -webkit-linear-gradient(left,  hsla(200,33%,96%,0) 0%,hsla(200,33%,96%,1) 30%,hsla(200,33%,96%,1) 70%,hsla(200,33%,96%,0) 100%);
background: -o-linear-gradient(left,  hsla(200,33%,96%,0) 0%,hsla(200,33%,96%,1) 30%,hsla(200,33%,96%,1) 70%,hsla(200,33%,96%,0) 100%);
background: -ms-linear-gradient(left,  hsla(200,33%,96%,0) 0%,hsla(200,33%,96%,1) 30%,hsla(200,33%,96%,1) 70%,hsla(200,33%,96%,0) 100%);
background: linear-gradient(to right,  hsla(200,33%,96%,0) 0%,hsla(200,33%,96%,1) 30%,hsla(200,33%,96%,1) 70%,hsla(200,33%,96%,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f3f7f9', endColorstr='#00f3f7f9',GradientType=1 );
			background: url(../img/fallback-title-inline.png) repeat-y\9; height: 30px;
}
.plans {margin-top: -60px}
.plan {width: 480px; padding: 40px 45px; }

.plan h6 {font: 18px 'Comfortaa', Arial, Helvetica, sans-serif; color: #7aa2b2; margin-bottom: 20px}
.plan img {margin-right: 20px}
.plan p {margin-right: 20px;  font: 12px Helvetica, Verdana, Arial, sans-serif; line-height: 20px; color: #5a6f76}

div.linesss { background:url(../img/line.png) no-repeat; height: 2px }
h2.title-inline { font:20px 'Comfortaa', cursive;  color: #7e9096; margin: 0; padding: 10px 0; }

.plan .yellow-button{margin-left: -10px}

a.yellow-button {
	font-family: Arial, Verdana, Helvetica,sans-serif;
	font-size: 11px;
	color: #85592e;
	padding: 10px 13px 8px 13px;
	background: -moz-linear-gradient(
		top,
		#fed871 0%,
		#febc4a);
	background: -o-linear-gradient(
		top,
		#fed871 0%,
		#febc4a);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#fed871),
		to(#febc4a));
	background: url(../img/fallback-yell-btn-grad.png) repeat-x #febc4a; /* fallback for stupid browsers */
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	border: 7px solid #ffe8a1;
	text-shadow:
		0px -1px 0px rgba(0,0,0,0.4),
		0px 1px 0px rgba(255,255,255,0.3);
	text-decoration: none;
	text-transform: uppercase;
}

a.yellow-button:hover {
	background: #febc4a
		}

a.blue-button {
	font-family: Arial, Verdana, Helvetica,sans-serif;
	font-size: 11px;
	color: #6b97a8;
	padding: 10px 13px 8px 13px;
	background: -moz-linear-gradient(
		top,
		#ecf5f8 0%,
		#a5c5d0);
	background: -o-linear-gradient(
		top,
		#ecf5f8 0%,
		#a5c5d0);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#ecf5f8),
		to(#a5c5d0));
	background: url(../img/fallback-blue-btn-grad.png) repeat-x #a5c5d0; /* fallback for stupid browsers */
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	border: 5px solid #eef7fa;
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.4),
		0px 1px 0px rgba(255,255,255,0.3);
	text-decoration: none;
	text-transform: uppercase
}

a.blue-button:hover {
	background: #d1e7ef;
		}


/* ==|== primary styles =====================================================
   Webvision: Navigation
   ========================================================================== */

/* Main menu tabs */
#menu{width: 100%; margin: 0; padding: 10px 0 0 0;list-style: none;}
#menu li{float: left;padding: 0 0 10px 0;position: relative;}

#menu a{float: left;height: 26px;padding: 7px 25px;color: #f0f5f7;font: bold 13px/25px Arial, Helvetica;text-decoration: none;
						text-shadow: 0px 1px 5px #496772;}
#menu li:hover > a, #menu li a.active {color: #496772;
						background: rgba(238, 245,247,0.2);
						background: url(../img/menu-bgr-ie.png) \9; /* IE */

						-moz-border-radius: 50px;
						-webkit-border-radius: 50px;
						border-radius: 50px;
	text-shadow: none;
	-moz-box-shadow: 0 2px 1px #7895a0;
	-webkit-box-shadow: 0 2px 1px #7895a0;
	box-shadow: 0 2px 1px #7895a0;
	}

*html #menu li a:hover{ /* IE6 */ color: #fafafa;}
#menu li:hover > ul{ display: block;}

/* Sub-menu */
#menu ul{ list-style: none; margin: 0; padding:10px 0px; display: none; position: absolute; top: 44px; left:5px; z-index: 99999;
		background: rgba(211,227,233, 0.7);
		background: url(../img/menu-bgr-ie.png) \9; /* IE */

    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;

    -moz-box-shadow: 0 2px 1px #7895a0;
	-webkit-box-shadow: 0 2px 1px #7895a0;
	box-shadow: 0 2px 1px #7895a0;}

#menu ul li{float: none;margin: 0;padding: 0;display: block; width: 192px }
#menu ul a{ padding:10px 20px;height: auto;line-height: 1;display: block; white-space: nowrap;float: none; text-transform: none;color: #496772;text-shadow: none;}

*html #menu ul a{ /* IE6 */   height: 10px;width: 150px;}
*:first-child+html #menu ul a{ /* IE7 */    height: 10px;width: 150px;}

#menu ul a:hover{background: #fff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none;    }
/* Clear floated elements */
#menu:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}

* html #menu             { zoom: 1; } /* IE6 */
*:first-child+html #menu { zoom: 1; } /* IE7 */

/* ==|== secondary styles =====================================================
   Webvision: Typography
   ========================================================================== */

.white-title { font: 24px 'Comfortaa', Arial, Helvetica, sans-serif; color: #fdfdfd;
						text-shadow: 2px 0px 5px #000;
				        }

		.white-title a{ color: #fdfdfd; text-decoration: none}
		.white-title a:hover { color: #fecb5d;}


.small-text { color: #2e4c57;  font: 11px Verdana, Arial, Helvetica, sans-serif;}

		div#brand .small-text {padding-left: 50px}


div.footer-bottom, div.footer-bottom a {color: #fff;  font: 12px Arial, Helvetica, Verdana,  sans-serif; }
div.footer-bottom a:hover {text-decoration: none}
div.footer-article-title {  font: bold 13px Arial, Verdana, Helvetica, sans-serif;}
div.footer-article-intro a {  font: 12px Arial, Verdana, Helvetica, sans-serif; text-decoration: none; color: #fff; }
div.footer-article-intro a:hover {  text-decoration: underline}

div.footer-article-link { text-shadow: 2px 0px 5px #2e4c57; margin-left: 48px; float: left; margin-top: -10px}
div.footer-article-link a {  font:bold 12px Arial, Verdana, Helvetica, sans-serif; text-decoration: underline; color: #fff; }
div.footer-article-link a:hover {  text-decoration: none}

ul.footer-nav {color: #fff; list-style: none; padding: 0; margin: 25px 0 0 20px;  font: 14px Arial, Helvetica, Verdana, sans-serif; }
ul.footer-nav li {margin-bottom: 15px}

ul.footer-nav li {*margin-bottom: 10px}

ul.footer-nav li a {color: #fff; text-decoration: none;
							text-shadow: 2px 0px 5px #2e4c57;
				        filter: dropshadow(color=#2e4c57, offx=2, offy=0); }
ul.footer-nav li a:hover {color:#2e4c57;
							text-shadow: 0 0 0 #fff;
				        filter: dropshadow(color=#fff, offx=0, offy=0);  }

div#contacts div.footer-article a {color: #fff; text-decoration: underline}
div#contacts div.footer-article a:hover {text-decoration: none}


/* Fix iPad1 width bug */
@media (max-width: 1024px) {
  body {
    width: 1140px;
  }
}


/* ==|== secondary styles =====================================================
   Webvision: Index Profile an Working Hours
   ========================================================================== */
.profile {background: url(../img/top-right.png) no-repeat 484px -2px #fff; width: 732px; height: 220px; border: 7px solid #eef5f7; position: relative; padding-top: 30px}
.ramka {-webkit-box-shadow:  0px 0px 1px 1px #bebebe; -o-box-shadow:  0px 0px 1px 1px #bebebe; -moz-box-shadow:  0px 0px 1px 1px #bebebe; box-shadow:  0px 0px 1px 1px #bebebe;margin: 15px 0 0 0; border: 7px solid #eef5f7\9;}
.profile h1, .profile p { padding-left: 230px}
.profile h1 {font: 20px 'Comfortaa', Arial, Helvetica, sans-serif; color: #7e9096;padding-bottom: 20px }
.profile a {color: #7e9096; text-decoration: underline}
.profile a:hover {text-decoration: none}
img#index-profile {position: absolute; top:-40px; left: 0}
.hours {background:#fcfdfd; width: 346px; height: 240px; border: 7px solid #eef5f7; position: relative; text-align: center; padding-top: 10px }

/* ==|== secondary styles =====================================================
   Webvision: Index Services Carousel
   ========================================================================== */

ul#all-services {list-style: none}
ul#all-services li {width: 335px; height: 300px; float: left; margin: 0 15px}
ul#all-services li div.ramka{width: 329px; height: 224px; background: url(../img/curl-shadow.png) top no-repeat #fff; border: 7px solid #eef5f7; position: relative}

ul#all-services li div.description{width: 170px; height: 224px; position: absolute; top:30px; right: 10px}
ul#all-services li div.description h3 {font:bold 14px Arial, Helvetica, Verdana, sans-serif; margin-bottom: 15px;  color: #7e9096;}
ul#all-services li div.description p {font:13px Arial, Helvetica, Verdana, sans-serif; margin-bottom: 15px}
ul#all-services li div.description a {position: absolute; bottom: 50px; left: -5px; }
ul#all-services li img.shade-300 {margin-left: 20px}



.righthalf a {color: #5a6f76; text-decoration: none}
.righthalf a:hover {color: #000}

.content h5 {color: #7f9197;  font:17px 'Comfortaa', Arial, Helvetica, Verdana, sans-serif; line-height: 140% }

.content-yell {background: #fed971; border: 1px solid #dcb16c; padding: 7px;}
.page-inline-yell { position: relative; background: #fcf4da; padding: 20px;}
.page-inline-yell p { color: #946d46}
.page-inline-yell h5 {font:17px 'Comfortaa', cursive;  color: #946d46; margin-bottom: 20px; margin-top: 10px }

/* Custom pagination for Laravel Paginator */
.pagination {height: 36px; margin: 0; font: 12px Verdana, Arial, Helvetica, sans-serif;}

.pagination ul { list-style: none;padding: 0; text-align: center}
.pagination ul li {display: inline;}

.pagination li a {padding: 5px 10px;  text-decoration: none; color: #7e9096; background: #eef5f7}
.pagination li.previous_page a {margin-right: 10px}
.pagination li.next_page a{margin-left: 10px}
.pagination li a:hover{background:#fff; color: #7e9096}
.pagination li.active a{ /* float: left;  */padding: 5px 10px; text-decoration: none; background: #fff; color: #7e9096}
span.disabled {display:none}
/*
span.dots {
  float: left;
  padding: 0 5px;
  line-height: 34px;
  text-decoration: none;
}
*/

/* ==|== secondary styles =====================================================
   Webvision: Gallery
   ========================================================================== */

.gallery img {margin:0 25px}
.shade {top: -61px; margin-bottom: 30px}










































/* ==|== media queries ======================================================

   ========================================================================== */

@media only screen and (min-width: 35em) { }




/* ==|== non-semantic helper classes ========================================
  
   ========================================================================== */

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }

.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

::-moz-selection { background: #000; color: #fff; text-shadow: none; }
::selection { background: #000; color: #fff; text-shadow: none; }


/* ==|== print styles =======================================================
   Print styles
   ========================================================================== */

@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}
