@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/opensans-regular-webfont.eot');
    src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('../fonts/opensans-regular-webfont.woff') format('woff'),
         url('../fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('../fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sanslight';
    src: url('../fonts/opensans-light-webfont.eot');
    src: url('../fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-light-webfont.woff2') format('woff2'),
         url('../fonts/opensans-light-webfont.woff') format('woff'),
         url('../fonts/opensans-light-webfont.ttf') format('truetype'),
         url('../fonts/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;

}


body{background-color:#ffbc2c;  font-family: 'open_sanslight'; }
header .container{background:url(../images/paints_header.jpg) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;}
footer{}
.gallery a{ opacity:0.75;}
.gallery a img{ border:solid 2px #161616; margin:0.8%; }
.gallery a:hover{ opacity:1.0;}
.gallery h1{ background-color:#2f2b60; color:#fff; padding:1%;}
p{ text-align:justify;}
.logo{display:inline-block; }
.tagline{float:LEFT; margin:35px 0px 0 0; font-size:16px; font-weight:bold; text-align:right;}
.header-social-media{margin:30px 0 0 0; padding:0; float:right;}
.header-social-media li{float:left; width:36px; height:36px; list-style:none; background:#fff; border-radius:50%; margin-left:8px;}
.header-social-media li a{display:block; text-align:center; line-height: 36px; color:#000;}
.header-social-media li:hover{background:#048cc8;}
.header-social-media li:hover a{color:#fff;}
.banner-shadow{background:url(../images/banner-shadow.png) no-repeat; background-size:100% 100%;    height: 30px; width: 100%; position: absolute; bottom: 0;}
#navbar{background:#ef0e0c; margin:  0 -15px;    padding: 0;}
#navbar a{color:#fff; -webkit-transition: all .6s ease-in-out;
       -o-transition: all .6s ease-in-out;
          transition: all .6s ease-in-out; font-weight:bold; font-size:18px;}
.navbar{border:0; margin-bottom:0;}
.main-container{background:#fff; 
background: url(../images/paints.jpg) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
		
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{  background-color: #048cc8; -webkit-transition: all .6s ease-in-out;
       -o-transition: all .6s ease-in-out;
          transition: all .6s ease-in-out;}
.nav li a:hover{background-color: #048cc8; -webkit-transition: all .6s ease-in-out;
       -o-transition: all .6s ease-in-out;
          transition: all .6s ease-in-out;}
.navbar-nav>li>.dropdown-menu{background-color: #048cc8; padding:0;}
.navbar-nav>li>.dropdown-menu a:hover{background:#000; -webkit-transition: all .6s ease-in-out;
       -o-transition: all .6s ease-in-out;
          transition: all .6s ease-in-out;}
.navbar-nav>li>.dropdown-menu a{padding:8px 10px;}
#navbar li.active a{    background-color: #048cc8;}
.home-aboutus{background-color: #048cc8; padding:25px; color:#fff; min-height:400px;
border-radius: 25px;
margin-top:2%;

}
.sidemenu{background-color: #e8e8e8; padding:25px;}
.sidemenu ul li a{ background-color:#ffbc2c; color:#000000; border-bottom:dotted 1px #fff;}
.sidemenu ul li a:hover{ color:#FFFFFF;}
.row h1{ font-size:20px; border-bottom:dotted 2px #ccc;}
.row h2{ font-size:18px;}
.home-aboutus h1{margin:0; padding:0; font-size:24px;font-family: 'open_sanslight'; margin:0 0 15px 0;}
.home-aboutus p{line-height:22px; margin-bottom:25px;}
.home-aboutus p:last-child{margin-bottom:0;}
.home-aboutus .btn{background:none; border-color:#fff; -webkit-transition: all .6s ease-in-out;
       -o-transition: all .6s ease-in-out;
          transition: all .6s ease-in-out;}
.home-aboutus .btn:hover{ background-color:#fff; color:#0066FF;   -webkit-transition: all .6s ease-in-out;
       -o-transition: all .6s ease-in-out;
          transition: all .6s ease-in-out;
}
.navbar-nav>li>.dropdown-menu ul{ display:none; position: absolute; background-color: #000; width: 158px;  left: 158px;  top: 0; margin: 0;  padding: 0;border-radius: 0; border:0;}
.navbar-nav>li>.dropdown-menu li:hover ul{display:block;}
.navbar-nav>li>.dropdown-menu li{position:relative; list-style:none;}
.navbar-nav>li>.dropdown-menu ul li a{display:block;}
.home-colorshade{background-color:#dd431d; padding:25px; color:#fff;min-height:400px;}
.home-colorshade h1{margin:0; padding:0; font-size:24px;font-family: 'open_sanslight'; margin:0 0 15px 0;}
.home-colorshade p{line-height:20px; margin-bottom:25px;}
.home-colorshade p:last-child{margin-bottom:0;}
.home-colorshade .btn{background:none; border-color:#fff;}
.span-color-shade{text-align: right; color: #fff;font-size: 20px; text-transform: uppercase; float: right; font-weight: bold; border-bottom: 2px solid #fff; padding-bottom: 5px;  margin-bottom: 10px;}
.span-color-shade1{text-align: right; color: #fff; font-size: 12px; text-transform: uppercase; float: right;clear: both; font-weight: bold;}
.home-featured-prod{background-color: #f32f6f; padding:25px; color:#fff;min-height:205px; margin-bottom:5px;}
.home-featured-prod h1{margin:0; padding:0; font-size:24px;font-family: 'open_sanslight'; margin:0 0 15px 0;}
.home-featured-prod p{line-height:16px; margin-bottom:25px;}
.home-featured-prod p:last-child{margin-bottom:0;}
.home-featured-prod .btn{background:none; border-color:#fff;}
.home-featured-prod  .f_prod_img{float:left; width:34%; margin-right:10px;}
.home-featured-prod  .f_prod_desc{float:left; width:61%;}
.home-featured-prod  .f_prod_desc .f_prod_name a{color:#fff; font-weight:bold; }
.home-featured-prod  .f_prod_desc  p{margin-bottom:10px;}
.home-featured-prod .f_prod_detail{font-size:12px;}
.home-featured-prod .carousel-indicators{ position: relative; bottom: 0; float: right; left: auto; right: auto; width: auto;}
.home-video{background-color: #f32f6f; padding:25px; color:#fff;min-height:190px;}
.home-video1{background-color:#E1E1E1; padding:25px; color:#fff;min-height:190px;}
.home-video2{background-color:#FFFFFF; padding:25px; color:#fff;min-height:190px;}

#carousel-example-generic{margin-left:-15px;margin-right:-15px;}
.fix-social-media-device{position:fixed; top:55%; right:0; background:url(../images/fix-social-mdea-bg.png) no-repeat; width:152px; height:373px;}
.fix-social-media-device ul{margin:0; padding:0; margin:75px 0 0 15px; text-align:center;    width: 80px;}
.fix-social-media-device ul li{display:inline-block; width:36px; height:36px; list-style:none; background:#f0100d; border-radius:50%; margin-left:8px; margin-bottom:8px;}
.fix-social-media-device li a{display:block; text-align:center; line-height: 36px; color:#fff;}
.fix-social-media-device li:hover{background:#048cc8;}

footer{background:#ec268f; font-size:13px; padding:50px 0 0 0; color:#fff; border-top:3px solid #539008;}
footer .footer-block{float:left; width:18%; margin-left:15px;}
footer .footer-block:first-child{margin-left:0px;}
footer .footer-block h3{color:#000; margin:0 0 15px 0; font-size:20px; font-weight:bold;}
footer .footer-block ul{margin:0; padding:0;}
footer .footer-block ul li{list-style:none; padding:3px 0;}
footer .footer-block ul li a, .footer-block p{color:#fff; font-weight:bold; font-size:15px; letter-spacing:1px;}

.footer_row1{position: relative; top: -60px;}
.footer_row1 .container{padding:0;    background-color: #fff;}
.f_social_media{margin:0; padding:0;}
.f_social_media li{list-style:none; float:left; width:30px; height:30px; background:#c0beba; border-radius:50%; margin-left:5px;}
.f_social_media li a{display:block; font-size:16px; color:#fff; text-align:center; line-height:30px;}
.f-c-right {text-align:right;}
.f-c-right img{position: relative; right: -1px;}
.f-c-left {  width: 6%;}
.f-c-right {  width: 6%;}
.footer_row1 .col-md-7 {  width: 62.5%;}
.footer_2{background:#00afef; padding:20px 0; border-top:solid 5px #000;}
.footer_2 p{text-align:center; margin-bottom:0; color:#333; font-size:16px; font-weight:bold;}
.f_contact_detail_p{text-align:center; margin-top:30px;margin-bottom:30px; color:#fff; font-size:16px; font-weight:bold; clear:both; float: left; width: 100%;}
#newsletter label{ color: #1e1e1d; text-transform: uppercase; font-size: 16px; font-family: 'open_sanslight'; line-height: 30px; text-align: right; display: block;}
#newsletter .form-control{background:#f2f2f2; border-color:#e8e8e8;    box-shadow: none;}
.form-control{ margin:1% !important;}
#newsletter .btn{    background: #6d9d03;  border-color: #6d9d03;  border-radius: 0;}
.navbar-header .site_heading{display:none;}
.navbar-nav>li>.dropdown-menu .caret {display:none;}
.nav>li>a:focus, .nav>li>a:hover{    background-color: #048cc8;}
.colorblack{ color:#000000 !important; font-weight:bold;}

/*  Responsive Stylesheet */

@media(min-width:767px){
.open>.dropdown-menu { display: none;}
.navbar-nav>li ul{display:none}
.navbar-nav>li:hover ul{display:block;}
.navbar-nav>li:hover li ul{display:none;}
.navbar-nav>li:hover li :hover ul{display:block;}
}

@media(max-width:1199px){
.fix-social-media-device{display:none;}
}

@media(max-width:1024px){

}

@media(max-width:991px){
header .col-md-3{text-align:center;}
header .col-md-9{text-align:center;}
.home-aboutus{min-height: inherit;}
.home-featured-prod .f_prod_img{width: 100px;}
.home-video iframe{height:250:px;}
.footer_row1 .f-c-left{width:70px;float:left;}
.footer_row1 .col-md-3, .footer_row1 .col-md-7{float:left;}
.footer_row1 .f-c-right{width:70px;float:left;}
.footer_row1 .col-md-7{float:left;width:55.6%;}
#newsletter .col-md-5{float:left;}
#newsletter .col-md-5 + .col-md-5{float:left;}
#newsletter .col-md-2{float:left;}
#newsletter label{    font-size: 14px;}
footer  .footer-block{width:100%;    margin-left: 0px !important; margin-bottom:25px;}
.navbar-nav>li>.dropdown-menu ul{display:none; position:absolute;width: 150px;background-color: #048cc8; margin: 0;  padding: 0; left: 159px; top: 0;}
.navbar-nav>li>.dropdown-menu li:hover ul{display:block;}
.navbar-nav>li>.dropdown-menu li ul li{list-style:none;}
.navbar-nav>li>.dropdown-menu li ul li a{padding: 8px 10px;    display: block;}
.home-colorshade{ background-size: 100%;}
.tagline { float: none; margin: 10px 0; font-size: 16px; font-weight: bold; text-align: center;}
.logo{margin: 5px 0 5px 0;}
header .container{background-size: 100% 100%;}

}

@media(max-width:767px){

.footer_row1 .f-c-left, .footer_row1 .f-c-right{display:none;}
.footer_row1 .col-md-3, .footer_row1 .col-md-7{float:none;}
.footer_row1 .container{	padding-right: 15px; padding-left: 15px;}
.footer_row1 .col-md-7,  .footer_row1 .col-md-3{width: 100%;    clear: both;}
.navbar-toggle .icon-bar{background-color:#000;}
.navbar-header .site_heading{display:inline-block;    font-weight: bold;	   margin: 15px 0 0 15px;    float: left;}
.navbar-nav { margin: 0;}
.nav>li, .navbar-nav>li>.dropdown-menu li{    border-bottom: 1px solid #CA0F0D;}
.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a { padding: 8px 15px 8px 25px;}
a.dropdown-toggle .caret{float: right;  margin-top: 10px;}
.nav>li>a:focus, .nav>li>a:hover{background-color: #048cc8;}
.navbar-nav>li>.dropdown-menu li:hover ul{display:none;}
.nav>li, .navbar-nav>li>.dropdown-menu li{cursor:pointer;}
.nav>li, .navbar-nav>li>.dropdown-menu li.open ul{display:block;}
.navbar-nav>li>.dropdown-menu .caret{display:inline-block;float: right;  margin-top: 7px;}
#newsletter .col-md-5{    float: left;  width: 100%;  text-align: left;}
#newsletter label{    text-align: left;}
#newsletter .col-md-2 {  float: left;  margin-top: 10px;   margin-bottom: 10px;}
.f_social_media{float: left;  width: 100%;  margin: 0 0 15px 0;}


}




