@charset "utf-8";
body {
background:#ffffff;
font-family: 'Raleway', sans-serif;
font-weight:400;
}



.topbanner { 
       position: absolute; 
       top: 0; 
       left: 0; 
       background-color: #000; 
       height: 20px;
       width: 100%; 
     }
.topbanner-content { 
       width: 100%; 
       margin: 0 auto; 
       padding: 10px; 
       border: 1px solid #000;
       font-size: 16px;
       color: #f65e5e;
       text-align: right;
     }

.logo {
    text-decoration: none;
    font-size: 36px;
    font-weight: bold;
    letter-spacing: -1px;
    color: #fff;
}

.logo span {
    color: #f65e5e;
}

.logo:hover {
    text-decoration: none;
    color: #fff;
}

h1 { margin-bottom:20px; }
.cta-pad{padding:0px 0px 0px 140px; }
.cta-pad h1{color:#ffffff; font-size:36px; font-family: 'Raleway', sans-serif; font-weight:800;}
.cta-pad p{color:#ffffff; font-size:16px; font-family: 'Raleway', sans-serif; font-weight:400;}

.cta3 {
    background-image: url(../img/cta3.jpg);
    height: 350px;
    position: relative;
    background-position: center center;
    background-repeat: no-repeat;
    width: 370px;
	margin-top:20px
}
.cta3:hover{background-image:url(../img/cta3-hover.jpg); position:relative; background-position:center center; background-repeat:no-repeat}
.cta2 {
    background-image: url(../img/cta2.jpg);
    height: 350px;
    position: relative;
    background-position: center center;
    background-repeat: no-repeat;
    width: 370px;
	margin-right:15px !important;
    margin-top:20px
}
.cta2:hover{background-image:url(../img/cta2-hover.jpg); position:relative; background-position:center center; background-repeat:no-repeat}
.cta1 {
    background-image: url(../img/cta1.jpg);
    height: 350px;
    position: relative;
    background-position: center center;
    background-repeat: no-repeat;
    width: 370px;
    margin-right:15px !important;
	margin-top:20px
}
.sub{background-color:#000000; color:#ffffff; font-size:14px; border:0px; border-radius:15px; width:100px; }
.cta1:hover{background-image:url(../img/cta1-hover.jpg); position:relative; background-position:center center; background-repeat:no-repeat}
#cta:after, #demo:before {
	border: solid transparent;
	content: ' ';
	height: 0;
	left: 100%;
	position: absolute;
	width: 0;
}
#cta:after {
	border-width: 14px;
	border-left-color: #2b2b2b;
	top: 50%;
}
.font-awe{    font-size: 20px;
    margin-bottom: 20px;
    color: #f65e5e;
	}
.font-awe:link{color: #f65e5e; text-decoration:none}
.font-awe:visited{color: #f65e5e; text-decoration:none}
.font-awe:hover{color: #fffff; text-decoration:none}
.font-awe:active{color: #f65e5e; text-decoration:none}
.border-bot{border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #f2f2f2;
	width:100%;
	padding-bottom: 40px;
	}
.header-bg{background:url(../img/banner-bg.jpg) no-repeat #333333; background-size:cover;  padding:30px 0px;}
.header-bg1{background:url(../img/sub%20banner.jpg) no-repeat #333333; background-size:cover; padding:30px 0px;}
.sea-rch{margin-top: 20px; color: #f65e5e;}
.navbar-nav{float:right; color:#ffffff}
.navbar-nav a{color:#ffffff}
.phone{
color:#2b2b2b;
font-family: 'Raleway', sans-serif;
font-weight:400;
font-size:20px;
text-decoration:none;
padding: 10px;
}
.select1{
    padding: 6px 27px !important;
    border-radius: 6px;
}
.phone span{color:#f65e5e; text-decoration:none}
.phone span a:link{color:#f65e5e; text-decoration:none}
.phone span a:visited{color:#f65e5e; text-decoration:none}
.phone span a:hover{color:#f65e5e; text-decoration:underline}
.phone span a:active{color:#f65e5e; text-decoration:none}
.navbar-fixed-top {
    position:relative;
    right: 0;
    left: 0;
    z-index: 1030;
}

.navbar-inverse {
    background-color: transparent;
    border-color: transparent;
}

.navbar-nav>.active>a:hover {
    color: #fff;
    background-color: #f65e5e!important;
}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
    color: #fff;
    background-color: #f65e5e!important;
}


<!-----------banner start----------->
.banner-text{
font-family: 'Raleway', sans-serif;
font-size:80px;
font-weight:400;
color:#fff;
text-align:center;
text-transform:uppercase;
}

.banner-text2{
font-family: 'Raleway', sans-serif;
font-size:48px;
font-weight:400;
color:#f65e5e;
text-align:center;
text-transform:uppercase;
}

.banner-text3{
font-family: 'Raleway', sans-serif;
font-size:20px;
font-weight:400;
color:#FFFFFF;
text-align:center;

}
.banner-text4{
font-family: 'Raleway', sans-serif;
font-size:80px;
font-weight:800;
color:#ffffff;
text-align:center;
text-transform:uppercase;
}
.bannner-text-pad{
padding:100px 0px;
}

.view-details{
border:solid 1px #FFFFFF;
padding:15px;
text-align:center;
color:#fff;
font-family: 'Raleway', sans-serif;
font-size:16px;
font-weight:400;
text-transform:uppercase;
width:20%;
margin-left:auto;
margin-right:auto;
}
.view-details a:link{color:#fff; text-decoration:none;}
.view-details a:visited{color:#fff; text-decoration:none;}
.view-details a:hover{color:#fff; text-decoration:none;}
.view-details a:active{color:#fff; text-decoration:none;}

.view-details1{
border:solid 1px #FFFFFF;
padding:15px;
text-align:center;
color:#fff;
text-decoration:none;
font-family: 'Raleway', sans-serif;
font-size:16px;
font-weight:400;
text-transform:uppercase;
width:100%;
margin-left:auto;
margin-right:auto;
}
.view-details1 a:link{color:#fff; text-decoration:none;}
.view-details1 a:visited{color:#fff; text-decoration:none;}
.view-details1 a:hover{color:#fff; text-decoration:none;}
.view-details1 a:active{color:#fff; text-decoration:none;}
.form-bg{
background:#f65e5e;
border-top: solid 8px #333333;
padding:30px 0px;

}


<!-----------banner end----------->

h1{font-family: 'Raleway', sans-serif;
font-size:45px;
font-weight:400;
color:#2b2b2b;
text-align:left;
text-transform:capitalize}


button, input, select, textarea {
  padding: 6px !important;
}

.btn{
    margin-top: 0px;
}

.form-text-sec-pad{
padding-top:38px;
}

.content-pad{
	margin:50px auto;
	text-align:justify;
	line-height: 30px;

}

.cta-bg{background:url(../img/cta-bg.jpg) no-repeat; padding:100px 0px; background-size:cover}

.footer-bg{ background:#2b2b2b; padding:50px 0px;
text-align:center;
color:#fff;
text-decoration:none;
font-family: 'Raleway', sans-serif;
font-size:12px;
font-weight:400;}
.footer-bg a:link{color:#fff;text-decoration:none;}
.footer-bg a:visited{color:#fff;text-decoration:none;}
.footer-bg a:hover{color:#f65e5e;text-decoration:underline;}
.footer-bg a:active{color:#fff;text-decoration:none;}


.footer-bg1{ background:#000; padding:10px 0px;
text-align:center;
color:#fff;
font-family: 'Raleway', sans-serif;
font-size:12px;
font-weight:400;}

.footer-menu {
    display: block;
    margin: 0px;
    padding: 0px;
    list-style: none;                                                               
    }

.footer-menu li {
    display: inline-block;
    margin-left: 10px;
}

.contact-form input[type="text"],
.contact-form textarea { 
	margin-bottom:20px;
}

.content-pad p img {
	margin-bottom:20px;

@media (min-width:480px) and (max-width:1024px){
    .cta1{display:none}
	 .cta2{display:none}
	 .cta3{display:none}
.cta-bg{display:none}
.view-details{display:none}
/*.banner-text4 { font-size:48px; }*/
}

@media (max-width:600px) {
.banner-text4 { font-size:56px; }
}

@media (min-width:240px) and (max-width:480px){
    /*.cta1{height: 350px; width: auto;margin-right: 5px !important; background-size: 100% 100%; margin-left: 5px;}
	 .cta2{height: 350px; width: auto;margin-right: 5px !important; background-size: 100% 100%; margin-left: 5px;}
	 	 .cta3{height: 350px; width: auto;margin-right: 5px !important; background-size: 100% 100%; margin-left: 5px;}*/
	.banner-text4 { font-size:42px; }
	.phone {	margin-bottom:20px; }
	.cta1{display:none}
	.cta2{display:none}
	.cta3{display:none}
	.cta-bg{display:none}
		 
}

@media (max-width:320px) {
	.cta1{display:none}
	 .cta2{display:none}
	 .cta3{display:none}
.cta-bg{display:none}
.banner-text4 { font-size:28px; }
}

@media screen and (max-width: 768px) {
    .topbanner-content {
         font-size: 16px;
    }
    
    .nav-main {
        font-size: 16px;
        
    }

    .banner-text3 {
        font-size: 18px;
    }

    .view-details1 {
        font-size: 16px;
    }

    .cta-pad {
        font-size: 16px;
    }

    .clearfix phone {
        font-size: 16px;
    }

    

}