@charset "utf-8";
/* CSS Document */


@font-face {
    font-family: 'robotoblack';
    src: url('../fonts/roboto-black-webfont.woff2') format('woff2'),
         url('../fonts/roboto-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'robotobold';
    src: url('../fonts/roboto-bold-webfont.woff2') format('woff2'),
         url('../fonts/roboto-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'robotomedium';
    src: url('../fonts/roboto-medium-webfont.woff2') format('woff2'),
         url('../fonts/roboto-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'robotoregular';
    src: url('../fonts/roboto-regular-webfont.woff2') format('woff2'),
         url('../fonts/roboto-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}



p{ font-size:17px;font-family: 'robotoregular'; color:#000; line-height:26px;}
h1{ font-size:50px; font-family: 'robotobold'; color:#D01F3A; font-weight:normal;}
h2{font-size:45px; font-family: 'robotobold'; color:#D01F3A; font-weight:normal;}
h3{ font-size:40px; color:#000; margin:20px 0 10px; font-weight:normal;}
h4{ font-size:35px; font-family: 'robotobold'; color:#D01F3A; margin:20px 0 10px;}
h5{ font-size:30px; color:#000; margin:20px 0 10px; font-family: 'robotoregular';}
h6{ font-size:17px;  color:#000;  font-weight:normal; margin:0px;}

.top-bar{ float:left; width:100%; background:#D21F3B; height:32px;}
.header{ background:#fff; float:left; width:100%; border-bottom:1px solid #D21F3B; padding:20px 0px; position:relative;}
.menu{ float:right; width:100%;}
.menu ul{ margin:18px 0 0; padding:0px; float:right}
.menu ul li{ display:inline-block; list-style:none;}
.menu ul li a{ font-size:20px; color:#000; text-transform:uppercase; padding:0px 20px; font-family: 'robotomedium'; }
.menu ul li a:hover{ color:#D21F3B; text-decoration:none;}

.slider-top{ float:left; width:100%; background:url(../images/slider-bg.jpg) no-repeat scroll top center; min-height:584px; background-size:cover;}
.slider-text h1{ background:#D21F3B; color:#fff; text-transform:uppercase; text-align:center; margin:20% 0px 0px; font-size:56px;}
.slider-text h5{ color:#fff; text-transform:uppercase; text-align:right; font-style:italic; margin:0px;}

.slider-text button{  border-radius:10px; background-color: rgba(210, 31, 59, 0.7); color:#fff; border:none; padding:10px 20px; border:none; font-size:20px;
text-transform:uppercase;font-family: 'robotobold'; margin:60px auto 0px; display:block;}
.slider-text button:hover{ background:#D21F3B;}


.contant-area{ float:left; width:100%; background:#fff;}
.three-box{ padding:80px 0px; float:left; width:100%;}
.box1{ float:left; width:100%; text-align:center;}
.box1 img{ width:100%;}
.box1 p a{ text-decoration:underline; color:#000;padding: 10px 0 0;float: left;width: 100%;}
.box1 p a:hover{ text-decoration:none; color:#D21F3B;}


.testmonial-top{width:100%; border-top: 1px solid #D7D6D6; border-bottom: 1px solid #D7D6D6; padding:50px 0px; float:left;}
.testmonial-2{width:100%; padding:70px 0px; float:left;}
.testmonial{ width:70%;margin:0px auto; text-align:center;}
.testmonial h6{ font-size:25px;font-family: 'robotobold'; text-transform:uppercase; color:#D01F3A;}
.testmonial p{color:#7E7E7E; font-size:18px;}
.testmonial-logo{ float:left; width:100%; margin-top:50px}
.testmonial-logo ul{ margin:0px; padding:0px; text-align:center;}
.testmonial-logo ul li{ display:inline-block;padding: 0px 10px;margin-bottom:30px;}

.footer{ float:left; width:100%; background:url(../images/footer-bg.png) no-repeat top center; background-size:cover; min-height:241px; margin-top:40px; padding-bottom:30px;}
.footer-icon {float: left;width: 100%; text-align: center;padding: 13px 0;}
.footer-menu{ float:left; width:100%; margin-top:30px;}

.footer-menu ul{ margin:18px 0 0; padding:0px; text-align:center;}
.footer-menu ul li{ display:inline-block; list-style:none; border-right:2px solid #D21F3B; line-height:14px;}
.footer-menu ul li:last-child{ border-right:none}
.footer-menu ul li a{ font-size:15px; color:#fff; text-transform:uppercase; padding:0px 20px;font-family: 'robotobold';  }
.footer-menu ul li a:hover{ color:#D21F3B; text-decoration:none;}

.footer-address{float:left; width:100%;  margin-top:30px;}
.footer-address p{float:left; width:100%; text-align:center;font-size:15px; color:#fff; text-transform:uppercase; font-family: 'robotobold'; margin:0px;}

.footer-media{
    float:left; 
    width:100%; 
    text-align:center; 
    margin-top:15px;
}
.footer-media a {
    color: #fff;
}
.footer-media a:hover, .footer-media a:active, .footer-media a:focus {
    color: #D21F3B;
}
.footer-media p{float:left; width:100%; text-align:center;font-size:15px; color:#fff; text-transform:uppercase; font-family: 'robotobold'; margin:0px; }
.footer-media ul{ margin:0; padding:0px; text-align:center;}
.footer-media ul li{ display:inline-block; list-style:none;}

.footer-copy{ float:left; width:100%; background:#000; padding:18px 0px;}
.copy-left{ float:left; width:100%}
.copy-left p{ font-size:15px; color:#cccccc; font-family: 'robotobold';text-transform:uppercase;margin:0px;}
.copy-right { width:100%; float:left; text-align:right;}
.inner-pages{ float:left; width:100%; padding:20px 0px 30px;}
.text-demo{ float:left; width:100%; margin-top:20px;}
.text-demo2{ float:left; width:100%; }


@media screen and (max-width:1199px) {
.slider-text h1{ font-size:46px;}
.slider-text h5{ font-size:25px;}
}
@media screen and (max-width:992px) {
h1{ font-size:40px;}
h2{ font-size:35px;}
h3{ font-size:30px;}
.menu ul li a{padding: 0px 10px;}
.slider-text h1{ margin:30% 0px 0px; font-size:36px;}
.slider-text h5{ font-size:23px;}
}

@media screen and (max-width:767px) {
	
h1{ font-size:35px; }
h2{font-size:30px; }
h3{ font-size:28px; }
h4{ font-size:26px; }
h5{ font-size:24px;}
		
.inner-pages{ padding:10px 0px 20px}		
.col-sm-8.menu {position: absolute; right:15px; top:15px;margin-top:15px;}	
.slider-text h1{ font-size:35px; line-height:38px; padding:5px 0px;}
.slider-text h5{font-size:17px;line-height:25px;}
.slider-text button{ margin:60px auto;}
.logo {float: left; width: 100%; padding: 0 0 10px 0;}
.three-box{padding: 30px 0px;}
.box1 { margin-bottom:50px;}
.testmonial-top{padding: 30px 0px;}
.testmonial{ width:100%}
.testmonial-2{padding: 35px 0px;}
.copy-left { text-align:center;}
.copy-right{text-align:center; margin-top:10px;}
.footer-menu ul li a{ font-size:13px; padding:0px 6px;}
.footer-address{margin-top: 20px;font-size:13px;}
.footer-media p{font-size:13px;}
.copy-left p{font-size:13px;}
.footer-address p{font-size:13px; }
.box1 {width: 450px; margin: 0 auto; display: block;text-align: center;float: none;}
.box1 img{ margin-top:30px;}
.menu ul li a{font-size: 18px;}
.menu ul{ text-align:center; float:none;}
.footer{margin-top: 15px;}
.copy-left{ font-size:12px;}
.slider-text button{ font-size:17px;}
}

@media screen and (max-width:480px) {
.slider-text h1{ font-size:26px;line-height:30px;margin: 50% 0px 0px;}
.slider-text h5{font-size:14px;}
.testmonial-logo ul li{ display:block;}
.box1 {width: 100%; float:left;margin-bottom:30px;}
.box1 img{ margin-top:0px;}

}

@media screen and (max-width:360px) {
.slider-text h5{font-size:12px;}	
}