/************************
Designed by : http://bhardwaja.com
************************/
body {
    color: #555;
    font-family: 'Open Sans', arial, serif;
    font-size:100%;
    font-style: normal;
    line-height: 1.5;
    background:#eeeeee;
}
/* ==========================================================================
Typo Styles
 ========================================================================== */
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{
	font-weight:300;
        margin-top:0px;
        margin-bottom:0px;
}
a:hover,a:active {
    outline: 0;
}
button:focus {
    border: none;
    outline: 0;
}
a {
    color: #8dc4b8;
    text-decoration: none;
}
a:hover {
    color: #74a096;
    text-decoration: none;
}
a:focus {
    color: #74a096;
    text-decoration: none;
    outline: none;
}
/* ==========================================================================
Bootstrap Custom Button
 ========================================================================== */ 
.btn-custom {
    color: #555555;
    background-color: #ffffff;
    border-color: #E7E6EB;
    font-family: 'Open Sans', arial, serif;
    font-weight: 700;
    font-size: 4.8em;
    text-transform: uppercase;
    border-bottom: 5px solid#ccc;
    padding: 20px 20px;
    width: 100%;
    margin-bottom:20px;
}
.btn-custom:hover, 
.btn-custom:focus, 
.btn-custom:active, 
.btn-custom.active, 
.open .dropdown-toggle.btn-custom {
    color: #555555;
    border-color: #E7E6EB;
    border-top: 5px solid#ccc;
    border-bottom: 0px;
}
.btn-custom:active, 
.btn-custom.active, 
.open .dropdown-toggle.btn-custom {
    background-image: none;
}
.btn-custom.disabled, 
.btn-custom[disabled], 
fieldset[disabled] .btn-custom, 
.btn-custom.disabled:hover, 
.btn-custom[disabled]:hover, 
fieldset[disabled] .btn-custom:hover, 
.btn-custom.disabled:focus, 
.btn-custom[disabled]:focus, 
fieldset[disabled] .btn-custom:focus, 
.btn-custom.disabled:active, 
.btn-custom[disabled]:active, 
fieldset[disabled] .btn-custom:active, 
.btn-custom.disabled.active, 
.btn-custom[disabled].active, 
fieldset[disabled] .btn-custom.active {
    background-color: #FAFAFA;
    border-color: #E7E6EB;
}
.btn-custom .badge {
    color: #FAFAFA;
    background-color: #030303;
}
/* ==========================================================================
Typo Styles
 ========================================================================== */
.form-control::-webkit-input-placeholder {
 /* WebKit browsers */
    color: #555;
}
.form-control:-moz-placeholder {
 /* Mozilla Firefox 4 to 18 */
    color: #555;
}
.form-control::-moz-placeholder {
 /* Mozilla Firefox 19+ */
    color: #555;
}
.form-control::-ms-input-placeholder {
 /* Internet Explorer 10+ */
    color: #555;
}
.form-control*::-moz-placeholder {
    color: #555;
}

/* ==========================================================================
bootstrap column padding
 ========================================================================== */ 
.paddingnone {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.paddingleft {
    padding-right: 35px !important;
}
.paddingright {
    padding-left: 35px !important;
}
/* ==========================================================================
Layout Styles
 ========================================================================== */ 
.add-padding{
    padding-top:100px;
    padding-bottom:100px;
}
/* ==========================================================================
Layout Styles
 ========================================================================== */ 
.add-background-color{background:#8dc4b8;}
/* ==========================================================================
Preloader Styles
 ========================================================================== */ 
#page-loader{
    position: fixed;
    top:0;
    left:0;
    bottom: 0;
    right: 0;
    background: #fff;
    z-index: 99999;
}
#page-loader .page-loader-gif{
    display: block;
    width:200px;
    height:200px;
    position: absolute;
    top:50%;
    left:50%;
    margin:-50px 0 0 -50px;
    background: url('../images/preloader.gif') no-repeat;
        
}
/* ==========================================================================
Header
 ========================================================================== */ 
