@charset "utf-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,300,300italic,600italic,700);

body {
	margin: 0;
	padding: 0;
	font: 400 16px 'Open Sans';
	color: rgba(0,0,0,.7);
	background:url(../img/body.jpg) repeat;
}

#fl img {
	width: 100%;
	height: auto;
}
.color1{
	color:#bd0915;
}

::selection {
	color: #bfa327;
}

::-moz-selection {
 color:#bfa327;
}

/* set border-box so that percents can be used for width, padding, etc (personal preference) */
.cycle-slideshow {
	width: 100%;
	min-width: 200px;
	margin: 0 auto;
	padding: 0;
	position: relative;
}
/* slideshow images (for most of the demos, these are the actual "slides") */
/* pager */
.cycle-pager {
	text-align: center;
	width: 100%;
	z-index: 500;
	position: absolute;
	top: 10px;
	overflow: hidden;
}
.cycle-pager span {
	font-family: arial;
	font-size: 50px;
	width: 16px;
	height: 16px;
	display: inline-block;
	color: #ddd;
	cursor: pointer;
}
.cycle-pager span.cycle-pager-active {
	color: #D69746;
}
.cycle-pager > * {
	cursor: pointer;
}
/* caption */
.cycle-caption {
	position: absolute;
	color: white;
	bottom: 15px;
	right: 15px;
	z-index: 700;
}
/* overlay */
.cycle-overlay {
	position: absolute;
	bottom: 0;
	width: 100%;
	z-index: 150;
	background: rgba(22,62,124,.7);
	color: white;
	padding: 15px;
	text-align:center;
	display:none;
}
/* prev / next links */
.cycle-prev, .cycle-next {
	position: absolute;
	top: 0;
	width: 30%;
	opacity: 0;
	filter: alpha(opacity=0);
	z-index: 1600;
	height: 100%;
	cursor: pointer;
}

.tt-suggestion {
	padding:5px !important;
	border-bottom:1px solid rgba(0,0,0,.1)
}
.tt-cursor{
	background:#8FCF4A;
}
.typeahead.tt-hint{
	color:rgba(255,255,255,.6)  !important;
}

#ErrorBox { display:none;}
#notificatio{ padding:10px 0}
#notification div {
	background:rgba(255,255,255,0.8);
	padding:8px 70px 8px 13px;
	border-radius:4px;
	margin:5px;
	box-shadow:1px 1px 1px rgba(0,0,0,0.2), -1px 1px 1px rgba(0, 0, 0,0.1) inset;
	color:rgba(0,0,0,0.7);
	border:none;
	text-decoration:none;
	color:#FFF;
	position:relative;
}

#notification .success {
	background:#5cb85c;
}
#notification .error {
	background:#d9534f;
}
#notification .warning {
	background:#f0ad4e;
}
#notification .info {
	background:#5bc0de;
}
#notification div a:not(last-child){
	color:#FF0;
	margin:0 5px;
}
#notification div a:last-child {
	position:absolute;
	right:0px;
	top:0px;
	height:100%;
	cursor:pointer;
	padding:5px;
}
#notification div a:last-child:hover {
	color:#000;
}

.disabled {
	opacity: .5;
	filter: alpha(opacity=50);
}
/* display paused text on top of paused slideshow */
.cycle-paused:after {
	content: 'Paused';
	color: white;
	background: black;
	padding: 10px;
	z-index: 500;
	position: absolute;
	top: 10px;
	right: 10px;
	border-radius: 10px;
	opacity: .5;
	filter: alpha(opacity=50);
}
.display-table {
	display:table;
}
.bot_menu a {
	display:inline-block;
	float:left;
	clear:both;
}


.bg-img {
	height:80px;
	transform-style: preserve-3d;
}
.bg-img img {
	
	position: relative;
  top: 30%;
  transform: translateY(-25%);
}

/* 
    media queries 
    some style overrides to make things more pleasant on mobile devices
*/

@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
.cycle-slideshow {
	/*width: 200px;*/
	
}
.cycle-overlay {
	display:none;
}
.cycle-caption {
	display:none;
}
}

@media only screen and (max-width: 1000px), only screen and (max-device-width: 1000px) {
	#menu-box,#my-logo{
		display:none;
	}
	#reslogo{
		display:block !important;
		margin:20px 0
	}
}

.bg-inverse { background:#000 !important}
#reslogo{
		display:none ;
		text-align:center
	}

h1 {
	font-family:Amarante;
	font-size:2rem;
}
.home-box {
	background:rgba(255,255,255,.4);
	border-radius:7px;
	box-shadow:2px 2px 2px rgba(0,0,0,.4);
}
.breadcrumb {
    border: 1px solid rgba(0, 0, 0, 0.22);
	background: none;
	font-family:Amarante;
	/*text-shadow:1px 1px 1px rgba(0,0,0,.8);*/
}
.breadcrumb > .active, .breadcrumb .a{
}
footer {
	background:url(../img/bottom.jpg) repeat;
	color:#F4DA9D
}
footer a {
	color:#F4DA9D
}



.home-box h2{
	font-family:Merriweather !important;
	}
	
	.border{
	border:5px solid #000;
}
.bot-bor{
	border-bottom:1px dashed #B17400;
}


.service{
	font-size:110%;
}
.service li {
    float: left;
    
    list-style: outside none none;
    margin: 5px 20px 0 0;
    padding: 0 0 11px;
    vertical-align: middle;
    white-space: nowrap;
    width: 31%;
}
.service, .icon-ser {
    margin-right: 10px;
}
.service li span {
    display: inline-block;
    padding-bottom: 10px;
}
.service ul {
    margin: 0;
    padding: 0;
}

#page img {
    border-radius: 2px;
    width: 100%;
}
.imgicon {
    margin-right: 10px;
    width: 24px !important;
}

@media (min-width:80rem){.container{width:95%; max-width:1300px;}}

.banner {
  position: relative;
}
.banner a:before {
  position: absolute;
  content: "";
  left: 20px;
  top: 20px;
  bottom: 20px;
  right: 20px;
  transition: all 0.3s ease-in-out;
}
.banner a:hover:before {
  box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.5) inset;
}