/* Google Font Family */
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700');


/* Global Styles */
html,body {height: 100%;}
h1, h2, h3, h4,h5, h6{margin:0; padding:0;}
p{color:#575757; font-size:15px; margin:0; padding:0;}
body {font-family: 'Montserrat','Arial', sans-serif;}


a {-webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;}
a:hover,a:focus {color: #464646;}

#header{background:url("../img/header-bg.png") repeat 0 0;}
.logo-block{margin:40px 0 0 0;}
.phone-block{margin:40px 0 0 0; float:right; text-align:center;}
.phone-block p{color: #3c3c3c; font-size:16px; font-weight: 400; 
margin: 0 0 10px; padding: 0;}

.phone-block h4 a{color: #fff; font-size:22px; font-weight: 400;margin:0; padding:15px 30px; background:#f28340;letter-spacing: 2px;
border: 0px solid #000000;
-moz-border-radius: 90px;/*Firefox*/
-webkit-border-radius: 90px;/*Safari, Chrome*/
border-radius: 90px; display: inline-block;}
.phone-block h4 a:hover{text-decoration:none; background:#eb5800;}

.main-content{padding:70px 0 0 0; text-align:center;}
.main-content h1{color: #365482; font-size:60px; font-weight: bold;
margin:0; padding: 0 170px; line-height:75px;}
.main-content h3{color: #fff; font-size:20px; font-weight: 400;
margin:25px 0; padding:15px 20px; background:#365482; display: inline-block; letter-spacing: 2px;}

#product-image-section{background:url("../img/blue-bg.png") repeat-x 0 0;}
.product-image img{text-align:center; margin:0 auto; display:block; padding:40px 0;}


#price-block{padding:60px 0 100px 0; text-align:center;}
.blue-box, .orange-box, .green-box{min-height:365px;}
.blue-box{background:#fff; border:2px solid #7bc4ef;}
.blue-box h4{color: #fff; font-size:46px; font-weight:400;
margin:0; padding:15px 0; background:#7bc4ef; display:block;}
.blue-box h4 span{font-size:18px;}
.blue-box h4 p{font-size:16px; padding:10px 0 0 0; margin:0; color: #fff;line-height:normal;}
.blue-box p{color: #626262; font-size:22px; font-weight: 500; margin:0; padding:30px 40px; line-height:38px;}

.orange-box{background:#fff; border:2px solid #fa9d5a;}
.orange-box h4{color: #fff; font-size:46px; font-weight:400;
margin:0; padding:30px 0; background:#fa9d5a; display:block;}
.orange-box p{color: #626262; font-size:22px; font-weight: 500;
margin:0; padding:30px 40px; line-height:38px;}

.green-box{background:#fff; border:2px solid #81b051;}
.green-box h4{color: #fff; font-size:46px; font-weight:400;
margin:0; padding:30px 0; background:#81b051; display:block;}
.green-box p{color: #626262; font-size:22px; font-weight: 500;
margin:0; padding:30px 40px; line-height:38px;}

#contact{padding:90px 0;}
section.module.parallax-testimonials {background:url("../img/Austin-BackFlow-Contact-BG.jpg") no-repeat 0 0;}
section.module.parallax_1{
 background-position: 50% 50%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
#contact h2{font-size:50px; color:#fff; font-weight:300; margin:0 0 40px; padding:0;}
#contact p{color: #fff; font-size:16px; font-weight: 400;
    margin: 0 0 15px; padding: 0;}
#contact h4 a{color: #fff; font-size:25px; font-weight: 400; display:inline-block;  margin:0; padding:15px 30px; background:#f28340; letter-spacing: 2px;
border: 0px solid #000000;
-moz-border-radius: 90px;/*Firefox*/
-webkit-border-radius: 90px;/*Safari, Chrome*/
border-radius: 90px; display: inline-block;}
#contact h4 a:hover{text-decoration:none; background:#eb5800;}

#website-name{padding:30px 0; background:#f0f0f0;}
#website-name h5{color: #626262; font-size:22px; font-weight: 400;
margin:0 0 5px 0; padding:0;}
#website-name p{text-align:center;}
#website-name p a{color: #626262; font-size:15px; font-weight: 400;
margin:0; padding:0;}
#website-name p a:hover{color: #f28340;}
.text-left{text-align:left !important;}

#license-section{padding:40px 0;}
#license-section p{color: #626262; font-size:15px; font-weight: 400;
margin:0; padding:0;}
.tex-right{text-align:right;}



/* Responsive Styles */
@media (max-width: 1024px) {
.main-content h1 {padding:0;}
.tex-right{text-align: left;}
#license-section p{margin:10px 0;}
}

@media (max-width:768px) {
.main-content h1 {padding:0; font-size:45px; line-height:55px;}
.blue-box, .orange-box, .green-box{margin-bottom:30px;}
#license-section p{margin:20px 0;}
.tex-right{text-align:left;}
}


@media (max-width:640px) {
#website-name h5{text-align:center;}
.text-left {text-align: center !important;}
#website-name p{margin:25px 0;}
.logo-block{text-align:center;}
.phone-block{float:none;}
.phone-block h4{display:inline-block;}
}