header {
    padding: 50px 0;
    position: relative;
    overflow: hidden;
}
header h1 {
    display: block;
    text-transform: uppercase;
    color: #555;
    font-family: 'Open Sans', arial, serif;
    font-weight: 700;
    text-align: center;
    font-size: 10em;
}
header h1 q {
    color: #8dc4b8;
}
header .line {
    width: 50%;
    margin: 20px auto;
    border-bottom: 5px Solid#cccccc;
    border-top: 5px Solid#36323b;
}
header span {
    display: block;
    font-family: 'Open Sans', arial, serif;
    font-weight: 400;
    font-size: 4.8em;
    color: #555;
    text-align: center;
}
/* ==========================================================================
 Page Heading Title
 ========================================================================== */ 
.title {
    background: #fff;
    border-radius: 10px;
    border-bottom: 5px solid #cccccc;
    max-height: 110px;
    overflow:hidden;
}
.title h2 {
    font-size: 6em;
    text-transform: uppercase;
    text-align: left;
    color: #555;
    font-family: 'Open Sans', arial, serif;
    font-weight: 700;
    padding:20px 0; 
}
.title span {
   margin: 0 30px;
   background: #8dc4b8;
   max-height: 110px;
   padding: 0 30px;
   text-align: center;
   color: #ffffff;
   border-top: 5px solid #74a096;
   float: left;
   padding:20px 30px;
}
.title span i {
    color: #FFFFFF;
    font-size: 6em;  
}
/* ==========================================================================
Info Section
 ========================================================================== */ 
.info {
    position: relative;
    overflow: hidden;
    color: #fff;
}
.info p{
    background-color: #ffffff;
    border-bottom: 5px solid #cccccc;
    font-size: 3em;
    color: #555;
    font-family: 'Open Sans', arial, serif;
    font-weight: 300;
    padding: 30px;
    margin: 50px 0;
}
/* ==========================================================================
Statistics Section
 ========================================================================== */ 
.stats {
    position: relative;
    overflow: hidden;
}
.stats .box {
    margin-top: 50px;
    background-color: #ffffff;
    border-bottom: 5px solid #cccccc;
    color: #555555;
    padding: 10px 30px;
}
.stats .box h2 {
    font-size: 3.6em;
    text-transform: uppercase;
    line-height: 100px;
    text-align: left;
    color: #555;
    font-family: 'Open Sans', arial, serif;
    font-weight: 700;
    margin:0px;
}
.stats .box .line {
    width: 50%;
    margin: 0;
    border-bottom: 5px Solid#cccccc;
    border-top: 5px Solid#36323b;
}
.stats .box span {
    font-size: 7.2em;
    text-transform: uppercase;
    line-height: 100px;
    text-align: left;
    color: #555;
    font-family: 'Open Sans', arial, serif;
    font-weight: 700;
}
/* ==========================================================================
Section Make an offer
 ========================================================================== */ 
.makeanoffer {
    position: relative;
    overflow: hidden;
}
.input-group-addon {
    padding: 0 20px;
    font-size: 3em;
    font-weight: normal;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #f5f5f5;
    border: none;
    border-radius: 0px;
}
.form-makeanoffer{
	padding-top:50px;
}
.form-makeanoffer-group {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    background: #fff;
    border-bottom: 5px solid#ccc;
    margin-bottom: 20px;
}
.form-makeanoffer .form-control{
    position: relative;
    font-size: 3em;
    color: #555;
    height: auto;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px 0;
    background-color: #fff;
	padding-left: 20px;
	
}
.form-makeanoffer .form-control:focus{
    z-index: 2;
}
.form-makeanoffer input[type="text"]{
    margin-bottom: -1px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    padding-left:20px;
}

#ok{
	font-size: 3em;
  	color: #74a096;
  	font-weight: bold;
}

#response{
	font-size: 2em;
  	color: #e32636;
  	font-weight: bold;
}

#captcha-img{
height:83px;
}

