/*
Theme Name: WPBS4 Theme
Theme URI: http://devis.ru/themes/wpbs4/
Author: Devis
Author URI: http://devis.ru/
Description: Bootstrap 4 Theme for Wordpress
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, gray, white, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Version: 1.0
Text Domain: wpbs4
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
@import url('assets/css/inc/animation.css');
/*@import url('css/inc/shadows.css');*/
/*@import url('css/inc/navbar.css');*/
/*@import url('css/inc/togglebutton.css');*/
/*@import url('css/inc/portfolio.css'); */
/*@import url('css/inc/single-project.css'); */
/* @import url('css/inc/nivolightbox.css'); */
/**
* Table of Contents
*
* 1.0 - Reset
* 2.0 - Genericons
* 3.0 - Typography
* 4.0 - Elements
* 4.1 - Misc
* 5.0 - Forms
* 6.0 - Navigations
* 6.1 - Links
* 6.2 - Menus
* 7.0 - Accessibility
* 8.0 - Alignments
* 9.0 - Clearings
* 10.0 - Header
* 11.0 - Widgets
* 12.0 - Content
* 12.1 - Posts and pages
* 12.2 - Post Formats
* 12.3 - Comments
* 13.0 - Error
* 14.0 - Footer
* 15.0 - Media
* 15.1 - Captions
* 15.2 - Galleries
* 16.0 - Multisite
* 17.0 - Media Queries
* 17.1 - Mobile Large
* 17.2 - Tablet Small
* 17.3 - Tablet Large
* 17.4 - Desktop Small
* 17.5 - Desktop Medium
* 17.6 - Desktop Large
* 17.7 - Desktop X-Large
* 18.0 - Print
*/
/**
* 1.0 - Reset
*
* Resetting and rebuilding styles have been helped along thanks to the fine
* work of Eric Meyer, Nicolas Gallagher, Jonathan Neal, and Blueprint.
*/
/**
* 2.0 - Genericons
*/
.social-navigation a:before,
.secondary-toggle:before,
.dropdown-toggle:after,
.bypostauthor > article .fn:after,
.comment-reply-title small a:before,
.comment-navigation .nav-next a:after,
.comment-navigation .nav-previous a:before,
.posted-on:before,
.byline:before,
.cat-links:before,
.tags-links:before,
.comments-link:before,
.entry-format:before,
.edit-link:before,
.full-size-link:before,
.pagination .prev:before,
.pagination .next:before,
.image-navigation a:before,
.image-navigation a:after,
.format-link .entry-title a:after,
.entry-content .more-link:after,
.entry-summary .more-link:after,
.author-link:after {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-family: "Genericons";
font-size: 16px;
font-style: normal;
font-weight: normal;
font-variant: normal;
line-height: 1;
speak: none;
text-align: center;
text-decoration: inherit;
text-transform: none;
vertical-align: top;
}
/**
* 3.0 Typography
*/
html {
/* font-size: 16px;
line-height: normal;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100% */
}
body,
button,
select {
font-size: 16px;
line-height: 1.5em;
font-family: 'Open Sans', sans-serif;
color: #333;
}
button,
input,
select,
textarea {
background-color: #fff;
}
h1, h2, h3, h4, h5, h6 {
font-family: "Roboto Condensed", sans-serif;
font-weight: 400;
margin-bottom: 1em;
line-height: 1.0;
}
/*h1 {font-size: 26px;line-height: 32px;}
h2 {font-size: 24px;line-height: 30px;}
h3 {font-size: 22px;line-height: 28px;}
h4 {font-size: 20px;line-height: 26px;}
h5 {font-size: 18px;line-height: 24px;}
h6 {font-size: 16px;line-height: 22px;}*/
h1 {font-size: 2.0em }
h2 {font-size: 1.75em }
h3 {font-size: 1.5em}
h4 {font-size: 1.375em}
h5 {font-size: 1.25em}
h6 {font-size: 1em}
/*h5 {font-size: 0.83em}
h6 {font-size: 0.67em}*/
img {
max-width: 100%;
height: auto;
}
p, ul, ol {
margin-bottom: 1.5em;
}
ul ul, ul ol, ol ol, ol ul {
margin: 1em 0 0 0em;
}
ol ol ul, ol ul ul, ul ol ul, ul ul ul {
margin: 1em 0 1em 0em;
}
ol li ol li:last-child,
ul li ul li:last-child,
ul li ol li:last-child,
ol li ul li:last-child {
padding-bottom: 0em;
}
/* Navbar
/* #site-header
/* --- navbar navbar-default */
/* -- navbar-header */
/* #navbar */
/* ul -- nav navbar-nav navbar-right */
/* li */
/* Navbar */
.navbar {
padding-bottom: 0;
margin-bottom: 0;
}
.navbar-default {
border: transparent;
background: transparent;
border-radius: 0px;
}
.navbar, .navbar-header {
min-height: 6.250em;
}
@media (min-width: 768px) and (max-width: 991px) {
.navbar, .navbar-header {
min-height: 4.53125em;
}
}
.navbar-nav {
/*margin-top: 1.5em !important;
margin-bottom: 20px;*/
}
/* Link */
.navbar-default .navbar-nav>li>a,
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
color: rgba(0, 0, 0, 0.5);
}
#navbar .navbar-nav>li>a {
font-family: "Roboto Condensed", Arial, sans-serif;
position: relative;
font-size: 1.125em;
/*padding-top: 19px;*/
/*padding-bottom: 19px;*/
font-weight: 400;
}
.header-dbg #navbar .navbar-nav>li>a {
color: rgba(255, 255, 255, 0.90);
}
.header-dbg.fixed-top #navbar .navbar-nav>li>a {
color: rgba(0, 0, 0, 0.5);
/*color: rgb(48,63,159);*/
}
/* Hover, Active */
#navbar .navbar-nav>li>a:hover,
.header-dbg.fixed-top #navbar .navbar-nav>li>a:hover {
/** color: rgba(51, 153, 255, 1);
color: rgb(48,63,159); **/
}
#navbar .navbar-nav>li.active>a,
.header-dbg.fixed-top #navbar .navbar-nav>li.active>a {
/* color: rgba(51, 153, 255, 1);
color: rgb(48,63,159);*/
}
.header-dbg #navbar .navbar-nav>li>a:hover,
.header-dbg #navbar .navbar-nav>li.active>a {
/*color: rgba(255, 255, 255, 1);*/
}
#navbar .navbar-nav>li.active>a {
background: transparent;
background: none;
}
/* Icon */
#navbar [class^="icon-"]:before, #navbar [class*=" icon-"]:before {
margin-right: 0.2em;
}
/* Sliding Underline */
#navbar li a span.a-sliding {
position: relative;
display: inline-block;
padding-bottom: 2px;
}
#navbar li a span.a-sliding:before {
content: "";
position: absolute;
width: 100%;
height: 2px;
bottom: 0;
left: 0;
visibility: hidden;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
border-radius: 2px;
-webkit-transform: scaleX(0);
-moz-transform: scaleX(0);
-ms-transform: scaleX(0);
-o-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-ms-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
#navbar li.active a span.a-sliding:before,
#navbar li a:hover span.a-sliding:before,
.header-dbg.fixed-top #navbar li.active a span.a-sliding:before,
.header-dbg.fixed-top #navbar li a:hover span.a-sliding:before {
background-color: rgba(51, 153, 255, 0.5);
visibility: visible;
-webkit-transform: scaleX(1);
-moz-transform: scaleX(1);
-ms-transform: scaleX(1);
-o-transform: scaleX(1);
transform: scaleX(1);
}
.header-dbg #navbar li a span.a-sliding:before,
.header-dbg #navbar li.active a span.a-sliding:before,
.header-dbg #navbar li a:hover span.a-sliding:before {
background-color: rgba(255, 255, 255, 0.5);
}
/* Fixed Top */
/*.fixed-top #navbar .navbar-nav>li>a {
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}*/
/*.fixed-top #navbar .navbar-nav>li.active a,
.fixed-top #navbar .navbar-nav>li>a:hover {
color: rgba(51, 153, 255, 1);
}*/
/* Dropdown */
.dropdown-menu {
top: 150%;
padding: 0.625em 0;
display: none;
/* overflow: hidden; */
opacity: 0;
}
.dropdown-menu .divider {
background-color: rgba(0,0,0,.1);
}
.dropdown-menu[class*="-dbg"] .divider {
background-color: rgba(255, 255, 255, 0.1);
}
.dropdown-header {
font-size: 0.750em;
font-weight: 300;
}
.dropdown-menu[class$="-lbg"] .dropdown-header {
color: rgba(0,0,0,.3);
}
.dropdown-menu[class*="-dbg"] .dropdown-header {
color: rgba(255, 255, 255, 0.30);
}
.dropdown-menu>li>a {
color: rgba(0,0,0,0.65);
font-weight: 600;
}
.dropdown-menu[class*="-dbg"]>li>a {
color: rgba(255, 255, 255, 0.65);
}
.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover,
.dropdown-menu> li > a:hover,
.dropdown-menu> li > a:focus {
color: rgba(0,0,0,1);
text-decoration: none;
background-color: rgba(0, 0, 0, 0.05);
}
.dropdown-menu[class*="-dbg"]>.active>a,
.dropdown-menu[class*="-dbg"]>.active>a:focus,
.dropdown-menu[class*="-dbg"]>.active>a:hover,
.dropdown-menu[class*="-dbg"] > li > a:hover,
.dropdown-menu[class*="-dbg"] > li > a:focus {
color: rgba(255, 255, 255, 1);
text-decoration: none;
background-color: rgba(0, 0, 0, 0.2);
}
.navbar-nav>li>.dropdown-menu {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.open > .dropdown-menu {
top: 100%;
opacity: 1;
-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.075);
-moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.075);
-o-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.075);
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.075);
border: 1px solid rgba(0, 0, 0, 0.1);
}
.open > .dropdown-menu[class*="-dbg"] {
-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.175);
-moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.175);
-o-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.175);
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.175);
border: 1px solid rgba(0, 0, 0, 0.3);
}
#navbar .dropdown-menu li a span.a-sliding:before,
.fixed-top #navbar .dropdown-menu li a span.a-sliding:before,
.fixed-top #navbar .dropdown-menu li.active a span.a-sliding:before {
visibility: hidden !important;
}
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
background-color: rgba(0, 0, 0, 0.1);
}
.fixed-top .navbar-default .navbar-nav>.open>a,
.fixed-top .navbar-default .navbar-nav>.open>a:focus,
.fixed-top .navbar-default .navbar-nav>.open>a:hover {
background-color: rgba(0, 0, 0, 0.1);
}
/* Transition */
.navbar-default .navbar-nav > li > a:after,
.dropdown-menu, .navbar-collapse .navbar-nav>li>a,
ul.social-list li a, .svg-responsive, .dropdown-menu,
.btn, .navbar, .btn, .navbar, .svg-responsive, header.site_header,
#navbar .navbar-nav .open .dropdown-menu>li>a {
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.navbar-collapse .navbar-nav>li>a {
-webkit-transition: padding 0s ease-in-out;
-moz-transition: padding 0s ease-in-out;
-ms-transition: padding 0s ease-in-out;
-o-transition: padding 0s ease-in-out;
transition: padding 0s ease-in-out;
}
/* text-menu */
.text-menu {
float:none;
margin: 0 auto;
display: table;
table-layout: fixed
}
.text-menu a {
font-family: "Roboto Condensed", Arial, sans-serif;
display: inline-block;
position: relative;
font-size: 1.125em;
padding: 10px 15px;
font-weight: 400;
}
.header-dbg .text-menu a,
.header-dbg.fixed-top .text-menu a {
color: rgba(0, 0, 0, 0.5);
}
.text-menu a:hover,
.header-dbg.fixed-top .text-menu a:hover,
.header-dbg.fixed-top .text-menu a:visited {
color: rgb(48,63,159);
}
@media only screen and (min-width: 768px) {.text-menu {display: none}}
/* Media Queries */
@media (min-width: 992px) and (max-width: 1199px) {
}
@media only screen and (min-width: 768px) {
.navbar-collapse[class*="-dbg"] {
background-image: none;
}
.navbar-collapse[class*="-lbg"] {
background-image: none;
}
}
@media screen and (min-width: 992px) {
.navbar-nav {
float: right !important;
margin-top: 1.6250em !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.navbar-nav {
float: right;
margin-right: 60px
}
}
@media screen and (max-width: 767px) {
.navbar-header {
height: 0px;
margin: 0;
padding: 0;
}
.navbar-nav {
margin: 0px -15px;
}
.nav>li>a {
padding: 0.625em 1.250em;
}
.dropdown-menu {
padding: 0 0;
}
.dropdown-menu .divider {
margin: 0 0 9px 0;
height: 0;
}
.navbar-default .navbar-collapse {
/* max-height: 340px; */
max-height: 379px;
overflow-y: auto;
}
#navbar[class*="-dbg"] .navbar-nav>li>a,
#navbar[class*="-dbg"] .navbar-nav .open .dropdown-menu>li>a {
border-bottom: 1px solid rgba(255,255,255,.03);
}
#navbar[class*="-lbg"] .navbar-nav>li>a,
#navbar[class*="-lbg"] .navbar-nav .open .dropdown-menu>li>a {
border-bottom: 1px solid rgba(0,0,0,.03);
}
#navbar .navbar-nav>li:last-child a {
border: 0;
}
[class*="-dbg"].navbar-collapse .navbar-nav>li>a span.a-sliding {
/*color: rgba(255,255,255,.65); mv */
color: rgba(255,255,255,1);
}
[class*="-lbg"].navbar-collapse .navbar-nav>li>a span.a-sliding {
color: rgba(0,0,0,.5);
}
[class*="-dbg"].navbar-collapse .navbar-nav>li>a:hover span.a-sliding,
[class*="-dbg"].navbar-collapse .navbar-nav>li.active>a span.a-sliding {
color: rgba(255,255,255,1);
}
[class*="-lbg"].navbar-collapse .navbar-nav>li>a:hover span.a-sliding,
[class*="-lbg"].navbar-collapse .navbar-nav>li.active>a span.a-sliding {
color: rgba(0,0,0,.8);
}
#navbar li.active a span.a-sliding:before,
#navbar li a:hover span.a-sliding:before {
visibility: hidden !important;
}
.fixed-top #navbar .navbar-nav>li>a,
.navbar-default [class*="-dbg"] .navbar-nav .open .dropdown-menu>li>a {
color: rgba(255, 255, 255, 0.65);
}
/*#navbar .navbar-nav>li.active a,
#navbar .navbar-nav>li>a:hover,
.fixed-top #navbar .navbar-nav>li>a:hover,
.fixed-top #navbar .navbar-nav>li.active a,
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,
.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,
.navbar-default .navbar-nav .open .dropdown-menu>.active>a {
color: rgba(255, 255, 255, 1);
background-color: rgba(0, 0, 0, 0.2);
}*/
#navbar[class*="-lbg"] .navbar-nav>li>a:hover,
#navbar[class*="-lbg"] .navbar-nav>li.active>a,
#navbar[class*="-lbg"] .navbar-nav>li.active.dropdown>a,
[class*="-lbg"] .navbar-nav .open .dropdown-menu>li>a:hover,
[class*="-lbg"] .navbar-nav .open .dropdown-menu>.active>a:hover,
[class*="-lbg"] .navbar-nav .open .dropdown-menu>.active>a {
color: rgba(0,0,0,.8);
background-color: rgba(0, 0, 0, 0.05);
}
#navbar[class*="-dbg"] .navbar-nav>li>a:hover,
#navbar[class*="-dbg"] .navbar-nav>li.active>a,
#navbar[class*="-dbg"] .navbar-nav>li.active.dropdown>a,
[class*="-dbg"] .navbar-nav .open .dropdown-menu>li>a:hover,
[class*="-dbg"] .navbar-nav .open .dropdown-menu>.active>a:hover,
[class*="-dbg"] .navbar-nav .open .dropdown-menu>.active>a {
color: rgba(255, 255, 255, 1);
/*background-color: rgba(0, 0, 0, 0.2); mv */
}
/*.fixed-top #navbar li.active a span.a-sliding:before,
.fixed-top #navbar li a:hover span.a-sliding:before {
background-color: rgba(255, 255, 255, 0.5);
} */
}
/* Toggle Button */
.btn-toggle {
width: 25px;
height: 25px;
cursor: pointer;
text-decoration: none;
}
.btn-toggle.active i::before, .btn-toggle.active i::after {
background: #3399ff;
}
.btn-toggle:hover, .btn-toggle:focus, .btn-toggle:active {
outline: none;
border-bottom: none !important;
}
.btn-toggle i {
position: relative;
display: -moz-inline-stack;
display: inline-block;
zoom: 1;
* display: inline;
width: 25px;
height: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
border-radius: 3px;
color: #990;
font: bold 14px / .4 Helvetica;
text-transform: uppercase;
text-indent: -55px;
background: #990;
transition: all .2s ease-out;
}
.btn-toggle i::before, .btn-toggle i::after {
content: '';
width: 25px;
height: 3px;
background: #990;
position: absolute;
left: 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
border-radius: 3px;
-webkit-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
}
.btn-toggle i::before {
top: -7px;
}
.btn-toggle i::after {
bottom: -7px;
}
.btn-toggle:hover i::before {
top: -10px;
}
.btn-toggle:hover i::after {
bottom: -10px;
}
.btn-toggle:hover i,
.btn-toggle:hover i::before,
.btn-toggle:hover i::after,
.btn-toggle.active i::before,
.btn-toggle.active i::after {
color: #b2b201; background: #b2b201;
}
.btn-toggle.active i {
background: transparent;
}
.btn-toggle.active i::before {
top: 0;
-webkit-transform: rotateZ(45deg);
-moz-transform: rotateZ(45deg);
-ms-transform: rotateZ(45deg);
-o-transform: rotateZ(45deg);
transform: rotateZ(45deg);
}
.btn-toggle.active i::after {
bottom: 0;
-webkit-transform: rotateZ(-45deg);
-moz-transform: rotateZ(-45deg);
-ms-transform: rotateZ(-45deg);
-o-transform: rotateZ(-45deg);
transform: rotateZ(-45deg);
}
.btn-toggle {
position: absolute;
top: 27px;
right: 20px;
z-index: 21;
padding: 6px 0 0 0;
display: block;
margin: 0 auto;
display: none;
height: 44px;
width: 25px;
border-bottom: none !important;
}
@media screen and (max-width: 767px) {
.btn-toggle {
display: block;
}
}
/* Shadows */
.shadow-in-top,
.shadow-in-bottom,
.shadow-in-left,
.shadow-in-right,
.shadow-in-top-bottom,
.shadow-in-left-right {
position:relative;
overflow: hidden;
}
.shadow-in-top:after,
.shadow-in-top:before,
.shadow-in-bottom:after,
.shadow-in-bottom:before,
.shadow-in-left:after,
.shadow-in-left:before,
.shadow-in-right:after,
.shadow-in-right:before,
.shadow-in-top-bottom:after,
.shadow-in-top-bottom:before,
.shadow-in-left-right:after,
.shadow-in-left-right:before,
.shadow-out-top:after,
.shadow-out-top:before,
.shadow-out-bottom:after,
.shadow-out-bottom:before,
.shadow-out-top-bottom:before,
.shadow-out-top-bottom:after {
content: "";
position:absolute;
z-index: 1;
}
.shadow-in-top:after,
.shadow-in-bottom:after,
.shadow-out-top:after,
.shadow-out-bottom:after {
width:100%;
left: 0;
height: 0px;
}
.shadow-in-left:after,
.shadow-in-right:after,
.shadow-in-left-right:after {
width:0px;
top: 0;
height: 100%;
}
.shadow-in-top:before,
.shadow-in-bottom:before,
.shadow-in-left:before,
.shadow-in-right:before,
.shadow-in-left-right:before,
.shadow-in-left-right:after,
.shadow-in-top-bottom:before,
.shadow-in-top-bottom:after,
.shadow-out-top:before,
.shadow-out-bottom:before,
.shadow-out-top-bottom:before,
.shadow-out-top-bottom:after {
border-radius: 100px / 5px;
-moz-border-radius: 100px / 5px;
-webkit-border-radius: 100px / 5px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.shadow-in-top:before,
.shadow-in-bottom:before,
.shadow-in-top-bottom:before,
.shadow-in-top-bottom:after,
.shadow-out-top:before,
.shadow-out-bottom:before,
.shadow-out-top-bottom:before,
.shadow-out-top-bottom:after {
width:96%;
height: 10px;
left: 2%;
}
.shadow-in-top:before {
top: -10px;
}
.shadow-in-top:after {
top: 0px;
border-top: 0px solid #f1f1f1;
}
.shadow-in-bottom:before {
bottom: -10px;
}
.shadow-in-bottom:after {
bottom: 0px;
border-bottom: 0px solid #f1f1f1;
}
.shadow-in-left:before,
.shadow-in-left-right:before {
width:10px;
top: 5%;
height: 90%;
left: -10px;
}
.shadow-in-left:after {
left: 0px;
border-left: 0px solid #f1f1f1;
}
.shadow-in-right:before,
.shadow-in-left-right:after {
width:10px;
top: 5%;
height: 90%;
right: -10px;
}
.shadow-in-right:after {
right: 0px;
border-right: 0px solid #f1f1f1;
}
.shadow-in-left-right {
border-left:0px solid #f1f1f1;
border-right:0px solid #f1f1f1;
}
.shadow-in-top-bottom,
.shadow-out-top-bottom {
border-top:0px solid #f1f1f1;
border-bottom:0px solid #f1f1f1;
}
.shadow-in-top-bottom:before {
top: -10px;
}
.shadow-in-top-bottom:after {
bottom: -10px;
}
/* for OUT need margin and overflow visible */
.shadow-out-top {
position:relative;
margin-top:10px;
}
.shadow-out-top:before {
top: 0;
z-index: -1;
}
.shadow-out-top:after {
top: 0px;
border-top: 0px solid #f1f1f1;
}
.shadow-out-bottom {
position:relative;
margin-bottom:10px;
}
.shadow-out-bottom:before {
bottom: 0;
z-index: -1;
}
.shadow-out-bottom:after {
bottom: 0px;
border-bottom: 0px solid #f1f1f1;
}
.shadow-out-top-bottom {
position:relative;
margin-top:10px;
margin-bottom:10px;
}
.shadow-out-top-bottom:before {
z-index: -1;
top: 0;
}
.shadow-out-top-bottom:after {
z-index: -1;
bottom: 0;
}
#abstop {
display: block;
position: absolute;
height: 0;
top:0;
}
/* Counter List */
.counter-list li {
position:relative;
list-style-type: none;
}
ol.counter-list {
counter-reset: list1;
}
ol.counter-list li:before {
position:absolute;
width:2em;
/*height:20px;*/
/*line-height:20px;*/
left: -1.944444444444444em;
text-align:center;
counter-increment: list1;
content: counter(list1) ".";
}
ol.counter-list li ol li:before {
left: -2.35em;
}
ol.counter-list ol {
counter-reset: list2;
}
ol.counter-list ol li:before {
counter-increment: list2;
content: counter(list1) "." counter(list2) ".";
}
ol.counter-list li > ol {
/* padding: 10px 20px 0px 30px !important; */
}
ol li > ul {
list-style-type: disc;
/* padding: 10px 20px 0px 30px !important; */
}
a[href], a:focus {
cursor: pointer;
outline: 0
}
a {color: #2d89e5}
a {color:#999900}
a:hover {color: #b2b201}
[class$="-dbg"] a, a[href*="mailto"],
[class$="-dbg"] .block-content a,
[class$="-dbg"] .grand-banner a, .grand-banner[class$="-dbg"] a {
color: rgba(255, 255, 255, 0.8);
}
[class$="-dbg"] a:hover, a[href*="mailto"]:hover,
.header-dbg .nav-contacts a[href^="tel"]:hover,
.news[class$="-dbg"] a:hover .block-box_header,
.header-dbg .grand-banner a:hover,
.countries[class$="-dbg"] a:hover .block-box_header {
/* text-decoration: underline;*/
color: rgba(255, 255, 255, 1)
}
[class$="-lbg"] a, .fixed-top a[href*="mailto"] {color:#999900}
[class$="-lbg"] a:hover,
.fixed-top a[href*="mailto"]:hover,
.fixed-top .nav-contacts a[href^="tel"]:hover,
.header-lbg .nav-contacts a[href^="tel"]:hover {color: #b2b201}
@media screen and (max-width: 767px) {
a[href*="mailto"],a[href*="#callback"] {color:#999900}
a[href*="mailto"]:hover, a[href*="#callback"]:hover,
.header-dbg .nav-contacts a[href^="tel"]:hover {color: #b2b201}
}
a {
-webkit-transition: color 0.1s ease-in-out;
-moz-transition: color 0.1s ease-in-out;
-o-transition: color 0.1s ease-in-out;
transition: color 0.1s ease-in-out;
}
[class^="icon-"]:before, [class*=" icon-"]:before {
margin-left: 0em;
margin-right: 0em;
}
.selected {
background-image: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15), rgba(0,0,0,0));
background-image: -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15), rgba(0,0,0,0));
background-image: -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15), rgba(0,0,0,0));
background-image: -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15), rgba(0,0,0,0));
background-image: linear-gradient(0deg, rgba(0,0,0,0), rgba(0,0,0,0.15), rgba(0,0,0,0));
}
.btn {
font-size: 0.875em;
padding: 0.429em 0.857em;
margin: 0 auto;
z-index: 0;
}
[class$="-dbg"] .accent-color {
color:#ffffa6
}
.accent-color, [class$="-lbg"] .accent-color {
color:#ff8533
}
.color-red, [class$="-lbg"] .color-red {
color:#ff2300
}
.light-color, [class$="-lbg"] .light-color {
color: rgba(0, 0, 0, .4);
}
/* Middle Vertical Align */
.vertical-align > .align-middle {
display: flex;
align-items: center;
}
.vertical-align > .align-middle .great-img {
position: absolute;
bottom: 0;
}
@media screen and (min-width: 768px) {
.vertical-align {
display: flex;
flex-direction: row;
}
}
@media (min-width: 768px){
/* .navbar-nav{
float:none;
margin: 0 auto;
display: table;
table-layout: fixed;
}*/
}
@media screen and (max-width: 991px) {
.navbar {
margin-bottom: 0 !important;
}
.grand-banner .vertical-align {
display: block;
}
.grand-banner .vertical-align > .align-middle {
display: block;
}
.grand-banner .minor-area .block-box {
width: calc(100% - 30px);
margin: 0.5em 0 0 0;
}
.sm-center {
text-align: center
}
}
/* 4.0 - Elements */
/* .pagination */
.pagination-wrapper {
text-align: center;
width: 100%;
}
.pagination {
margin: 2em 0;
border-radius: 0.250em;
font-size: 1.6rem;
}
.pagination > li > a, .pagination > li > span {
padding: 0.375em 0.750em;
margin-left:-1px;
line-height:1.5;
transition: all 0.1s 0.1s ease-in-out;
}
[class$="-lbg"] .pagination>li>a,
.pagination>li>a, .pagination>li>span {
color:#999900
}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
z-index: 2;
color: #b2b201;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
background-color:rgba(0, 0, 0, 0.1);
border-color:rgba(0, 0, 0, 0.1);
}
[class$="-lbg"] .pagination>li>a:hover {
background-color: rgba(0, 0, 0, 0.02);
color: #b2b201;
}
[class$="-lbg"] .pagination > .active > a,
[class$="-lbg"] .pagination > .active > a:hover {
color: rgba(255,255,255,1);
background-color:#337ab7;
}
/* Section */
.section {
position: relative;
}
/* Dividers */
.hr1 {
height: 1px;
}
.hr2, .hr3, .hr4 {
height: 0;
}
.hr2 {
border-bottom: 1px solid;
}
.hr3 {
border-bottom: 1px dotted;
}
.hr4 {
border-bottom: 1px dashed;
}
.display-grid .hr4:last-child {
display: none
}
.hr5 {
height: 1px;
background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.15), rgba(0,0,0,0));
background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.15), rgba(0,0,0,0));
background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.15), rgba(0,0,0,0));
background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.15), rgba(0,0,0,0));
background-image: linear-gradient(90deg, rgba(0,0,0,0), rgba(0,0,0,0.15), rgba(0,0,0,0));
}
[class^=hr], [class*=-lbg] [class^=hr] {
border-color: rgba(0,0,0,.1);
}
[class*="-dbg"] .hr5 {
height: 1px;
background-image: -webkit-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.1), rgba(255,255,255,0));
background-image: -moz-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.1), rgba(255,255,255,0));
background-image: -ms-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.1), rgba(255,255,255,0));
background-image: -o-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.1), rgba(255,255,255,0));
background-image: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,0.1), rgba(255,255,255,0));
}
[class*="-dbg"] [class^="hr"],
[class*="-dbg"] .grand-banner [class^="hr"] {
border-color: rgba(255,255,255,0.05);
}
[class$="-dbg"] .classic-title {
border-bottom: 1px solid rgba(255,255,255,.05);
}
.title [class^="hr"] {
margin-top: 60px;
}
/* Header */
#site-header {
position: absolute;
z-index: 99;
width: 100%;
opacity: 1;
top: 0;
padding-top: 30px;
padding-bottom: 30px;
}
#site-header.fixed-top {
position: fixed !important;
background: #fff;
-webkit-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.175);
-moz-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.175);
-ms-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.175);
box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.175);
padding-top: 0px;
padding-bottom: 0px;
top: 0;
}
@media screen and (max-width: 767px) {
#site-header {
margin-top: 0;
background: #fff;
-webkit-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1);
-ms-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1);
padding-top: 0px;
padding-bottom: 0px;
}
#site-header .navbar-brand g.logo {
fill:#999900;
}
}
/* Nav */
/* Min correct */
.navbar-default {
background: none;
border: 0;
}
/* Logo */
.navbar-brand {
/* width: 109px;
height: 66px; */
width: 250px;
height: 45px;
padding: 0px 0px 0px 0px;
top: 27.5px;
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.navbar .container .navbar-brand {
margin-left: 0px;
}
.svg-container {
padding: 0;
position: relative;
}
.svg-stroke {
stroke: rgba(255, 255, 255, 1);
stroke-width: 1;
stroke-linecap: round;
stroke-linejoin: round;
stroke-position: outside;
}
.svg-responsive {
position: absolute;
top: 0;
left: 0;
}
.header-dbg .navbar-brand g.logo {
fill:#ffffff;
/*fill:#ffffa6;*/
}
.navbar-brand g.logo,
.fixed-top #site-header .navbar-brand g.logo,
.header-dbg.fixed-top .navbar-brand g.logo {
fill:#999900;
transition: all 0.1s 0.1s ease-in-out;
}
.navbar-brand:hover g,
.fixed-top .navbar-brand:hover g {
opacity: 0.9;
}
.svg-shadow {
-webkit-filter: drop-shadow( 0px 1px 1px rgba(0,0,0,.1) );
filter: drop-shadow( 0px 1px 1px rgba(0,0,0,.1) );
}
.fixed-top .navbar-brand {
}
.fixed-top .svg-responsive {
top: 0;
}
.logo-brand {
display: inline-block;
position: relative;
width: calc(100% / 5 );
}
.logo-item {
width: 100%;
}
@media screen and (max-width: 767px) {
.navbar-brand {
margin-left: 15px !important;
}
.nav {
padding-top: 0px;
}
.logo-brand {
width: calc(100% / 2 );
}
}
/* Nav Contacts */
.nav-contacts {
font-size: 1.125em;
font-weight: 700;
line-height: 1.3;
position: relative;
display: block;
margin-top: 16px;
/* margin-left: 1.666666666666667em; 30px */
margin-left: 1.25em;
margin-right: 0px;
padding: 0px 0px 0px 0px;
height: 70px;
text-align: right;
}
.header-dbg .nav-contacts a[href^="tel"] {
color: rgba(255, 255, 255, 0.8);
}
.header-lbg .nav-contacts a[href^="tel"] {
color: rgba(0, 0, 0, 0.5);
}
@media (max-width: 767px) {
.nav-contacts a[href^="tel"],
[class*="-dbg"] .nav-contacts a[href^="tel"] {
color: rgba(0, 0, 0, 0.5);
}
.nav-request {
display: block;
line-height: auto;
text-align: right;
}
.nav-contacts {
/* margin-right: 45px;*/
}
}
.fixed-top .nav-contacts a[href^="tel"] {
color: rgba(0, 0, 0, 0.5);
}
.nav-contacts:after {
top: 5px;
left: 0;
bottom: 5px;
width: 1px;
content: "";
display: block;
position: absolute;
z-index: 2;
opacity: 0;
background-color: rgba(255, 255, 255, .1);
}
.fixed-top .nav-contacts:after {
background-color: rgba(0, 0, 0, .1);
}
.nav-request {
line-height: 94px;
position: relative;
display: inline-block;
margin-left: 10px;
padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 767px) {
.navbar-brand,
.fixed-top .navbar-brand {
width: 200px;
height: 36px;
top: 32px;
}
.nav-request {
line-height: normal;
position: absolute;
top: 35px;
right: 230px;
}
.nav-contacts {
font-size: 1em;
font-weight: 700;
line-height: 1.3;
position: absolute;
top: 22px;
right: 20px;
margin-top: 0px;
margin-right: 45px;
text-align: right;
}
}
@media screen and (max-width: 490px) {
.nav-request {
display: none;
}
}
/**
* 4.0 Colors
*/
.header-dbg {
/* background-image: -webkit-radial-gradient(circle farthest-side at 50% 44.5%, #284259, #071928 85%);
background-image: radial-gradient(circle farthest-side at 65% 48%, #284259, #071928 85%);*/
}
.blue-dbg {
background-image: -webkit-radial-gradient(circle farthest-side at 50% 44.5%, #284259, #071928 85%);
background-image: radial-gradient(circle farthest-side at 50% 44.5%, #284259, #071928 85%);
}
.blue1-dbg {
background-image: -webkit-radial-gradient(circle farthest-side at 75% 50%, #5790f2, #3764b3 100%);
background-image: radial-gradient(circle farthest-side at 75% 50%, #5790f2, #3764b3 100%);
}
.blue2-dbg {
background-image: -webkit-linear-gradient(225deg, #225282, #1a242e );
background-image: linear-gradient(225deg, #225282, #1a242e );
}
.blue3-dbg {
background-image: -webkit-radial-gradient(circle farthest-side at 50% 100%, #2762af, #26518a 100%);
background-image: radial-gradient(circle farthest-side at 50% 100%, #2762af, #26518a 100%);
}
.greengold-dbg {
background-image: -webkit-linear-gradient(225deg, #b2b201, #990 );
background-image: linear-gradient(225deg, #b2b201, #990 );
}
.crimson-dbg {
background-image: -webkit-radial-gradient(circle farthest-side at 50% 44.5%, #ff0054, #530000 85%);
background-image: radial-gradient(circle farthest-side at 50% 44.5%, #ff0054, #530000 85%);
}
.crimson1-dbg {
background-image: -webkit-radial-gradient(circle farthest-side at 75% 50%, #ff0054, #530000 100%);
background-image: radial-gradient(circle farthest-side at 75% 50%, #ff0054, #530000 100%);
}
.green-dbg {
background-image: -webkit-radial-gradient(circle farthest-side at 50% 44.5%, #34C193, #18BA60 85%);
background-image: radial-gradient(circle farthest-side at 50% 44.5%, #34C193, #18BA60 85%);
}
.green1-dbg {
background-image: -webkit-radial-gradient(circle farthest-side at 75% 50%, rgba(52,193,147,1), rgba(24,186,96,1) 100%);
background-image: radial-gradient(circle farthest-side at 75% 50%, rgba(52,193,147,1), rgba(24,186,96,1) 100%);
}
.greenline-dbg {
background:
linear-gradient(180deg, rgba(33,175,129,.5) 5%,rgba(8,165,78,.5) 100%),
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAAXNSR0IArs4c6QAAADFJREFUCB1j3LVr138ZGRmGJ0+eMMBoJhgDRjMAAROyCpAASBKuEiYAUgRWiSwAUgkAffwhN6yF1PQAAAAASUVORK5CYII=);
}
.greengoldline-dbg {
background:
linear-gradient(180deg, rgba(178,178,1,.75) 5%,rgba(153,153,0,.75) 100%),
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAAXNSR0IArs4c6QAAADFJREFUCB1j3LVr138ZGRmGJ0+eMMBoJhgDRjMAAROyCpAASBKuEiYAUgRWiSwAUgkAffwhN6yF1PQAAAAASUVORK5CYII=);
}
.blueline-dbg {
background:
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAAXNSR0IArs4c6QAAADFJREFUCB1j3LVr138ZGRmGJ0+eMMBoJhgDRjMAAROyCpAASBKuEiYAUgRWiSwAUgkAffwhN6yF1PQAAAAASUVORK5CYII=);
}
.orange1-dbg {
background-image: -webkit-radial-gradient(circle farthest-side at 75% 50%, #ffba00, #ff9600 100%);
background-image: radial-gradient(circle farthest-side at 75% 50%, #ffba00, #ff9600 100%);
}
.red1-dbg {
background-image: -webkit-radial-gradient(circle farthest-side at 75% 50%, #c41c00 #891300 100%);
background-image: radial-gradient(circle farthest-side at 75% 50%, #c41c00, #891300 100%);
}
.argyle-dbg {
background-color: #6d695c;
background-image:
repeating-linear-gradient(120deg, rgba(255,255,255,.1), rgba(255,255,255,.1) 1px, transparent 1px, transparent 60px),
repeating-linear-gradient(60deg, rgba(255,255,255,.1), rgba(255,255,255,.1) 1px, transparent 1px, transparent 60px),
linear-gradient(60deg, rgba(0,0,0,.1) 25%, transparent 25%, transparent 75%, rgba(0,0,0,.1) 75%, rgba(0,0,0,.1)),
linear-gradient(120deg, rgba(0,0,0,.1) 25%, transparent 25%, transparent 75%, rgba(0,0,0,.1) 75%, rgba(0,0,0,.1));
background-size: 70px 120px;
}
.bluegrey-stripe1-dbg {
background: -webkit-repeating-linear-gradient(135deg, #566b7c, #566b7c 25%, #536878 25%, #536878 50%, #566b7c 50%) top left;
background: repeating-linear-gradient(135deg, #566b7c, #566b7c 25%, #536878 25%, #536878 50%, #566b7c 50%) top left;
background-size: 15px 15px;
}
.rainbow-dbg {
background: #a81b31; /* Old browsers */
background: -moz-radial-gradient(circle farthest-side at 100% 0%, #a81b31 0%, #a3481e 20%, #c28a1c 35%, #64893c 45%, #0e8b77 60%, #2e535f 75%, #653f65 85%, #650f2c 100%);
background: -webkit-radial-gradient(circle farthest-side at 100% 0%, #a81b31 0%,#a3481e 20%,#c28a1c 35%,#64893c 45%,#0e8b77 60%,#2e535f 75%,#653f65 85%,#650f2c 100%);
background: radial-gradient(circle farthest-side at 100% 0%, #a81b31 0%,#a3481e 20%,#c28a1c 35%,#64893c 45%,#0e8b77 60%,#2e535f 75%,#653f65 85%,#650f2c 100%);
}
.stripe1-dbg {
background: -webkit-repeating-linear-gradient(135deg, #666, #666 25%, #5c5c5c 25%, #5c5c5c 50%, #666 50%) top left;
background: repeating-linear-gradient(135deg, #666, #666 25%, #5c5c5c 25%, #5c5c5c 50%, #666 50%) top left;
background-size: 15px 15px;
}
.stripe2-dbg {
background: repeating-linear-gradient(135deg,rgba(0, 0, 0, 0.65),rgba(0, 0, 0, 0.65) 10px,rgba(0, 0, 0, 0.75) 10px,rgba(0, 0, 0, 0.75) 20px);
}
.grey1-lbg {
background-image: -webkit-radial-gradient(circle farthest-side at 50% 50%, #f0f0f0, #e2e2e2 100%);
background-image: radial-gradient(circle farthest-side at 50% 50%, #f0f0f0, #e2e2e2 100%);
}
.grey2-lbg {
background-image: -webkit-radial-gradient(circle farthest-side at 50% 50%, #d0d0d0, #acacac 100%);
background-image: radial-gradient(circle farthest-side at 50% 50%, #d0d0d0, #acacac 100%);
}
.carbon-dbg {
background:
radial-gradient(black 15%, transparent 16%) 0 0,
radial-gradient(black 15%, transparent 16%) 8px 8px,
radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px,
radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px;
background-color:#282828;
background-size:16px 16px;
}
.grad90 {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, rgba(0, 0, 0, .05)), color-stop(1, rgba(0, 0, 0, 0.2)) );
background:-moz-linear-gradient( center top, rgba(0, 0, 0, .05) 5%, rgba(0, 0, 0, 0.2) 100%);
background: -o-linear-gradient(top, rgba(0, 0, 0, .05) 0%,rgba(0, 0, 0, 0.2) 100%);
background: -ms-linear-gradient(top, rgba(0, 0, 0, .05) 0%,rgba(0, 0, 0, 0.2) 100%);
background:linear-gradient( center top, rgba(0, 0, 0, .05) 5%, rgba(0, 0, 0, 0.2) 100%);
}
/* Backgrounds */
.white-lbg {
background-image: -webkit-linear-gradient(0deg, #ffffff, #ffffff );
background-image: linear-gradient(0deg, #ffffff, #ffffff )
}
.orange-dbg {
background-image: -webkit-linear-gradient(0deg, #ff6800, #ff8a00 );
background-image: linear-gradient(0deg, #ff6800, #ff8a00 )
}
.orange2-dbg {
background: #FFD200;
background-image: linear-gradient(225deg, #FFD200 20%, #F7971E 80%);
}
.orange3-dbg {
background-image: -webkit-radial-gradient(circle farthest-side at 90% 50%, #ff6800, #ff8a00 100%);
background-image: radial-gradient(circle farthest-side at 90% 50%, #ff6800, #ff8a00 100%);
}
.orange4-dbg {
background: #FFD200;
background-image: linear-gradient(135deg, #FFD200 20%, #F7971E 80%);
}
.yellow-lbg {
background-color:#ffcc00;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffcc44), color-stop(1, #ffcc00) );
}
.ivory-lbg {
background-image: -webkit-linear-gradient(0deg, #fffeef, #fffeef );
background-image: linear-gradient(0deg, #fffeef, #fffeef )
}
.ivory1-lbg {
background-image: -webkit-linear-gradient(0deg, #fffddf, #fffddf );
background-image: linear-gradient(0deg, #fffddf, #fffddf )
}
.whitesmoke-lbg {
background-image: -webkit-linear-gradient(0deg, #f5f5f5, #f5f5f5 );
background-image: linear-gradient(0deg, #f5f5f5, #f5f5f5 )
}
.whitesmoke1-lbg {
background-image: -webkit-linear-gradient(0deg, #f9f9f9, #fefefe );
background-image: linear-gradient(0deg, #f9f9f9, #fefefe )
}
.whitesmoke2-lbg {
background-image: -webkit-linear-gradient(0deg, #fafafa, #fafafa );
background-image: linear-gradient(0deg, #fafafa, #fafafa )
}
.redsilk-dbg {
background-image: url(/wp-content/uploads/2017/09/redsilk-bg.jpg);
background-size: cover;
}
.smoke-lbg {background-color: #f5f6f7}
.orange-dbg {background-color: #ffa500}
.darkorange-dbg {background-color: #ff8c00}
.darkorange1-dbg {background-color: #ee7600}
.grey-dbg {background-color: #454545}
.grey2-dbg {background-color: #323232}
.grey3-dbg {background-color: #3f3f3f}
.light-yellow-lbg {background-color: #fffeec}
.redlogo-dbg {background-color: #A71C20;}
.greylogo-dbg {background-color: #808285}
[class^=icon-].color-green, .color-green {color:#56ae70 !important}
/* Cargo Background */
.default-background:before {
background-position: center center;
background-size: 300px;
background-image: url("/wp-content/uploads/images/cleaning-background.png");
position: absolute;
top: 0;
left: 0;
height: 400%;
width: 100%;
display: block;
z-index: 0;
content: '';
opacity: 0.07;
pointer-events: none;
}
/* Parallax */
.bg-parallax {
background-attachment: fixed;
}
/* Box Shadows */
.hero-shadow-150,
.header-dbg .fullscreen .grand-screen,
.header-dbg .toppage.grand-screen.bg-parallax {
-webkit-box-shadow: inset 0 0px 150px rgba(0, 0, 0, .3);
box-shadow: inset 0 0px 150px rgba(0, 0, 0, .3);
}
.hero-shadow-300 {
-webkit-box-shadow: inset 0 0px 300px rgba(0, 0, 0, .5);
box-shadow: inset 0 0px 300px rgba(0, 0, 0, .5);
}
.hero-shadow-500 {
-webkit-box-shadow: inset 0 0px 500px rgba(0, 0, 0, .5);
box-shadow: inset 0 0px 500px rgba(0, 0, 0, .5);
}
.card-shadow {
box-shadow: 0 0px 0px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
z-index: 1;
/* transition: all 0.1s 0.1s ease-in-out;*/
/* transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.4) transform, 0.3s ease box-shadow, 0.3s ease filter */
}
.card-shadow:hover {
box-shadow: 0 5px 10px rgba(50, 50, 93, 0.13), 0 5px 20px rgba(0, 0, 0, 0.16);
z-index: 2;
}
/* Borders */
.border-5 {
border-radius: 5px;
}
.border-5 .block-box_bg {
border-radius: 5px;
}
/* Responsive Container */
.responsive-container {
position: relative;
width: 100%;
max-width: 100%;
height: 0;
padding-bottom: 62.5%;
border: 1px solid #cacaca;
overflow: hidden;
}
.responsive-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
max-width: 100%;
height: 100%;
}
/* Breadcrumb */
.breadcrumbs {
/* box-shadow: inset 0 -1px 0 0 rgba(0,0,0,0.05); */
}
.breadcrumb {
font-size: 0.875em;
line-height: 1.357142857142857em;
padding: 1em 1.071428571428571em;
margin: 0em 0 1em 0;
list-style: none;
background-color: #f5f5f5;
border-bottom-left-radius: 0.250em;
border-bottom-right-radius: 0.250em;
margin-top: -24px;
color: #777;
}
.stick .breadcrumb { margin-top: 0;margin-bottom: 0;}
.breadcrumbs .breadcrumb {
background-color: transparent
}
.breadcrumb > li + li:before {
padding: 0 5px;
color: #999;
content: "\203A";
}
.grand-banner .breadcrumb {
font-size: 1em;
line-height: 1.5em;
padding: 0 0;
margin: 0 0;
list-style: none;
}
/* Hero Content */
.header-dbg .hero-content {
color: #fff;
}
.header-lbg .hero-content p a {
color: #337ab7;
}
.header-dbg .hero-content p a {
color: #ffff66;
}
.grand-banner [class*="-dbg"],
.modal [class*="-dbg"] {
color: rgba(255, 255, 255, 1);
text-shadow: 1px 1px 2px rgba(0, 0, 0, .2);
}
.grand-banner [class*="-lbg"] {
text-shadow: 0px 1px 1px rgba(255, 255, 255, .1);
}
.grand-banner .minor-area [class$="-dbg"],
.grand-banner .minor-area [class$="-lbg"] {
text-shadow: none;
}
.hero-image {
border-radius:50%;
filter: grayscale(100%) contrast(1.25);
}
/*
* 4.0 Toppage
*/
div[class^="toppage"] {
margin-top: 160px;
}
div[class^="toppage"].halfscreen {
margin-top: 0px;
}
div[class^="toppage"].halfscreen .grand-screen {
padding-top: 160px;
}
@media (min-width: 768px) and (max-width: 991px) {
div[class^="toppage"] {
margin-top: 176px;
}
div[class^="toppage"].halfscreen {
margin-top: 0px;
}
div[class^="toppage"].halfscreen .grand-screen {
padding-top: 176px;
}
}
@media screen and (max-width: 767px) {
div[class^="toppage"] {
margin-top: 100px !important;
}
div[class^="toppage"].halfscreen {
margin-top: 0px;
}
div[class^="toppage"].halfscreen .grand-screen {
padding-top: 0px;
}
}
.toppage.error-page {
padding-top: 60px;
}
/* page-template-default */
.page-post {}
.page-template-default .section h1,
.error-page h1 {
margin-top: 0;
}
/* Full Screen */
.fullscreen {
height: 100vh;
}
.v-align-transform {
position: relative;
transform: translate3d(0, -50%, 0);
-webkit-transform: translate3d(0, -50%, 0);
top: 50%;
z-index: 2;
}
.grand-banner.v-align-transform {
top: 55%;
}
.align-bottom {
position: absolute;
bottom: 0;
margin: 0 auto;
left: 0;
right: 0;
z-index: 2;
}
.align-top {
position: absolute;
top: 0;
margin: 0 auto;
left: 0;
right: 0;
z-index: 2;
}
.cover {
margin: 0;
padding: 0;
}
.overlay:before {
position: absolute;
content: '';
width: 100%;
height: 100%;
height: 100vh; /* iOS fix */
top: 0;
left: 0;
z-index: 2;
}
.overlay-standard:before,
.overlay-halfscreen:before,
.overlay-landing:before,
.overlay-section:before {
position: absolute;
content: '';
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 0;
}
@-moz-document url-prefix() {
.overlay-halfscreen:before {height: 120%}
}
.overlay-standard:before,
.overlay-halfscreen:before,
.overlay-section:before {
/*height: 100vh;*/ /* iOS fix */
}
.overlay-standard:before {
background:#000000;opacity:0.2;
}
.overlay-section:before{
background:#000000;opacity:0.5;
}
.overlay-section.light:before{
opacity:0.3;
}
.overlay-halfscreen:before {
z-index: 0;
}
.cover .align-bottom {
padding: 0 32px;
bottom: 40px;
font-size: 80%;
}
.cover .align-top {
padding: 0 32px;
}
.cover-background {
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover !important;
}
/* Home */
.home .grand-banner.grand-dbg {
/* padding: 2em 0 3em 0; */
padding: 0em 0 0em 0;
}
.home .screenblocks .block-box {
padding: 1.0em 0;
}
.home .screenblocks .block-box .block-box_bg {
border-radius: .5em;
}
.home .screenblocks[class$="-dbg"] .block-box:hover .block-box_bg {
background-color: rgba(0, 0, 0, 0.3);
}
.home .screenblocks .block-icon {
width: 8em;
margin: 0 auto;
}
.home .screenblocks .block-box_header,
.home .screenblocks .block-icon-top .block-icon,
.home .screenblocks .block-icon-top .block-content {
margin-bottom: 0;
}
.home .screenblocks .block-box_header {
font-weight: bold;
line-height: normal;
}
.home .screenblocks a .block-box_header .accent-color {
opacity: 1;
}
.home [class*="-dbg"] .screenblocks a .block-box_header,
.home [class*="-dbg"] .screenblocks a:hover .block-box_header,
.home [class*="-dbg"] .screenblocks a:hover .block-box_header .accent-color {
color: rgba(255, 255, 255, 1);
opacity: 1;
}
/* Media */
.wp-caption-text {
font-style: italic;
line-height: 120%;
padding-top: 1em;
text-align: center !important;
}
/* Scroll Down Button */
#scroll-down {
font-size: 0.750em;
}
#scroll-down.align-bottom {
bottom: 50px;
}
.scroll-down {
display: block;
width: 2.875em;
padding: 0px 0px 0px 0px;
top: 0px;
margin: 0 auto;
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.scroll-down .svg-responsive {
animation-iteration-count: infinite;
-o-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
}
[class*="-lbg"]+#scroll-down {
color: rgba(0, 0, 0, 0.3);
}
[class*="-dbg"]+#scroll-down {
color: rgba(255, 255, 255, 0.5);
}
[class*="-lbg"]+#scroll-down .scroll-down g {
fill:rgba(0, 0, 0, 0.3);
}
[class*="-dbg"]+#scroll-down .scroll-down g {
fill:rgba(255, 255, 255, 0.5);
}
@media only screen and (max-width: 736px) {
#scroll-down {
display:none!important;
}
}
/* Great Banner */
.great-banner {
/*box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, .05), inset 0 -1px 0 0 rgba(0, 0, 0, .05);*/
}
/* */
/* Grand Content */
/* */
.grand-screen {
width: 100%;
overflow: hidden;
height:inherit;
border:none;
opacity: 1;
}
.grand-banner {
position: relative;
overflow: hidden;
}
/* Grand Banner */
[class*="banner"] {
padding: 3em 0 3em 0;
position: relative; /* for fix overlay halfscreen max-width 767 */
}
[class*="banner"] h1 {
font-size: 2.75em;
font-weight: 600;
margin: 0 0 0.25em 0;
}
[class*="banner"] .bigger h1 {
font-size: 3.25em;
}
[class*="banner"] h2,
[class*="banner"] h3,
[class*="banner"] h4,
[class*="banner"] h5 {
font-size: 1.500em;
margin: 0 0 0.5em 0;
line-height: normal;
}
[class*="banner"] .bigger h2,
[class*="banner"] .bigger h3,
[class*="banner"] .bigger h4,
[class*="banner"] .bigger h5 {
font-size: 1.875em;
}
.special-title h5 {
padding: 18.7px;
/*color: rgb(102, 51, 153);*/
background-color: #f5f5f5;
font-size: 1.25em;
}
ul.special-title h5 {
font-size: 1.111111111111111em;
padding: 20px;
background-color: transparent;
margin-bottom: 5px !important;
}
@media screen and (min-width: 992px) {
[class*="banner"] h1:last-child, [class*="banner"] h2:last-child,
[class*="banner"] h3:last-child, [class*="banner"] h4:last-child,
[class*="banner"] h5:last-child, [class*="banner"] p:last-child {
margin-bottom: 0;
}
}
/* Main Area */
[class*="banner"] .main-area h1+h4,
[class*="banner"] .main-area h4 { /* Standard */
font-size: 1.875em;
/* margin: 0 0 0.0em 0;*/
line-height: normal;
}
[class*="banner"] .main-area p,
[class*="banner"] .main-area ul {
font-size: 1.250em;
line-height: 1.4;
}
[class*="banner"] .main-area-content p,
[class*="banner"] .main-area-content ul {
font-size: 1em;
line-height: 1.5em;
margin-bottom: 1em;
}
.main-area-image {
max-width: 400px;
margin: 0 auto;
}
/* Minor Area */
[class*="banner"] .minor-area .block-box p {
margin-bottom: 0;
}
[class*="banner"] .minor-area .block-box {
margin: 0 15px;
}
/* Wide Area */
[class*="banner"] .wide-area {
font-size: 0.875em;
line-height: 1.357142857142857em;
}
[class*="-lbg"] .wide-area {
color: rgba(0, 0, 0, .4);
}
@media screen and (min-width: 992px) {
[class*="banner"] .minor-area .block-box {
width: calc(100% - 30px);
}
}
@media (max-width: 767px) {
[class*="banner"] h1 {
font-size: 2.2em;
}
[class*="banner"] .main-area h1+h4, /* Halfscreen + Landing */
[class*="banner"] .main-area h4 { /* Standard */
font-size: 1.5em;
}
/* [class*="banner"] h2, [class*="banner"] h3, [class*="banner"] h4 {
font-size: 1.5em;
} */
.section.great-banner .main-area p {
font-size: 1.0em;
line-height: 1.5em;
}
.grand-banner .main-area p {
font-size: 1.125em;
line-height: 1.555555555555556em;
}
}
[class*="banner"][class*="-dbg"] .minor-area .block-box .block-box_bg,
[class*="banner"][class*="-dbg"] .alert-light {
background-color: rgba(0, 0, 0, 0.3);
}
[class*="banner"][class*="-lbg"] .minor-area .block-box {
background-color: rgba(0, 0, 0, 0.05);
}
[class*="banner"][class*="-lbg"] .main-area h2,
[class*="banner"][class*="-lbg"] .main-area h3,
[class*="banner"][class*="-lbg"] .main-area h4,
[class*="banner"][class*="-lbg"] .main-area h5,
[class*="-lbg"] .alert-light {
color: rgba(95, 96, 95, 1);
text-shadow: 0px 1px 0px rgba(255, 255, 255, 1);
}
[class*="-lbg"] .alert-secondary {
background-color: #f5f5f5;
border-color: #f0f0f0
}
[class*="banner"][class*="-lbg"] .main-area p,
[class*="banner"][class*="-lbg"] .main-area ul {
color: rgba(0, 0, 0, .4);
}
[class*="banner"][class*="-dbg"] .main-area h1 small {
color: rgba(255, 255, 255, .5);
}
[class*="banner"][class*="-dbg"] .main-area p,
[class*="banner"][class*="-dbg"] .wide-area p {
color: rgba(255, 255, 255, .8);
}
@media (min-width: 992px) and (max-width: 1199px) {
[class*="banner"] .main-area-content p {
font-size: 0.875em;
line-height: normal;
}
/* [class*="banner"] .main-area h2,
[class*="banner"] .main-area h3,
[class*="banner"] .main-area h4,
[class*="banner"] .main-area h5 {
margin: 0 0 0.583333333333333em 0;
}*/
}
@media screen and (max-width: 991px) {
/*[class*="banner"] .main-area-wrapper {
padding: 2em 0 2em 0;
}*/
[class*="banner"] .wide-area {
max-width: 500px;
margin: 0 auto;
}
.grand-screen [class*="banner"] h1,
.grand-screen [class*="banner"] h4 {
text-align: center;
}
.max-md-500 {
max-width: 500px;
margin: 0 auto;
}
}
.nota-bene {
padding: 1em;
margin-bottom: 1.5em;
border: 1px solid transparent;
border-radius: .25em;
background-color: #f5f5f5;
border-color: #f0f0f0;
/* width: 100%;
max-width: 500px;
margin: 0 auto;*/
}
.nota-bene p:last-child {
margin-bottom: 0;
}
.nota-bene .accent-color {
/*color:#d02929;*/
}
.alert-light {
font-family: 'Roboto Condensed', sans-serif;
font-size: 1.125em;
font-weight: 300;
line-height: normal;
background-color: rgba(0, 0, 0, 0.015);
border-color: rgba(0, 0, 0, 0.05);
padding: 0.555555555555556em;
width: 100%;
max-width: 500px;
margin: 0 auto;
}
/*--------------------------------------------------------------
3.0 Alignments
--------------------------------------------------------------*/
.alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
@media (max-width: 991px) {
.margin-12+.margin-12, .margin-2+.margin-2 {margin-top: 0em;margin-bottom: 2em}
}
.clients [class*="-dbg"] h3,
[class*="-dbg"] .main-area h1,
[class*="-dbg"] .main-area h4,
[class*="-dbg"] .main-area h5,
[class*="-dbg"] .main-area p {
text-shadow: 0px 1px 2px rgba(0, 0, 0, .3);
}
.hero-background-image {
width: 100%;
top: 0;
left: 0;
z-index: 1;
transform: translate3d(0px, 0px, 0px);
background-position: 50% 50%;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-attachment: fixed;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
-moz-transform: none !important;
opacity: 0;
}
.fullscreen .hero-background-image {
position: absolute;
height: 100%;
height: 100vh;
}
.format-halfscreen .hero-background-image {
position: relative;
height: inherit;
}
/*@media all and (max-width: 767px) {
.bg-parallax,
.bg-parallax > .hero-background-image,
.bg-parallax .slides li > .hero-background-image {
top: 0 !important;
transform: none !important;
-webkit-transform: none !important;
-moz-transform: none !important;
background-attachment: inherit;
}
} */
/* Halfscreen Format */
/*.home .halfscreen .main-area h1 {
font-size: 3.750em;
font-weight: 600;
margin: 0 0 0.5em 0;
}*/
/*[class*="banner"] .main-area p {
font-size: 1.250em;
line-height: 1.4;
}*/
/* Format Fullscreen */
.fullscreen .grand-screen {
min-height: 600px;
}
.fullscreen .main-area h1,
.home .halfscreen .main-area h1 {
font-size: 3.750em;
font-weight: 600;
margin: 0 0 0.5em 0;
}
.home.page-id-26 .halfscreen .main-area h1 {
margin: 0 0 0 0;
}
.home .halfscreen .main-area h4,
.fullscreen [class*="banner"] .main-area h4 {
font-size: 2.0em;
line-height: normal;
font-weight: 400;
margin: 0 0 1em 0;
}
.fullscreen [class*="-dbg"] .main-area h1,
.fullscreen [class*="-dbg"] .main-area h4,
.fullscreen [class*="-dbg"] .main-area p {
text-shadow: 1px 1px 3px rgba(0, 0, 0, .3);
}
.hero-content {
min-height: 600px;
}
/*.header-dbg+.overlay:before {
background: #000000;
opacity: 0.3;
}
.header-lbg+.overlay:before {
background: #ffffff;
opacity: 0.5;
}*/
.great-banner[class*="-lbg"] .main-area p,
.header-lbg .grand-banner .main-area p {
color: rgba(0, 0, 0, 0.5);
}
/* Format Standard */
.standard {
padding-top: 0px;
padding-bottom: 0px;
margin-bottom: 0px;
color: inherit;
background: transparent;
}
/* Format Landing */
.landing .grand-banner.clear-lbg {
padding: 1em 0 3em 0;
}
.landing .grand-banner.grand-dbg,
.landing .grand-banner.grand-lbg {
padding: 3em 0 3em 0;
}
.landing .grand-banner .top-row {
padding: 0em 0 2em 0;
}
@media screen and (max-width: 991px) {
[class*="banner"] .main-area h1+h4 { /* Halfscreen + Landing */
/* margin: 0 0 0.5em 0; */
}
[class*="standard"] [class*="banner"] .main-area h1+h4:last-child {
margin: 0 0 0em 0;
}
.landing [class*="banner"] .main-area-wrapper {
padding-bottom: 2em;
}
.landing [class*="banner"] .main-area-content {
/*text-align: center;*/
max-width: 500px;
margin: 0 auto;
margin-top: 0em;
}
.landing [class*="banner"] .main-area-image {
margin-bottom: 2em;
}
[class*="banner"] h5:last-child,
.great-banner .main-area h4 {
margin-bottom: 0;
}
[class*="banner"] .main-area a.btn.btn-primary.btn-accent {
/* margin-top: 1em; */
}
.center-xs-sm-md {
text-align: center;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.landing .grand-banner[class*="-lbg"] {
padding: 2em 0 3em 0;
}
}
@media screen and (max-width: 767px) {
.landing .grand-banner[class*="-lbg"] {
padding: 3em 0 3em 0;
}
.landing .grand-banner .top-row {
padding: 0em 0 2em 0;
}
.main-area-image {
max-width: 300px;
margin: 0 auto;
}
}
/* SPO */
[class*="-spo"] {
font-family: 'Roboto Condensed', sans-serif;
}
[class*="-spo"] .btn {
font-family: "Open Sans", sans-serif;
}
.section[class*="-spo"][class$="-lbg"] {
box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, .05),
inset 0 -1px 0 0 rgba(0, 0, 0, .05);
}
.section[class*="-spo"][class$="-lbg"]:last-child {
box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0), inset 0 0 0 0 rgba(0, 0, 0, 0);
}
/* Triple SPO */
[class*="-spo"] .block-box_header,
[class*="-spo"] p {
text-align: center;
margin-bottom: 0;
}
[class*="-spo"] [class*="-dbg"] .block-box_header,
[class*="-spo"] [class*="-dbg"] p {
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
}
[class*="-spo"] .block-box_header,
[class*="-spo"] p, [class*="-spo"] .block-box .accent-color {
/*transition: all 0s 0s ease-in-out;*/
}
[class*="-spo"] .block-box_header {
font-size: 1.500em;
line-height: normal;
font-weight: 400;
margin-bottom: .5em;
}
[class*="-spo"] p {
font-size: 1.250em;
line-height: 1.400em;
font-weight: 400;
}
[class*="-spo"] .bage-percents {
padding: 5px 50px 0 50px;
margin: 0 auto;
}
[class*="-spo"][class$="-lbg"] .block-box_header {
color: rgba(95, 96, 95, 1);
text-shadow: 0px 1px 0px rgba(255, 255, 255, 1);
}
[class*="-spo"][class$="-lbg"] .block-box:hover .block-box_header {
color: rgba(0, 0, 0, .8);
}
[class*="-spo"][class$="-lbg"] .block-box a:hover,
.hover-underline a:hover {
text-decoration: underline;
}
[class*="-spo"][class$="-dbg"] .block-content {
color: rgba(255, 255, 255, .9);
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2);
}
[class*="-spo"][class$="-dbg"] .block-box_header,
[class*="-spo"][class$="-dbg"] .block-box:hover .block-content {
color: rgba(255, 255, 255, 1);
}
[class*="-spo"][class$="-dbg"] .block-box .accent-color {
opacity: .9;
}
[class*="-spo"][class$="-dbg"] .block-box:hover .accent-color {
opacity: 1;
}
[class*="-spo"][class$="-dbg"] .block-content a {
color: rgba(0, 220, 255, 1);
}
[class*="-spo"][class$="-dbg"] .block-content a:hover {
color: rgba(255, 255, 255, 1);
text-decoration: underline;
}
@media (min-width: 992px) and (max-width: 1199px) {
[class*="-spo"] .block-box_header {
font-size: 1.375em;
}
[class*="-spo"] p {
font-size: 1.125em;
line-height: 1.333333333em;
}
[class*="-spo"] .bage-percents {
padding: 7px 33px 0 33px;
}
}
@media screen and (max-width: 991px) {
[class*="-spo"] .block-box {
border-top: 1px solid rgba(255, 255, 255, 0.1);
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
padding-top: 3em;
padding-bottom: 3em;
}
[class*="-spo"] .block-box:first-child {
border-top: none;
}
[class*="-spo"] .block-box:last-child {
border-bottom: none;
}
[class*="-spo"] .bage-percents {
padding: 10px 36px 0 36px;
margin: 0 auto;
max-width: 263px;
}
}
/* CSS Transformation */
.flipH {
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
filter: FlipH;
-ms-filter: "FlipH";
}
/* Smooth Scroll */
/* Footer */
footer {
background-color: #f5f5f5;
/* box-shadow: 0 -1px 0 0 rgba(0, 31, 51, .1); */
font-size: 16px;
}
footer, .sitemap {
color: rgba(0,0,0,0.5);
}
footer div.textwidget.custom-html-widget {
/*padding: 1.875em 0;*/
}
footer[class$="-dbg"], .sitemap[class$="-dbg"] {
color: rgba(255, 255, 255, 0.35);
}
footer .classic-title + ul, .sitemap .classic-title + ul, .block-box ul {
padding-left: 1.5em;
}
.classic-title > span > span {
float: right;
font-weight: 300;
opacity: .5;
}
.sitemap {
font-size: 0.875em;
line-height: normal;
padding: 4.428571428571429em 0 4.428571428571429em 0;
}
.sitemap h4 {
font-size: 17px;
line-height: 19px;
font-weight: 500;
}
.sitemap[class$="-lbg"] a:hover {
color:rgba(255,51,0,1)
}
footer[class$="-lbg"] .classic-title a,
.sitemap[class$="-lbg"] .classic-title a {
color: rgb(51,51,51);
}
footer[class$="-dbg"] .classic-title a,
.sitemap[class$="-dbg"] .classic-title a {
color: rgba(255, 255, 255, 0.75);
}
footer ul li {
margin-bottom: .625em;
}
/* Divider */
ul .divider {
height: 1px;
margin: 0.625em 0 0.375em -1.5em;
overflow: hidden;
}
ul .divider-header {
list-style: none;
font-size: 0.8125em;
margin-left: -1.375em;
}
ul .divider-header {
padding: 4px 1.384615384615385em 5px 1.384615384615385em;
}
[class$="-lbg"] ul .divider {
background-color: rgba(0, 0, 0, .05);
}
[class$="-dbg"] ul .divider {
background-color: rgba(255, 255, 255, .05);
}
[class$="-lbg"] ul .divider-header {
color: rgba(0, 0, 0, 0.25);
}
[class$="-dbg"] ul .divider-header {
color: rgba(255, 255, 255, 0.25);
}
@media screen and (max-width: 767px) {
.navbar-collapse[class*="-dbg"] .dropdown-menu .dropdown-header {
color: rgba(255, 255, 255, 0.5);
}
}
.sitemap ul .divider-header {
/*padding: 0 1.75em 0.25em 1.5em;*/
}
/* Copyright */
.copyright {
font-weight: 300;
font-size: 0.875em;
line-height: normal;
padding: 3em 0 9em 0;
box-shadow: 0 -1px 0 0 rgba(0, 31, 51, .07);
}
.copyright[class$="-lbg"]{
color: rgba(0,0,0,.5);
}
.copyright[class$="-dbg"]{
color: rgba(255,255,255,.35);
}
footer[class$="-dbg"] a,
.sitemap[class$="-dbg"] a,
.copyright[class$="-dbg"] a,
.subscription[class$="-dbg"] a {
color: rgba(255, 255, 255, 0.5);
}
footer[class$="-dbg"] a:hover,
.sitemap[class$="-dbg"] a:hover,
.copyright[class$="-dbg"] a:hover,
.subscription[class$="-dbg"] a:hover {
color: rgba(255, 255, 255, 0.9);
}
.copyright-right { text-align: right}
.copyright-right small span {font-size: 50%;opacity: .5}
.back-to-top {
display: none;
position: fixed;
bottom: 24px;
left: 30px;
width: 36px;
z-index: 3;
}
.back-to-top i {
display: none;
height: 36px;
line-height: 28px;
font-size: 22px;
color: #fff;
text-align: center;
border: 1px solid rgba(255,255,255,0.2);
background-color: rgba(0,0,0,0.2);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.back-to-top:hover i {
background-color: rgba(0,0,0,0.4);
border: 1px solid rgba(255,255,255,0.5);
}
/* Buttons */
.btn-xxs {
font-size:10px;
line-height: 13px;
padding: 2px 8px 2px 4px;
text-decoration: none;
display: inline;
}
.btn-xxs:active {
position:relative;
top:1px;
}
/* Table */
th {
/*font-weight: 600;*/
}
.table.valign-middle>thead>tr>th,
.table.valign-middle>tbody>tr>th,
.table.valign-middle>tbody>tr>td {
vertical-align: middle !important;
}
.table.padding>tbody>tr>td, .table.padding>tbody>tr>th, .table.padding>tfoot>tr>td, .table.padding>tfoot>tr>th, .table.padding>thead>tr>td, .table.padding>thead>tr>th {
padding: 0.8em;
}
@media screen and (max-width: 767px) {
.table-responsive {
width:100%;
margin-bottom:1.5em;
overflow-y:hidden;
-ms-overflow-style:-ms-autohiding-scrollbar;
border:1px solid #ddd;
}
.table-responsive > .table.padding+p {
padding: 0.8em;
margin-bottom: 0em;
}
}
/**
* 4.1 Misc
*/
.vcenter {
display: table-cell;
vertical-align: middle;
float: none;
}
.clear-both {clear: both}
.overflow-hidden {overflow: hidden}
.align-center, .text-center {text-align: center}
.align-left {text-align: left}
.align-right {text-align: right}
.valign-middle {vertical-align: middle}
.white {color:#fff !important}
.black {color:#000 !important}
.add-more-bottom { margin-bottom: 4em !important}
.add-bottom { margin-bottom: 2em !important}
.half-bottom { margin-bottom: 1em !important}
.half-top { margin-top: 1em !important}
.margin-top-no, .margin-no-top { margin-top: 0 !important}
.no-top { padding-top: 0 !important; margin-top: 0 !important}
.no-bottom { margin-bottom: 0 !important}
.add-more-top { margin-top: 4em !important}
.add-top { margin-top: 2em !important}
.add-more {margin-top: 4em; margin-bottom: 4em}
.padd-more {padding-top: 4em; padding-bottom: 4em}
.padding-no {padding: 0 !important}
.pt-0 {padding-top: 0 !important}
.pb-0 {padding-bottom: 0 !important}
.margin-no {margin: 0 !important}
.margin-auto {margin: 0 auto !important}
.margin-40 {margin-top: 2.500em;margin-bottom: 2.500em}
.margin-1 {margin-top: 1em;margin-bottom: 1em}
.margin-2 {margin-top: 2em;margin-bottom: 2em}
.margin-12 {margin-top: 1em;margin-bottom: 2em}
.margin-01 {margin-top: 0em;margin-bottom: 1em}
.margin-10 {margin-top: 1em;margin-bottom: 0em}
.padding-right-5 {padding-right: 5px}
.padding-left-5 {padding-left: 5px}
.padding-no {padding: 0 !important}
.line-normal { line-height: normal}
.display-none {display: none}
.display-block {display: block}
.display-grid {display: grid}
.inline {display:inline}
.inline-block {display:inline-block}
.float-right {float: right}
.float-left, .pre {float: left}
.float-none {float: none}
.thin {font-weight: 100 !important}
.extra-light {font-weight: 200}
.light {font-weight: 300}
.normal {font-weight: 400 !important}
.medium {font-weight: 500}
.semi-bold {font-weight: 600}
.bold {font-weight: 700 !important}
.extra-bold {font-weight: 800}
.ultra-bold {font-weight: 900}
.italic {font-style: italic}
.underline {text-decoration: underline !important}
.upper {text-transform: uppercase}
.lower {text-transform: lowercase}
.capital {text-transform: capitalize}
.desktop {display: inline-block}
.mobile {display: none !important}
.block-wide {display: block;width: 100%}
.block-vertical-middle {display:table-cell;vertical-align:middle}
.border-radius-2 {border-radius: 2px;-webkit-border-radius: 2px;-moz-border-radius: 2px;-o-border-radius: 2px;}
.width-240 {width: 240px}
.width-220 {width: 220px}
.width-200 {width: 200px !important}
.first-caps:first-letter {text-transform: capitalize;}
.size-1d5 { font-size: 1.5em !important }
.anchor {position: relative;display: block;float: left;margin-top: -100px;height: 0;}
.zero-opacity {
opacity: 0
}
.br, .nobr-lg {
display: inline;
width: 100%;
}
.br-md-lg,
.br-sm-md-lg {
display: inline;
width: 100%;
}
.br-xs-sm {
display: block;
width: 100%;
}
.add-top-md-lg { margin-top: 2em !important}
no-transition {
transition: all 0s 0s ease-in-out !important;
}
.flip-horizontal {
-moz-transform: scale(-1, 1);
-webkit-transform: scale(-1, 1);
-o-transform: scale(-1, 1);
transform: scale(-1, 1);
filter: FlipH;
-ms-filter: "FlipH";
}
.flip-vertical {
-moz-transform: scale(1,-1);
-webkit-transform: scale(1, -1);
-o-transform: scale(1, -1);
transform: scale(1, -1);
filter: FlipV;
-ms-filter: "FlipV";
}
/* Heading Titles */
[class*="section"] .title {
font-size: 1.875em;
line-height: normal;
font-family: 'Roboto Condensed', sans-serif !important;
padding: 0px 15px 0px 15px;
font-weight: 400;
margin-bottom: 1em;
}
.classic-title {
font-family: "Roboto Condensed", sans-serif;
font-size: 1.250em;
/*line-height: 1.625em;*/
margin-bottom: 0.625em;
margin-top: 0;
padding-bottom: .5em;
border-bottom: 1px solid rgba(0,0,0,.05);
}
.classic-title span {
padding-bottom: .5em;
border-bottom: 0px solid;
border-bottom-color: #b0b0b0;
}
.title-middle {
font-size: 1.5em;
line-height: normal;
font-family: 'Roboto Condensed', sans-serif !important;
padding: 0px 15px 0px 15px;
font-weight: 400;
margin-bottom: 1em;
}
/* Accordion */
.panel {
margin-bottom: 1.5em;
background-color: #ffffff;
border: 1px solid transparent;
border-radius: .25em;
-webkit-box-shadow: none;
box-shadow: none;
}
.panel-body {
padding: 1em;
}
.panel-default {
border: none;
}
h4.panel-title {
font-size: 1em;
font-family: 'Open Sans', sans-serif;
font-weight: 600;
line-height: 1.375em;
}
ul.panel-group ul, ol.panel-group ul, ol.panel-group ol, ul.panel-group ol {
margin-bottom: 1.5em;
}
.block-box .panel, .block-box .panel p:last-child {
margin-bottom: 0em;
}
/* Clients Carousel */
.owl-theme .owl-nav [class*="owl-"] {
padding: 0 0.571428571428571em;
color:rgba(0, 0, 0, 0.3);
border: 1px solid;
background-color: rgba(0, 0, 0, 0.01);
border-color: rgba(0, 0, 0, .05);
}
.owl-theme .owl-nav [class*="owl-"]:hover {
color:rgba(0, 0, 0, 0.5);
background-color: rgba(0, 0, 0, 0.05);
border-color: rgba(0, 0, 0, .1);
}
.owl-theme .owl-nav [class*="owl-"]:active {
outline: 0;
-webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, .125);
box-shadow: inset 0 2px 3px rgba(0, 0, 0, .125);
}
.owl-theme .owl-dots .owl-dot span {
background-color: rgba(0, 0, 0, 0.2);
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
background-color: rgba(0, 0, 0, 0.4);
}
[class$="-dbg"] .owl-theme .owl-dots .owl-dot span {
background-color: rgba(255, 255, 255, 0.2);
}
[class$="-dbg"] .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
background-color: rgba(255, 255, 255, 0.4);
}
[class$="-dbg"] .owl-theme .owl-nav [class*="owl-"] {
color: rgba(255, 255, 255, .7);
background-color: rgba(255, 255, 255, .1);
border-color: rgba(255, 255, 255, .3);
}
[class$="-dbg"] .owl-theme .owl-nav [class*="owl-"]:hover {
color: rgba(255, 255, 255, 1);
background-color: rgba(255, 255, 255, .05);
border-color: rgba(255, 255, 255, .4);
}
[class$="-dbg"] .owl-theme .owl-nav [class*="owl-"]:active {
color: rgba(255, 255, 255, .7);
border-color: rgba(255, 255, 255, .3);
outline: 0;
-webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, .125);
box-shadow: inset 0 2px 3px rgba(0, 0, 0, .125);
}
/* Preview */
.preview-item {
border: 1px solid;
border-radius: 4px;
}
.preview-item {
border-color: rgba(0, 0, 0, .05);
}
.preview-item:hover {
border-color: rgba(0, 0, 0, .1);
}
[class$="-dbg"] .preview-item {
border-color: rgba(0, 0, 0, .1);
}
[class$="-dbg"] .preview-item:hover {
border-color: rgba(0, 0, 0, .35);
}
/* Nivo Lightbox */
.nivo-lightbox-theme-default .nivo-lightbox-close {
-webkit-transition: .2s ease-in-out;
transition: .2s ease-in-out;
filter: alpha(opacity=50);
opacity: .5;
}
.nivo-lightbox-theme-default .nivo-lightbox-close:hover {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
filter: alpha(opacity=90);
opacity: .9;
}
.nivo-lightbox-theme-default .nivo-lightbox-nav {
-webkit-transition: .2s ease-in-out;
transition: .2s ease-in-out;
}
/* Single Project */
.project-description {
font-weight: 300;
background-color: #eaeaea;
font-size: 14px;
padding: 10px;
}
.project-description strong {
font-weight: 600;
}
.project-description ul {
padding: 0;
margin: 0;
list-style: none;
font-size: 80%;
line-height: 1.6em;
color:#777;
}
.project-description ul li {
display: inline-block;
float: none;
}
.project-description h4 {
color:#555555;
font-size: 18px;
line-height: 24px;
}
.single-project .hero-content h1 {
font-family: "Roboto Condensed", sans-serif;
font-size: 64px;
line-height: 1.1875;
font-weight: 600;
}
.single-project .hero-content p {
font-size: 16px;
margin-bottom: 0px;
}
.single-project .hero-content p.subtitle {
font-size: 22px;
line-height: 1.4545;
}
.single-project .hero-content p.meta-info {
padding-top: 1.3em;
font-style: italic;
font-size: 15px;
color: rgba(0, 0, 0, 0.5);
}
.header-dbg.single-project .hero-content p.meta-info {
color: rgba(255, 255, 255, 0.65);
}
.single-project .hero-content a[rel=tag] {
font-size: 13px;
color: #fff;
background-color: rgba(0, 0, 0, 0.25);
padding: 5px 15px 5px 15px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
text-decoration: none;
text-shadow:none;
}
.header-dbg.single-project .hero-content a[rel=tag] {
color: #fff;
background-color: rgba(0, 0, 0, 0.25);
}
.single-project .hero-content a[rel=tag]:hover {
color: #fff;
background: #3399ff;
text-decoration: none;
}
@media (max-width: 991px) {
.single-project .hero-content h1 {font-size: 50px;}
.single-project .hero-content p {font-size: 15px;}
.single-project .hero-content p.subtitle {font-size: 19px;}
.xs-sm-add-bottom { margin-bottom: 4em !important}
.xs-sm-add-top { margin-top: 2em !important}
}
/*.header-dbg .project-description {
color: #ffffff;
}*/
/* Browser Frame (facade.pascalculator.be) */
.facade-minimal {
position: relative;
margin: 0px 0;
padding: 55px 0px 0px 0px;
box-shadow: 0px 5px 10px rgba(0,0,0,0.1);
font-family: sans-serif;
color:#454545;
border-radius:3px;
overflow-x:hidden;
}
/* INLINE SVG - Color can be changed inline (search for %23, which equals #) */
.facade-minimal:before
{
content: "";
position: absolute;
display: block;
top: -1px;
left: -1px;
right: -1px;
height: 56px;
border-bottom: 1px solid rgba(0,0,0,0.05);
border-radius: 3px 3px 0px 0px; background: url('data:image/svg+xml;charset=utf-8,') 16px 22px no-repeat,
url('data:image/svg+xml;charset=utf-8,') 32px 22px no-repeat,
url('data:image/svg+xml;charset=utf-8,') 48px 22px no-repeat,
url('data:image/svg+xml;charset=utf-8,') right 16px top 22px no-repeat,
#e8e8e8;
}
.facade-minimal:after
{
content: attr(data-url);
position: absolute;
padding: 2px 16px 0px 32px;
top: 16px;
height: 24px;
left: 80px;
right: 48px;
border-radius: 3px;
box-shadow: inset 0 1px 1px -1px rgba(0,0,0,0.5);
font-size: 12px;
line-height: 24px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
direction: rtl;
text-align: left;
background: url('data:image/svg+xml;charset=utf-8,') 8px 6px no-repeat,
#FFFFFF;
}
/*************** Icons ***************/
.icon-small {
font-size: 1em;
}
.icon-medium {
font-size: 2em;
}
.icon-large {
font-size: 4em;
}
.icon-small, .icon-medium, .icon-large {
transition: color .1s .1s, opacity .2s ease-in-out, visibility .2s ease-in-out, text-shadow .2s ease-in-out;
}
.icon-one:before { content: '\0031'; }
.icon-two:before { content: '\0032'; }
.icon-three:before { content: '\0033'; }
.icon-four:before { content: '\0034'; }
.icon-five:before { content: '\0035'; }
.icon-six:before { content: '\0036'; }
.icon-seven:before { content: '\0037'; }
.icon-eight:before { content: '\0038'; }
.icon-nine:before { content: '\0039'; }
/* Social */
.social {}
.circle.social > a {
margin-right: 0.5rem;
display: inline-block;
padding: 1.0rem 1.15rem;
position: relative;
text-align: center;
transition: all .2s .1s ease-in-out}
.social.bg-transp > a {
color:rgba(0,0,0,.35)}
.social.bg-transp > a:hover {
color:rgba(255,51,0,1)}
.social.bg-color > a,
[class$="-dbg"] .social.bg-transp > a {
color:rgba(255,255,255,0.8)}
.social.bg-color > a:hover,
[class$="-dbg"] .social.bg-transp > a:hover {
color:rgba(255,255,255,.99)}
.circle.social a i {
font-size: 1.5em;
/* line-height: 1.4em; */
position: relative}
.copyright .circle.social a i {
font-size: 2em}
.social > a:last-child {
margin-right: 0}
.circle.social > a:before {
content: '';
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
border-radius: 10rem;
border: 1px solid rgba(0, 0, 0, 0.1);
z-index: 0;
-webkit-transform: scale(1);
transform: scale(1);
transition: all .2s .1s ease-in-out}
.circle.social.bg-white > a:before {background-color: #ffffff}
.circle.social.bg-transp > a:before {background-color: transparent}
[class$="-dbg"] .circle.social > a:before {
border: 1px solid rgba(255,255,255,0.1);
background-color: rgba(255,255,255,0.05)}
[class$="-dbg"] .circle.social > a:hover:before,
[class$="-lbg"] .circle.social > a:hover:before {
-webkit-transform: scale(1.2);
transform: scale(1.2)}
[class$="-lbg"] .circle.social > a:hover:before {
border: 1px solid rgba(0,0,0,00.2)}
[class$="-dbg"] .circle.social > a:hover:before {
border: 1px solid rgba(255,255,255,.15)}
.circle.social a.vkontakte i {
left:-1px;
top:-1px}
.circle.social a.youtube i {
left:0.5px;
top:-1px}
.circle.social.bg-color>a.facebook:before {
background-color: #3b5998;border: 0;
}
.circle.social.bg-color > a.vkontakte:before {
background-color: #4C75A3;border: 0;
}
.circle.social.bg-color>a.youtube:before {
background-color: #cc181e;border: 0;
}
.circle.social.bg-color>a.instagram:before {
background: #d6249f;
background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
border: 0;
}
/*
.square.social a i {
color: #fff;
font-size: 1.5em;
width: 48px;
height: 48px;
line-height: 48px;
text-align: center;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-o-border-radius: 2px;
display: inline-block;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.social a.vkontakte:before {background-color: #4C75A3;color:#fff}
.social a.facebook:before {background-color: #3b5998;color:#fff}
.social a.youtube:before {background-color: #cc181e;color:#fff}
a.facebook:hover i {background-color: #507CBE}
a.twitter:hover i {background-color: #63CDF1}
a.gplus:hover i {background-color: #F16261}
a.dribbble:hover i {background-color: #E46387}
a.linkedin:hover i {background-color: #90CADD}
a.flickr:hover i {background-color: #E474AF}
a.instagramm:hover i {background-color: #4D4F54}
*/
/* Language */
.language a {
display: block;
font-size: 12px;
line-height: 28px;
vertical-align: middle;
margin: 8px 0;
padding: 0px 10px;
border-radius: 4px;
border: 1px solid rgba(0,102,204,0.5);
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
text-decoration: none;
background-color: transparent;
background-color: rgba(0,0,0,0.1);
text-align: left;
}
.madeby {
margin: 8px 0;
text-align: right
}
/* Subscription */
.subscription[class$="-lbg"] {
/* box-shadow:
inset 0 1px 1em 0 rgba(0, 31, 51, .05),
inset 0 -1px 1em 0 rgba(0, 31, 51, .05);*/
}
.subscription .block-box {
padding: 0 0;
}
@media only screen and (max-width: 991px) {
.subscription .block-box:first-child {
margin-bottom: 1em
}
}
.subscription p {
margin-bottom: 0em;
}
.subscription .block-box p,
.pluses .block-box p,
.services-small .block-box p,
.smallest.block-box p,
.weekly .block-box ul {
font-size: 0.9375em;
line-height: 1.4em;
}
.subscription .block-icon-left .block-icon {
width: 7.500em;
/* padding-top: 0px; */
text-align: left;
}
.subscription .block-icon-left .block-content {
padding-left: 7.500em;
/* padding-right: 0; */
}
.form-comment [class*="extend-label"] + .label-text {
display: block;
float: left;
position: relative;
padding: 0.8em 0 0.8em 0;
width: calc(100% - 30px);
width: -webkit-calc(100% - 33px);
}
.subscription .block-box [class^="icon-"] {
font-size: 4.125em;
}
.subscription [class^="icon-"]:before, .subscription [class*=" icon-"]:before {
/* margin-left: 0.375em; */
/* margin-top: -0.23em; */
}
.wpcf7-form-control.wpcf7-checkbox {
box-shadow: none;
border: 1px solid transparent;
}
.subscription .wpcf7 .ajax-loader {
display: none;
}
input[name*="extend-label"] + .wpcf7-list-item-label {
display: none;
}
.wpcf7-form-control.wpcf7-checkbox.wpcf7-validates-as-required.wpcf7-not-valid {
padding: .3em .7em .6em .7em;
}
.form-comment .checkbox-inline {
padding-left: 0;
width: 100%;
}
.checkbox-inline .wpcf7-form-control-wrap {
display: block;
float: left;
position: relative;
}
.form-comment .wpcf7-form-control.wpcf7-checkbox {
display: inline-block;
width: auto;
margin-bottom: 1px;
}
.form-comment .wpcf7-list-item {
margin: 0 0 0 0;
}
.form-comment .checkbox-inline input[type=checkbox] {
position: relative;
margin-left: 0;
margin-bottom: 0.25em;
}
.wpcf7 .form-comment {
padding-top: 0;
padding-bottom: 0;
}
/* Block Box */
.block-box {
float: left;
position: relative;
height: 100%;
outline: none;
padding: 1.875em 0;
}
.block-box-inc {
padding: 0px 0 0px 0;
}
@media only screen and (max-width: 767px) {
.news .row.add-top {
margin-top: 0px !important;
}
.news .row.add-bottom {
margin-bottom: 0px !important;
}
}
[class*="separator"] .block-box:after,
[class*="separator"] .block-box:before {
content: "";
display: block;
position: absolute;
z-index: 2;
opacity: 0;
background-color: rgba(0,0,0,.05);
}
[class*="separator"][class$="-dbg"] .block-box:after,
[class*="separator"][class$="-dbg"] .block-box:before {
background-color: rgba(255,255,255,.05);
}
/*
.whatwedo .block-box:after,
.whatwedo .block-box:before {
display: block;
}
*/
[class*="separator"] .block-box:after {
top: 3.5rem;
right: 0;
bottom: 3.5rem;
width: 1px;
}
[class*="separator"] .block-box:before {
left: 3.5rem;
bottom: 0;
right: 3.5rem;
height: 1px;
}
@media only screen and (min-width: 768px) {
[class*="separator"] .block-box:after,
.sixth-separator .block-box:nth-child(-n+3):before {
opacity: 1
}
.sixth-separator .block-box:hover:nth-child(-n+3):before {
opacity: 0
}
}
@media only screen and (max-width: 767px) {
[class*="separator"] .block-box:before {
opacity: 1
}
}
[class*="separator"] .block-box:last-child:after,
[class*="separator"] .block-box:last-child:before,
.sixth-separator .block-box:nth-child(3):after,
[class*="separator"] .block-box:hover:before,
[class*="separator"] .block-box:hover:after {
opacity: 0;
}
@media (min-width: 768px) and (max-width: 1199px) {
[class*="separator"] .block-box:nth-child(1):before,
[class*="separator"] .block-box:nth-child(2):before,
.sixth-separator .block-box:nth-child(3):before,
.sixth-separator .block-box:nth-child(4):before,
.sixth-separator .block-box:nth-child(odd):after {
opacity: 1
}
.quarter-separator .block-box:nth-child(2n):after,
.sixth-separator .block-box:nth-child(even):after,
.sixth-separator .block-box:hover:before,
.sixth-separator .block-box:hover:after {
opacity: 0
}
}
@media only screen and (min-width: 992px) {
.triple-separator .block-box:nth-child(-n+2):before,
.double-separator .block-box:nth-child(-n+2):before {
opacity: 0
}
}
@media only screen and (max-width: 991px) {
.triple-separator .block-box:nth-child(-n+2):after,
.double-separator .block-box:nth-child(-n+2):after,
.double-separator .block-box:last-child:before {
opacity: 0
}
}
.block-box_bg {
position: absolute;
top: 0;
left: 0;
z-index: 0;
width: 100%;
height: 100%;
}
[class$="-lbg"] .block-box:hover .block-box_bg,
.grand-banner .block-box:hover .block-box_bg {
background-color: rgba(0, 0, 0, 0.02);
}
[class$="-dbg"] .block-box:hover .block-box_bg,
.header-dbg .grand-banner .block-box:hover .block-box_bg {
background-color: rgba(0, 0, 0, 0.1);
}
.block-icon {
position: relative;
}
/*.block-content .block-icon i {
display: inline-block;
}*/
.block-box [class$="-medium"] {
font-size: 3em;
}
.block-box [class$="-small"] {
font-size: 1.5em;
}
.block-box [class^="icon-"],
.news[class$="-lbg"] .block-box:hover [class^="icon-"],
.subscription[class$="-lbg"] [class^="icon-"] {
color: rgba(0,0,0,.2);
}
.news .block-box [class^="icon-"] {
/*font-size: 16px;*/
}
[class$="-dbg"] .block-box [class^="icon-"],
.header-dbg .grand-banner .block-box [class^="icon-"],
.subscription[class$="-dbg"] [class^="icon-"],
.news[class$="-dbg"] .block-box:hover [class^="icon-"] {
color: rgba(255,255,255,.5);
}
.whatwedo[class$="-dbg"] .block-box [class^="icon-"] {
color: rgba(255,255,255,.2);
}
[class$="-dbg"] .block-box:hover [class^="icon-"],
.header-dbg .grand-banner .block-box:hover [class^="icon-"] {
color: rgba(255,255,255,1);
}
[class$="-light"] .block-box:hover .block-icon [class^="icon-"],
[class$="-lbg"] .block-box:hover .block-icon [class^="icon-"],
[class$="-lbg"] .block-box:hover .block-content,
[class$="-lbg"] .block-box.no-hover .block-content,
[class$="-lbg"].subscription, [class$="-lbg"] table,
.news[class$="-lbg"] .block-box:hover .block-content p,
.content[class$="-lbg"] .block-box_header {
color: rgba(0,0,0,.6);
}
.block-content {
position: relative;
z-index: 2;
visibility: visible;
opacity: 1;
height: 100%;
padding-right: 15px;
padding-left: 15px;
}
@media (min-width: 768px) and (max-width: 991px) {
.block-content {
/* font-size: 1.40rem; */
}
}
/*[class$="-lbg"], */
[class$="-lbg"] .block-content,
[class$="-lbg"] .block-content a p,
[class$="-light"] .block-content a p,
.form-body[class$="-lbg"],
[class$="-lbg"]>.form-body>p,
[class$="-lbg"] .wpcf7-form .form-comment,
.news[class$="-lbg"] .block-box .block-content p {
color: rgba(0,0,0,0.5);
}
[class$="-dbg"] .block-content,
[class$="-dbg"] .block-box a p,
[class$="-dbg"] .block-content a p,
[class$="-dbg"]>.form-body>p,
.header-dbg .grand-banner .block-content a p,
[class$="-dbg"] .title {
color: rgba(255,255,255,0.5);
}
[class$="-dbg"][class*="-spo"] .title,
[class$="-dbg"][class*="-spo"] .title a {
color: rgba(255,255,255,0.7);
}
[class$="-dbg"][class*="-spo"] .title a:hover {
color: rgba(255,255,255,1);
}
.pluses .block-box p,
.weekly .block-box ul,
.milestone .block-box p,
.whatwedo .block-box p,
.news .block-box p,
.services-small .block-box p {
margin-bottom: 0em;
}
.block-box a {
text-decoration: none;
}
.block-box_header {
/*padding-top: 10px;*/
font-size: 1.125em;
line-height: 1.475;
margin-bottom: 0.625em;
font-weight: 600;
}
/*[class$="-lbg"] .block-box_header a {
color: rgb(51,51,51);
}*/
.news .block-box_header {
line-height: 1.375em;
}
.grand-banner [class$="-lbg"] h1, [class$="-lbg"] .block-box_header, a .block-box_header, .block-box .block-box_header a {
color: rgba(0,0,0,0.8);
}
.news[class$="-lbg"] a:hover .block-box_header,
.countries[class$="-lbg"] a:hover .block-box_header,
[class$="-lbg"] a.color:hover .block-box_header {
text-decoration: underline;
color: #b2b201
}
.header-dbg .grand-banner .block-box a:hover .block-box_header,
.grand-banner[class$="-dbg"] a:hover .block-box_header {
text-decoration: underline;
}
.header-dbg .grand-banner .block-box_header,
[class$="-dbg"] .block-box_header,
[class$="-dbg"] .block-box_header a {
color: rgba(255,255,255,0.7);
}
@media (min-width: 414px) and (max-width: 767px) {
.services .block-icon-top .block-content p {
padding: 0 50px 0 50px;
}
}
.header-dbg .grand-banner .block-box:hover .block-content a p,
[class$="-dbg"] .block-box:hover .block-content,
[class$="-dbg"] .block-box:hover a p {
color: rgba(255,255,255,.7);
}
[class$="-dbg"], .header-lbg .grand-banner[class$="-dbg"] .main-area p,
.header-dbg .grand-banner .block-box:hover .block-box_header,
[class$="-dbg"] .block-box:hover .block-box_header,
[class$="-dbg"] .block-box:hover .block-box_header a,
[class$="-dbg"] .block-box:hover [class^="icon-"] {
color: rgba(255,255,255,1);
}
.block-box_bg, .block-box:after, .block-box:before,
[class$="-dbg"] .block-content,
[class$="-dbg"] .block-box a p {
-webkit-transition: all 0.1s 0.1s ease-in-out;
-moz-transition: all 0.1s 0.1s ease-in-out;
-o-transition: all 0.1s 0.1s ease-in-out;
transition: all 0.1s 0.1s ease-in-out;
}
.block-content, .block-box_header, .block-content a p,
.block-box a .block-box_header,
.block-box .block-box_header a,
.block-box [class^="icon-"],
.block-box .accent-color,
.block-box .block-icon,
.card-shadow {
-webkit-transition: all 0.1s 0.1s ease-in-out;
-moz-transition: all 0.1s 0.1s ease-in-out;
-o-transition: all 0.1s 0.1s ease-in-out;
transition: all 0.1s 0.1s ease-in-out;
}
[class$="-dbg"] .block-box .accent-color {
opacity: .7;
}
[class$="-dbg"] .block-box:hover .accent-color {
opacity: .8;
}
[class*="-spo"][class$="-dbg"] .block-box .block-box_header .accent-color {
opacity: 1;
}
/* Positions */
.block-icon-top .block-content,
.block-icon-top .block-icon {
text-align: center;
margin-bottom: 0.625em;
}
.block-icon-left .block-icon {
float: left;
width: 80px;
/*padding-top: 10px;*/
line-height: 0;
text-align:center
}
.block-icon-left .block-icon.flipH {
/* text-align: right; */
}
.block-icon-left .block-content {
padding-left: 80px;
}
/* colorize bg */
.block-box:hover .block-box_bg.blue-sdbg {
background-color: #5eb8e8;
}
.block-box:hover .block-box_bg.blue2-sdbg {
background-color: #3399cc;
}
.block-box:hover .block-box_bg.blue3-sdbg {
background-color: #006699;
}
.block-box:hover .block-box_bg.scarlet-sdbg {
background-color: #ff2400;
}
.block-box:hover .block-box_bg.purple-sdbg {
background-color: #800080;
}
.block-box:hover .block-box_bg.eggplant-sdbg {
background-color: #614051;
}
.block-box:hover .block-box_bg.green-sdbg {
background-color: #64a664;
}
.block-box:hover .block-box_bg.green2-sdbg {
background-color: #669966;
}
.block-box:hover .block-box_bg.lightgreen-slbg {
background-color: #90ee90;
}
.block-box:hover .block-box_bg.lightgreen2-slbg {
background-color: #d2f8d2;
}
.block-box:hover .block-box_bg.orange-sdbg {
background-color: #ff9400;
}
.block-box:hover .block-box_bg.orange2-sdbg {
background-color: #cc9900;
}
.block-box:hover .block-box_bg.darkorange-sdbg {
background-color: #b2b201;
}
.block-box:hover .block-box_bg[class$="-sdbg"] + .block-icon + .block-content {color: rgba(255,255,255,.7)}
.block-box:hover .block-box_bg[class$="-sdbg"] + .block-icon > [class^="icon-"],
.block-box:hover .block-box_bg[class$="-sdbg"] + .block-icon + .block-content > .block-box_header {color: rgba(255,255,255,1)}
.block-box:hover .block-box_bg[class$="-slbg"] + .block-icon + .block-content,
.block-box:hover .block-box_bg[class$="-slbg"] + .block-icon > [class^="icon-"] {color: rgba(0,0,0,.5)}
.block-box:hover .block-box_bg[class$="-slbg"] + .block-icon + .block-content > .block-box_header {color: rgba(0,0,0,1)}
.block-box:hover .block-box_bg[class$="-sdbg"] + .block-icon + .block-content .accent-color {color:#ffff66}
.block-box:hover .block-box_bg[class$="-slbg"] + .block-icon + .block-content .accent-color {color:#ff8533}
/* Services */
.services h3,
.clients h3 {
margin-top: 0px;
margin-bottom: 1em;
line-height: normal;
}
.services .block-box {
/* padding: 3.750em 0; */
}
.services .block-box a:hover {
text-decoration: underline;
}
.services .block-box_header {
}
.services, .services-small, .pluses, .weekly, .countries, .news, .clients, .milestone, [class*="-spo"], footer {
padding: 2em 0 2em 0;
}
.services-small .block-box_header {
/*font-weight: normal;*/
}
/* Clients */
.clients{
padding: 3.875em 0 3.875em 0;
}
.clients h3 {
font-size: 1.6875em;
}
/* Countries */
.countries {
box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, .05), inset 0 -1px 0 0 rgba(0, 0, 0, .05);
}
.countries .block-box {
padding: 1em 0 1em 0;
}
@media (min-width: 493px)and (max-width: 991px) {
.countries .block-box:nth-child(-n+3) {
/*padding: 30px 0 15px 0;*/
}
.countries .block-box:nth-child(n+4):nth-child(-n+6) {
/*padding: 15px 0 30px 0;*/
}
.countries .block-box:hover .block-box_bg {
/*background-color: rgba(0, 0, 0, 0);*/
}
}
@media only screen and (max-width: 492px) {
.countries .block-box {
/*width: 50%;
padding: 15px 0 15px 0;*/
}
.countries .block-box:nth-child(-n+2) {
/*padding: 30px 0 15px 0;*/
}
.countries .block-box:nth-child(n+5):nth-child(-n+6) {
/*padding: 15px 0 30px 0;*/
}
.countries .block-box:hover .block-box_bg {
/*background-color: rgba(0, 0, 0, 0);*/
}
}
.countries .block-icon-left .block-content {
padding-left: 4em;
}
.countries .block-icon,
.images-spo .block-icon {
width: 3.750em;
margin: 0 auto;
opacity: .6;
/* -webkit-filter: grayscale(100%); */
/* filter: grayscale(100%); */
}
.images-spo .block-icon {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
opacity: 1;
}
.countries .block-icon-left .block-icon {
width: 3.25em;
padding-top: 0px;
padding-left: 1em;
}
.countries .block-box_header {
margin-bottom: 0px;
padding-top: 0px;
font-size: 1.125em;
font-weight: 600;
opacity: 1;
}
.countries .block-icon-left .block-box_header {
line-height: 2.0em;
}
.countries.bigger .block-icon,
.images-spo.bigger .block-icon {
width: 8em;
}
.countries.bigger .block-box_header {
font-family: "Roboto Condensed", sans-serif;
font-weight: 500;
font-size: 1.6875em;
line-height: normal;
}
.images-spo .block-box:hover .block-icon,
.countries .block-box:hover .block-icon,
.countries .block-box:hover .block-box_header {
opacity: 1;
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
}
.countries a .block-box_header,
a.color .block-box_header {
color: #999900;
/*color:#999900;*/
}
.countries a:hover .block-box_header .accent-color {
/*color: #888;*/
color:#b2b201;
}
/* What We Do */
.whatwedo .block-box_header {
font-family: "Roboto Condensed", sans-serif;
font-weight: 400;
}
.whatwedo [class^="icon-"]:before {
font-family: "Roboto Condensed", sans-serif;
}
@media (min-width: 768px) and (max-width: 991px) {
.whatwedo .block-box {
min-height: 240px;
}
}
[class$="-dbg"] [class^="icon-"]:before {
opacity: .85
}
@media (max-width: 767px) {
.br{display: inline !important}
[class*="banner"] .vertical-align .align-middle {display: block}
}
/* ActionBox Img */
.actionbox .great-img {
max-width: 220px;
top: -110px;
right: 0;
z-index: 1;
}
.actionbox .btn.btn-primary {
z-index: 2;
}
.hero-img {
margin-top: 0px;
margin-left: -80px;
max-width: 130%;
}
.svg-container.change .logo-img {display: none}
@media (max-width: 1199px) {
.navbar-brand {
width: 220px;
height: 40px;
top: 30px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.hero-img {
/*margin-top: -10px;
margin-left: -60px;*/
max-width: 130%;
}
.home .halfscreen .main-area h1 {
font-size: 3.50em;
}
.size-1d5 {
font-size: 1.25em !important;
}
}
@media screen and (max-width: 991px) {
.hero-img {
margin-top: 0px;
margin-left: calc((100% - 380px) / 2);
max-width: 380px;
}
.xs-sm-center {text-align: center}
}
@media (min-width: 768px) and (max-width: 991px) {
.size-1d5 {
font-size: 1.25em !important;
}
}
@media (min-width: 414px) and (max-width: 767px) {
.size-1d5 {
font-size: 1.25em !important;
}
}
@media (max-width: 540px) {
.post-row .attachment-thumbnail.wp-post-image {
width: 100%;
margin-bottom: 1em;
}
}
@media (max-width: 479px) {
.svg-container.change svg {display: none}
.svg-container.change .logo-img {display: flex; height: inherit}
.navbar-brand,.fixed-top .navbar-brand {
width: 100px;
height: 80px;
top: 10px;
}
}
@media (min-width: 360px) and (max-width: 413px) {
.add-top-md-lg {
margin-top: 0 !important;
}
.home .halfscreen .main-area h1 {
font-size: 3.0em;
}
.hero-img {
margin-top: 0px;
margin-left: auto;
max-width: 100%;
}
.size-1d5 {
font-size: 1.0em !important;
}
}
@media (min-width: 320px) and (max-width: 359px) {
.add-top-md-lg {
margin-top: 0 !important;
}
.home .halfscreen .main-area h1 {
font-size: 3.0em;
}
.hero-img {
margin-top: 0px;
margin-left: auto;
max-width: 100%;
}
.size-1d5 {
font-size: 1.0em !important;
}
.navbar-brand,
.fixed-top .navbar-brand {
width: 100px;
height: 80px;
top: 10px;
}
}
@media (max-width: 319px) {
.add-top-md-lg {
margin-top: 0 !important;
}
.home .halfscreen .main-area h1 {
font-size: 2.5em;
}
.hero-img {
margin-top: 0px;
margin-left: -20px;
max-width: 100%;
}
.size-1d5 {
font-size: 0.875em !important;
}
.navbar-brand,
.fixed-top .navbar-brand {
width: 100px;
height: 80px;
top: 10px;
}
}
/* CSS by Dates */
.newyear .actionbox .great-img img {
content:url("/wp-content/uploads/images/santa.png");
}
.newyear .default-background .container:before,
.newyear .sitemap:before {
background-position: center top;
background-repeat: repeat-x;
background-size: 150px;
background-image: url("/wp-content/uploads/images/snow-top.png");
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
display: block;
z-index: 0;
content: '';
opacity: .95;
pointer-events: none;
}
/* End CSS by Dates */
@media (max-width: 1199px) and (min-width: 992px) {
.home .halfscreen .main-area h4 {font-size: 1.6875em}
}
@media (min-width: 768px) and (max-width: 991px) {
.fullscreen [class*="banner"] .main-area h1 {font-size: 3.250em}
.fullscreen [class*="banner"] .main-area h4 {font-size: 1.950em}
.home .halfscreen .main-area h1 {font-size: 3.0em;margin-top: 1em}
.home .halfscreen .main-area h4 {font-size: 1.875em}
.landing .grand-banner .top-row {padding: 0em 0 0 0;}
}
@media only screen and (max-width: 767px) {
.fullscreen [class*="banner"] .main-area h1 {font-size: 3em}
.fullscreen [class*="banner"] .main-area h4 {font-size: 1.750em}
.home .halfscreen .main-area h1 {font-size: 2.5em;margin-top: 1em}
.home .halfscreen .main-area h4 {font-size: 1.375em}
.home .screenblocks .block-icon {width: 5em;}
.home .screenblocks .block-box_header {font-size: 0.875em;}
[class*="banner"] .bigger h1 {font-size: 2.25em}
[class*="banner"] .bigger h2 {font-size: 1.5em}
.landing .grand-banner .top-row {padding: 0em 0 0 0;}
}
@media only screen and (max-width: 375px) {
.fullscreen [class*="banner"] .main-area h1 {font-size: 2.75em}
.fullscreen [class*="banner"] .main-area h4 {font-size: 1.5em}
.home .halfscreen .main-area h1 {font-size: 2.25em}
.home .halfscreen .main-area h4 {font-size: 1.25em}
.home .screenblocks .block-icon {width: 5em;}
.home .screenblocks .block-box_header {font-size: 0.75em;}
}
@media only screen and (max-width: 320px) {
.nav-contacts {font-size: 0.9375em;}
.fullscreen .grand-banner.v-align-transform {top: 50%}
.fullscreen [class*="banner"] .main-area h1 {font-size: 2.25em}
.fullscreen [class*="banner"] .main-area h4 {font-size: 1.25em}
.home .halfscreen .main-area h1 {font-size: 2.0em}
.home .halfscreen .main-area h4 {font-size: 1.15em}
.home .screenblocks .block-icon {width: 4em;}
.home .screenblocks .block-content {padding-right: 0; padding-left: 0;}
.form-body p {font-size: 0.75em;}
.form-top h5 {font-size: 1.0em;}
[class*="section"] .title {font-size: 1.5em;}
[class*="-spo"] .block-box_header {font-size: 1.250em !important;}
}
/* ----------- iPhone 4 and 4S ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
}
/* ----------- iPhone 5, 5S, 5C and 5SE ----------- */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {
.fullscreen .grand-banner.v-align-transform {transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);top: 70px;}
.hero-background-image, .bg-parallax {background-attachment: scroll !important}
.fullscreen .grand-screen {min-height: 300px!important}
.modal-dialog {padding: 10px 10px 10px 10px !important;}
.fullscreen .main-area h1 {font-size: 2.0em!important}
.fullscreen .main-area h4 {font-size: 1.25em!important}
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
.fullscreen .grand-banner.v-align-transform {transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);top: 100px!important;}
.modal-dialog {width: 100%!important}
.modal-body p {font-size: 0.750em; line-height: normal}
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px)and (-webkit-min-device-pixel-ratio: 2)and (orientation: landscape) {
}
/* ----------- iPhone 6, 6S, 7 and 8 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
.home .halfscreen .main-area h4 {font-size: 1.125em;line-height: 1;}
.hero-background-image, .bg-parallax {background-attachment: scroll !important}
.fullscreen .grand-banner.v-align-transform {top: 50%}
.fullscreen .main-area h1 {font-size: 2.5em !important}
.fullscreen .main-area h4 {font-size: 1.5em !important}
.modal-dialog {padding: 10px 10px 10px 10px !important;}
}
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2)and (orientation: portrait) {
.modal-body p {font-size: 0.875em; line-height: normal}
}
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
.fullscreen .grand-screen {min-height: 300px!important;}
.fullscreen .grand-banner.v-align-transform {transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);top: 80px;}
}
/* ----------- iPhone 6+, 7+ and 8+ ----------- */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {
.home .halfscreen .main-area h4 {font-size: 1.125em;line-height: 1;}
.hero-background-image, .bg-parallax {background-attachment: scroll !important}
}
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3)and (orientation: portrait) {
.fullscreen .grand-banner.v-align-transform {top: 50%}
}
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3)and (orientation: landscape) {
.modal-dialog {
padding-top: 20px!important;
}
}
/* ----------- iPhone X ----------- */
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) {
.hero-background-image, .bg-parallax {background-attachment: scroll !important}
}
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3)and (orientation: portrait) {
.fullscreen .grand-banner.v-align-transform {top: 150px !important}
.home .halfscreen .main-area h4 {font-size: 1.0625em}
.home .screenblocks .block-box {padding: .5em 0;}
.home .screenblocks .block-box_header {font-size: 0.8125em;}
[class*="-spo"] p {font-size: 1.1250em;}
}
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3)and (orientation: landscape) {
.fullscreen .grand-banner.v-align-transform {top: 65px !important}
.home .screenblocks .block-box {width: 25%}
.home .halfscreen .main-area h1 {font-size: 2.5em}/**/
.home .halfscreen .main-area h4 {font-size: 1.25em}
.home .screenblocks .block-icon {width: 6.5em;}
.home .screenblocks .block-box_header {font-size: 0.75em;}
.milestone .block-box, .services-small .block-box {width: 50%}
[class*="separator"] .block-box:nth-child(3):before {opacity: 0;}
}
/* ----------- iPad 1, 2, Mini and Air ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
.hero-background-image, .bg-parallax {background-attachment: scroll !important}
.fullscreen .grand-banner.v-align-transform {top: 50%}
}
/* ----------- iPad 3, 4 and Pro 9.7" ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
.fullscreen .grand-banner.v-align-transform {top: 50%}
}
@media screen and (min-width: 1200px) {
.wewilldo {display: inline-block}
}
@media screen and (min-width: 992px) {
.actionbox h4 {margin-left: 2em}
}
@media (min-width: 768px) and (max-width: 991px) {
.actionbox .great-img {width: 220px;}
}
@media (max-width: 767px) {
.actionbox, .newyear .actionbox {text-align: center; overflow: hidden;}
.actionbox {padding: 3em 0 0 0;}
.vertical-align > .align-middle .great-img {position: relative}
.actionbox .great-img {top: 24px}
.actionbox .great-img img {max-width: 220px; margin: 0 auto;}
.actionbox .great-img+.btn-primary {margin-top: -90px;}
}
/* Tag */
[class|=tag-link] {
display: inline-block;
margin-bottom: 5px;
font-size: 13px;
color: #fff;
background-color: rgba(0, 0, 0, 0.25);
padding: 5px 15px 5px 15px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
text-decoration: none;
text-shadow:none;
white-space:nowrap;
}
[class|=tag-link]:hover {
color: #fff;
background: #3399ff;
text-decoration: none;
}
/* Thumb Overlay */
.item {
display: inline-block;
position: relative;
float: left;
}
.item, .thumb-overlay,
.item .thumb-overlay,
.item img {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.item .thumb-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index:1;
background-color: rgba(0,0,0,0.02);
}
.item:hover .thumb-overlay {
background: rgba(0, 0, 0, .0);
}
.item .thumb-overlay i {
position: absolute;
height: 60px;
width: 60px;
left: 50%;
top: 50%;
margin-left: -30px;
margin-top: -40px;
font-size: 2em;
line-height: 53px;
color: rgba(255,255,255,0);
text-align: center;
background-color: rgba(0, 0, 0, 0);
border-radius: 50%;
border: 2px solid rgba(255,255,255,0);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.item:hover .thumb-overlay i {
margin-top: -30px;
color: rgba(255,255,255,0.85);
background-color: rgba(0, 0, 0, 0.3);
text-shadow: 0px 1px 0px rgba(0,0,0,0.1);
border: 2px solid rgba(255,255,255,0);
-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
-o-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
}
/* Reviews */
.reviews {
display: block;
position: relative;
float: left;
width: 100%;
}
.reviews .preview-item {
border: .222222222222222em solid;
border-color: rgba(0, 0, 0, .0);
border-radius: 4px;
margin-bottom: 0em;
width: 33.33333333%;
}
@media screen and (max-width: 767px) {
.reviews .preview-item {
width: 50%;
}
}
.reviews .preview-item {
filter: contrast(97%);
}
.reviews .preview-item:hover {
border-color: #66a3e0;
filter: contrast(100%);
}
/* New Posts List */
.post-row, .page-item {
font-size: 1.1250em;
line-height: 1.444444444444444em;
color: rgba(0, 0, 0, 0.6);
}
.page-item h1, .page-item h2, .page-item h3, .page-item h4, .page-item h5, .page-item h6, .page-item h4.panel-title a.collapsed, .title {
color: rgba(0, 0, 0, 0.7);
}
[class$="-lbg"] .title.light {
color: rgba(0, 0, 0, 0.4);
}
/* Accordion */
.page-item h4.panel-title a {
color: rgba(0, 0, 0, 0.6);
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.page-item h4.panel-title a.collapsed {
color: #999900;
}
.page-item h4.panel-title a.collapsed:hover {
color: #b2b201
}
.panel-title a.collapsed .control-icon {
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
}
.panel-title a .control-icon {
float: right;
display: block;
position: relative;
top:1px;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
/* End Accordion */
.page-item ul ul, .page-item ul ol, .page-item ol ol, .page-item ol ul {
/*margin: 1em 0 1em 0em;*/
}
ul.large li, ol.large li,
.page-item ul.large li, .page-item ol.large li,
[class*="banner"] .main-area ul.large li, [class*="banner"] .main-area ol.large li {
padding-bottom: 1em;
}
.page-item ul li, .page-item ol li,
.page-item ul.compact li, .page-item ol.compact li,
.page-item ul li:last-child, .page-item ol li:last-child,
[class*="banner"] .main-area ul li:last-child, [class*="banner"] .main-area ol li:last-child {
padding-bottom: 0em;
}
.post-row h3 {
margin: 0;
}
.post-row .post-meta {
display: block;
overflow: hidden;
border-top: 0px;
padding: 0.5em 0 0.5em 0;
}
.post-row .wp-post-image {
float: left;
/*padding: 5px;
background-color: #fff;
border: 1px solid #eee; */
}
.post-row .attachment-thumbnail.wp-post-image {
/*width: 276px;*/
margin-right: 15px;
}
.post-row .attachment-medium.wp-post-image,
.triple-separator .post-row .size-thumbnail.wp-post-image {
width: 100%;
/*width: 458px;
margin-right: 15px;*/
margin-bottom: 1em;
}
.post-list h2:first-child {
margin-top: 0;
}
.post-list h2 {
font-size: 32px;
line-height: 35px;
color: #333;
}
.post-list a:hover h2 {
text-decoration: none;
}
.post-list p {
color:#666;
}
.last-posts-title {
margin-bottom: 11px;
padding-bottom: 15px;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.last-posts-title:last-child {
border-bottom: 0px;
margin-bottom: 5px;
}
.last-posts-title .widget-post-meta {
border-top: 0px;
padding: 0px;
}
.meta-date, .meta-category, .meta-comments {
/* padding: 4px 8px 4px 0px; */
font-size: 0.875em;
}
.meta-date-icon, .meta-comments-icon {
padding-right: 0.125em;
}
[class$="-lbg"] [class^="meta-"] {
color:rgba(0, 0, 0, 0.3);
}
[class$="-dbg"] [class^="meta-"] {
color:rgba(255, 255, 255, 0.3);
}
.meta-comments {
display: inline-block;
}
blockquote {
font-family: Georgia, 'Times New Roman', Times, serif;
font-size: inherit;
font-style: italic;
padding: 0.5em 2em;
margin: 0 0 1.5em;
border-left: .25em solid #eee;
color: #777;
}
.blockquote-footer {
display: block;
font-style: normal;
font-size: 80%;
}
.blockquote-footer::before {
content: "\2014 \00A0";
}
[class$="-lbg"] blockquote {
color: rgba(0, 0, 0, 0.4);
}
[class$="-lbg"] blockquote .blockquote-footer,
.meta-date-icon, .meta-category-icon, .meta-comments-icon {
color: rgba(0, 0, 0, 0.3);
}
.meta-date, .meta-category, .meta-comments {
padding: 4px 8px 4px 0px;
margin: 0 2px 0 0;
color: rgba(0, 0, 0, 0.4);
font-size: .875em;
font-weight: 100;
}
a.underline:hover {
text-decoration: underline;
}
.tagcloud a, .tags a {
display: inline-block;
padding: 6px 12px;
margin: 0 4px 4px 0;
border-radius: 25px;
background: rgba(0, 0, 0, 0.1);
font-size: .875em !important;
line-height: 1;
color: rgba(0, 0, 0, 0.5);
}
.tagcloud a:hover, .tags a:hover {
background: #b2b201;
color: #fff;
}
/* SideBar Styles */
#sidebar {}
#sidebar ul li ul {
/* padding: 0.250em 0.250em 0.250em 1.50em;*/
padding: 0.50em 0.250em 0.50em 1.50em;
list-style: disc;
/* font-size: 0.875em;*/
margin-top: 0;
margin-bottom: 0;
}
[class$="-lbg"] #sidebar ul li ul {
color: rgba(0, 0, 0, 0.3);
}
.widget-area ul, .last-posts-list {
padding: 0;
margin: 0;
list-style: none;
}
.widget-area ul:after {
content: '';
display: block;
float: left;
height: 0px;
width: 100%;
}
.classic-title {
padding-top: 1em;
}
#secondary .classic-title:first-child {
padding-top: 0px;
}
.classic-title:first-child+ul {
padding-bottom: 1.5em;
}
footer .classic-title:first-child+ul,
.sitemap .classic-title:first-child+ul {
padding-bottom: 0px;
}
.tagcloud {
padding-bottom: 60px;
}
.list-group {
clear: both;
}
.post-meta, .widget-post-meta {
display: block;
overflow: hidden;
border-top: 1px solid rgba(0, 0, 0, 0.05);
padding: 5px 0;
text-shadow: 0px 1px 0px #fff;
}
.news .post-meta, .news .widget-post-meta {
border-top: 0px;
padding: 0;
}
/******* Wide Posts Section ***********/
.wide-posts {
border-top: 0px solid #e5e5e5;
}
.wide-post {
display: block;
float: left;
width: 100%;
padding-bottom: 40px;
}
.wide-posts-title {
font-family: "Roboto Condensed", sans-serif;
font-weight: 400;
margin: 0;
color: #333;
font-size: 20px;
line-height: 26px;
}
.wide-posts-title:hover {
color: #00afd1;
}
/* Portfolio Styles */
.portfolio-filter {
margin-bottom: 30px;
}
.portfolio-filter ul {
padding-left: 18px;
}
.selected {
color: #fff;
background-color: #337ab7;
border-color: #2e6da4;
}
.selected:focus,
.selected.focus {
background-color: #286090;
border-color: #122b40;
}
.selected:hover {
background-color: #286090;
border-color: #204d74;
}
.portfolio-filter li {
display: inline-block;
margin-right: 4px;
margin-bottom: 4px;
}
.portfolio-filter li a {}
.portfolio-filter li a:hover {}
.portfolio-filter li a.selected, .portfolio-filter li a.selected:hover {
color: #fff;
}
/* Item */
.portfolio-item {
}
@media (min-width: 992px) and (max-width: 1199px) {
.portfolio-item {
height: 236px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.portfolio-item {
/* height: 476px; */
}
}
.portfolio-item .portfolio-border,
.portfolio-item .portfolio-thumb .thumb-overlay,
.portfolio-item .portfolio-thumb .thumb-overlay i,
.portfolio-item .portfolio-details .like-link i,
.portfolio-item .portfolio-details .like-link span,
.portfolio-item .portfolio-thumb img,
.portfolio-item .portfolio-details h4 {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.portfolio-item .portfolio-border {
border: 0px solid #eee;
padding: 0px;
background-color: #fff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
overflow: hidden;
-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
-o-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
}
.portfolio-item .portfolio-thumb {
position: relative;
overflow: hidden;
}
.portfolio-thumb .thumb-overlay,
.portfolio-item .portfolio-thumb img,
.portfolio-thumb:hover .thumb-overlay,
.portfolio-item:hover .portfolio-thumb img {
-webkit-border-top-left-radius: 3px;
-moz-border-top-left-radius: 3px;
-o-border-top-left-radius: 3px;
border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-top-right-radius: 3px;
-o-border-top-right-radius: 3px;
border-top-right-radius: 3px;
}
.portfolio-item .portfolio-thumb .thumb-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255,255,255,0);
-webkit-box-shadow: inset 0 0 35px rgba(0, 0, 0, 0.2);
-moz-box-shadow: inset 0 0 35px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 0 35px rgba(0, 0, 0, 0.2);
}
.portfolio-thumb .thumb-overlay i {
color: rgba(255,255,255,0);
position: absolute;
top: 50%;
left: 50%;
display: block;
margin-left: -45px;
margin-top: -50px;
font-size: 3em;
width: 90px;
height: 90px;
line-height: 80px;
text-align: center;
background-color: rgba(0, 0, 0, 0);
border-radius: 50%;
border: 2px solid rgba(255,255,255,0);
}
.portfolio-item:hover .portfolio-border {
-webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.15);
-o-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.15);
box-shadow: 0 3px 15px rgba(0, 0, 0, 0.15);
}
.portfolio-thumb:hover .thumb-overlay i {
margin-top: -40px;
color: rgba(255,255,255,0.85);
background-color: rgba(0, 0, 0, 0.3);
text-shadow: 0px 1px 0px rgba(0,0,0,0.1);
border: 2px solid rgba(255,255,255,0);
-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
-o-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
}
.portfolio-thumb:hover .thumb-overlay {
background: rgba(0,0,0,0.1);
}
.portfolio-item:hover .portfolio-thumb img {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
filter: url("data:image/svg+xml;utf8,#grayscale");
filter: url(desaturate.svg#desaturate);
filter: gray;
filter: grayscale(100%);
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
@media only screen and (max-width: 767px) {
.portfolio-item:hover .portfolio-thumb img {
-webkit-filter: none;
-moz-filter: none;
filter: none
}
}
.portfolio-item .portfolio-details a {
text-decoration: none;
}
.portfolio-item .portfolio-details {
position: relative;
padding: 15px 15px 12px 15px;
line-height: 20px;
}
portfolio-details .portfolio-title {
font-size: 24px;
}
.portfolio-item .portfolio-details .like-link {
position: absolute;
right: 8px;
top: 50%;
margin-top: -9px;
}
.portfolio-item .portfolio-details .like-link i,
.portfolio-item .portfolio-details .like-link span {
color: #aaa;
}
.portfolio-item .portfolio-details .like-link:hover i,
.portfolio-item .portfolio-details .like-link:hover span {
color: #F54B5C;
}
.portfolio-item .portfolio-details h4 {
font-size: 20px;
line-height: 24px;
/* padding-right: 50px; */
margin: 0;
color:#555;
}
.portfolio-item:hover .portfolio-details h4 {
color: rgba(51, 153, 255, 1);
}
.portfolio-item .portfolio-details a span {
color: #aaa;
font-size: 12px;
}
.portfolio-item .portfolio-details span:after {
content: ", ";
margin-right: 2px;
}
.portfolio-item .portfolio-details span:last-child:after {
content: none;
}
/* Likes */
.dot-irecommendthis, .zilla-likes {
/* background: url('data:image/svg+xml;charset=utf-8,');
background-image: url('/wp-content/themes/wpbs4/images/heart-sprite.svg'); */
background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Ym94PSIwIDAgMjQgMTIwIiB3aWR0aD0iMjQiIGhlaWdodD0iMTIwIj48ZGVmcz48ZyBpZD0iaGVhcnQiPjxwYXRoIGQ9Ik0xMiAyMS4zNWwtMS40NS0xLjMyYy01LjE1LTQuNjctOC41NS03Ljc1LTguNTUtMTEuNTMgMC0zLjA4IDIuNDItNS41IDUuNS01LjUgMS43NCAwIDMuNDEuODEgNC41IDIuMDkgMS4wOS0xLjI4IDIuNzYtMi4wOSA0LjUtMi4wOSAzLjA4IDAgNS41IDIuNDIgNS41IDUuNSAwIDMuNzgtMy40IDYuODYtOC41NSAxMS41NGwtMS40NSAxLjMxeiIvPjwvZz48L2RlZnM+PHVzZSB4PSIwIiB5PSIwIiBzdHlsZT0iZmlsbDojY2NjY2NjIiB4bGluazpocmVmPSIjaGVhcnQiIC8+PHVzZSB4PSIwIiB5PSIyNCIgc3R5bGU9ImZpbGw6I2ZmMzMzMyIgeGxpbms6aHJlZj0iI2hlYXJ0IiAvPjx1c2UgeD0iMCIgeT0iNDgiIHN0eWxlPSJmaWxsOiNmZjY2NjYiIHhsaW5rOmhyZWY9IiNoZWFydCIgLz48dXNlIHg9IjAiIHk9IjcyIiBzdHlsZT0iZmlsbDojZmZmZmZmIiB4bGluazpocmVmPSIjaGVhcnQiIC8+PC9zdmc+');
background-repeat: no-repeat;
background-size: cover;
background-position: left top;
display: inline-block;
text-decoration: none;
height: 16px;
width: 16px;
right: 14px;
top: 19px;
opacity: 0.777;
}
.portfolio-item .dot-irecommendthis, .portfolio-item .zilla-likes {
position: absolute;
}
/* Animation */
@-webkit-keyframes animateHeart {
0% { -webkit-transform: scale(1); }
5% { -webkit-transform: scale(1.2); }
10% { -webkit-transform: scale(1.1); }
15% { -webkit-transform: scale(1.3); }
50% { -webkit-transform: scale(1); }
100% { -webkit-transform: scale(1); }
}
@keyframes animateHeart {
0% { transform: scale(1); }
5% { transform: scale(1.2); }
10% { transform: scale(1.1); }
15% { transform: scale(1.3); }
50% { transform: scale(1); }
100% { transform: scale(1); }
}
.duration-05 {
-webkit-animation-duration: .5s;
-moz-animation-duration: .5s;
-ms-animation-duration: .5s;
-o-animation-duration: .5s;
animation-duration: .5s;
}
.dot-irecommendthis:hover,
.zilla-likes:hover {
background-position: 50% 25%;
}
.dot-irecommendthis.active,
.zilla-likes.active {
background-position: 50% 25%;
}
.dot-irecommendthis:active,
.zilla-likes:active {
background-position: 50% 50%;
}
.dot-irecommendthis g,
.zilla-likes g {
filter: drop-shadow(rgba(0, 0, 0, 1) 0px 1px 1px);
}
.dot-irecommendthis-count,
.zilla-likes-count {
display: inline-block;
margin-top: -3px;
margin-right: 20px;
float: right;
}
.portfolio-item .portfolio-details a span.dot-irecommendthis-count,
.portfolio-item .portfolio-details a span.zilla-likes-count {
font-size: 13px;
color:#999;
}
.portfolio-item .portfolio-details .dot-irecommendthis-count:after,
.portfolio-item .portfolio-details .zilla-likes-count:after {
content: none;
margin-right: 2px;
}
/*---- Isotope filtering ----*/
.isotope-item {
z-index: 2;
}
.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1;
}
.isotope, .isotope .isotope-item {/* change duration value to whatever you like */
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property:-moz-transform, opacity;
transition-property:transform, opacity;
}
@media (min-width: 1200px) {}
@media (min-width: 992px) and (max-width: 1199px) {
.navbar-collapse .navbar-nav>li>a {
padding: 15px 7px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.navbar-nav {
margin-top:0 !important;
margin-bottom: 0;
/*float:left;
margin-left: 108px;*/
}
.wide-posts .attachment-thumbnail.wp-post-image {
width: 180px;
padding: 0px;
margin-right: 15px;
}
.wp-post-image {
float: left;
}
.wide-posts .post-meta, .widget-post-meta {
width: auto;
border-top: 0px;
padding: 0px;
margin: 0px;
}
}
@media (max-width: 767px) {
.wide-posts .post-meta, .widget-post-meta {
width: auto;
border-top: 0px;
padding: 0px;
margin: 0px;
}
.wide-posts .attachment-thumbnail.wp-post-image {
width: 180px;
padding: 0px;
margin-right: 15px;
}
.wp-post-image {
float: left;
}
}
/* Section Wide Text Banner */
.wide-text-banner {
padding-bottom:15px;
padding-top:15px;
}
.wide-text-banner h4 {
margin: 0;
}
.wide-text-banner .btn {
margin-top: 10px;
}
/* Misc Random */
.screen-br {
display: block;
width: 100%;
}
/* Text meant only for screen readers */
.says,
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
}
/* Modal */
.modal-open header {
margin-right: 15px !important;transition: 0;
}
.modal-header[class$="-dbg"], .modal-header[class$="-lbg"] {
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
overflow: hidden;
margin-top:0px;
}
.modal-header .close {
font-size: 25px;
-webkit-transition: .2s ease-in-out;
transition: .2s ease-in-out;
filter: alpha(opacity=50);
opacity: .5;
}
.modal-header .close:hover {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
filter: alpha(opacity=90);
opacity: .9;
}
.modal-header[class$="-dbg"] > .close {
color: rgba(255,255,255,1);
text-shadow: 0 1px 0 rgba(0,0,0,.5);
}
.modal-header[class$="-dbg"] > .close:hover {
color: rgba(255,255,255,1);
text-shadow: 0 1px 0 rgba(0,0,0,.1);
}
.modal-dialog {
margin: 0 auto;
width: 400px;
padding-top: 110px;
padding-bottom: 30px;
padding-left: 10px;
padding-right: 10px;
}
.modal-title {
font-family: "Roboto Condensed", sans-serif;
font-size: 1.250em;
line-height: 24px;
font-weight: 400;
}
.modal-body, .modal-body p {
color: rgba(0, 0, 0, .4);
}
body.modal-open {
overflow-y: scroll;
padding-right: 0 !important;
}
.modal {
padding-right: 0 !important;
}
/* Spo Modal */
#spo-more .modal-dialog {
width: 600px;
margin: 0 auto;
}
@media screen and (max-width: 767px) {
#spo-more .modal-dialog {
width: 100%;
}
}
/* Buttons */
a.btn-primary {
color: rgb(255,255,255);
background-color: rgb(153,153,0);
}
.btn-primary {
color: #fff;
background-color: #999900;
border-color: #999900;
}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
background-color: #b2b201;
border-color: #b2b201;
}
.btn-primary:active:hover {
background-color: #b2b201;
border-color: #b2b201;
}
.btn-accent {
border: 2px solid rgba(255,255,255,1);
font-weight: normal;
text-shadow: none;
}
.btn-accent:hover, .btn-accent:active, .btn-accent:focus {
border-color: rgba(255,255,255,.5);
}
.btn-accent:active:hover {
border-color: rgba(255,255,255,.3);
}
.btn-dark {
border: 2px solid rgba(255,255,255,.3);
background-color: rgba(0,0,0,.2);
font-weight: normal;
text-shadow: none;
}
.btn-dark:hover, .btn-dark:active, .btn-dark:hover {
background-color: rgba(255,255,255,.1);
border-color: rgba(255,255,255,.4);
}
.btn-dark:active:hover {
background-color: rgba(255,255,255,.2);
border-color: rgba(255,255,255,.6);
}
/*
.btn-primary, .selected {
border-color: #2d89e5;
background-color: #3399ff;
}
.btn-primary:hover, .selected:hover {
border-color: #236bb2;
background-color: #287acc;
}
*/
/*----------------------------------*/
/* Contact form */
/*----------------------------------*/
input, textarea {
color: #333; }
.wpcf7-form-control {
display: block;
width: 100%;
padding: 0.3em 0.7em;
line-height: 1.428571429;
vertical-align: middle;
border-radius: 0.250em;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
.wpcf7-form-control:-moz-placeholder {
color: #999999;font-size: 0.750em;line-height:2em;z-index: 9999;
}
.wpcf7-form-control::-moz-placeholder {
color: #999999;font-size: 0.750em;line-height:2em;z-index: 9999;
}
.wpcf7-form-control:-ms-input-placeholder {
color: #999999;font-size: 0.750em;line-height:2em;z-index: 9999;
}
.wpcf7-form-control::-webkit-input-placeholder {
color: #999999;font-size: 0.750em;line-height:2em;z-index: 9999;
}
textarea.wpcf7-form-control, input[type=text].wpcf7-form-control, input[type=email].wpcf7-form-control {
border: 1px solid #cccccc;
}
input[type=submit].wpcf7-form-control {
padding: 0.428571428571429em 0px;
}
.wpcf7-form-control:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.wpcf7-form-control[disabled],
.wpcf7-form-control[readonly],
fieldset[disabled] .wpcf7-form-control {
cursor: not-allowed;
background-color: #eeeeee;
}
textarea.wpcf7-form-control {
height: auto;
margin-bottom: 1px;
}
div.wpcf7-response-output {
font-size: 0.750em;
line-height: normal;
margin: 0 0 0 0;
padding: .5em;
margin-bottom: 1em;
border: 1px solid transparent;
border-radius: 0.250em;
text-align: center;
text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.3);
}
.subscription div.wpcf7-response-output {
margin-bottom: 0;
}
.form-group {
margin-bottom: 1em;
}
.wpcf7-response-output {
display: none
}
.wpcf7-form
.invalid {
color: #bf1515 !important
}
.wpcf7-not-valid {
border: 1px
solid #ff6666 !important
}
.wpcf7 span.wpcf7-not-valid-tip {
display: none
}
[class$="-dbg"] .wpcf7-validation-errors {
color: #ffffff;
border: 1px solid #cc3333;
background-color: rgba(255,0,0,.5);
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0)
}
.wpcf7-validation-errors, .wpcf7-spam-blocked,
[class$="-lbg"] .wpcf7-validation-errors,
[class$="-lbg"] .wpcf7-mail-sent-ng {
border: 1px solid #eed3d7;
color: #b94a48;
background-color: #f2dede;
}
.wpcf7-mail-sent-ok {
color: #468847;
background-color: #dff0d8;
/*border-color: #d6e9c6;*/
border: 2px solid #398f14!important;
text-align: center;
}
.form-comment {
font-size: 0.625em;
line-height: normal;
padding-top: 0.34375em;
padding-bottom: 0.34375em;
}
/* Form-Block */
.form-block {
max-width: 500px;
margin: 0 auto;
}
.form-body p {
margin-bottom: 1.0em;
font-size: 1em;
}
.rounded-block {
display: block;
position: relative;
/* -webkit-box-shadow: 0 0px 3px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0px 3px rgba(0, 0, 0, 0.2);
-ms-box-shadow: 0 0px 3px rgba(0, 0, 0, 0.2);
-o-box-shadow: 0 0px 3px rgba(0, 0, 0, 0.2);
box-shadow: 0 0px 3px rgba(0, 0, 0, 0.2);
-webkit-border-radius:0.375em;
-moz-border-radius:0.375em;
border-radius:0.375em;*/
background-color: rgba(0, 0, 0, 0.3);
}
.form-top {
padding: 1em;
/* border-bottom: 1px solid rgba(0, 0, 0, 0.1);*/
border: 1px solid rgba(0, 0, 0, 0.1);
}
.form-top h5 {
font-size: 1.250em;
line-height: 20px;
margin-top: 0px;
margin-bottom: 0px;
text-shadow:none;
}
/* Bootstrap 3 to 4 */
.hidden {
display: none!important;
}
@media screen and (max-width: 1199px) {
.form-top h5 {
font-size: 1.125em;
}
.form-body p {
font-size: 0.875em;
line-height: normal
}
}
.rounded-block .form-top {
-moz-border-radius-topleft: 0.375em;
-moz-border-radius-topright: 0.375em;
-webkit-border-top-left-radius: 0.375em;
-webkit-border-top-right-radius: 0.375em;
border-top-right-radius: 0.375em;
border-top-left-radius: 0.375em;
}
.rounded-block .form-body {
padding: 15px 15px 0px 15px;
border-top: 1px solid rgba(255, 255, 255, 0.1);
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
-moz-border-radius-bottomleft: 0.375em;
-moz-border-radius-bottomright: 0.375em;
-webkit-border-bottom-left-radius: 0.375em;
-webkit-border-bottom-right-radius: 0.375em;
border-bottom-right-radius: 0.375em;
border-bottom-left-radius: 0.375em;
}
.form-body {
padding: 15px 15px 0px 15px;
border-top: 1px solid rgba(255, 255, 255, 0.1);
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.form-body .form-comment {
font-size: 0.5625em;
}
.form-body .wpcf7-response-output + p,
.modal-body .wpcf7-response-output + p {
font-size: 0;
line-height: 0;
margin-bottom: 0;
}
/* Error 404 Page */
.error-wrap {
min-height: 500px;
}
.error-content {
padding: 140px 0 147px 0;
z-index: 1;
}
.error-content h1 {
font-size: 130px;
line-height: 100px;
font-weight: 700;
text-shadow: 1px 2px 3px rgba(0, 0, 0, .3);
}
.error-content h3 {
font-size: 40px;
line-height: 50px;
font-weight: 500;
color: #fff;
text-shadow: 1px 2px 3px rgba(0, 0, 0, .3);
}
.error-content p {
font-size: 16px;
line-height: 24px;
color: rgba(255, 255, 255, 0.6);
margin-bottom: 25px;
font-weight: 300;
}
.rays-container {
display: table;
position: relative;
width: 100%;
}
.rays {
background: url(/wp-content/uploads/rays.png) 0 0 no-repeat;
position: absolute;
top: -895px;
left: 50%;
margin: 0px 0 0 -480px;
width: 960px;
height: 960px;
display: block;
opacity: 0.3;
z-index: 0;
}
.rays.spinback {
opacity: 0.15;
}
.error-page .error-content .btn {
background-color: rgba(0, 0, 0, 0.2);
border-color: rgba(255,255,255,.3);
}
.error-page .error-content .btn:hover {
background-color: rgba(255,255,255,.1);
border-color: rgba(255,255,255,.4);
}
@media (max-width: 767px) {
.rays {
top: -915px;
}
}
/* Modal & Tooltip */
.tooltip-inner {
max-width: 200px;
padding: 3px 8px;
color: #fff;
text-align: center;
text-decoration: none;
background-color: #1c223d;
border-radius: 3px;
}
.popOverBox {
white-space: nowrap;
}
/* BE Subpages Widget */
[class$="-lbg"] ul>li.widget_subpages_current_page>a,
[class$="-lbg"] ul>li.current-menu-item>a {
color: rgba(0, 0, 0, 0.4);
}
/* WP-Nav-Menu */
[class^="menu-"][class$="-container"]+ul {
padding-left: 1.5em;
margin-bottom: 0em;
}
.menu-uslugirelated-container {
margin-bottom: 1.5em;
}
ul[id^="menu-"].menu,
ul[id^="menu-"][class^="list-"] {
padding-left: 1.5em;
padding-bottom: 0px;
}
ul[id^="menu-"].list-news li {
padding-bottom: 1em;
}
ul[id^="menu-"].list-news li:last-child {
padding-bottom: 0;
}
[class$="-lbg"] ul[id^="menu-"].menu,
[class$="-lbg"] ul[id^="menu-"][class^="list-"] {
color: rgba(0, 0, 0, 0.3);
}
.menu-uslugi-container ul[id^="menu-"].menu {
margin-bottom: 0;
}
/* Shortcode List */
ul#menu-list.no {padding-left: 0;list-style: none}
ul#menu-list.disc {list-style-type: disc}
ul#menu-list.square {list-style-type: square}
ul#menu-list.circle {list-style-type: circle}
.meta-date-icon [class^="icon-"] {
opacity: .8;
}
[class$="-lbg"] ul[id^="menu-"] li span.date {
color: rgba(0, 0, 0, 0.4);
}
[class^="menu-"][class$="-container"]+ul {}
/*ul[id^="menu-"] .divider {
height: 1px;
overflow: hidden;
margin: 0.857142857142857em 0 0.357142857142857em 0;
}*/
[class$="-lbg"] ul[id^="menu-"] .divider {
background-color: rgba(0, 0, 0, .1);
}
/*************** Milestone ***************/
.milestone {}
.count-to {font-weight: bold}
/* Media Queries */
@media (min-width: 1200px) {
.br-md-lg,
.br-sm-md-lg {
display: block;
width: 100%;
}
.br-xs-sm {
display: inline;
width: 100%;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.br-md-lg,
.br-sm-md-lg {
display: block;
width: 100%;
}
.br-xs-sm {
display: inline;
width: 100%;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.br-sm-md-lg {
display: block;
width: 100%;
}
.add-top-md-lg { margin-top: 0em }
}
@media (max-width: 767px) {
.margin-bottom-no-xs-sm {
margin-bottom: 0em;
}
}
/* Max 1199 */
@media only screen and (max-width: 1199px) {
.nobr-lg, .br {
display: block;
width: 100%;
}
}
/* Min 992 - Max 1199 */
@media (min-width: 992px) and (max-width: 1199px) { }
/* Max 991 */
@media (max-width: 991px) {
[class*="-spo"] {
/*padding: 0 0 0 0;*/
}
.copyright-left, .copyright-right, .madeby {
text-align: center !important
}
}
/* Min 768 - Max 991 */
@media (min-width: 768px) and (max-width: 991px) {
#callback-modal .padding-left-5 {
padding-left: 15px;
}
#callback-modal .padding-right-5 {
padding-right: 15px;
}
.modal-dialog {
padding-top: 70px;
}
}
/* Max 767 */
@media (max-width: 767px) {
.screen-br {
display: inline;
width: 100%;
}
.mobile {
display: inline-block !important;
}
.desktop {
display: none;
}
.navbar-text {
margin: 28px 20px 0px 20px;
}
.phone-content {
width: auto;
}
.logo-text {display: none}
.arrow-right {
display: none;
}
#call-action-section .btn-form {
margin: 0 auto;
width: 240px;
}
#call-action-section .call-action h2 {
text-align: center !important;
padding-bottom: 20px;
margin: 0 auto;
float: none;
}
.swtb-content {
text-align: center!important;
}
.swtb .btn-form {
margin: 0 auto;
width: 240px;
margin-top: 20px;
}
.hrow1 {
padding-bottom: 0px !important;
}
.chasy {
padding-bottom: 20px;
}
.modal-dialog {
padding-top: 70px;
}
}
/* Max 620 */
@media (max-width: 620px) {
.navbar-text {
display: none;
}
}
@media (max-width: 479px) {
.modal-dialog {
padding-top: 50px;
width: 360px;
}
.modal-text {
font-size: 13px;
}
}
@media (max-width: 475px) {
}
@media (max-width: 400px) {
.modal-dialog {
padding-top: 50px;
width: 290px;
}
}
/* No Sliding Underline */
#navbar li a span.a-sliding:before {
display: none;
}
.dropdown-menu>li>a {
font-weight: 500;
}
#preloader {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(255, 255, 255, 0.85);
z-index: 9999
}
#status {
content: " ";
width: 50px;
height: 50px;
position: absolute;
left: 50%;
top: 50%;
background-image: url(/wp-content/themes/wpbs4/images/ajaxloader.gif);
background-repeat: no-repeat;
background-position: cover center;
margin: -25px 0 0 -25px
}