/*
Theme name: Perfect Design
Author: Perfect Point Marketing
*/


/* ==========================================================================
	Stylesheet guideline
   
	1. Home
	2. Navigation Bar	
	3. About page
	4. Features page  
	5. Portfolio Page
	6. Testimonial Page
	7. Parallax Page
	8. Team Page
	9. Pricing Page
	10. Project count Page	
	11. Partners Page
	12. CTA Page
	13. Blog Page
	14. Contact Page
	15. Footer	
	16. Preloader CSS
	17. Color Scheme
	
   ========================================================================== */



/* ------------------------------------	*/
/*  		   General CSS				*/
/* ------------------------------------	*/
/*.modal-open {
  overflow: auto;
}*/
.modal-body {
  height: 300px;
}
.canvasjs-chart-canvas {
  height: 300px !important;
}

html, body{
height:100%;
font-size:13px;
overflow: auto
}
section {
}
a{
color:#57BDDB;
}
body{
font-family:'Open Sans', sans-serif;
color:#86989d;
line-height:23px;
overflow: scroll;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
color: black;
font-weight:700;
font-family:'PT Sans', sans-serif;
}
section{
position:relative;
}
section.section-padding{
padding:70px 0;
}
h6 {
  font-size: 12pt;
}
.hero-title{
margin-bottom:30px;
}
.hero-title i{
background:none repeat scroll 0 0 #57bddb;
/*border-radius*/
-webkit-border-radius:50%;
   -moz-border-radius:50%;
        border-radius:50%;
color:#fff;
font-size:35px;
height:75px;
padding:20px;
width:75px;
}
.text-center {
    text-align: center;
    color: black;
    font-weight: 700;
    font-family: 'PT Sans', sans-serif;
    font-size: 12pt;
margin-bottom: 10px;
margin-top: 10px;
}
#account-details {
  text-align: center;
  font-size: 16pt;
}
#account-details img {
  width: 50%;
}
.hero-title p:after{
background:none repeat scroll 0 0 #c2cdd0;
bottom:0;
content:"";
height:1px;
left:50%;
margin-left:-75px;
position:absolute;
width:150px;
}


/* ------------------------------------	*/
/*  			 1. Home				*/
/* ------------------------------------	*/
#home p {
  color: black;
}
.left {
  text-align: left;
  margin-left: 5%;
}
.searchresult input {
  text-align: center;
  margin-left: 5%;
}
button {
  margin-bottom: 10px;
}
#directions_word {
  color: black;
}
.undermap h6{
font-size: 14pt;
background-color: #98c7f1;
}
.undermap input {
  text-align: center;
  margin-right: 10%;
}

#print_directions {
  margin: 10px;
  height: 200px;
  width: auto;
  overflow-y: scroll;
  background-color: white;
};
#print_directions {
  font-family: 'Roboto','sans-serif';
  line-height: 30px;
  padding: 10px;
};
#print_link {
  margin-top: 20px;
}

#home{
height:100%;
display:table;
min-height:100%;
vertical-align:middle;
width:100%;
position:relative;
}

.home-parallax, .parallax-bg, #home{
background:url(../assets/img/home_image.jpg) no-repeat center top;
/*background-size*/
-webkit-background-size:/*@@prefixmycss->No equivalent*/;
   -moz-background-size:cover;
     -o-background-size:/*@@prefixmycss->No equivalent*/;
        background-size:cover;
}
.home-parallax, .parallax-bg{
height:100%;
left:0;
position:absolute;
top:0;
width:100%;
}
.home-overlay, .parallax-overlay{
background:none repeat scroll 0 0 #000;
height:100%;
left:0;
opacity:0.5;
position:absolute;
top:0;
width:100%;
content:"";
}

.parallax-overlay{background-color:#57BDDB}


/* ------------------------------------	*/
/*  		 2. Navigation Bar			*/
/* -----------------------------------	*/


.navbar-default a.navbar-brand{
color:#57bddb;
font-weight:300;
font-size:24px;
text-transform:uppercase;
letter-spacing:2px;
}
.navbar-default a.navbar-brand span{
color:#334852;
}
.navbar-default .navbar-nav > li > a{
color:#86989d;
letter-spacing:2px;
text-transform:uppercase;
}
.navbar-default .navbar-nav > li.current > a,.navbar-default .navbar-nav > li > a:hover{
color:#000;
}
.navbar-default .navbar-nav > li > a:focus{
outline:none;
color:#86989d;
}
.navbar-default .navbar-nav > li.current > a:focus{
color:#000;
}
.navbar-default{
background-color:#fff;
border-color:#fff;
}
.is-sticky .navbar.navbar-default.navbar-static-top{
width:100%;
}

/* ------------------------------------	*/
/*  		   12. CTA Page				*/
/* -----------------------------------	*/

#call-to-action{
background:none repeat scroll 0 0 #57bddb;
color:#fff;
padding:40px 0;
text-align:center;
}
.cta-content h2{
font-family:open sans;
font-size:30px;
font-weight:300;
line-height:45px;
margin:0 0 10px;
}
.cta-content a{
border: 2px solid #fff;
color: #fff;
display: inline-block;
font-size: 19px;
font-weight: 300;
margin: 10px 0 0;
padding: 5px 25px;
text-transform: uppercase;
}
.cta-content a:hover{
opacity:.7;
color:#fff;
text-decoration:none;
}
.btn-primary {
  margin-left: 85px;
  margin-top: 10px;
}
.searchresult {
  overflow: hidden;
  margin: 20px 20px 20px 0px;
  max-height: auto;
}
#map{
margin: 20px;
width: auto;
height:400px;
}

/* ------------------------------------	*/
/*  			 15. Footer				*/
/* -----------------------------------	*/


#footer{
}
#footer p{
margin:0;
padding:15px 0;
}
.company-name{
font-weight:700;
text-align:right;
}
.company-name span{
color:#57BDDB;
}
.animated{
/*animation-duration*/
-webkit-animation-duration:1000ms;
   -moz-animation-duration:1000ms;
    -ms-animation-duration:1000ms;
     -o-animation-duration:1000ms;
        animation-duration:1000ms;
}

/* ------------------------------------	*/
/*  		 16. Preloader CSS			*/
/* -----------------------------------	*/


body{
overflow-y:scroll;
}

@-webkit-keyframes scaleDelay{
0%, 70%, 100% { -webkit-transform:scale3D(1.0, 1.0, 1.0) }
      35%           { -webkit-transform:scale3D(0.0, 0.0, 1.0) }
}
@keyframes scaleDelay{
0%, 70%, 100% { -webkit-transform:scale3D(1.0, 1.0, 1.0); transform:scale3D(1.0, 1.0, 1.0) }
      35%           { -webkit-transform:scale3D(1.0, 1.0, 1.0); transform:scale3D(0.0, 0.0, 1.0) }
}


/* ------------------------------------	*/
/*  		 17. Color Scheme			*/
/* -----------------------------------	*/


a, .navbar-default a.navbar-brand, .btn-bordered, .single-testimonial h2, .team-item h4, .company-name span, .owl-buttons div, .footer-copyright a{color:#57bddb;}

.hero-title i, .btn-filled, .features-bg, .popular .price-title, .popular .plan-link a.btn-bordered, .address-info ul li a, #preloader, .portfolio-overlay, #call-to-action, .parallax-overlay {background-color:#57bddb}

.btn-filled, .btn-bordered, .form-group input[type=text], .form-group input[type=email], .form-group textarea, .popular .plan-link,.popular .plan-features li, .popular .price-title, .popular .plan-features, .popular .plan-price, .single-partner img, .owl-buttons div {border-color:#57bddb}