html, body {
	font-family: "Corporate S", Helvetica, Arial, sans-serif;
	font-size: 16px;
	height: 100%;
}

.carousel-inner {margin:0; padding:0; background: #333;}
.carousel-inner .loop {display: none;}
.carousel-control {display: none;}
.carousel-indicators {bottom: 0px;}
.carousel-indicators li {margin: 1px 4px;}
.carousel-indicators .active {margin: 0px 3px;}


h1.title, h2.title, h3.title {
	font-family: 'Playfair Display SC', 'Cormorant Garamond', serif;
	
}
.navbar-toggle .icon-bar {background: rgb(155, 187, 57);background: rgb(26 152 154); }
.navbar-toggle {border: 2px solid rgb(155, 187, 57); border: 2px solid rgb(26 152 154);
 }

.blog-nav > li {background-color: #ffa466; padding-left: 20px;}
.blog-nav > li:nth-child(1) {background-color: #ffa466;}
.blog-nav > li:nth-child(2) {background-color: #a5e6fc;}
.blog-nav > li:nth-child(3) {background-color: #00aedc;}
.blog-nav > li:nth-child(4) {background-color: #a3e1d4;}
.blog-nav > li:nth-child(5) {background-color: #1bc0a7;}
.blog-nav > li:nth-child(6) {background-color: #cbe48d;}
.blog-nav > li:nth-child(7) {background-color: #80af2d;}

.filmenu {background: #6fc1c0; background-color: rgba(25, 149, 156, 0.78); padding: 5px 15px !important;}
.filmenu .btn-info {
	background: #19959c;
}
.filmenu .btn-info:hover,
.filmenu .btn-info:focus {

	background-color: rgba(255, 255, 255, 0.3);
   border-color: transparent;

}

.blog-nav li  a {color: #666; font-size: 20px;}
.nav > li > a:hover, .nav > li > a:focus {background-color: transparent; color: #999933;}

.blog-nav .open > a, .blog-nav .open > a:hover, .blog-nav .open > a:focus { color: #999933; background-color: transparent; }

.blog-nav > .open > a, .blog-nav > .open > a:hover, .blog-nav > .open > a:focus { color: #999933; background-color: rgba(255, 255, 255, 0.9); }
.blog-nav > li > a:hover, .blog-nav > li > a:focus {background-color: rgba(255, 255, 255, 0.9); }

.blog-nav > li > a {background-color: rgba(255, 255, 255, 0.9); font-size: 1.4em; color: #666; padding: 14px;}
.blog-nav > li > ul {background-color: rgba(255, 255, 255, 0.9); padding-left: 24px;}

img[align="left"] {margin-right: 10px;}

@media (min-width: 768px) and (max-width: 991px) {

	.noimg1 .col-sm-6:nth-child(2n+1), .images .col-sm-6:nth-child(2n+1) {
    	clear: both;
	}

}

@media (min-width: 768px) {
.navbar-nav {float: none;}

html, body {
	font-size: 14px;
}
.container-fluid {padding-left: 0; padding-right:0; }
	.logo-block img {max-height: 7em;}
	.dzn-block img {max-height: 7em; margin-right:0; margin-left: auto;}
	.carousel-inner > .item > img {


	}

	.carousel-inner > .item > img, .carousel-inner > .item > a > img {margin: auto;}
	.carousel-inner > .item {background: #333;}
/*, .index .carousel-inner > .item.next > a > img, .index .carousel-inner > .item.prev > a > img */

/*	.index .carousel-inner > .item.next > a > img, .index .carousel-inner > .item.prev > a > img {
		transform: translate3d(0px, 0px, 0px) scale(1.2, 1.2);		
		transition-duration: 0s;

	}
*/
    .index .carousel-inner > .item > a > img {
		transform: translate3d(0px, 0px, 0px) scale(1, 1);
    	transform-origin: 0% 0% 0px;
		transition-duration: 5s;
	}

    .index .carousel-inner > .item.active > a > img {

/*		transform: translate3d(0px, 0px, 0px) scale(1.2, 1.2);  remoove for 9 maya */

    	transform-origin: 0% 0% 0px;
		transition-duration: 5s;
	}


	.blog-index {position: relative;}

	.index-title-deviz {
    position: absolute;
    color: #fff;
    z-index: 14;
    margin: 0px;
    font-size: 48px;
    font-size: 1.5em;
	line-height: 1.5em;
	text-align: right;
    padding: 20px 40px 20px 30%;
    text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.7);
    right: 0;
	bottom: 30px;
    animation-name: dropHeader;
    animation-iteration-count: 1;
    animation-timing-function: ease-out;
    animation-duration: 1s;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
	}
	.index-title {position: absolute;

	background-color: rgba(255, 255, 255, 0.4);
	color: #fff;
	z-index: 100;
	margin:0px;
	font-size: 48px;
	font-size: 2.5em;
	padding: 10px 40px;
	padding: 40px 56px;
	text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.8);
	right:0;
	left:0;
    animation-name: dropHeader;
    animation-iteration-count: 1;
    animation-timing-function: ease-out;
    animation-duration: 1s;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
	}

	.index-title span {font-size: 0.6em; display: block; margin-top: 0.5em; line-height: 1.5em;}
	img.pull-right {margin-left: 20px;}
	.text-block .gerb-text {max-width: 11em; display: inline-block; font-size: 0.9em; vertical-align:top; margin-top: -5px;}
	.text-block img {width: 3.5em; vertical-align: top;}
	.sidebar-over, .sidebar-over .navbar-collapse, .blog-main {padding:0px;}

/* nav colors */

	.sidebar-over .form {
	background-color: #fdd9a2;
	
	
	}
	.sidebar-over .form form {
	background-color: rgba(255, 255, 255, 0.9); 	
	padding: 14px;
	margin-left: 20px;
	display: block;
	position: relative;
	}
	.sidebar-over .form form .btn {
	position: absolute; 
    right: 14px;
    top: 14px;
    line-height: 24px;
    padding: 10px 16px;
	color: #666;
	}


	.tp1.media {clear: both;}
	.pull-left .media-object {margin-right: 10px; margin-bottom: 10px;}


	.logobar {padding: 30px;}
	.rel-cont {display: table; width: 100%;}
	.rel-cont > div {display: table-cell; float: none; }
	.rel-cont > .blog-sidebar { height: 1em; background-color: #80af2d}
	.rel-cont > .blog-sidebar .navbar-collapse {height: 100% !important; overflow: auto; 

		background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 20px, rgba(255,255,255,0.9) 20px, rgba(255,255,255,0.9) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 20px,rgba(255,255,255,0.9) 20px,rgba(255,255,255,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 20px, rgba(255,255,255,0.9) 20px, rgba(255,255,255,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */


	}

	.blog-nav .dropdown-menu  {width: 100%; left: 100%; top:0;}
	.bl-nav {position: absolute; left:0; right:0; z-index:10; top:0;}

	.topbar {background-color: #f3f5f7; font-size: 1.2em; padding: 15px 30px;}
	.topbar a {color: #333;}
	.topbar .phone {font-size:1.2em; white-space: nowrap;}

	.blog-footer .container-fluid { padding: 15px 30px; color: #999;}

	.somebody {padding: 15px;}
	.somebody.index {padding: 0px;}
	.location {padding: 15px; color: #999; }
	.location a {color: #999;}

	.news {padding-top: 30px;}
	.news  .media-object {max-height: 100px; width: auto; margin-right: 20px; border: 2px solid #ccc; }

	.social a {font-size: 2em; color: #999;}

	#back-top  {position: absolute; bottom: 30px; right: 10px; font-size: 4em; }
	#back-top a { color: #999; opacity:0.5 }
	#back-top a:hover { opacity:1;}

	.images .row > li img {margin-bottom: 20px;}

	.table {display: table;}
	.td {display: table-cell; vertical-align: middle;}
	.tr {display: table-row;}
	.td {padding: 35px; text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.7); width: 50%;}
	.container-fluid section {overflow: hidden;}
	section .container-fluid {margin:0px; padding-bottom:0px;}
	section .table {margin-bottom:0px;}

	.parallax h2 {
	
		padding: 15px 30px;
		margin:0;
		opacity: 1;
	}

	.parallax.img {padding: 100px 20%;}

	.parallax.img h2 {
	
		padding: 25px 30px;
	}

	.parallax.text {padding: 10px 20%;}
	.parallax {overflow:hidden;}
	.mainmenu .open > .dropdown-menu {
/*	 max-height: 200px; */
    	opacity: 1;
		height: auto;
		min-height: 200px;
	
	}

	.parallax.img {	min-height: 200px;}
	.fa-search {color: #fff;}


}

@media (min-width: 992px) {



html, body {
	font-size: 15px;
}

.blog-nav > li {padding-left: 30px;}
.blog-nav > li > a {padding: 14px;}
.sidebar-over .form form {padding: 14px;}
.sidebar-over .form form .btn {top: 14px; right: 14px; line-height: 24px;}

.sidebar-over .form form {margin-left: 30px;}


.rel-cont > .blog-sidebar .navbar-collapse {height: 100% !important; overflow: auto; 

background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 30px, rgba(255,255,255,0.9) 30px, rgba(255,255,255,0.9) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 30px,rgba(255,255,255,0.9) 30px,rgba(255,255,255,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 30px, rgba(255,255,255,0.9) 30px, rgba(255,255,255,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */


} 

.noimg1 .col-md-4:nth-child(3n+1), .images .col-md-4:nth-child(3n+1) {
    clear: both;
}

	.text-block .gerb-text {max-width: 13em; display: inline-block; font-size: 0.9em; vertical-align: top;}
	.text-block img {width: 3.5em; vertical-align: top;}
	.index-title-deviz {
		padding: 20px 40px 20px 35%;
	}


}

@media (min-width: 1200px) {



html, body {
	font-size: 16px;
}


.blog-nav > li {padding-left: 40px;}
.blog-nav > li > a {padding: 24px;}

.sidebar-over .form form .btn {top: 24px; right: 24px; line-height: 24px;}


.sidebar-over .form form {margin-left: 40px;}
.rel-cont > .blog-sidebar .navbar-collapse {height: 100% !important; overflow: auto; 

background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 40px, rgba(255,255,255,0.9) 40px, rgba(255,255,255,0.9) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 40px,rgba(255,255,255,0.9) 40px,rgba(255,255,255,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 40px, rgba(255,255,255,0.9) 40px, rgba(255,255,255,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */


} 
.text-block .gerb-text {max-width: 17em; display: inline-block; font-size: 0.9em; vertical-align: top;}
.sidebar-over .form form {padding: 24px;}
.parallax.text {padding: 10px 20%;}
.index-title {padding: 40px 18% 40px 56px;}
	.index-title-deviz {
		padding: 20px 40px 20px 42%;
	}



}

@media (min-width: 1500px) {

	.index-title-deviz {
		padding: 20px 40px 20px 56%;
	}


}


@media (min-width: 1600px) {

html, body {
	font-size: 18px;
}
	.container-fluid {width: 1600px;}
}


@media (max-width: 767px) {

	body > .mainmenu {
		position: absolute;
		top: 4em;
		left: 0;
		right: 0;
		z-index: 1000;
	}
	body {}
	.topbar {background-color: #f3f5f7; font-size: 1.2em; padding: 5px 0px; position: fixed; z-index: 100; left: 0; right: 0; top:0;}
	.logobar {margin-top: 4em; margin-bottom: 1em;}
	.blog-sidebar, .blog-sidebar > .navbar-collapse {padding: 0px;}
	.blog-nav > li {padding-left: 20px;}
	.index-title { font-size: 2em; }
	.index-title span {
    font-size: 0.6em; display: block; margin-top: 1em;
	}

	.carousel {
    position: relative;
    margin-left: -30px;
    margin-right: -30px;
	}
	.navbar-toggle {float: none;}

	.sidebar-over .form {
    background-color: #fdd9a2;
	}
	.sidebar-over .form form {
    background-color: rgba(255, 255, 255, 0.9);
    padding: 24px;
    margin-left: 20px;
    display: block;
    position: relative;
	}


	.sidebar-over .form form .btn {
    position: absolute;
    right: 24px;
    top: 24px;
    line-height: 24px;
    padding: 10px 16px;
    color: #666;
	}

	.media-object {max-width: 150px; margin-right: 10px; margin-bottom: 10px;}
	.news {margin-top: 10px;}

	.social a {
    font-size: 2em;
    color: #999;
	}

	#back-top {
    position: absolute;
    bottom: 0px;
    left: 10px;
    font-size: 2em;
	}


	#back-top a {
	    color: #999;
    	opacity: 0.5;
	}

	#back-top a:hover, #back-top a:active, #back-top a:focus {
    opacity: 1;
	}
	span.phone {display: inline-block; font-size: 1.5em;}
	.logo-block {text-align: center; padding-top: 0.5em;}
	.logo-block img {margin: auto;}
	.mobile_head {border-bottom: 2px solid #1a989a; }

	.parallax h2 {
	
		padding: 25px 30px;
		opacity: 1;
	}

	.parallax.img {padding: 40px 2%;}
	.parallax.text {padding: 10px 2%;}
	section {margin-left: -15px; margin-right: -15px;}
	.container-fluid {overflow: hidden; margin-bottom: 0px;}

	.mainmenu .open > .dropdown-menu {
/*	 max-height: 200px; */
    	opacity: 1;
		height: auto;
	}
	.parallax {	min-height: 100px;}
	section .table {margin-bottom: 0px;}
	.td {padding: 15px; text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.7);}


	.wow, .animated {
	 visibility: visible !important;
	 -webkit-animation: none !important;
	 -moz-animation: none !important;
	 -o-animation: none !important;
	 -ms-animation: none !important;
	 animation: none !important;
	}
	.tizer-block {display: none;}
	.index-title-deviz {display: none;}
	form.navbar-form.navbar-right {position: relative;}
	form.navbar-form.navbar-right .btn {position: absolute; right:15px; top:0; bottom:0; z-index: 100; color: #333;}
	ul.news {padding-top: 20px;}
}
@media (max-width: 467px) {
	.news .media .pull-left  {float: none !important;}
	.media-object {max-width: 100%;}
}
.padding img.img-responsive {margin-bottom: 30px;}
.files .files li  {font-size: 1.2em; line-height: 2em; clear: both; display: flex; align-items: baseline;}
.files .files li a {display: table; line-height: 1.2em; margin-bottom: 15px;}
.files .files li span.icon { display: inline-block; padding: 10px; border-radius: 3px; float: left; border: 1px solid #eaeaea; width: 3em; text-align: center; margin-right: 10px; margin-bottom: 10px;}
.files .files li span.icon .fa {font-size: 1.2em;}
.files .files {clear: both;}
.files +.menu {clear: both;}

.parallax {
	background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	height: 100%; 
/*	margin-left: -15px;
	margin-right: -15px; */
	
	color: #fff; 
	text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.7);
	opacity: 0.85;
}


.parallax h2 a {color: #fff;}
.parallax h2 a:hover {text-decoration: none;}
.parallax h2 > span, .parallax h3 > span { display: block; font-size: 0.8em; margin-top:1em;}
.parallax h2.bg-light {background-color: rgba(255, 255, 255, 0.3);}


.container-fluid.mainmenu {background-color: #ffa466; background-color: #19959c;}

.dropdown-menu  li {color: #fff}
.mainmenu .navbar-collapse a, .mainmenu .navbar-collapse a:hover, .mainmenu .navbar-collapse a:focus,
.dropdown-menu > li > a, .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus,
.filmenu a
 {color: #fff; font-size:1.2em;}
.mainblock .mainmenu a {color: #337ab7;}

/*.mainmenu .panel-collapse {position: absolute; left:0; right:0; background: #ffa466; background-color:rgba(255, 164, 102, 0.85); z-index: 120; } */

.mainmenu .nav > li {position: initial;}
.mainmenu .dropdown-menu {right:0; 
   -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;

/*    max-height: 0; */
    display: block;
    overflow: hidden;
    opacity: 0;
	height:0;
	background: #ffa466;
	background: #179481;
	background: #19959c;
	background-color:rgba(255, 164, 102, 0.85);
	background-color:rgba(23, 148, 129, 0.85);
	background-color:rgba(25, 149, 156, 0.78);


} 

.mainmenu .navbar-collapse.collapse {position: relative;}

.nav .open > a, 
.nav .open > a:hover, 
.nav .open > a:focus,
.nav li > a:hover,  
.nav li > a:focus, 
.nav > li.current >a {background-color: rgba(255, 255, 255, 0.3); border-color: transparent; }

.nav > li > a:hover, .nav > li > a:focus {color: #fff;}

.dropdown-menu > li > a {color: #fff;}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {background-color: transparent; text-decoration: underline;}
.dropdown-menu > li.current > a {color: #eee;}
.dropdown-menu  li.current > a {color: #eee;}
.dropdown-menu > li > ul {padding: 5px 30px;}

.caret {
	-webkit-transition: all 500ms ease-in-out;
        -moz-transition: all 500ms ease-in-out;
        -o-transition: all 500ms ease-in-out;
        -ms-transition: all 500ms ease-in-out;

}
.open a  > .caret {

	-webkit-transform: rotate(180deg);
       -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
         -o-transform: rotate(180deg);
            transform: rotate(180deg);	

}

.open .collapsed > .caret {

	-webkit-transform: rotate(0deg);
       -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);	

}
.open > a > .caret {
	-webkit-transform: rotate(180deg);
       -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
         -o-transform: rotate(180deg);
            transform: rotate(180deg);	
}

/* colors section*/

.bg-green {background-color: #80af2d; background-color:#044251;}
.bg-cyan {background-color: #1bc0a7;}
.bg-orange {background-color: #fdd9a2; background-color: #e0bc84;}
.bg-blue {background-color: #a5e6fc;}

.bg-light-cyan {background-color: rgba(21, 140, 122, 0.5);}
.bg-light-orange {background-color: rgba(253, 217, 162, 0.5);}
.bg-light-yellow {background-color: rgba(203, 228, 141, 0.5);}
.bg-light-blue{background-color:rgba(70, 167, 236, 0.65);}

.err {color: red;}
.videoshow { margin-left: -15px; margin-right: -15px; padding: 15px; background: #333;}
.videoshow:nth-child(even) {background: #eee;}
.videoshow:nth-child(odd) {background: #333;}

.q-faq .line2 {background: #eee;} 
.question-form {margin-bottom: 30px;}
div.question {padding: 30px; text-align: center;}
.q-faq .line1  {box-shadow: none; -webkit-box-shadow: none;}



.table-nonfluid {
   width: auto !important;
}

a.title {font-size: 1.4em;}
.media-body a.title {min-height: 3em; display: block;}
.date-news {color: #bdbbbb;}

.guide .prname {text-align: center; max-width: 35em; margin-left: auto; margin-right: auto; font-size: 2.3em;}
.padding10 {padding: 30px 0px;}

.col-xs-12 .media-body,
.col-sm-6 .media-body,
.col-md-4 .media-body,
.col-lg-4 .media-body
{
	 display: block;
	text-align: center;
}
.social {display: inline; font-size: 70%;}