@import url(https://fonts.googleapis.com/css?family=Lato:300,300i,400,400i,700,700i,900,900i);
@import url(https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i,900,900i);
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,200i,300,300i,400,400i,600,600i,700,700i,900,900i);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i);
@import url(https://fonts.googleapis.com/css?family=Oswald:300,400,700);

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

*{ margin:0 auto; padding:0 0;}

a:link{ color:#fff;}
a:hover{ color:#fff;}
a:visited{ color:#fff;}
a:active{ color:#fff;}
a:focus{ color:#fff;}

body{ background:url(../images/top-bg.html) center top repeat fixed; margin:0 auto; padding:0 0; font-family: 'Source Sans Pro', sans-serif;}
p{
  font-size:15px;
}
.clr{ clear:both;}
 h3 {
    margin-top: 10px;
    margin-bottom: 10px;
}
hr{height: 0.5px;width: 27%;margin: auto;background: #333;}

ul, ol { margin-left:25px; line-height:22px; margin-top:10px;}

.why-pd{ text-align:justify}
.video{ width:100%;}
.video img{ width:100%; height:200px;}
.video iframe{ width:100%; height:200px;}

.navbar-header img{ float:left;}

.MT{ margin-top:10px;}
.MT20{ margin-top:20px;}
.MT30{ margin-top:30px;}
.MT40{ margin-top:40px;}
.MT50{ margin-top:50px;}

.MB10{ margin-bottom:10px}
.MB20{ margin-bottom:20px}
.MB30{ margin-bottom:30px}

.PD10{ padding:10px;}
.PD20{padding: 10px 10px;}
.PD30{ padding:30px;}
.PD40{ padding:40px;}

.bg{ padding:0 15px;}
.bg1{background: #333333;padding:0 15px;}
.bg1 p{ color:#fff;}

.modal-content h4{background: #f00300;padding:10px;color:#fff;}

.form-over{ position:relative; width:25%; float:right;}

/* header */
header{}
header > .container{}
/* logo */
.navbar-brand{ height:auto; padding-left:0; }
.navbar-brand img{/* max-width: 50%; *//* max-height: 142px; */}
/* top right */
.top-right{ color:#fff; padding-top:20px; text-align:right}
.top-right a{color:#fff;display:inline-block;text-decoration:none;background: rgb(240, 3, 0);outline:none;}
.top-right a:link{ color:#fff; outline:none;}
.top-right a:visited{ color:#fff; outline:none;}
.top-right a:hover{background: #dc3237;color:#fff;outline:none;}
.top-right a:active{ color:#fff; outline:none;}
.top-right .mob{ font-size:22px; font-weight:bold}
.top-right .email{}
/* navbar */
.nav-bg{background: #333;}
.navbar{ min-height:auto;}
.navbar-default{ background:none; border:none; margin-bottom:0; border-radius:0;}
.navbar-collapse{ padding:0}
.navbar-collapse .navbar-nav > li > a{color: #ffffff;padding:8px 15px;}
.navbar-collapse .navbar-nav > li > a .glyphicon{ color:#fff;}
.navbar-collapse .navbar-nav > li > a:hover,.navbar-default .navbar-nav > li > a:focus{color:#fff;background: #f00300;}
.navbar-collapse .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{color:#000;background: #f00300;}
.navbar-collapse .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover{background:none;color: #dc3237;}
.dropdown-menu > li > a:hover{background: #f00300;color:#fff;}



/* Affix */
header.affix-top{ position:absolute; z-index:999; width:100%; top:0;}
header.affix{ z-index:999; position:fixed; top:0; width:100%; background:#fff;
animation: 0.5s ease 0s normal forwards 1 running slidedown; transform: translateY(-100%);
}
header.affix .navbar-brand img{/* width: 363px; */}
/* animations */
@-o-keyframes slidedown{100%{-webkit-transform:translateY(0);transform:translateY(0)}}
@-moz-keyframes slidedown{100%{-webkit-transform:translateY(0);transform:translateY(0)}}
@-webkit-keyframes slidedown{100%{-webkit-transform:translateY(0);transform:translateY(0)}}
@keyframes slidedown{100%{-webkit-transform:translateY(0);transform:translateY(0)}}

.banner{width:100%;/* height: 400px; */z-index:1;}
.banner img{ width:100%;}

.container-fluid > .col-lg-12{ padding:0 0;}


.form-small{ display:none;}

.form{background: rgb(255, 253, 202);position:absolute;z-index:9;right:15px;height: 312px;}
.form h3{margin:0 auto;font-size:18px;background: #f00300;padding:8px;color:#fff;text-transform:uppercase;text-align:center;}
.form-group lable{ font:normal 12px Verdana, Arial, Helvetica, sans-serif; font-weight:normal;}
.form-group h4{ color:#fff;}
.form .btn{ width:100%;}

.fl{ float:left;}
.hash{ position:absolute;}

.about{margin-bottom:20px;margin-top: 31px;}
.about img{ width:25%; height:auto; max-height:200px; float:left; margin:15px 15px 15px auto}
.about h3{ margin:0 auto; padding:5px 2px; color:#303030; text-transform:uppercase;}
.about h3 span{ float:right}
.about h3 a{ color:#fff;}
.about h3 a:hover{ color:#f00300;}
.about p{ padding:10px 0; text-align:justify;}

.service{ margin-bottom:10px; }
.service h3{ margin:0 auto; padding:10px 0; color:#303030; text-align:center; text-transform:uppercase;}
.service h3 span{  display:none;}
.service h3 a{ color:#fff;}
.service h3 a:hover{ color:#f00300;}

.prd{ text-align:justify;  padding:20px;}
.prd h4{color: #dc3237;margin:0 auto 10px auto;font-weight: bold;/* font-size: 29px; */}
.prd img{ width:35%; height:150px; box-shadow:1px 2px 5px #999; float:left; margin:0 15px 0 auto;}
.prd p{ margin-bottom:10px; text-align:justify;}
.prd p a{float:left;background: #201f1f;padding:8px 10px;/* margin:0 10px; */color:#fff;border-radius:3px;text-decoration:none;}
.prd p a:hover{background: #f00300;}




.rgt-pnl{ float:left; width:100%; background:rgba(255,255,255, .5); text-align:justify; text-align:center; box-shadow:1px 2px 5px #999; padding-bottom:10px}
.rgt-pnl h3{ color:#fff;  background:#303030; padding:10px 20px; margin:0 auto; text-align:left;}
.rgt-pnl h4{ color:#fff;  background:#303030; padding:10px 20px; margin:0 auto; text-align:left;}
.rgt-pnl ul{ list-style:disc; margin:20px 30px 30px 40px}
.rgt-pnl ul li{ text-align:left; line-height:32px; border-bottom: dotted 1px #999;}
.rgt-pnl p{ text-align:left; margin:10px 20px;}
.rgt-pnl p span{ font-weight:bold; font-size:15px;}
.rgt-pnl p a{ text-decoration:none; color:#f00300;}

.gly{ width:100%; text-align:center;}
.gly h3{ text-align:center; padding:10px 0; color:#303030; text-transform:uppercase;}
.gly img{ width:23%; padding:5px; margin:10px 8px; border:solid 1px #cfcfcf; height:200px}


.foot{ width:100%; margin-bottom:20px}
.foot h3{ text-transform:uppercase; padding-bottom:15px;}
.foot p{ font-size:16px;}
.foot p a{ text-decoration:none; color:#303030; font-weight:bold;}
.foot p a:hover{ color:#286090;}
.container-fluid iframe{ margin-top:20px; width:100%; height:250px;}

footer{ margin-top:10px;}
footer img{ vertical-align:middle;}


.divide{ background:#fff; z-index:999; width:100%; position:relative}

/* carousel */
.testi{ background:#efefef; padding:10px 0; border:solid 1px #ddd}
.testi h3{ text-align:center; text-transform:uppercase;}
#quote-carousel {padding: 0 10px 30px 10px; margin-top: 10px; text-align:center;}
#quote-carousel img{ width:80px; height:80px; border-radius:50%; margin:2px auto;}
/* indicator position */
#quote-carousel .carousel-indicators { right: 50%; top: auto; bottom: -10px; margin-right: -19px;}
/* indicator color */
#quote-carousel .carousel-indicators li { background: #c0c0c0;}
/* active indicator */
#quote-carousel .carousel-indicators .active { background: #333333; height:10px; width:10px; margin-bottom:1px;}
/* typography */


/*---------------------------------------*/
/*-----------Lightbox--------------------*/

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; }
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:700px; max-height:530px; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
#cboxOverlay{background:url(../images/overlay.png) repeat 0 0;}
#colorbox{outline:0;}
    #cboxTopLeft{width:21px; height:21px; background:url(../images/controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(../images/controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(../images/controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(../images/controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(../images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(../images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(../images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(../images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{background: none repeat scroll 0 0 #424242; border-radius: 19px; color: #fff; left: -5px; opacity: 1; padding: 5px; position: absolute; text-align: center;
        width: 100%; z-index: 9999999 !important;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxLoadingOverlay{background:url(../images/loading_background.html) no-repeat center center;}
        #cboxLoadingGraphic{background:url(../images/loading.html) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(../images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(../images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}
  


/*-----------------------------------------------*/
/*---------------- side button --------------------*/
/*-----------------------------------------------*/
.side-form{ display:block;}
.side_btn{ background:#337ab7; color:#fff; font:normal 12px Verdana, Arial, Helvetica, sans-serif; position:fixed; padding:10px 10px; 
transform:rotate(-90deg);-moz-transform:rotate(-90deg);-o-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);
border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;-o-border-radius:5px 5px 0 0;-ms-border-radius:5px 5px 0 0; border:1px solid #fff; border-bottom:none;  overflow:hidden;}

.side_btn:hover{ background:#286090; color:#fff; cursor:pointer; text-shadow:none}
.side_frm{ position:fixed; background:#303030; padding:10px;  z-index:999; text-align:center; width:248px; font:normal 12px Verdana, Arial, Helvetica, sans-serif; }
.side_frm p{ font:normal 18px Verdana, Arial, Helvetica, sans-serif;}

.side-form .btn{ width:100%; padding:5px}

.side_btn{right:210px; top:35%; display:none; position:fixed; z-index:99; display:none;}
.side_frm{top:25%; right:-2px; display:none }
.side_btn_hide{right:-38px; top:35%;}
.side_frm_hide{top:25%; right:-248px; }
.side_btn,.side_frm,.side_btn_hide,.side_frm_hide{ transition:all ease-in-out 0.3s}


/*-----------------------------------------------*/
/*---------------- side button --------------------*/
/*-----------------------------------------------*/

/*------------------------------------------*/
/*---------------  Read More ---------------*/


.read-more-state {  display: none;}
.read-more-target { opacity: 0; max-height: 0; font-size: 0; transition: .25s ease;}
.read-more-target p{margin: 0 auto;}
.read-more-state:checked ~ .read-more-wrap .read-more-target { opacity: 1; font-size: inherit; max-height: 999em;}
.read-more-state ~ .read-more-trigger:before { content: 'Read more'; font:normal 13px Verdana, Arial, Helvetica, sans-serif;}
.read-more-state:checked ~ .read-more-trigger:before { content: 'Read less';}
.read-more-trigger { cursor: pointer;  float:left;
  text-align:center;
  font-size:15px;
  display: inline-block;
  padding:7px;
  color: #FFF;
  border-radius:3px;
  background:#464646;
}
.read-more-trigger:hover {
  background:#303030;
}



/*---------------  Read More ---------------*/
/*------------------------------------------*/

@media only screen and (max-width: 1280px) {
.banner img{ min-height:335px;}

}


@media only screen and (max-width: 1024px) {
.banner img{ min-height:282px;}
.form-group{margin-bottom:10px}
.form { min-height:inherit; height:auto; }
.form .btn{ min-height:inherit; height:auto;}
.form .PD20{padding: 22px 20px;}
.gly img{ width:22%;}
.banner{ height:auto; padding-bottom:20px}
}

@media only screen and (min-width:981px) and (max-width: 991px)
{
.container{ width:90%;}
.form-over{ width:30%;}
}

@media only screen and (max-width: 980px) {
.container{ width:95%;}
.bg{ padding:0 0;}
.banner img{ width:100%; height:400px; min-height:315px}
.form { min-height:315px}
.gly img{ max-height:150px}
.about img{ width:35%;}
.form-over{ width:30%;}

}

@media only screen and (max-width:900){ 
.cboxPhoto{ width:100%; height:auto }
.form-over{ width:30%;}
 }

@media only screen and (max-width: 800px) {
.logo{ width:80%;}
.rgt-pnl{ width:100%; margin:0 auto}
.form { min-height:290px}
.form h3{padding: px 0 0 0;font-size:18px;}
.top-right a{ width:auto;}
.btn{ width:100%; margin:0 auto; padding:5px}
.banner img{ width:100%; height:300px; min-height:290px}
.about, .rgt-pnl{ background:none; box-shadow:none;}
.prd img{ width:45%;}
.gly img{ max-height:120px}
.form-over{ width:30%;}
}

@media only screen and (max-width: 768px) {
.cboxPhoto{ max-width:540px !important; max-height:300px !important  } 

}

@media only screen and (min-width:639px) and (max-width: 767px)
{
.row{ overflow:auto; overflow-y:hidden}
.top-right{ position:absolute; z-index:9; margin:0 auto; padding:10px 0;}
.top-right p a{ background:#303030; color:#fff; margin-left:6px;}
.top-right p a:hover{ background:#fff; color:#000;}
.navbar-brand{ text-align:center; float:none;}
.navbar-brand img{ text-align:center; float:none; padding:10px 0;}
.gly img{ width:47%; margin:10px 5px; border:solid 1px #cfcfcf; min-height:180px; max-height:200px;}
.prd{ float:left; padding:15px 25px; border-bottom:dotted 1px #cfcfcf;}
.prd img{ width:25%;}
.about, .rgt-pnl, .why-pd, .video{ padding:0 25px;}
.video img{ float:left; width:60%; height:200px; margin:15px auto;}
.video iframe{ float:left; width:60%; height:200px; margin:15px auto;}
.about img{ width:45%;}

.form{ position:static; margin:0 auto; right:0; padding:0 0; width:96%}
.form .form-group, .form .btn{ width:50%;}
.form-over{ width:100%; margin:0 auto; right:0;padding:0 1px;}
}

@media only screen and (max-width: 640px) {
.container{ padding:0 0; overflow:hidden;}
.navbar-brand{ width:100%; text-align:center}
.navbar-brand img{ width:auto; max-width:100%; max-height:100px; text-align:center}
.form{ position:static; padding:0 20px}
.top-right{ position:absolute; z-index:9; margin:0 auto; padding:10px 0;}
.top-right p a{ background:#303030; color:#fff; margin-left:6px;}
.top-right p a:hover{ background:#fff; color:#000;}
.rgt-pnl{ float:left; width:100%; margin:0 auto; margin-bottom:20px;}
.rgt-pnl iframe{ width:70%; height:300px}
.service{ padding-bottom:20px;}
.service img{ height:200px;}
.form-group{ width:auto; float:none; margin:10px auto}
.banner img{ width:100%; height:auto; min-height:inherit}
.prd{ float:left; padding:15px 25px; border-bottom:dotted 1px #cfcfcf;}
.prd img{ width:30%; height:auto;}
.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{ background:#none;}
.prd{ width:100%; clear:both; margin-bottom:20px;}
header.affix{ position:static; animation:none;}
.about, .rgt-pnl, .why-pd, .video{ padding:0 25px;}
.about img{ width:50%;}
.gly img{ width:47%; margin:10px 5px; border:solid 1px #cfcfcf; max-height:180px;}
.navbar-collapse{ padding:10px}
.navbar-nav{ margin:0 auto;}
.navbar-collapse .navbar-nav > li > a{ color:#fff; padding:8px 20px}
.navbar-collapse .navbar-nav > li > a:hover{ background:#303030; color:#fff;}
.navbar-collapse .navbar-nav > li > a .glyphicon{ color:#fff;}
.navbar-collapse .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover{ background:none; color:#fff}
.navbar-default .navbar-nav .open .dropdown-menu > li > a{ color:#fff;}
.dropdown-menu > li > a:hover{ background:#6ab769; color:#fff}
.service h3 span{ float:right; font-size:15px; padding:5px 0; display:block}

.foot{ width:80%;}
.navbar-brand img{ float:none; text-align:center;}
footer{ text-align:center; padding:0 0; margin:0 auto;}
.pull-right{ float:none !important; margin:10px auto; text-align:center}

.side_btn{ top:18%;}
.side_frm{ top:10%}
.form-small{ position:fixed; z-index:99; right:0; margin-top:150px;}
.video img{ float:left; width:60%; height:200px; margin:15px auto;}
.video iframe{ float:left; width:60%; height:200px; margin:15px auto;}

.form{ position:static; margin:0 auto; right:0; padding:0 0; width:96%}
.form .form-group, .form .btn{ width:50%;}
.form-over{ width:100%; margin:0 auto; right:0;padding:0 0;}
.prd p a{
  margin-left:0px !important;
}
}


@media only screen and (max-width:480px){ .cboxPhoto{ max-width:340px !important; max-height:200px !important  } 
.logo img{ width:100%; max-width:100%; max-height:70px;}
.prd{ padding:15px 30px;}
.prd img{ width:100%; margin-bottom:10px}
.gly img{ height:150px;}
footer p img{ text-align:center; margin:10px;}
.video img{ width:100%;}
.video iframe{ width:100%;}
.about img{ width:100%;}

.form{ position:static; margin:0 auto; right:0; padding:0 0; width:96%}
.form .form-group, .form .btn{ width:80%;}
.form-over{ width:100%; margin:0 auto; right:0;padding:0 0;}
.prd p a{
  margin-left:0px !important;
}
}

@media only screen and (min-width:361px) and (max-width: 479px)
{
.gly img{ width:80%; min-height:inherit; height:auto; max-width:inherit; height:auto;}
.prd p a{
  margin-left:0px !important;
}
}

@media only screen and (max-width: 360px) {
.logo img{ width:100%; max-width:100%; height:50px;}
.service img{ height:auto}
.btn{ width:100%; margin:0 auto;}
.rgt-pnl iframe{ width:70%; height:200px}
.cboxPhoto{ max-width:220px !important; max-height:150px !important  }
.top-cnt p a{ line-height:30px;}
.gly img{ width:80%; height:auto; max-height:inherit}
footer p{ width:100%; text-align:center; line-height:30px;}
.about, .rgt-pnl, .why-pd, .video{ padding:0 30px;}
.prd p a{ 
  margin-left:0px !important;
}
}


@media only screen and (max-width: 320px) {
.logo img{ width:100%; max-width:100%; height:60px;}
.prd p a{
  margin-left:0px !important;
}

}

/*Custom CSS*/
.errmsg-body{    
  background: wheat none repeat scroll 0 0;
    border: 1px solid #ccc998;
    color: #BF0C0C;
    font: 12px/11px arial;
    margin: 10px 0px;
    padding: 5px;
}
.errmsg-body > ul{
    padding-left:10px;
    overflow:hidden;
    margin-left: 5px;
}
.errmsg-body > ul li{
  padding:1px;
  margin-top:2px;
        float:left;
        line-height: 10px;
}
.prod-prime{  
  margin: 20px 0 0 0;
}
/*For Thankyou*/
.thankyou .tbl{display: table; width: 100%; height: 300px}
.thankyou .tbl-cl{display: table-cell}
.thankyou .VAM{vertical-align: middle}
.thankyou .TAC{text-align: center}
.thankyou img{max-width: 100%;}

.btn-default {
    color: #fff;
    background-color: #f00300;
    border-color: #f00300;
}

.btn-default:hover {
    color: #fff;
    background-color: #dc3237;
    border-color: #dc3237;
}
@-webkit-keyframes blinker {  
  from { opacity: 1.0; }
  to { opacity: 0.0; }
}

#form h3 {
  -webkit-animation-name: blinker;  
  -webkit-animation-iteration-count: infinite;  
  -webkit-animation-timing-function: cubic-bezier(.5, 0, 1, 1);
  -webkit-animation-duration: 1s; 
}  
.btn-quote{
  position:relative;
  padding:7px 32px;
  line-height:24px;
  background: #ff1313;
  color:#ffffff !important;
  font-size:24px;
  font-weight:700;
  border:2px solid #d04703 !important;
    text-transform:uppercase;
    border-radius:0px;
    width:20%;

}
.blink-text .btn-quote{
  -webkit-animation-name: blinker;  
  -webkit-animation-iteration-count: infinite;  
  -webkit-animation-timing-function: cubic-bezier(.5, 0, 1, 1);
  -webkit-animation-duration: 1s; 
}  
.prd p a{
  /* margin-left: 42px; */
}
.bg1 a{
  color:#02feff;
}
.btn-primary {
    color: #fff;
    background-color: #f00300;
    border-color: #f00300;
}
.btn-primary:hover {
    color: #fff;
    background-color: #333;
    border-color: #333;
}

.brochure{
        margin: 4em 0;
}