#body{font-family:'Raleway'}
body{font-family:'Copperplate Gothic'}
@font-face {
	font-family: 'MyriadPro-Regular';
	src: url('../fonts/MyriadPro-Regular.eot');
	src: url('../fonts/MyriadPro-Regular.woff') format('woff'), url('../fonts/MyriadPro-Regular.ttf') format('truetype'), url('../fonts/MyriadPro-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
.control-group ,.error,.help-block { color: red; }
.validation-error{color:#ff0000; solid #ff0000}
@font-face {
	font-family: 'Raleway';
	src: url('../fonts/Raleway-Regular.eot');
	src: local(''), url('../fonts/Raleway-Regular.woff') format('woff'), url('../fonts/Raleway-Regular.ttf') format('truetype'), url('../fonts/Raleway-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
.success,.failure,.infosuccess,.infofail{
	display:none;
	
}
.containers{
	display: flex;
	justify-content: space-around;
	
}
.line{
	margin:0;
	height: 1px;
	border-width:0;
	background-color:#ccc;
}





     
#date{
	text-align: right;
	margin-right: 4%;
}
/* .sucess,.popUp{
	width: 400px;
  background: #fff;
  border-radius: 6px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  padding: 0 30px 30px;
  color: #333;
} */

.infofail,.failure{
color:#cc3030; 
font-size:20px ;
}
.infosuccess,.success{
color:#0000ff; 
font-size:20px ;
}


@font-face {
	font-family: 'Copperplate GothicBold';
	src: url('../fonts/Copperplate-Gothic-Bold-Regular.eot');
	src:url('../fonts/Copperplate-Gothic-Bold-Regular.woff') format('woff'), url('../fonts/Copperplate-Gothic-Bold-Regular.ttf') format('truetype'), url('../fonts/Copperplate-Gothic-Bold-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Copperplate Gothic';
	src: url('../fonts/Copperplate-Gothic-Regular.eot');
	src: url('../fonts/Copperplate-Gothic-Regular.woff') format('woff'), url('../fonts/Copperplate-Gothic-Regular.ttf') format('truetype'), url('../fonts/Copperplate-Gothic-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


a,a:link,a:hover,a:visited,a:focus{outline:none}
textarea{resize:none}
h1{font-size:32px;}
p{  font-size: 18px;
    line-height: 25px;}
.home{font-size:16px; color:#fff;   font-size: 16px;  padding: 4px 11px;display:inline-block;}
.border-none{border:none!important}
#top-header{background:rgb(0, 0, 0);padding:5px;}

#top-header .right-icons i{color:#fff;font-size:20px;vertical-align:middle;margin-left:15px;}
#top-header span{color:#fff;font-weight:normal;  padding-right: 10px;padding-left:5px; font-size:20px}
#top-header .social-icons ul{margin-bottom:0;}

.navbar-toggle{border:1px solid #58b0cc; margin-top: 15px;margin-bottom:0;}
.navbar-toggle .icon-bar{background:#58b0cc;}
.navbar-custom{background:none;}
.navbar-brand{padding: 20px 0px;}
.nav{ margin: 25px 0 0;}
.navbar-nav > li > a,.dropdown-menu > li > a, .dropdown_menu > li >a {color:#687074;font-weight:bold;font-size:16px;text-transform:uppercase;padding-bottom: 10px;}
.navbar-nav > li > a:hover{background:none;border-bottom:3px solid #58b0cc ;}
.nav .open>a,.nav .open>a:hover,.nav .open>a:focus{background:none;border-bottom:3px solid #58b0cc ;}
.navbar-right .dropdown-menu { left: 0;  right: auto;border:none;border-radius:0;font-size:13px;padding: 0px;}
.navbar-right .dropdown-menu>ul>li>a{padding:10px 0;}
.dropdown-menu > li:first-child{border:none;padding-top:0}
.dropdown-menu > li{border-top:1px solid #687074;}
.dropdown_menu > li {border-top:1px solid #687074;}
.dropdown-menu > li > a{padding: 10px}
.welcome-contr{background:#fff;min-height:200px}
.mar-120{margin-top:36px;}
.services{background:#f2f2f2;min-height:250px;  padding-bottom: 50px;}
.white-text{color:#fff}
.white-bg{background:#fff;}
ul > li {
    line-height:28px;
    font-size:18px
}
.team-v7-in h3{margin-top:0}
.heading{  color: #58b0cc;
    /*
    font-style: italic;
    */
    font-weight: bold;}
    h4.heading{font-style:normal}
.blue-bg{background:#58b0cc;}
.box{padding:15px; min-width:100px; width:100%;min-height:100px;padding:15px;margin-top:30px;position:relative; cursor:pointer;display:table}
	.mask{width:100%; background-color:#ccc;  border-radius: 0;color:#fff;   opacity: 0;    transform: scale(0) rotate(-180deg);    transition: all 0.4s ease-in 0s;position:absolute;left:0;top:0;width:100%; height:100%;}

	.blue-bg h2{color:#fff; font-size:25px;display: table-cell;vertical-align: middle;height: 180px;line-height: 30px}
	.info {
    background: #f2f2f2 none repeat scroll 0 0;
    border-radius: 5px;
    color: #000;
    display: inline-block;
    padding: 6px 20px;
    text-decoration: none;
}
header#main-header {
    border-bottom: 1px solid rgb(0, 0, 255);
    
}




.nav > li > a:focus, .nav > li > a:hover{background:none;}
.main-bg{background:url(../images/logo7.png) no-repeat fixed center center;width:100%; height:100% }
.scale {
    width: 100%;
}
/* Carousel */
.margin-30{margin-top:-30px}
#quote-carousel {
    padding: 0 10px 30px 10px;
    margin-top: -30px;
    /* Control buttons  */
    /* Previous button  */
    /* Next button  */
    /* Changes the position of the indicators */
    /* Changes the color of the indicators */
}
#quote-carousel .carousel-control {
    background: none;
    color: #CACACA;
    font-size: 2.3em;
    text-shadow: none;
    margin-top:100px;
}
#quote-carousel .carousel-control.left {
    left: -60px;
}
#quote-carousel .carousel-control.right {
    right: -60px;
}
#quote-carousel .carousel-indicators {
  position: static;width:auto;margin: 0
}

#quote-carousel .carousel-indicators li {
    width: 50px;
    height: 50px;
    margin: 5px;
    cursor: pointer;
    border: 4px solid #CCC;
    border-radius: 50px;
    opacity: 0.4;
    overflow: hidden;
    transition: all 0.4s;
	text-indent:inherit
}

#quote-carousel .carousel-indicators li img{margin-left:-15px;}
#quote-carousel .carousel-indicators .active {
    background: #333333;
    width: 128px;
    height: 128px;
    border-radius: 100px;
    border-color: #58b0cc;
    opacity: 1;
    overflow: hidden;
}
.carousel-inner {
    min-height: 100px;
}
.item blockquote {
    border-left: none;
    margin: 0;
}
.item blockquote p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
}
.testimonials-contr{min-height:300px;margin-top:50px;}
.headline {
    border-bottom: 1px dotted #e4e9f0;
    display: block;
    margin: 10px 0 25px;
}
footer{background:#222;margin-top:50px;color: #eee; padding-bottom: 30px;}
.map-img{ background:url("../images/map-img.png") no-repeat scroll 5px 60px;}
.b-margin{  margin-bottom: 75px;    margin-top: -70px;}
footer h2 {
    color: #eee;
    font-size: 18px;
    font-weight: 200;
	
	}
	footer a{color:#eee}
footer ul {
    margin: 0;
    padding: 0;
}
.social-icons ul li {
    display: inline-block;
    margin-right: 10px;
}
footer ul li a, footer ul li a:hover, footer ul li a:link, footer ul li a:focus {
    color: #eee;
}
.social-icons ul li a {
  height: 30px;
    padding-top:0px;
    text-align: center;
    width: 30px;
    border: 2px solid #eee;
    border-radius: 50%;
    display: block;
}
#footer-btm{background:#000;margin:0;padding: 10px 0 0;}
#footer-btm p{margin-bottom:0;padding:10px}
#footer-btm a{color:#fff}
.no-bullet{margin:0; list-style: none}
.md-margin-bottom-10{margin-bottom:10px}
.footer-form .form-control, .footer-form button{background: none!important;color:#555}
.breadcrumbs {
	border-top:2px solid #eee;
    background: rgba(0, 0, 0, 0) url("../images/breadcrumbs.png") repeat scroll 0 0;
    border-bottom: 1px solid #eee;
    overflow: hidden;
    padding: 10px 0 6px;
    margin-bottom:30px
}

.breadcrumbs h1{margin:15px 0 0}
.breadcrumb {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    padding-right: 15px;
    position: relative;
    top: 10px;
}
.breadcrumb a {
    color: #777;
    font-weight:bold
}
.breadcrumb li.active, .breadcrumb li a:hover {
    color: #58b0cc;
    text-decoration: none;
        font-weight:bold
}
.team-v7-img img{border:5px solid #f2f2f2;min-height: 250px;}
.list-inline{margin:22px 0 0}
.list-inline > li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
}
.list-inline > li a:hover i{color:#58b0cc}
.social-icons-v1 i {
    background: #f7f7f7 none repeat scroll 0 0;
    color: #555;
    display: inline-block;
    font-size: 14px;
    height: 33px;
    padding: 9px;
    text-align: center;
    width: 33px;
}
.equal-height-columns {
   border-bottom:1px dotted #ccc;
    padding: 20px 0;
    
}
.listing li{font-size:16px; line-height:30px}
.btn-primary{background:#58b0cc;color:#fff}
.table-condensed > tbody > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > thead > tr > th{cursor:pointer}
.content {
    font-size: 16px;
}
 #map, #map2 {
        width: 60%;
        height: 150px;
      }
      .bg-primary{
   
    color: #000;
    padding: 10px 20px;
    background:#7FAACF
}
.bg-success,.bg-info,.bg-warning,.bg-danger {
	 padding: 10px 20px;
	color:#000
}
.navbar-collapse.collapse{height:73px!important;}
.ed-list img{width:100%}
.divider {
    background: #58b0cc  none repeat scroll 0 0;
    height: 2px;
    position: relative;
}
.down-arrow,.up-arrow {
    background: #58b0cc  none repeat scroll 0 0;
    color: #fff;
    display: block;
    height: 20px;
    position: absolute;
    right: 0;
    text-align: center;
    top: -20px;
    width: 20px;
	margin:0 auto;
}
.divider a{text-decoration:none}
.divider a:focus,.divider a:link,.divider a:visited{color:#fff;text-decoration:none;text-align:center}
.title1{color:#58b0cc }
.more-content{display:none;}
.down-arrow .fa{width:100%;}
.side-arrow .fa{width:100%;}
.down-arrow .fa-angle-up{display:none;}
.up-arrow .fa-angle-up{display:inline-block;}
.up-arrow .fa-angle-down{display:none;}
@media screen and (max-width:767px) {
.social-icons.text-right{text-align:left}
.col-md-6.social-icons.text-right > ul {
    margin-left: 15px;
}
.b-margin{margin:0}
.mobile-only-img{width:100%!Important}
.navbar-brand {
   
    padding:15px;
	width:80%
}
.navbar-brand img{width:100%}
.mar-120{margin-top:0;}
#top-header {display:none;}

.navbar-nav > li > a:hover{background:none;}
.navbar-nav {
    margin: 15px -15px 0;
	background:#58b0cc;
}
.navbar-nav > li{border-bottom:1px solid #fff;}
.navbar-nav > li > a{color:#fff}
.navbar-nav > li > a:hover,.nav .open > a, .nav .open > a:hover, .nav .open > a:focus{background:none;border-bottom:none;}
.dropdown-menu {margin-top:-10px!important;}
.navbar-nav .open .dropdown-menu > li > a{color:#fff}
.navbar-nav .open .dropdown-menu > li > a:hover{background:none}
.dropdown-menu > li{border:none;}
#quote-carousel .carousel-control.left{left:0}
#quote-carousel .carousel-control.right{right:0;}
#quote-carousel .carousel-indicators{display:none;}

footer{margin-top:0;}
.navbar{border:none;min-height:70px;margin-bottom:0;}

}

.rating { 
  border: none;
  float: left;
}

.rating > input { display: none; } 
.rating > label:before { 
  margin: 5px;
  font-size: 1.25em;
  font-family: FontAwesome;
  display: inline-block;
  content: "\f005";
}

.rating > .half:before { 
  content: "\f089";
  position: absolute;
}

.rating > label { 
  color: #ddd; 
 float: right; 
}

.styles{
	background-color:"red"
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

.topright {
  position: absolute;
  top: -25px;
  right: -50px;
  font-size: 18px;
  }
.topleft{
  position: absolute;
  top: -10px;
  left: -20px;
  font-size: 18px;
 	
  }
  
  .rotate {
  animation: rotation 2s infinite linear;
}
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

/***** CSS Magic to Highlight Stars on Hover *****/

.rating > input:checked ~ label, /* show gold star when clicked */
.rating:not(:checked) > label:hover, /* hover current star */
.rating:not(:checked) > label:hover ~ label { color: #FFD700;  } /* hover previous stars in list */

.rating > input:checked + label:hover, /* hover current star when changing rating */
.rating > input:checked ~ label:hover,
.rating > label:hover ~ input:checked ~ label, /* lighten current selection */
.rating > input:checked ~ label:hover ~ label { color: #FFED85;  }