* { outline: none !important; } 
body { background-color: #333; color: #3b1903; font-family: 'PT Sans', sans-serif; }

a { color: #000; text-decoration: none; }
a:hover, a:focus { color: #FF7E00; text-decoration: none; }

.container-fluid { padding-left: 0; padding-right: 0; }
.container {  padding-left: 0; padding-right: 0; }

.main-page { background: #fff; border-radius: 20px 0 10px 0; }
.slide-parent { width: 100%; height: auto; text-align: center;  } 
.slide-under { width: 100%; background: url("../images/comrep/slide-shadow.png") repeat-x left bottom; height: 22px; }

	h1 { font-size: 20px; line-height: 28px; color: #ff6633; padding: 5px 0; margin: 5px 0 6px 0; font-weight: bold; } 
	h2 { font-size: 20px; line-height: 28px; color: #ff6633; padding: 4px 0; margin: 3px 0 4px 0; font-weight: normal; }
	h3 { font-size: 16px; line-height: 24px; color: #ff6633; padding: 2px 0; margin: 3px 0 4px 0; font-weight: normal; }
	h4 { font-size: 15px; line-height: 23px; color: #ff6633; padding: 1px 0; margin: 3px 0; font-weight: normal; }
	h5 { font-size: 14px; line-height: 22px; color: #ff6633; padding: 1px 0; margin: 2px 0; font-weight: normal;  }
	h6 { font-size: 13px; line-height: 21px; color: #ff6633; padding: 0; margin: 2px; font-weight: normal; }
	
	p { /*color: #cc9933;*/ font-size: 14px; line-height: 20px; margin: 6px 0 9px 0; }

	.main-text { color: #808080; font-size: 13px; }
	
	.lang-parent { color: #b3b3b3; text-align: center; text-transform: uppercase; font-size: 15px; padding: 18px 0 0 0; }
	.lang-parent a { color: #b3b3b3; padding-left: 1px; padding-right: 1px; }
	.lang-parent a.active { cursor: default; color: #ff6633; }
	.lang-parent a:hover { color: #ff6633; }
	
	.main-text p, 
	.main-text ul,
	.main-text li { color: #808080; font-size: 13px; }
	
	.home-services { padding: 20px 0; }
	
	.home-service-line { clear: both; display: table; }
	.home-service-name { width: 50%; display: table-cell; vertical-align: middle; }
	.home-service-img { width: 50%; display: table-cell; vertical-align: middle; }
	.home-service-img .img-responsive{width: 100%;}
	
	.main-text-related { text-align: center; padding: 5px 0; }
	.main-text-related a { color: #333; padding: 0 3px; }
	.main-text-related a:hover { color: #ff6633; }
	.main-text-related a.active, .main-text-related a.active:hover { color: #a0a0a0; cursor: default; }
	.main-text-related span { color: #333; cursor: default; padding: 0 1px; }
	
	.gallery-zone img.img-thumbnail { margin-top: 5px; margin-bottom: 15px; }
	
	.footer-text { color: #3b1903; }
	.footer-text p { color: #3b1903; letter-spacing: 2px; }
	
	.row-no-padding > [class*="col-"] {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	
	.row-centered { text-align:center; }
	.col-centered { display:inline-block; float:none; /*text-align:left;*/ margin-right:-4px; }
	
	.footer-row { padding-top: 10px; }
	.footer-row div { padding-left: 0; padding-right: 0; color: #f2f2f2; }
	.footer-row div:nth-child(even) { text-align: right; }

/* carousel - START */
	.carousel-control.left { background-image: none; }
	.carousel-control.right { background-image: none; }
	
	.carousel-control .icon-prev,
	.carousel-control .icon-next,
	.carousel-control .glyphicon-chevron-left,
	.carousel-control .glyphicon-menu-left,
	.carousel-control .glyphicon-chevron-right,
	.carousel-control .glyphicon-menu-right {
		position: absolute;
		top: 50%; margin-top: -10px; z-index: 5; display: inline-block;
	}
	
	.carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-menu-left { left: 0; margin-left: 20px; font-size: 30px; color: #f76338; }
	.carousel-control .icon-next, .carousel-control .glyphicon-chevron-right, .carousel-control .glyphicon-menu-right { right: 0; margin-right: 20px; font-size: 30px; color: #f76338; }

	.carousel-indicators li { margin: 0 8px; /*border-radius: 0;*/ background-color: #e9ebec; height: 12px; width: 12px; border: 0; }
	.carousel-indicators .active { margin: 0 8px; background-color: #f76338; height: 12px; width: 12px; }
	
	.carousel-indicators { bottom: 0; }
	.carousel-caption { padding-top: 15px; padding-bottom: 35px; bottom: 0; color: #fff; text-shadow: 1px 0 0 #000, -1px 0 0 #000, 0 1px 0 #000, 0 -1px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000; }
	.carousel-caption h3 { font-size: 21px; font-weight: bold; color: #ffffff; }
	.carousel-caption p { font-size: 16px; font-weight: bold; }

/* carousel - END */

	.google-maps { position: relative; padding-bottom: 35%; height: 0;  overflow: hidden; }
	.google-maps iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; }

@media (max-width: 767px) {
	.container { width: 100%; margin: 0 auto; }
	.main-page { width: 98%; margin: 0 auto; padding-top: 15px; }
	.top-mobile { width: 98%; padding: 3px 0; }
	.top-mobile-right { text-align: right; padding: 0 3px; }
	.slide-parent { /*margin: 5px -5px 0 -5px; width: 100%;*/ }
	.carousel-caption h3 { font-size: 13px; line-height: 17px; font-weight: bold; color: #ffffff; }
	.carousel-caption p { font-size: 12px; line-height: 16px; font-weight: bold; }
	
	.main-text { padding: 5px 10px; }
	
	.logo-mob-parent { padding: 2px 3px; }
	
	.footer-row div { padding-top: 4px; padding-left: 4px; padding-right: 4px; }
	
	.lang-parent { font-size: 14px; padding: 2px 5px 0 0; text-align: right; }
	.men-mob-parent { padding-top: 1px; text-align: right; }
	.btn-menu { margin: 0; border-radius: 0; border: 0; background-color: transparent; padding: 4px 9px 4px 9px; color: #ff6633; }
	.btn-menu span.glyphicon { color: #ff6633;}
	.btn-menu span.close-btn { color: #ff6633;}
	.btn-menu:focus { outline: 0; }
	/*.btn-menu:hover { color: #3b1903; }*/
	
	.btn-phone { margin: 0; border-radius: 0; border: 0; background-color: transparent; padding: 3px 9px 5px 9px; color: #ff6633; font-size: 13px; }
	.btn-phone:focus { outline: 0; }
	
	.menu-parent { margin: 0 3px; text-align: center; }
	.menu-nav { text-align: left; padding: 0 0 10px 0; }
	
	.divider-vertical { display: none; }
	
	.menu-nav ul { list-style-type: none; margin: 0px; padding: 0 5px; }
	.menu-nav ul li { color: #b3b3b3; font-size: 15px; }
	.menu-nav ul li a { font-size: 15px; color: #fff; /*text-transform: capitalize;*/ }
	.menu-nav ul li a:hover { color: #ff6633; }
	
	.nav > li > a:hover, .nav > li > a:focus { background-color: transparent; }
	.navbar-nav > li > a { padding: 5px; }
	.nav .open > a, .nav .open > a:hover, .nav .open > a:focus { color: #ff6633; }
	.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {  background-color: transparent; }
	
	.motto-parent { text-align: center; padding: 0 15px 10px 15px; }
	.motto-parent h2 { margin: 0; padding: 0; font-size: 14px; line-height: 16px; }
	.motto-parent h2:first-of-type { color: #b3b3b3; }
	
	.home-services { padding: 5px 0; }
	.home-service-name h2 { padding-left: 10px; padding-right: 10px; font-size: 14px; line-height: 18px; }
	
	.footer-row { padding-left: 5px; padding-right: 5px; }
	.footer-row div { text-align: center }
	.footer-row div:nth-child(even) { text-align: center; }
}




@media screen and (min-width: 768px) {
	.main-page { padding-top: 20px; padding-bottom: 10px; }
	.top-zone { padding: 18px 0; }
	.logo-parent { float: left; padding-right: 25px; }
	.motto-parent { float: left; text-align: center; padding: 10px 15px 0 15px; }
	.motto-parent h2 { margin: 0; padding: 0; font-size: 16px; line-height: 18px; }
	.motto-parent h2:first-of-type { color: #fff; }

	.menu-parent { margin: 0 auto 1px auto; text-align: left; float: left; }


	
	.menu-nav ul { display: table-cell; list-style-type: none; margin: 0px; padding: 3px 5px 10px 25px; }
	.menu-nav ul li { display: inline; color: #808080; font-size: 18px; }
	.menu-nav ul li a { font-size: 18px; color: #808080; padding: 15px 9px 15px 11px; /*text-transform: capitalize;*/ }
	.menu-nav ul li a:hover { color: #ff6633; }
	
	.menu-nav ul li.active a,
	.menu-nav ul li.active a:hover { color: #ff6633; cursor: default; }
	
	.lang-parent { float: right; }
	
	.main-text { padding: 5px 8px; font-size: 13px; }
	.main-text.main-title { padding-bottom: 5px; }
	.main-text.main-title h1 { font-size: 20px; line-height: 24px; padding: 5px 0; margin: 5px 0; } 
	
	.main-text p, 
	.main-text ul,
	.main-text li { font-size: 14px; }
	
	.home-services { padding: 20px 0; }

	.home-service-name h2 { padding-left: 30px; padding-right: 30px; }

}



@media screen and (min-width: 768px) and (max-width: 991px) {
	.main-page { width: 728px; margin: 0 auto 5px auto; }
	.container { width: 728px; }
	.slide-parent { margin: 5px -11px 0 -11px; width: 750px; }
	.top-zone { padding: 15px 0; }
	.logo-parent { padding-right: 15px; }
	.logo-parent img { max-width: 200px; max-height: inherit; height: auto; }
	.motto-parent { padding: 0px 10px 0 10px; }
	.motto-parent h2 { margin: 0; padding: 0; font-size: 15px; line-height: 17px; }
	.lang-parent { padding: 8px 0 0 0; font-size: 14px; }
	
	.main-text { padding: 5px 15px; }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
	.slide-parent { margin: 5px -13px 0 -13px; width: 970px; }
	.carousel-inner > .item > img, .carousel-inner > .item > a > img { height: 367px; width: 970px; }
	
	.main-page { width: 944px; margin: 0 auto 5px auto; }
	.container { width: 944px; }
	
	.main-text { padding: 5px 20px; }
}

@media screen and (min-width: 1200px) {
	.slide-parent { margin: 5px -20px 0 -20px; width: 1190px; }
	.carousel-inner > .item > img, .carousel-inner > .item > a > img { height: 450px; width: 1190px; }
	
	.main-page { width: 1150px; margin: 0 auto 5px auto; }
	.container { width: 1150px; }	
	
	.menu-nav ul li { font-size: 21px; }
	.menu-nav ul li a { font-size: 21px; padding: 15px 9px 15px 11px; }
	
	
	
	.main-text { padding: 5px 30px; }
	.main-text.main-title { padding-bottom: 10px; }
	.main-text.main-title h1 { font-size: 22px; line-height: 26px; } 
	
}













/* NAVBAR */
@media (min-width: 767px) {
    .navbar-nav .dropdown-menu .caret {
		transform: rotate(-90deg);
    }
}
@media screen and (min-width: 768px) {
	.navbar-default .navbar-nav > li.divider-vertical { margin: 4px 0 0 0; border-left: 1px solid #8a8a8a; border-right: 1px solid #ffffff; padding: 0; height: 12px; }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.navbar { margin: 0; }
	.navbar-nav { padding-left: 8px; }
	.navbar-default .navbar-nav > li > a { font-size: 14px;  padding-left: 7px; padding-right: 7px; }
}
@media screen and (min-width: 992px) {
	.navbar { margin: 0; }
	.navbar-nav { padding-left: 10px; }
	.navbar-default .navbar-nav > li > a {  padding-left: 11px; padding-right: 11px; }
	.navbar-default .navbar-nav > li.divider-vertical { height: 16px; }
}
@media screen and (min-width: 1200px) {
	.navbar { margin: 0; }
	.navbar-nav { padding-left: 16px; }
	.navbar-default .navbar-nav > li > a { font-size: 20px; padding-left: 14px; padding-right: 14px; }
	.navbar-default .navbar-nav > li.divider-vertical { height: 18px; margin-top: 2px; }
}

/* NAVBAR END */











.row { margin-right: 0; margin-left: 0; }

.no-gutter > [class*='col-'] {
	padding-right:0;
	padding-left:0;
}









.c-form { padding-top: 7px; }
.c-form-title { color: #cccccc; margin-bottom: 10px; }
.red-star { color: #C49734; }

.c-form label { font-size: 16px; font-weight: normal; text-align: right;  width: 100%;  margin-bottom: 0; }
.c-form .form-control { border: 1px solid #cc9933; border-radius: 3px; background-color: transparent; height: 26px; padding: 2px 12px; line-height: 16px; color: #cccccc; }
.c-form .form-control:focus { border-color: #F1E08C; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(241, 224, 128, 0.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(241, 224, 128, 0.6); }
.c-form .form-control::-moz-placeholder { color: #cccccc; opacity: 1; }
.c-form .form-control:-ms-input-placeholder { color: #cccccc; }
.c-form .form-control::-webkit-input-placeholder { color: #cccccc; }

.c-form textarea.form-control {
    height: auto; resize:vertical;
}

.btn-bar { background-color: #cc9933; border-color: #cc9933; color: #1A1A1A; padding: 3px 15px; }
.btn-bar:hover { background-color: #F1E08C; border-color: #F1E08C; color: #000000; }

.c-black { color: #1A1A1A; font-size: 9px; letter-spacing: -1px; }

.validation_error { padding: 25px 0 10px 0; }
.validation_error p { color: #fff; font-size: 17px; margin-bottom: 5px; }