/* Preloader */
#preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #f2f3f7; /* change if the mask should have another color then white */ z-index: 9999999; /* makes sure it stays on top */ }
#status { width: 200px; height: 200px; position: absolute; left: 50%; /* centers the loading animation horizontally one the screen */ top: 50%; /* centers the loading animation vertically one the screen */ background-image: url(../img/status.gif); /* path to your loading animation */ background-repeat: no-repeat; background-position: center; margin: -100px 0 0 -100px; /* is width and height divided by two */ }
/*Logo Start Here*/
#logo {text-align: center; margin: 0 0 30px 0; padding:0;}
#logo a {display: inline-block; padding: 4px;}
/*Logo End Here*/
/*Slogan start here*/
.slogan { margin-bottom: 76px; text-align: center;}
.slogan img {max-width: 100%; height: auto; margin-bottom: 20px;}
.slogan p { margin: 10px 0; padding: 0; color: #3e3d3d; }
/*SLogan end here*/
/*Countdown start here*/
.count-down { margin: 0 0 85px 0; padding: 0; font-family: 'Roboto', sans-serif; text-align:center; height: 240px; height: auto;}
.count-down li { margin: 0; padding: 0; list-style: none; font-size: 28px; display: inline-block; min-height: 250px;}
.count-down li div { margin: 0 !important; padding: 0;}
.count-down li input { font-family: 'Roboto', sans-serif !important; font-size: 90px!important; color: #000000!important; width: 154px!important; height: 98px!important; margin:70px 0 0 -213px !important;}
#days-title, #hours-title, #mins-title, #secs-title { display:block; color: #000000; text-transform: uppercase; margin-top: -94px; font-size: 30px; position: relative; z-index:9 !important;}
/*Countdown end here*/
/*Newsletter subscribe start here*/
.contact-form .form-group {position: relative; width: 100%; margin-bottom: 4px !important; }
.contact-form {color: #8C8C8C; float: none; margin: 0 auto 60px auto; }
.contact-form input {background-color: #ffffff; border: none; height: 60px; width: 100%; padding:0 22% 0 70px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.contact-form .error:focus, .contact-form .error {border: 1px solid #ff0000;}
.contact-form label.error {color: #fff; font-size: 14px; line-height: 18px; font-weight: normal; position: absolute; right: 0; text-transform: none; top: -28px; border: none; background-color: #FF0000; padding: 4px; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.contact-form .email-ico{ position: absolute; top:-6px; left:12px; font-size: 24px;}
.contact-form .btn-submit{ position: absolute; top:10px; right:12px; font-size: 20px; border: none; background-color: #ff382e; -webkit-border-radius: 4px;
-moz-border-radius: 4px;border-radius: 4px; font-size: 20px; color: #ffffff; line-height: 22px; font-family: 'Roboto', sans-serif; width: 90px; height: 40px; font-weight: bold ; line-height: 24px;}
.form-respond .content-message {border-radius: 4px; margin: 0 0 50px; padding: 30px; }
.form-respond .success { color: #fff; background-color: green;}
.form-respond .content-message {border-radius: 4px; margin: 0 0 50px; padding: 4px 8px; color:#fff; background-color: #ff382e;} 
.form-respond .content-message h2, .form-respond .content-message p { display: inline; font-size: 15px;}
/*Newsletter subscribe end here*/
/*Social Links start here*/
.connect-us { margin: 0 0 28px 0; padding: 0; text-align: center;}
.connect-us li {display: inline-block; font-size: 28px;}
.connect-us li a {display: block; margin: 10px; width: 40px; height: 40px; line-height: 36px; color: #000;}
.connect-us li a.fb:hover{color: #507cbe;}
.connect-us li a.twitter:hover{color: #62cdf2;}
.connect-us li a.gplus:hover{color: #ec5d48;}
.connect-us li a.linkedin:hover{color: #1e88c9;}
.connect-us li a.ytube:hover{color: #e64c38;}
.connect-us li a.dribbble:hover{color: #d34e95;}
.connect-us li a.pinterest:hover{color: #e94546;}
/*Social Links end here*/
/*Footer start here*/
footer  { text-align: center; font-size:16px;}
footer a {color: #8a8b8b; text-decoration: underline;}
footer a:hover { text-decoration: none; color: #8a8b8b;}
/*Footer start here*/
.bg-overlay{background:url(../img/bg-overlay.png) repeat left top; opacity:0.5; position:fixed; height:100%; width:100%; z-index:99;}
/*Template color option start here*/
.template-colors{ margin: 40px 0 0 0; padding: 0; list-style: none; display: block;}
.template-colors li { margin:0 2px; padding: 0; display: inline-block; font-size: 26px;}
.template-colors li a { margin: 0; padding: 0; outline: none; display: block; width:42px; height: 42px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.template-colors li a:hover { border:1px solid #999;}
.template-colors li a.blue{background-color: #00d2ff;}
.template-colors li a.green{background-color: #aaee06;}
.template-colors li a.yellow{background-color: #ffcc00;}
/*Template color option end here*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
.count-down li input {margin-top:60px !important;}
}
/*Responsive css start here*/
@media only screen and (max-width : 1024px) {
.count-down li div, .count-down li canvas { width: 230px !important; height: 230px !important;}
.contact-form input {padding: 0 26% 0 17%;}
.count-down li input {margin:36px 0 0 -190px !important;}
.hide-med {display: none !important;}
.contact-form .btn-submit {font-size: 18px;}
}
@media only screen and (max-device-width : 568px) {
.contact-form input {padding: 0 40% 0 24%;}
.paw-carousel-item {height: 320px !important;}
.contact-form .btn-submit {font-size: 15px; padding: 0; margin: 0; width: 80px;}
}
/*Responsive css end here*/