/* ==========================================================================
Glyphicon Refresh Animate
 ========================================================================== */ 
.glyphicon-refresh-animate {
    -animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear;
}
@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}
/* ==========================================================================
Agax Submit Button
 ========================================================================== */ 
.ajax_submit{
    display: none;
}

/* ==========================================================================
Footer
 ========================================================================== */ 
footer{
    padding: 50px 0;
    text-align:center;
    font-weight: 400;
    font-size: 3em; 
}
/* ==========================================================================
Media Queries
 ========================================================================== */ 
@media (max-width:1199px){
header h1{font-size:8em;}
header span{font-size:4em;}
.add-padding {padding-top: 50px;padding-bottom: 50px;}
.title h2 {font-size: 5em;padding: 15px 0;}
.title span i {font-size: 4em;}
.btn-custom{ font-size:2.8em;}
.stats .box span {font-size: 4.2em;}
.stats .box h2{font-size: 2.6em;}
#ok{font-size: 3em;}
} 
@media (max-width:991px){
header h1 {font-size: 6em;}	
header span {font-size: 3em;}
.title h2 {font-size: 4em;padding: 15px 0;}
.title span i {font-size: 3em;}
.info p{font-size:2.4em;}
.btn-custom{ font-size:2.4em;}
.stats .box span {font-size: 4.2em;line-height: 0.8em;}
.stats .box h2{font-size: 1.8em;line-height: 1.6em;}
.stats .box .line{margin: 20px 0;}
.stats .box{padding:30px;margin-top: 20px;}
.form-makeanoffer .form-control{font-size:2.4em;}
.input-group-addon{font-size:2.4em;}
.paddingleft {padding-right: 15px !important;}
.paddingright {padding-left: 15px !important;}
#ok{font-size: 2em;}
#captcha-img{height:75px;}
}
@media (max-width:767px){
header{padding: 30px 0;}	
header h1{font-size:4em;}
header span{font-size:2em;}
.title h2 {font-size: 3em;padding: 15px 0;margin:0;}
.title span i {font-size: 2em;}
.info p {font-size: 1.8em;padding: 20px;margin: 30px 0;}
.btn-custom {font-size: 1.8em;}	
.add-padding {padding-top: 30px;padding-bottom: 30px;}	
.paddingleft {padding-right: 15px !important;}
.paddingright {padding-left: 15px !important;}
.stats .box{margin-top:20px;}
.form-makeanoffer .form-control{font-size:1.8em;}
.input-group-addon{font-size:1.8em;}
.form-makeanoffer {padding-top: 30px;}
footer {font-size: 1.4em;padding: 30px 0;}
#captcha-img{height:67px;}
}
@media (max-width:479px){
header {padding: 20px 0;}
header h1 {font-size: 2.4em;}
header span{font-size:1.8em;}	
header .line{margin:10px auto;}
.title{max-height: 50px;}
.title h2{font-size: 1.8em;}
.title span{margin: 0 10px;padding: 10px 20px;}	
.add-padding {padding-top: 15px;padding-bottom: 15px;}
.info p{margin: 15px 0;font-size: 1.4em;padding: 15px;}
.button-custome{margin-bottom: 15px;}
.stats .box{margin-top: 15px;padding: 20px;}
.stats .box span {font-size: 2.4em;line-height: 0.3em;}
.stats .box h2 {font-size: 1.4em;line-height: 1.4em;}
.paddingleft {padding-right: 15px !important;}
.paddingright {padding-left: 15px !important;} 
.input-group-addon {font-size: 1.4em;padding: 0 10px;}
.form-makeanoffer .form-control {font-size: 1.4em;}
.btn-custom {font-size: 1.4em;padding: 10px 20px;margin-bottom: 15px;}
.form-makeanoffer {padding-top: 15px;}
.form-makeanoffer-group{margin-bottom: 15px;}
footer{padding: 15px 0;font-size: 1.2em;}
.form-makeanoffer input[type="text"]{padding-left: 10px;}
#captcha-img{height:62px;}
}