html{
overflow-x: hidden;
scroll-behavior: smooth;
}	
body{
font-family: 'Open Sans', sans-serif;
font-size:13px;
color:#666666;
background:#f1f1f1;
line-height:1.714em;
text-transform: none;
}
img {
max-width: 100%;
}
a {
text-decoration: none;
outline: 0;
color:#058fc7;
-webkit-transition: all 0.15s linear;
-moz-transition: all 0.15s linear;
-o-transition: all 0.15s linear;
transition: all 0.15s linear;
}
a:hover, a:focus {
color:#323232;
text-decoration: none;
}
a, a:focus {
outline:0;
outline-offset:0;
text-decoration:none;
}
.top-bar a {
color: #fff;
}
.top-bar a:hover {
opacity: 0.8;
}
button{
border:none;
}
hr{
border-color:#ddd;
margin-top:30px;
margin-bottom:30px;
}
.home-pad{
padding-top:70px;
}
.small-top-pad{
padding-top:40px;
}
#body-content{
padding:70px 0;
overflow:hidden;
}
#body-content.no-pad-top{
padding-top:0;
}
#body-content.no-bottom-pad, .fullscreen.no-bottom-pad{
padding-bottom:0;
}
.divider-wrap {
display: block;
height: 1px;
margin: 25px 0;
position: relative;
width: 100%;
}
.theme-color{
color:#058fc7;
} .boxed-wrap{
background:url(//spraytechindia.ru/wp-content/themes/spraytech/assets/images/pattern5.png) repeat;
padding:50px 0;
}
.boxed-wrapper{
max-width:1270px;
margin:0 auto;
position:relative;
background:#f1f1f1;
box-shadow: 0 0px 40px 0 rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 0px 40px 0 rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 0px 40px 0 rgba(0, 0, 0, 0.3);
}  .pb_foot {
margin-bottom: 20px;
float: right !important;
}
header{
background:#FFF;
}
header .style-one *[class*="col-"]{
padding:15px;
}
header .style-one .top-bar{
padding:0;
overflow:hidden;
}
header .style-one .top-bar *[class*="col-"]:first-child{
text-align:right;
}
header .style-one .top-bar *[class*="col-"]:last-child{
text-align:left;
position:relative;
z-index:3;
}
header .style-one .top-bar *[class*="col-"]:last-child:after{
position:absolute;
content:"";
left:0;
background:#058fc7;
width:100%;
top:0;
height:100%;
z-index:-1;
}
.style-2 header{
position:fixed;
top:0;
z-index:100;
width:100%;
left:0;
}
.style-2 header, .style-2 header .top-bar{
background:none;
}
.style-2 header #nav-wrap{
background:rgba(255, 255, 255, 0.9);
}
.style-2 header #nav-wrap.navbar-fixed-top{
background:#FFF;
}
.style-2 header.header-static{
position:relative;
}
.style-2 header.header-static .navbar-fixed-top{
position:fixed;
}
.nav-contact{
float:right;
}
.nav-contact ul{
list-style-type:none;
padding:0;
margin:0;
}
.nav-contact ul li{
display:inline-block;
padding:0 0 0 15px;
}
.nav-contact ul li h3{
font-size:16px;
}
.nav-contact ul li i{
color: #fff;
float: left;
font-size: 16px;
height: 40px;
line-height: 40px;
text-align: center;
width: 40px;
}
.style-4 .nav-contact ul li i{
float:none;
}
.style-4 .nav-contact ul li h3 small{
display: block;
padding: 5px 0 0 0;
}
.nav-contact ul li small{
font-size:14px;
}
.nav-contact ul li .icon-big{
padding:0;
}
.style-4 #nav-wrap{
background:#f5f5f5;
}
.style-4 .nav-box{
margin-top:20px;
margin-bottom:10px;
}
.menu-search{
float:right;
padding:22px 0 0 0;	
}
.menu-search input{
background:#e2e2e2;
color:#333;
border:none;
max-width:200px;
padding:4px 18px;
border-radius:20px;
-moz-border-radius:20px;
-webkit-border-radius:20px;
}
.menu-search input:focus{
outline:none;
}
.logo{
display:inline-block;
}
.top-bar{
background:#003f58;
padding:8px 0;
color:#FFF;
}
.top-bar span{
margin-right:10px;
}
.top-bar span i{
margin-right:2px;
}  h1, h2, h3, h4, h5, h6 {
margin-bottom: 22px;
font-family: 'Roboto Slab', serif;
font-weight:300;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
font-weight: inherit;
}
h1 {
font-size: 32px;
margin-top:0;
color:#058fc7;
}
h2 {
font-size: 24px;
margin-top:0;
color:#058fc7;
}
h3 {
font-size: 18px;
color:#323232;
margin-top:0;
}
h4 {
font-size: 16px;
color:#666;
}
h5 {
font-size: 15px;
color:#666;
}
h6 {
font-size: 14px;
color:#666;
}  .article-page-wrap {
padding: 70px 0;
}
.article-extr-wrap {
padding-bottom: 70px;
}
.article-extr-title {
font-family: 'Roboto Slab', serif;
font-weight: 300;
font-size: 30px;
color: #058fc7;
margin-bottom: 20px;
}
.article-page-row {
display: flex;
flex-direction: column;
gap: 50px;
}
.article-page-top,
.article-page-bottom {
display: grid;
grid-template-columns: 3fr 1fr;
grid-column-gap: 40px;
}
.article-left {
background-color: #fff;
padding: 40px;
}
.article-content {
margin-top: 30px;
}
.article-left img {
display: block;
margin: 0 auto;
}
.article-right {
padding-bottom: 20px;
background-color: #fff;
}
.sticky-wrapper {
position: sticky;
top: 92px;
}
.article-sticky {
position: relative;
}
.article-content h2,
.article-content h3 {
scroll-margin-top: 100px;
}
.toc-title {
font-family: 'Roboto Slab', serif;
font-size: 20px;
font-weight: 500;
margin-bottom: 20px;
background-color: #058fc7;
color: #fff;
padding: 20px;
}
.toc-list {
padding-left: 20px;
}
.toc-item {
list-style: none;
margin-bottom: 20px;
font-size: 14px;
padding-left: 15px;  
}
.toc-item.active {
font-weight: 500;
border-left: 3px solid #058fc7;
}
@media screen and (max-width: 900px) { 
.article-page-bottom,
.article-page-top {
grid-template-columns: 1fr;
}
.article-page-bottom .article-right {
grid-area: 1 / 1 / 1 / 1;
margin-bottom: 50px;
padding: 0;
}
.article-page-row {
gap: 30px;
}
.contacts-page-row {
flex-direction: column;
}
.designers-page-title .title-h1 {
font-size: 54px;
}
.designers-adv-block {
grid-template-columns: repeat(2, 1fr);
grid-template-rows: 2fr 2fr 1fr 1fr;
}
.pb_foot {
float: left !important;
}
}  #nav-wrap{
background:#FFF;
}
.navbar-fixed-top#nav-wrap{
box-shadow:0 0px 10px 0 rgba(0, 0, 0, 0.2);
-webkit-box-shadow:0 0px 10px 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow:0 0px 10px 0 rgba(0, 0, 0, 0.2);
}
.menuzord{
padding:0;
background:none;
}
.menuzord-brand{
margin:10px 0;
}
.menuzord-menu > li > a, .menuzord-menu > li > .megamenu, .menuzord-menu ul.dropdown li a{
font-family: 'Roboto Slab', serif !important;
}
.menuzord-menu ul.dropdown li{
border-bottom:1px solid #ddd;
}
.menuzord-menu > li > a{
text-transform:uppercase;
font-size:14px;
color:#666;
font-weight:400;
}
.menuzord-menu > li.active > a, .menuzord-menu > li:hover > a, .menuzord-menu ul.dropdown li a:hover{
color:#058fc7;
}
.menuzord-menu ul.dropdown li a:hover{
background:#f1f1f1;
}
.menuzord-menu > li.link-circle:first-child a{
padding:26px 0 0 0px;	
}
.menuzord-menu > li.link-circle a{
padding:26px 0 0 5px;	
}
.menuzord-menu > li.link-circle span.indicator{
display:none;
}
.menuzord-menu > li.link-circle a i{
height:30px;
width:30px;
line-height:30px;
text-align:center;
background:#058fc7;
color:#FFF;
position:relative;
top:-5px;
border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius:50%;
-webkit-transition: all 0.15s linear;
-moz-transition: all 0.15s linear;
-o-transition: all 0.15s linear;
transition: all 0.15s linear;
}
.menuzord-menu > li.link-circle a:hover i{
background:#333;
}
.menuzord-menu > li > a > i{
font-size:14px;
}
.menuzord-menu ul.dropdown,
.menuzord-menu ul.dropdown li ul.dropdown,
.menuzord-menu > li > .megamenu{
border-top:2px solid #058fc7;
border-bottom-left-radius:3px;
border-bottom-right-radius:3px;
box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.2);
}
.menuzord-menu ul.dropdown li{
font-size:13px;
font-weight:500;
}
.mega-title{
font-size:16px;
font-family: 'Roboto Slab', serif;
font-weight:300;
}
.megamenu ul{
list-style-type:none;
padding:0;
margin:0;
}
.megamenu ul li{
padding:5px 0;
}
.megamenu ul li a{
background:#f1f1f1;
display:block;
padding:5px 10px;
color:#333;
}
.megamenu ul li a:hover{
background:#403e44;
color:#FFF;
}  .card-img img{
height: 320px;
object-fit: contain;
width: 100%;
display: block;
background-color: #fff;
padding-bottom: 10px;
}
.slider-wrap{
background:#CCC;
}
.tp-caption.NotGeneric-Title, .NotGeneric-Title{
font-family: 'Roboto Slab', serif !important;
font-weight:300 !important;
width: 100% !important;
}
.tp-caption.NotGeneric-SubTitle, .NotGeneric-SubTitle{
font-family: 'Roboto Slab', serif !important; }
.slider-head{
font-family: 'Roboto Slab', serif !important;
padding:40px;
background:#058fc7;
line-height:30px !important;
display:block;
font-weight:300 !important;
}
.slider-head small{
font-size:30px;
}
.slider-small{
font-size:34px;
line-height:14px;
}
.tp-caption {
white-space: normal !important;
} #rev_slider_4_1 .tp-caption {
width: 100% !important;
max-width: 1200px;
line-height: 1.3;
overflow-wrap: break-word;
} #rev_slider_4_1 [id*="layer-1"] {
font-size: clamp(20px, 5vw, 70px);
line-height: 1.1;
width: 100% !important;
max-width: 1000px;
} #rev_slider_4_1 [id*="layer-2"] {
font-size: clamp(14px, 2vw, 18px);
line-height: 1.6;
width: 100% !important;
max-width: 800px;
} #rev_slider_4_1 [id*="layer-3"] {
margin-top: 20px;
}
#rev_slider_4_1 .tp-caption {
transform: translateY(0) !important;
} @media (max-width: 768px) {
#rev_slider_4_1 .tp-caption {
max-width: 100%;
padding: 0 20px;
}
#rev_slider_4_1 [id*="layer-1"] {
min-width: 400px !important;
max-width: 100% !important;
line-height: 30px !important;
font-size: 24px !important;
}
#rev_slider_4_1 [id*="layer-2"] {
font-size: 13px !important;
}
#rev_slider_4_1 [id*="layer-3"] {
padding: 10px 20px !important;
margin: 20px 0 0 20px !important;
}
.slider-small {
font-size: 24px !important;
}
}  .owl-carousel .owl-item img {
background-color: #fff;
border-right: 2px solid #f1f1f1;
}
.heading-main{
text-align:center;
margin:0 0 35px 0;
}
.heading-main h1{
position:relative;
margin:0 0 25px 0;
padding:0 0 25px 0;
font-weight:300;
color:#262626;
text-align:center;
}
.heading-main h1:after, .heading-main h1:before{
position:absolute;
content:"";
width:40px;
height:4px;	
left:50%;
bottom:0;
margin:0 0 0 -20px;
}
.heading-main h1:after{
background:#d4d4d4;
margin:0 0 0 -25px;
bottom:-4px;
z-index:100;
}
.heading-main h1:before{
background:#058fc7;
margin-left:-15px;
}  .stats-wrap{
text-align:center;	
}
.stats-wrap .box i{
margin:0 8px 0 0;
}
.stats-wrap .box{
padding:25px 0;
font-size:14px;
background:#3c3c3c;
text-align:center;
color:#FFF;
margin-top: 17px;
}
.counter{
color:#3c3c3c;
font-size:48px;
font-weight:300;
font-family: 'Roboto Slab', serif;
bottom:-7px;
position:relative;
}
.parallax .stats-wrap .box{
background:#058fc7;
color:#fff;
border: 0px solid #fff;
}
.parallax .counter{
color:#FFF;
}  .home-about{
margin-bottom:170px;
}
.home-about .about-white-intro {
box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.1);
margin-bottom: -250px;
position: relative;
z-index: 1;
}
.about-white-intro{
background:#FFF;
padding:35px;
}
.offsetting-div .sub-text{
max-width:82%;
text-align:center;
margin:0 auto;
}
.offsetting-div{
margin-left: -13.99%;
margin-bottom:40px;
}
.offsetting-div blockquote {
color: #fff;
display: table-cell;
vertical-align:middle;
width:66.6667%;
}
.offsetting-div h2 {
display: table-cell;
padding: 0 0 0 15px;
vertical-align: middle;
}
.about-text {
padding-top: 15px;
}
.about-img {
height: 700px;
}
.about-num {
font-size: 26px;
font-family: 'Roboto Slab', serif;
font-weight: 300;
margin-top: 20px;
}
.about-num-text {
margin: 20px 0;
font-size: 30px;
font-family: 'Roboto Slab', serif;
font-weight: 300;
}
.about-img img{
height: 100%;
width: 100%;
object-fit: contain;
display: block;
}
.adv-card{
margin-top: 30px;
}
.team-wrap{
background:#FFF;
}
.team-wrap .text{
text-align:center;
padding:25px;
}
.team-wrap .text h5, .team-wrap .text h3{
line-height:22px;
margin:0;
}
figure.snip1210 {
color: #fff;
position: relative;
overflow: hidden;
margin: 0;
width: 100%;
background: #000000;
text-align: center;
}
figure.snip1210 * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
figure.snip1210 img {
opacity: 1;
width: 100%;
-webkit-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
}
figure.snip1210 figcaption {
display: inline-block;
top: 50%;
left: 0;
right: 0;
position: absolute;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
figure.snip1210 a {
height: 40px;
width: 40px;
overflow: hidden;
display: inline-block;
background-color: rgba(255, 255, 255, 0);
position: relative;
content: '';
margin: 0 7.5px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
figure.snip1210 a i {
position: absolute;
bottom: 0;
right: 0;
text-align: center;
font-size: 18px;
line-height: 40px;
height: 100%;
width: 100%;
opacity: 0;
-webkit-transition-delay: 0s;
transition-delay: 0s;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
outline:none;
}
figure.snip1210 a i:before {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
color: white;
}
figure.snip1210 a:before, figure.snip1210 a:after, figure.snip1210 a span:before, figure.snip1210 a span:after {
background-color: white;
position: absolute;
content: "";
display: block;
opacity: 0;
-webkit-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
figure.snip1210 a:before, figure.snip1210 a:after {
width: 0;
height: 2px;
}
figure.snip1210 a span:before, figure.snip1210 a span:after {
width: 2px;
height: 0;
}
figure.snip1210 a:before, figure.snip1210 a span:before {
left: 0;
top: 0;
}
figure.snip1210 a:after {
bottom: 0;
left: 0;
}
figure.snip1210 a span:after {
top: 0;
right: 0;
}
figure.snip1210 a:first-child:before, figure.snip1210 a:first-child span:before, figure.snip1210 a:first-child i {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
figure.snip1210 a:first-child:after, figure.snip1210 a:first-child span:after, figure.snip1210 a:first-child i {
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s;
}
figure.snip1210 a:nth-child(2):before, figure.snip1210 a:nth-child(2) span:before, figure.snip1210 a:nth-child(2) i {
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
figure.snip1210 a:nth-child(2):after, figure.snip1210 a:nth-child(2) span:after, figure.snip1210 a:nth-child(2) i {
-webkit-transition-delay: 0.45s;
transition-delay: 0.45s;
}
figure.snip1210 a:nth-child(3):before, figure.snip1210 a:nth-child(3) span:before, figure.snip1210 a:nth-child(3) i {
-webkit-transition-delay: 0.6s;
transition-delay: 0.6s;
}
figure.snip1210 a:nth-child(3):after, figure.snip1210 a:nth-child(3) span:after, figure.snip1210 a:nth-child(3) i {
-webkit-transition-delay: 0.75s;
transition-delay: 0.75s;
}
figure.snip1210:hover img, figure.snip1210.hover img {
opacity: 0.2;
}
figure.snip1210:hover a i, figure.snip1210.hover a i {
opacity: 1;
}
figure.snip1210:hover a:before, figure.snip1210.hover a:before, figure.snip1210:hover a:after, figure.snip1210.hover a:after {
opacity: 1;
width: 100%;
}
figure.snip1210:hover a span:before, figure.snip1210.hover a span:before, figure.snip1210:hover a span:after, figure.snip1210.hover a span:after {
opacity: 1;
height: 100%;
}
figure.snip1210 a:hover {
background-color: rgba(255, 255, 255, 0.15);
}
.video-icon-wrap{
background:#f07039;
}
.video-icon-wrap img{
opacity:0.5;
}
.video-icon.no-pad{
padding:0;
}
.video-icon{
padding:40px 0 58px 0;
}
.video-icon a, a.play-video{
width:50px;
height:50px;
text-align:center;
line-height:50px;
display:inline-block;
font-size:18px;
color:#FFF;
background:#FFF;
color:#323232;	
}
.video-icon a:hover, a.play-video:hover{
background:#058fc7;
color:#FFF;
}
.video-box {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9990000;
display: none;
position: fixed;
overflow: hidden;
background-color: #000000;
}
.video-box iframe {
float: left;
width: 100%;
height: 100%;
-webkit-border: 0;
-moz-border: 0;
-o-border: 0;
border: 0;
}
iframe {
width: 100%;
}
.video-box .close-video {
top: 17px;
left: 17px;
width: 50px;
height: 50px;
color: #ffffff;
font-size: 25px;
cursor: pointer;
line-height: 50px;
text-align: center;
position: absolute;
background-color: #59585b;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.video-box .close-video:hover {
color: #21252b;
background-color: #ffffff;
}
.video-page-row {
display: flex;
gap: 30px;
flex-wrap: wrap;
}
.video-item {
padding: 20px 20px 0 20px;
background-color: #fff;
width: calc(33% - 16px);
}
.video-item a {
display: flex;
flex-direction: column;
height: 100%;
}
.video-title {
font-size: 16px;
font-weight: 600;
margin: 15px 0;
padding: 10px 20px;
background-color: #f1f1f1; color: #5D5B72;
flex-grow: 1;
display: flex;
align-items: center;
transition: 0.3s ease;
}
.video-title:hover {
color:#058fc7;
}
.video-preview {
position: relative;
overflow: hidden;
}
.video-preview img {
width: 100%;
height: 222px;
display: block;
object-fit: cover; }
.video-play-btn {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 60px;
height: 60px;
background: rgba(0,0,0,0.6);
border-radius: 50%;
transition: 0.3s ease;
}
.video-item a:hover .video-play-btn {
width: 70px;
height: 70px;
}
.video-play-btn::before {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-40%, -50%);
border-left: 18px solid white;
border-top: 12px solid transparent;
border-bottom: 12px solid transparent;
}
@media screen and (max-width: 1200px) { 
.video-item {
width: calc(50% - 15px);
}
}
@media screen and (max-width: 600px) { 
.video-item {
width: 100%;
}
}  .page-text-wrap {
margin-top: 70px;
}
.cer-row {
display: flex;
flex-wrap: wrap;
gap: 40px;
}
.cer-card {
width: calc(33% - 23px);
-webkit-box-shadow: 1px 4px 8px 0px rgba(34, 60, 80, 0.2);
-moz-box-shadow: 1px 4px 8px 0px rgba(34, 60, 80, 0.2);
box-shadow: 1px 4px 8px 0px rgba(34, 60, 80, 0.2);
}
.cer-card-img img {
width: 100%;
height: 100%;
object-fit: contain;
display: block;
}
.cer-card-title {
font-size: 18px;
font-weight: 300;
padding: 20px 10px;
display: flex;
gap: 10px;
align-items: end;
}  .events-row {
display: flex;
flex-direction: column;
gap: 50px;
}
.events-card {
display: flex;
gap: 30px;
}
.events-card-img img{
width: 100%;
height: 100%;
object-fit: contain;
display: block;
}
.events-card-text {
width: 60%;
}
.events-card-title {
font-size: 28px;
font-family: 'Roboto Slab', serif;
font-weight: 300;
margin-bottom: 20px;
}
.events-card-link {
font-size: 18px;
font-family: 'Roboto Slab', serif;
font-weight: 300;
display: block;
margin-top: 30px;
}
.events-card-link i {
transition: all 0.2s ease;
}
.events-card-link:hover i {
margin-left: 5px;
}  .cbp {
margin: 25px auto;
}
.cbp-l-grid-work .cbp-item-wrapper, .cbp-l-grid-mosaic-projects .cbp-item-wrapper{
background:#FFF;
padding:20px;
text-align:center;
border:none;
}
.cbp-l-grid-work-title{
font-family: 'Roboto Slab', serif;
font-size:20px;
text-transform: none;
color:#058fc7;
display:inline-block;
margin-bottom:0;
white-space: wrap;
line-height: 1.2;
}
.cbp-l-grid-work-title:hover{
color:#666;
}
.pdf-card-title {
min-height: 50px;
}
.cbp-l-grid-work-desc{
font-family: 'Open Sans', sans-serif;
color:#666;
font-size:13px;
}
.cbp-l-filters-work .cbp-filter-item{
font-family: 'Roboto Slab', serif;
padding:2px 16px;
font-weight:500;
font-size:16px;
}
.cbp-l-filters-work .cbp-filter-item:hover, .cbp-l-filters-work .cbp-filter-item.cbp-filter-item-active{
background:#058fc7;
color:#FFF;
}
.cbp-l-loadMore-button .cbp-l-loadMore-link, .cbp-l-loadMore-button .cbp-l-loadMore-button-link, .cbp-l-loadMore-button .cbp-l-loadMore-link.cbp-l-loadMore-stop, .cbp-l-loadMore-button .cbp-l-loadMore-button-link.cbp-l-loadMore-stop, .cbp-l-loadMore-button .cbp-l-loadMore-button-link.cbp-l-loadMore-button-stop{
padding:3px 20px;
border:none;
background:#058fc7;
color:#FFF;
font:300 16px/36px 'Roboto Slab', serif;
}
.cbp-l-loadMore-button .cbp-l-loadMore-link:hover, .cbp-l-loadMore-button .cbp-l-loadMore-button-link:hover, .cbp-l-loadMore-button .cbp-l-loadMore-link.cbp-l-loadMore-loading{
background:#3c3c3c;
color:#FFF;
}
.cbp-l-grid-mosaic-projects .cbp-caption-activeWrap {
background-color: rgba(0, 0, 0, 0.7);
}
.cbp-l-caption-title{
font-family: 'Roboto Slab', serif;
font-size:20px;
color:#058fc7;
display:inline-block;
margin-bottom:10px;
}
.cbp-l-caption-desc{
color:#999999;
font:400 13px/16px 'Open Sans', sans-serif;
}
.port-wrap{
padding:20px;
background:#FFF;
text-align:center;
}
.port-wrap h3{
margin:20px 0 8px 0;
}
.single-left{
list-style-type:none;
padding:20px 0 0 0;
margin:0;	
}
.single-left li{
margin-bottom:10px;
}
.single-left li h3{
margin-bottom:0;
}
.home-item{
text-align:center;
}
.home-item h3{
margin:25px 0 5px 0;
}  .service-parallax{
background:#058fc7;
padding:20px 30px;
margin:0 0 30px 0;
position:relative;
}
.service-parallax h3{
margin-bottom:10px;
color:#FFF;
}
.service-parallax:last-child{
margin:0;
}  .blog-wrap-2{
margin-bottom:40px;
}
.blog-wrap-2 .author-thumb{
top:0;
}
.blog-wrap-2 .blog-text{
padding:0;
}
.blog-wrap-2 .comment-wrap{
background:#FFF;
}
.blog-wrap{
padding:0px;
background:#FFF;
margin-bottom:40px;
}
.blog-wrap.text-center{
padding:0 40px 20px 40px;
margin:0;
}
.blog-wrap.text-center .post-text{
padding:0;
}
.blog-wrap.text-center .blog-text{
padding:0;
}
.blog-wrap.text-center .author-thumb{
float:none;
margin:-40px auto 0; 
top:0;
position:relative;
z-index:1000;
}
.series-card-title {
font-size: 20px;
font-weight: 300;
}
.siries-row{
display: flex;
flex-wrap: wrap;
}
.series-card-desc {
margin-bottom: 10px;
padding-right: 10px;
}
a i.fa-download {
margin-left: 6px;
}
.img-holder{
margin-bottom:20px;
}
.blog-text{
padding:0 40px;	
}
.cbp-item-wrapper .blog-text .btn-medium{
margin-top:15px;
}
.author-thumb{
float:left;
width:80px;
position:relative;
margin-top:-60px;
margin-left: 20px;
}
.author-thumb img{
border:4px solid #FFF;
}
.post-text{
overflow:hidden;
padding-left:25px;
}
.post-text h2, .post-text h4{
margin-bottom:10px;
}
.meta-text{
margin-bottom:20px;
}
.meta-text span{
padding:0 8px;
}
.meta-text i{
padding-right:3px;
}
.pagination.text-center{
display:block;
}
.pagination a{
width:40px;
height:40px;
line-height:40px;
text-align:center;
display:inline-block;
background:#FFF;
border:1px solid #dddddd;
margin-right:3px;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}
.pagination a.dark{
background:#333333;
border:1px solid #333333;
color:#FFF;
}
.pagination a:hover, .pagination a.dark:hover{
background:#058fc7;
color:#FFF;
border:1px solid #058fc7;
} .widget-box{
margin-bottom:40px;
}
.widget-box:last-child{
margin-bottom:0;
}
.sidebar-head{
background:#058fc7;
padding:15px 25px;
}
.sidebar-title{
color: #fff;
font-size: 16px;
}
.sidebar-head h3{
color:#FFF;
margin:0;
}
.sidebar-text{
padding:25px;
background:#FFF;
}
.recent-post{
background:#FFF;
}
.recent-post ul{
list-style-type:none;
padding:0;
margin:0;
}
.recent-post ul li .pull-left{
width:75px;
}
.recent-post ul li{
padding:20px 25px;
border-bottom:1px solid #f1f1f1;
}
.recent-post ul li .meta-text{
border-top:1px dashed #cecece;
margin:10px 0 0 0;
padding:10px 0 0 0;
font-size:12px;
}
.recent-post ul li:last-child, .footer-contact li:last-child{
margin-bottom:0;
border:none;
}
.recent-post h5{
margin:0;
}
.recent-post .link{
font-size:12px;
}
.recent-post h6{
font-size:13px;
color:#323232;
margin:3px 0 8px 0;
}
.blog-category{
list-style:none;
padding:0;
margin:0;
}
.blog-category li{
border-bottom:1px dashed #cecece;
margin:0 0 12px 0;
padding:0 0 12px 0;
position:relative;
}
.blog-category li:after{
position:absolute;
margin-top:-13px;
font-family:'FontAwesome';
right:0;
top:50%;
z-index:100;
}
.blog-category li:last-child{
margin:0;
padding:0;
border:none;
}
.tags a{
display:inline-block;
color:#333;
padding:3px 10px;
font-size:12px;
background:#dcdcdc;
margin:0 5px 8px 0;
border-radius:2px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
}
.tags a:hover{
background:#3c3c3c;
color:#FFF;
}
#post-slider .owl-controls .owl-dots{
margin:0;
}
.blog-text blockquote{
margin:30px 0;
}
.comment-wrap{
margin:0 0 30px 0;
padding:25px;
background:#f1f1f1;
}
.comment-wrap:last-child{
border:none;
margin:0;
}
.comment-wrap.reply-comment{
margin-left:100px;
}
.comment-wrap .author-thumb{
margin-top:0;
}
.comment-wrap .meta-text{
margin-bottom:10px;
}
.comment-wrap p{
margin:0;
}
.comment-wrap h5{
color:#4b4b4b;
margin:0 0 10px 0;
}  .shop-home-wrap{
padding:70px 0;
color:#FFF;
background:#403e44;
}
.shop-img{
position:relative;
z-index:110;
}
.shop-img img{
width:100%;
}
.shop-img:after {
border: 1px solid #f00;
bottom: 15px;
content: "";
left: 15px;
pointer-events: none;
position: absolute;
right: 15px;
top: 15px;
z-index: 1;
}
.shop-img:after {
border-color: rgb(255, 255, 255);
}
.shop-text{
position:absolute;
top:50%;
left:16px;
margin:-40px 0 0 0;
}
.shop-text h2{
font-size:24px;
margin:0;
background:#FFF;
display:inline-block;
padding:10px 20px;
text-transform:uppercase;
}
.shop-text h3{
font-size:18px;
margin:0 0 3px 0;
background:#FFF;
display:inline-block;
padding:10px 20px;
text-transform:uppercase;
}
.shop-home-slider .home-item{
background:#FFF;
padding-bottom:25px;
border-left:4px solid #f1f1f1 ;
}	
.overline{
text-decoration:line-through;
padding-right:10px;
}
#shop-featured .home-item{
background:#FFF;
padding:25px;
border-left:4px solid #f1f1f1 ;
}
#shop-sidebar-home{
margin-top:-90px;
position:relative;
z-index:1000;
}
.no-pad#shop-sidebar-home{
margin-top:0;
}
#shop-sidebar .recent-post ul li .pull-left{
width:70px;
}
#shop-sidebar .recent-post ul li *[class*="btn-"]{
margin-top:10px;
}
.white{
background:#FFF;
}
.white th{
text-align:center;
}
.table.white > tbody > tr > td{
text-align:center;
vertical-align:middle;
}
.table.white > tbody > tr > td.text-left{
text-align:left;
}
.cart-wrap ul{
list-style-type:none;
padding:0;
margin:0;
}
.cart-wrap ul li{
border-bottom:1px solid #ddd;
padding-bottom:10px;
margin-bottom:10px;
}
.cart-wrap ul li:last-child{
border-bottom:none;
padding-bottom:0;
margin-bottom:0;
}
.megamenu .cart-wrap ul li a{
padding:0 !important;
background:none;
color:#058fc7;
}
.megamenu .cart-wrap ul li a:hover{
color:#323232;
}
.cart-wrap ul li .pull-left{
width:70px;
}
.cart-wrap ul li h5{
margin:0 0 5px 0;
}
.megamenu ul li.cart-links a{
background:#058fc7;
display:inline-block;
padding:10px 15px !important;	
color:#FFF !important;
}
.megamenu ul li.cart-links a:hover{
background:#323232;
color:#FFF;
}  .footer-2{
background:url(//spraytechindia.ru/wp-content/themes/spraytech/assets/images/footer-bg.jpg) no-repeat top center;
background-size:cover;
}
.footer-3{
background:#003f58;
color:#fff;
}
.footer-5{
padding:70px 0;
}
.footer-3 a{
color:#FFF;
}
.footer-3 a:hover{
color:#058fc7;
}
.footer-3 h3{
color:#FFF;
}
.footer-2 .footer-top, .footer-3 .footer-top{
background:none;
}
.footer-2 .recent-post, .footer-3 .recent-post, .footer-5 .recent-post{
background:none;	
}
.footer-2 .recent-post ul li, .footer-3 .recent-post ul li, .footer-4 .recent-post ul li, .footer-5 .recent-post ul li{
border-bottom:none;
padding:0;
}
.footer-2 .recent-post ul li a{
color:#000;
}
.footer-2 .recent-post ul li a:hover{
color:#058fc7;
}
.footer-2 #contact_form button, .footer-3 #contact_form button, .footer-4 #contact_form button, .footer-5 #contact_form button{
margin-top:5px;
}
.footer-2 .social-icons, .footer-3 .social-icons, .footer-4 .social-icons{
margin:20px 0 10px 0;
display: flex;
gap: 10px;
}
.footer-4 #contact_form .form-control{
background:#999;
color:#FFF;
}
.footer-contact{
list-style-type:none;
padding:0;
margin:0;
}
.footer-contact li{
margin:0 0 15px 0;
}
.footer-contact li strong{
display:block;
}
.footer-contact li i{
font-size:20px;
padding:3px 0 0 0;
width:30px;
text-align:center;
float:left;	
}
.social-icons svg {
width: 18px;
height: 18px;
}
.footer-top{
background:#FFF;
padding:37px 0px 7px 0px;
margin-bottom: 1px;
}
.footer-top .social-icons li{
display:inline-block;
padding:0 2px 10px 0;
}
.footer-top .social-icons li a{
width:35px;
height:35px;
border:1px solid #fff;
color:#fff;
background:#003f58;
display: flex;
align-items: center;
justify-content: center;
border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius:8%;
}
.footer-top .social-icons li a:hover{
background:#058fc7;
border:1px solid #058fc7;
color:#FFF;
}
.footer-links{
margin:0;
padding:0;
list-style-type:none;
text-align:right;
}
.footer-links li{
display:inline-table;
padding:0 15px 0 0;
position:relative;
}
.footer-links li:after{
position:absolute;
top:1px;
color:#999;
right:4px;
content:"/";
z-index:1000;
}
.footer-links li:last-child:after{
content:""
}
.footer-links li a{
color:#FFF;
}
.footer-links li a:hover{
color:#058fc7;
}
.copyright{
background:#012d3e;
padding:10px 0;
font-size:12px;
color:#FFF;
}
footer .tags a{
background:#058fc7;
color:#FFF;
}
footer .tags a:hover{
background:#FFF;
color:#333;
}  #sucessmessage h4{
text-align:center;
margin:0;
}
.contact-text{
margin-bottom:30px;
}
.contact-text.last{
margin-bottom:0;
}
.contact-text h3{
margin-bottom:10px;
}
.blog-wrap #contact_form .form-control, .about-white-intro #contact_form .form-control, .right-content #contact_form .form-control{
background:#f1f1f1;
}
.about-white-intro.on-top{
margin-top:-80px;
position:relative;
z-index:100;
box-shadow: 0 0px 25px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0px 25px 0 rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 0px 25px 0 rgba(0, 0, 0, 0.1);
}
#contact_form .form-control{
background:#FFF;
border:none;
box-shadow:none;
border-radius:2px;
padding:10px 15px;
height:auto;
color:#333;
margin:10px 0;
font-size:13px;
}
label.error{
font-size:12px;
color:#F00;
font-weight:300;
padding:0;
margin:0;
}
#contact_form button{
margin-top:20px;
}
.hs-recent-posts {
background: #FFF;
background-size: cover;
position: relative;
margin-top:70px;
}
.left-content{
position:absolute;
height:100%;
}
.right-content{
margin-left:41.6667%;
}
@media only screen and (max-width: 479px) {
.bg-left {
height: 100%;
position: absolute;
width:100%;
}
}
.bg-left {
background-size: cover;
position: absolute;
top: 0;
height: 100%;
left: 0;
width:100%;
}
.hs-content{
padding:50px 0;
}
.hs-content .welcome-text{
padding-top:40px;
}
.left-head{
text-align: center;
padding: 0;
margin: 0 auto;
min-width: 100%;
position: absolute;
top: 50%;
color:#FFF;
font-size:14px;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
@media screen and (max-width: 992px) {
.left-head{
position: relative;
top: 0;
left: 0;
-webkit-transform: translate(0);
-ms-transform: translate(0);
transform: translate(0);
max-width: 380px;
margin: 0 auto;
padding:100px 0;
min-width: 100%;
}
}
#map-holder{
margin:0;
background:#FFF;
padding:0;
height: 400px;
}
#map_extended{
height: 100%;
left: 0;
line-height: inherit;
position: relative;
top: 0;
width: 100%;
}
#map_extended img {
max-width: inherit;
}
#map_extended .gm-style div {
font: 13px/20px 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
}
#map_extended .gmap_marker address {
width: 300px;
}
#map_extended .gmap_marker address > div {
width: 100%;
display: inline-block;
}
#map_extended .gmap_marker address div div {
float: right;
width: 70%;
}
#map_extended .gmap_marker address div div:first-child {
width: 30%;
float: left;
}
.form-title {
font-size: 26px;
margin-bottom: 20px;
text-align: center;
color:#058fc7;
}
fieldset {
border: none;
padding: 0;
}
fieldset p {
display: flex;
flex-direction: column;
}
fieldset input {
width: 100%;
background-color: transparent;
padding: 10px 5px;
border: none;
border-bottom: 1px solid #323232;
font-size: 14px;
font-weight: 400;
color: #323232;
}
fieldset textarea {
width: 100%;
background-color: transparent;
padding: 10px 5px;
resize: none;
font-size: 14px;
font-weight: 400;
color: #323232;
}
fieldset input:focus-visible {
outline: none;
}
fieldset textarea:focus-visible {
outline: none;
}
input[type=submit] {
border-radius: 0;
border: none;
font-size: 16px;
padding: 15px 20px;
text-align: center;
transition: all 0.3s ease-in-out;
color: #fff;
background-color: #058fc7;
}
input[type=submit]:hover {
background-color: #323232;
}  #pageloader {
background:#FFF;
height: 100%;
position: fixed;
width: 100%;	
z-index: 10000;
color:#333;
font-style:italic;
font-size:14px;
font-weight:400;
text-align:center;
}
.loader-item {
left: 50%;
margin: -27px 0 0 -27px;
position: absolute;
text-align: center;
top: 50%;
width: auto;
width:55px;
height:55px;
}
.loader-item img{
margin-bottom:10px;
}  .bs-docs-grid .col-md-1 span, .bs-docs-grid .col-md-2 span, .bs-docs-grid .col-md-3 span, .bs-docs-grid .col-md-4 span,  .bs-docs-grid .col-md-5 span,  .bs-docs-grid .col-md-6 span,  .bs-docs-grid .col-md-4 span,  .bs-docs-grid .col-md-8 span,  .bs-docs-grid .col-md-9 span,  .bs-docs-grid .col-md-10 span {
background-color: #FFF;
display:block;
line-height: 40px;
margin-bottom: 20px;
min-height: 40px;
text-align: center;
}
.tooltip-inner{
padding:7px 12px;
font-family: 'Roboto Slab', serif;
font-size:12px;
}
.jumbotron{
background:#FFF;
color:#333;
}
.jumbotron p{
font-weight:normal;
}
.search-box{
background:#FFF;
}
.search-box input{
background:#FFF;
width:100%;
padding:15px;
border:none;
color:#666;
}
.search-box {
background: #fff none repeat scroll 0 0;
position: absolute;
top: 0;
width: 100%;
height:100%;
z-index: -10;
opacity: 0;
-webkit-transition: all 0.15s linear;
-moz-transition: all 0.15s linear;
-o-transition: all 0.15s linear;
transition: all 0.15s linear;
}
.search-box.expanded{
top:0;
position:absolute;
opacity:1;
z-index:1110;
-webkit-transition: all 0.15s linear;
-moz-transition: all 0.15s linear;
-o-transition: all 0.15s linear;
transition: all 0.15s linear;
}
.icon{
text-align:center;	
padding:10px 0;
display:block;
}
.search-box .row {
min-width: 100%;
position: absolute;
padding:0;
margin:0;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.search-box .row *[class*="col-"]{
padding:0;
}
@media screen and (max-width: 992px) {
.search-box .row {
position: relative;
top: 0;
left: 0;
-webkit-transform: translate(0);
-ms-transform: translate(0);
transform: translate(0);
max-width: 380px;
min-width: 100%;
}
.search-box {
height:auto;
}
}