@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,700);

body{ line-height:25px; font-family: 'Roboto', sans-serif; font-size:14px; color:#333; }
.container { max-width:1320px; width:100%; }


h1{font-size:22px; color:#444; margin: 0 0 25px 0!important; text-transform: uppercase!important; display: inline-block;}
h2{font-size:20px; color:#444; margin: 0 0 25px 0; position:relative; text-transform: capitalizeimportant;}
h3{font-size:17px; color:#444; margin:15px 0;}
h4{font-size:16px; color:#444; margin:20px 0; }
a:hover { color:#FFF; }

ul {list-style-type: square!important;}

p {margin-bottom: 10px;}

a { color:inherit;  }
a:hover { color:inherit; }
.margin-bottom-30{ margin-bottom:30px; }
.margin-bottom { margin-bottom:10px; }

.container-fluid {padding: 0;}

.padding { padding: 15px; }

.padding-top-bottom {padding: 40px 0!important;}

.big-fonts { font-size: 16px; }

.border-top-bottom {border-top: 2px solid #922479; border-bottom: 2px solid #922479; padding: 11px 0; border-bottom: 0;}

.gradient {
	background: #df1666; height:5px;
  background: -moz-linear-gradient(left,  #df1666 0%, #df1666 6%, #fcb514 6%, #fcb514 17%, #1ba6e0 17%, #1ba6e0 28%, #f05423 28%, #f05423 39%, #9c479b 39%, #9c479b 50%, #a7ce38 50%, #a7ce38 50%, #a7ce38 61%, #df1666 61%, #df1666 72%, #092247 72%, #092247 83%, #155d94 83%, #155d94 94%, #df1666 94%, #df1666 100%);
  background: -webkit-linear-gradient(left,  #df1666 0%,#df1666 6%,#fcb514 6%,#fcb514 17%,#1ba6e0 17%,#1ba6e0 28%,#f05423 28%,#f05423 39%,#9c479b 39%,#9c479b 50%,#a7ce38 50%,#a7ce38 50%,#a7ce38 61%,#df1666 61%,#df1666 72%,#092247 72%,#092247 83%,#155d94 83%,#155d94 94%,#df1666 94%,#df1666 100%);
  background: linear-gradient(to right,  #df1666 0%,#df1666 6%,#fcb514 6%,#fcb514 17%,#1ba6e0 17%,#1ba6e0 28%,#f05423 28%,#f05423 39%,#9c479b 39%,#9c479b 50%,#a7ce38 50%,#a7ce38 50%,#a7ce38 61%,#df1666 61%,#df1666 72%,#092247 72%,#092247 83%,#155d94 83%,#155d94 94%,#df1666 94%,#df1666 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#df1666', endColorstr='#df1666',GradientType=1 );
}


body h1 .gradient {width: 60%; margin-left: 20%; margin-top: 15px;}
/*****************************************************header***********************************************/

.menu-logo {padding: 15px 50px; background-color: #f5f5f5; border-bottom: 3px solid #9c479b;}



.menu-line { float:right; background:#84b63b; color:#FFF; border-left:5px solid #922479; padding-right:10px; margin:0 0 15px 0;  display: none;}

.menu-line li img { float:left; border-right:1px solid #679525; padding:5px 10px; margin-right:10px }
.menu-line li p, .menu-line li a { float:left; margin:0; padding:5px 0; }
.navbar-toggle { padding: 12px; margin:10px 0 0 0; border-radius: 0; display:block;}
.navbar-toggle .icon-bar { background: #b1b1b1;}
.offcanvas.in { background:#fff; }
.nav > li  { position: relative; display: block;  padding: 0px 15px; border-bottom: 2px solid #f1f1f1;}
.navbar-right { margin:10px 0; }


.nav > li > a { background:transparent; color:#444; text-transform:uppercase; padding:15px 0;}
.nav > li > a:hover { background:transparent; color:#000; } 
.navmenu-fixed-right, .navbar-offcanvas { border-color: #e7e7e7;}

/*****************************************************banner***********************************************/

.bx-li-set { width:100% !important; }
.bx-set { padding-left:0px; }
.bx-wrapper .bx-viewport {
  -moz-box-shadow: 0 0 5px #ccc;
  -webkit-box-shadow: 0 0 0px #ccc;
  box-shadow: 0 0 0px #ccc;
  border: 0px solid #fff;
  left: 0px;
  background: #fff;
  -webkit-transform: translatez(0);
  -moz-transform: translatez(0);
  -ms-transform: translatez(0);
  -o-transform: translatez(0);
  transform: translatez(0);
}


.carousel-inner .item {
  -webkit-transition-duration: 0.7s;
  -moz-transition-duration: 0.7s;
  -o-transition-duration: 0.7s;
  transition-duration: 0.7s;
}

/*****************************************************main-contant***********************************************/

.about {background-color: #f2f2f2;}
.main-block { display:inline-block;  }
.main-block a { display:inline-block; padding:0px 10px; margin:20px 0 20px 0; border:1px solid #333; padding: 5px 20px;}

/*****************************************************quick-product***********************************************/

.footer-bg { background:#2f2f2f; color:#FFF; text-align:center;}
.footer-bg * { color:#FFF; font-size:14px; }
.footer-product-set div h4 { margin-top:0; }
.footer-product-set div { padding:0; }
.dev-link { text-align:center; padding: 10px 0; border-top: 1px solid #484848;}
.dev-link p { margin:0;}

.pu-coatings, .hi-performance-coatings, .wood-coatings, .general-industrial-coatings {padding:10px 0; }
.hover-effect {float:left; display: inline-block; background: black; padding: 0; position:relative; }

.hover-effect h4 { color:#FFF; }

.hover-effect img {
	width:100%;
  opacity:1;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;}
  .hover-effect span{ color:#fff; 
    display:none;

  }
  .hover-effect:focus, .hover-effect:hover span{ color:#fff; 
    display:block;
    position:absolute;
    left:0;
    right:0;
    text-align:center;
    top:40%;
  }
  .hover-effect:focus, .hover-effect:hover img{ color:#fff; 
    display:block; opacity:0.3; -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }

  
  .about p {color: #333;}
  .inner-banner { background:url(../images/inner/about-banner.jpg) center center no-repeat; background-size:cover; }
  .products-applications { background:url(../images/inner/products-applications.jpg) center center no-repeat; background-size:cover; }
  .inner-banner-bg { background:rgba(0,0,0,0.5); padding:12% 0;}

/*****************************************************Contact***********************************************/

#map{height:300px; width:100% !important; }

/*****************************************************Location***********************************************/

.inner-text { margin-left: 20px; margin-top: 10px; }

.vertical-align-middle { display:inline-block; float:none; vertical-align:middle; }
.border-bottom:after { content: ''; border-bottom: 2px solid #922479; position: absolute; width: 6%;height: 1px; left: 47%;  padding-top:32px; }
.no-style { list-style-type:none!important; padding:0px; }

.thank-you h1 { padding:5% 0; }

.white-gray {background-color: #f9f9f9}
.navbar-nav .active-links { color: #333333; border-bottom: unset}
.header-logo{margin: 15px 0;}
.footer-bg .no-style .phone-num {display: flex; justify-content: center;}

@media( min-width:768px){ 

  .navbar-toggle {margin:30px 0 0 0;}
  .footer-bg .no-style .phone-num {display: inline-block;}
  .header-logo { margin:15px 0; }
  .navbar-toggle {margin:15px 0 0 0;}
  .about-bg-img { text-align:left; }
  .navbar-toggle {margin-right:15px;}
  .pu-coatings, .hi-performance-coatings, .wood-coatings, .general-industrial-coatings {padding:0; }
  .hover-effect h4 {  margin:0; } 
  .dev-link p { float:left; }
  .dev-link a { float:right; }
  .footer-bg { text-align:left;}
  .primers-inner .images img {max-width: 70%;}
  .map {width: 100%; height: 350px;}

}

@media( min-width:992px){ 

  .menu-logo {display: none;}
  .navbar-nav .active-links { color: #333333; border-bottom: 2px solid #983080;}
  .menu-line { float:right; background:#84b63b; color:#FFF; border-left:5px solid #922479; padding-right:10px; margin:0 0 15px 0; display: inline-block;}
  .nav > li  { position: relative; display: block;  padding: 0px 15px; border-bottom: unset}

  .remove {display: none!important;}
  .navbar-toggle {display:none;}
  .main-blockmain-block a { margin:20px 0 20px 0;}
  .padding-top-bottom {padding: 80px 0!important;}

  .navbar-nav li {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
  }
  .navbar-nav li a:after {
    content: "";
    position: absolute;
    z-index: -1;
    margin-top:50px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-bottom:2px solid #983080;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
  }

  .navbar-nav li a:hover:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }

}

.header .navbar ul .dropdwown-sm {position: relative; z-index:  999}
.header .navbar ul .dropdwown-sm .main-dropdown-sm {padding:  0; background-color:  #fff; box-shadow:   0 0 2px #00000045;  display: none; transition: all 0.5s ease ;; width:  100%;}   
.header .navbar ul .dropdwown-sm:hover .main-dropdown-sm {display: inline-block;}   
.header .navbar ul .dropdwown-sm .main-dropdown-sm li {display: block; border-top: 1px solid #3333333d; background-color: #f5f5f5;}  
.header .navbar ul .dropdwown-sm .main-dropdown-sm li a {text-decoration: none;  padding: 12px 15px; ; display: block; text-transform: uppercase;}
.header .navbar ul .dropdwown-sm .main-dropdown-sm li a:hover {background-color: #fff;}
.header .navbar ul .dropdwown-sm .main-dropdown-sm li a:after  {display:  none;}  
.header .navbar ul .dropdwown-sm {padding: 0 0!important;}
.header .navbar ul .dropdwown-sm .dropdwon-sm-link {padding: 15px!important ;}

.primers-inner .width-haf {width: 100%;}
.primers-inner table {
  border-collapse: collapse;
  border-bottom: 1px solid #7d7c7c;
}

.primers-inner .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {border-top:  1px solid #7d7c7c}
.primers-inner table tr:nth-child(even) {
  background-color: #f2f2f2;
}

@media(min-width : 992px){

  h1{font-size:34px; margin: 0 0 30px 0!important; text-transform: uppercase!important;}
  h2{font-size:28px; margin: 30px 0!important; text-transform: capitalizeimportant;}
  h3{font-size:22px;}

  .header .navbar ul .dropdwown-sm .main-dropdown-sm {position: absolute;top:   100%; left:  0; padding:  0; background-color:  #fff; box-shadow:   0 0 2px #00000045;  display: none; transition: all 0.5s ease ;; width:  100%;}   

  .header .navbar ul .dropdwown-sm .main-dropdown-sm {width:  220px;}   

  .primers-inner .width-haf {width: 80%;}
  .primers-inner .width-haf-2 {width: 50%;}
}

.main-dropdown-sm .navbar-nav a.active-links {padding-bottom: 0!important;}
.primers-inner ul {margin-bottom: 30px;}

.two-products {padding: 20px 0;}
.primers-inner .row {padding: 30px 0;}
.responsive-table {overflow-x: auto;}
.primers-inner .images {margin: 50px 0;}


.map {width: 100%; height: 250px;}

.color-box {padding: 15px 0; margin: 0 0; text-align: center;}
.color-box h3 {color: #fff; transition: all 0.6s ease;}
.color-box:hover h3 {transform: scale(1.1);}
.color-box a {text-decoration: none;}

.color-full .col-md-3 {padding: 0;}
.color-full {overflow: hidden;}

.color-full .c-pink { background-color: #df1666}
.color-full .c-yellow {background-color: #fcb514 }
.color-full .c-light-blue {background-color: #1ba6e0;}
.color-full .c-orange {background-color: #f05423;}
.color-full .c-purple {background-color:#9c479b;}
.color-full .c-green {background-color: #a7ce38 ;}
.color-full .c-red {background-color: #eb2222;}
.color-full .c-blue {background-color: #155d94 ;}

@media(min-width: 992px){

  
  .primers-inner .images {padding: 0 0;}
  .color-box {padding: 60px 0; margin: 0 0; text-align: center;}

  .map {width: 100%; height: 450px;}

}