.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
width: 1px;
margin: 0;
padding: 0;
border: 0;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232;
font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: absolute;
top: 20%;
left: 20%;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
}
span.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
span.wpcf7-list-item-label::before,
span.wpcf7-list-item-label::after {
content: " ";
}
div.wpcf7 .ajax-loader {
visibility: hidden;
display: inline-block;
background-image: url(//www.pro-security.cz/wp-content/plugins/contact-form-7/images/ajax-loader.gif);
width: 16px;
height: 16px;
border: none;
padding: 0;
margin: 0 0 0 4px;
vertical-align: middle;
}
div.wpcf7 .ajax-loader.is-active {
visibility: visible;
}
div.wpcf7 div.ajax-error {
display: none;
}
div.wpcf7 .placeheld {
color: #888;
}
div.wpcf7 input[type="file"] {
cursor: pointer;
}
div.wpcf7 input[type="file"]:disabled {
cursor: default;
}
div.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}.slick-loading .slick-list{background:#fff url(//www.pro-security.cz/wp-content/plugins/wp-logo-showcase-responsive-slider-slider/assets/images/ajax-loader.gif) center center no-repeat}.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-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)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.wpls-wrap, .wpls-wrap * {-webkit-box-sizing: border-box; box-sizing: border-box; outline: none;} .wpls-logo-clearfix:before, .wpls-logo-clearfix:after{content: "";display: table;}
.wpls-logo-clearfix::after{clear: both;}
.wpls-logo-clearfix{clear: both;}
.wpls-logo-showcase{visibility: hidden; opacity:0; -webkit-transition:opacity 0.5s linear; transition:opacity 0.5s linear;}
.wpls-logo-showcase.slick-initialized {visibility: visible; opacity:1;}
.wpls-logo-showcase{padding:0 30px 20px 30px; margin:0; text-align:center;}
.wpls-logo-showcase.wpls-dots-false{padding:0 30px 0px 30px !important;}
.wpls-logo-showcase .slick-next{right:0px !important;}
.wpls-logo-showcase .slick-prev{left:0px !important}
.wpls-logo-showcase .slick-dots{left:30px !important; right:30px !important; text-align:center;bottom:-10px !important; position: absolute;}
.wpls-logo-showcase .wpls-logo-cnt.slick-slide{margin:0 5px;}
.wpls-logo-showcase .wpls-fix-box{max-height: 250px; width: 100%; line-height: 0;}
.wpls-logo-showcase .wpls-logo-cnt.slick-slide img{display:inline-block !important; border-radius:0px !important; max-height:250px; max-width:100%; padding:10px; border:1px solid #f1f1f1; box-shadow:none !important }
.wpls-logo-showcase .slick-slide{  text-align:center !important; display: inline-block !important;   float:none !important;    vertical-align: middle !important;     }
.wpls-logo-showcase .slick-slide .logo-title{color:#444; padding:10px 0; font-size:16px;}
.wpls-logo-slider.wpls-center .slick-slide {opacity: 0.5; transform: scale(0.7); transition: all 300ms ease 0s;}
.wpls-logo-showcase.wpls-center .slick-center{opacity: 1;transform: scale(1);}
.wpls-logo-showcase .slick-arrow::before{display: none !important;}
.wpls-logo-showcase .wplss-logo-slide::before, .wpls-logo-showcase .wplss-logo-slide::after{display: none !important;}
.sliderimage_hide_border .wpls-logo-cnt.slick-slide img{padding:0px; border:0px solid #f1f1f1;}
@media screen and (max-width: 641px) {
.wpls-logo-showcase.wpls-center .slick-slide {opacity: 1;transform: scale(1); transition: all 300ms ease 0s;}
.wpls-logo-showcase.wpls-center .slick-center{opacity: 1;transform: scale(1);}
} .fusion-flex-container.wpls-fusion-flex{ flex-direction: column; }
.wpls-elementor-tab-wrap{min-width: 0; min-height: 0;} .wpls-logo-showcase .slick-arrow{position:absolute; z-index:9; padding:5px; display: inline-block; background-color: rgba(0, 0, 0, 0.5); text-align:center; width:30px; height:30px; cursor: pointer; border-radius: 50%; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.wpls-logo-showcase .slick-arrow svg{fill: #fff; height: 100%; width: 100%;}
.wpls-logo-showcase .slick-arrow:hover{background-color: rgba(0, 0, 0, 0.7);}
.wpls-logo-showcase .slick-dots {padding:0 !important; margin:0 !important; text-align:center;}
.wpls-logo-showcase .slick-dots li {list-style:none !important; display:inline-block !important; line-height:0px !important; margin:0 3px !important; padding:0px !important; }
.wpls-logo-showcase .slick-dots li button {text-indent:-99999px;margin: 0px !important; padding: 0px !important; border: 2px solid #444 !important; border-radius: 50% !important; width: 12px !important; height: 12px !important; background-color:#fff; cursor:pointer;}
.wpls-logo-showcase .slick-dots li button:focus {outline:none !important}
.wpls-logo-showcase .slick-dots li.slick-active button {background:#8D8C8C !important;}.popup-template .modal {
opacity: 0;
-webkit-transition: all 250ms ease;
-o-transition: all 250ms ease;
transition: all 250ms ease;
}
.popup-template .modal.is-open {
opacity: 1;
-webkit-transition: all 250ms ease;
-o-transition: all 250ms ease;
transition: all 250ms ease;
}.wpml-ls-menu-item .wpml-ls-flag{display:inline;vertical-align:baseline;width:18px;height:12px}.wpml-ls-menu-item .wpml-ls-flag+span{margin-left:.3em}.rtl .wpml-ls-menu-item .wpml-ls-flag+span{margin-left:0;margin-right:.3em}.cmplz-video.cmplz-iframe-styles{background-color:transparent}.cmplz-video.cmplz-hidden{visibility:hidden !important}.cmplz-blocked-content-notice{display:none}.cmplz-placeholder-parent{height:inherit}.cmplz-optin .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optout .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optin .cmplz-wp-video .cmplz-blocked-content-notice,.cmplz-optout .cmplz-wp-video .cmplz-blocked-content-notice{display:block}.cmplz-blocked-content-container,.cmplz-wp-video{animation-name:cmplz-fadein;animation-duration:600ms;background:#FFF;border:0;border-radius:3px;box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15);display:flex;justify-content:center;align-items:center;background-repeat:no-repeat !important;background-size:cover !important;height:inherit;position:relative}.cmplz-blocked-content-container.gmw-map-cover,.cmplz-wp-video.gmw-map-cover{max-height:100%;position:absolute}.cmplz-blocked-content-container.cmplz-video-placeholder,.cmplz-wp-video.cmplz-video-placeholder{padding-bottom:initial}.cmplz-blocked-content-container iframe,.cmplz-wp-video iframe{visibility:hidden;max-height:100%;border:0 !important}.cmplz-blocked-content-container .cmplz-custom-accept-btn,.cmplz-wp-video .cmplz-custom-accept-btn{white-space:normal;text-transform:initial;cursor:pointer;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:200px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-custom-accept-btn:focus,.cmplz-wp-video .cmplz-custom-accept-btn:focus{border:1px dotted #cecece}.cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-wp-video .cmplz-blocked-content-notice{white-space:normal;text-transform:initial;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:300px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links{display:block;margin-bottom:10px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links a,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links a{color:#fff}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body{display:block}.cmplz-blocked-content-container div div{display:none}.cmplz-wp-video .cmplz-placeholder-element{width:100%;height:inherit}@keyframes cmplz-fadein{from{opacity:0}to{opacity:1}}.spu-box,
.spu-box *{
box-sizing: border-box;
}
.wppopups-whole{
position: relative;
width: 100%;
left: 0;
top: 0;
z-index: 999998;
display: flex;
align-items: center;
justify-content: center;
}
.spu-bg{
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
display: none;
z-index: 99999;
}
.spu-box:before,
.spu-box:after {
content:"";
display:table;
}
.spu-box:after {
clear:both;
}
.spu-box {
zoom:1;
}
.spu-box {
position:fixed;
z-index: 999999;
width: 100%;
max-height: 100vh;
}
.spu-box img{
max-width: 100%;
height: auto;
}
.spu-box img.aligncenter {
clear: both;
display: block;
margin: 0 auto;
} .spu-box.spu-position-top-left{
top: 0; left: 0; bottom: auto; right: auto;
}
.spu-box.spu-position-top-right{
top: 0; right: 0; bottom: auto; left: auto;
}
.spu-box.spu-position-bottom-left{
bottom: 0; left: 0; top: auto; right: auto;
}
.spu-box.spu-position-bottom-right{
bottom: 0; right: 0; top: auto; left: auto;
}
.spu-box.spu-position-top-bar,
.spu-box.spu-position-bottom-bar{
margin: 0;
width: 100% !important;
max-width: 100% !important;
position: fixed;
}
.spu-box.spu-position-top-bar{
top: 0;
}
.spu-box.spu-position-bottom-bar{
bottom: 0;
}
.spu-box.spu-position-bottom-bar .spu-content .spu-fields-container,
.spu-box.spu-position-top-bar .spu-content .spu-fields-container{
padding: 0;
}
.spu-box.spu-position-bottom-bar .spu-content,
.spu-box.spu-position-top-bar .spu-content {
display: inline-flex;
align-items: center;
justify-content: center;
width: 100% !important;
}
.spu-box.spu-position-bottom-bar .spu-content > *,
.spu-box.spu-position-top-bar .spu-content > *{
margin-left: 20px;
margin-bottom: 0;
}
.spu-box.spu-position-bottom-bar .spu-content .spu-optin-form,
.spu-box.spu-position-top-bar .spu-content label.spu-fields.spu-gdpr,
.spu-box.spu-position-bottom-bar .spu-content label.spu-fields.spu-gdpr,
.spu-box.spu-position-top-bar .spu-content .spu-optin-form {
display: inline-flex;
margin-bottom: 0;
}
.spu-box.spu-position-top-bar .spu-content .spu-optin-fields,
.spu-box.spu-position-bottom-bar .spu-content .spu-optin-fields,
.spu-box.spu-position-top-bar .spu-content label.spu-fields.spu-gdpr,
.spu-box.spu-position-bottom-bar .spu-content label.spu-fields.spu-gdpr{
margin-bottom: 0;
}
.spu-box.spu-position-bottom-bar .spu-content label.spu-fields.spu-gdpr ,
.spu-box.spu-position-top-bar .spu-content label.spu-fields.spu-gdpr {
margin-left: 20px;
margin-bottom: 0;
}
.spu-box.spu-position-bottom-bar .spu-content .spu-optin-fields .spu-fields ,
.spu-box.spu-position-top-bar .spu-content .spu-optin-fields .spu-fields {
min-width: 250px;
}
.spu-box.spu-position-bottom-bar .spu-content button.spu-fields.spu-submit ,
.spu-box.spu-position-top-bar .spu-content button.spu-fields.spu-submit {
width: 120px;
margin-left: 20px;
} .spu-close{
position:absolute;
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
line-height: .5;
text-decoration: none;
cursor: pointer;
}
html .spu-box a.spu-close {
text-decoration: none;
}
.spu-close-top_right{
right:8px;
top:5px;
}
.spu-close-top_left{
left:8px;
top:5px;
}
.spu-close-bottom_right{
right:8px;
bottom:5px;
}
.spu-close-bottom_left{
left:8px;
bottom:5px;
}
.spu-close:hover,
.spu-close:focus {
text-decoration: none;
display: block;
} p.spu-powered {
position: absolute;
bottom: -55px;
width: 100%;
text-align: center;
color: #fff;
left: 0px;
}
p.spu-powered a{
color: #ccc;
text-decoration: underline;
}
.spu-box.spu-scrollable p.spu-powered {
display: none;
} .spu-addon-container {
text-align: center;
margin: 36px 32px 44px;
}
.spu-addon-container:after {
clear: both;
content: " ";
display: table;
}
.spu-addon-title {
font-size: 24px;
}
.spu-addon-msg {
font-size: 17px;
}
.spu-input-text {
background-color: #fff;
width: 49%;
height: 44px;
border: 1px solid #cdd1d4;
-webkit-box-shadow: 0 0 6px -3px rgba(0,0,0,0.8) inset;
-moz-box-shadow: 0 0 6px -3px rgba(0,0,0,0.8) inset;
box-shadow: 0 0 6px -3px rgba(0,0,0,0.8) inset;
border-radius: 3px;
font-size: 18px;
line-height: 38px;
padding: 4px 6px;
overflow: hidden;
outline: none;
margin: 0;
vertical-align: middle;
}
.spu-button {
display: block;
-webkit-box-shadow: 0 1px 1px -1px #fff inset;
-moz-box-shadow: 0 1px 1px -1px #fff inset;
box-shadow: 0 1px 1px -1px #fff inset;
-webkit-text-shadow: #888 -0 0 1px;
-moz-text-shadow: #888 -0 0 1px;
text-shadow: #888 0 0 1px;
font-size: 15px;
padding: 10px 12px;
line-height: 24px;
text-align: center;
vertical-align: middle;
cursor: pointer;
text-decoration: none;
margin: 0;
height: auto;
width: 35%;
border: 0;  
}
.spu-button-bg {
width: 100% !important;
}
.spu-inline {
display: inline-block !important;
}
.spu-errors {
color: red;
text-align: center;
margin-top: 20px;
} .spu-optin-form .spu-helper-fields{
display: none;
}
.spu-fields-container{
padding: 36px 32px 44px;
position: relative;
}
.spu-fields.spu-name,
.spu-fields.spu-email{
background-color: #fff;
width: 100%;
height: 48px;
border: 1px solid #cdd1d4;
-webkit-box-shadow: 0 0 6px -3px rgba(0,0,0,0.8) inset;
-moz-box-shadow: 0 0 6px -3px rgba(0,0,0,0.8) inset;
box-shadow: 0 0 6px -3px rgba(0,0,0,0.8) inset;
border-radius: 3px;
font-size: 18px;
line-height: 38px;
padding: 4px 6px;
overflow: hidden;
outline: none;
margin: 0 0 20px 0;
vertical-align: middle;
display: block;
}
.spu-fields.spu-submit{
background: #50bbe8;
border: 1px solid #429bc0;
-webkit-box-shadow: 0 1px 1px -1px #fff inset;
-moz-box-shadow: 0 1px 1px -1px #fff inset;
box-shadow: 0 1px 1px -1px #fff inset;
-webkit-text-shadow: #888 -0 0 1px;
-moz-text-shadow: #888 -0 0 1px;
text-shadow: #888 -0 0 1px;
width: 24%;
color: #fff;
font-size: 16px;
padding: 10px 6px;
line-height: 24px;
text-align: center;
vertical-align: middle;
cursor: pointer;
display: inline;
margin: 0;
height: auto;
}
.spu-fields.spu-submit i{
display: none;
}
.spu-optin-fields {
display: block;
}
.spu-optin-fields.spu-inline-fields {
display: flex;
margin-bottom: 20px;
}
.spu-optin-fields.spu-inline-fields .spu-fields{
margin-bottom: 0px;
}
.spu-optin-fields.spu-inline-fields .spu-fields.spu-name {
margin-right: 20px;
}
.spu-fields.spu-email{
margin-right: 0;
}
.spu-fields.spu-submit {
width: 100%;
max-width: 100%;
}
.spu-fields.spu-submit span{
transition: all 1s;
opacity:1;
}
.spu-fields.spu-submit svg{
display:none;
margin:0 auto;
transition: all 1s;
}
.spu-fields.spu-submit svg path,
.spu-fields.spu-submit svg rect{
fill: #fff;
}
.spu-fields.spu-submit.spu-sending span{
display: none;
opacity: 0;
}
.spu-fields.spu-submit.spu-sending svg{
display: block;
opacity: 1;
}
.optin-errors {
color: red;
text-align: center;
margin-top: 20px;
} span.spu-timer {
position: absolute;
bottom: 0px;
left: 0px;
font-size: 12px;
position: absolute;
width: 100%;
text-align: right;
padding: 0 10px;
}
@media all and (max-width: 568px){
.spu-box{
max-width: 90vw !important;
}
.spu-box.spu-position-fullscreen,
.spu-box.spu-position-top-bar,
.spu-box.spu-position-bottom-bar{
max-width: 100vw !important;
}
.spu-box.spu-position-bottom-bar .spu-content,
.spu-box.spu-position-top-bar .spu-content {
flex-flow: column;
}
.pop-up-text2{
margin-bottom: 25px !important;
}
}html {
line-height: 1.15;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%
}
body {
margin: 0
}
article,aside,footer,header,nav,section {
display: block
}
h1 {
font-size: 2em;
margin: 0.67em 0
}
figcaption,figure,main {
display: block
}
figure {
margin: 1em 40px
}
hr {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
overflow: visible
}
pre {
font-family: monospace, monospace;
font-size: 1em
}
a {
background-color: transparent;
-webkit-text-decoration-skip: objects
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
-webkit-text-decoration: underline dotted;
-moz-text-decoration: underline dotted;
text-decoration: underline dotted
}
b,strong {
font-weight: inherit
}
b,strong {
font-weight: bolder
}
code,kbd,samp {
font-family: monospace, monospace;
font-size: 1em
}
dfn {
font-style: italic
}
mark {
background-color: #ff0;
color: #000
}
small {
font-size: 80%
}
sub,sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sub {
bottom: -0.25em
}
sup {
top: -0.5em
}
audio,video {
display: inline-block
}
audio:not([controls]) {
display: none;
height: 0
}
img {
border-style: none
}
svg:not(:root) {
overflow: hidden
}
button,input,optgroup,select,textarea {
font-family: sans-serif;
font-size: 100%;
line-height: 1.15;
margin: 0
}
button,input {
overflow: visible
}
button,select {
text-transform: none
}
[type=reset],[type=submit],button,html [type=button] {
-webkit-appearance: button
}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
border-style: none;
padding: 0
}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {
outline: 1px dotted ButtonText
}
fieldset {
padding: 0.35em 0.75em 0.625em
}
legend {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal
}
progress {
display: inline-block;
vertical-align: baseline
}
textarea {
overflow: auto
}
[type=checkbox],[type=radio] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0
}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
height: auto
}
[type=search] {
-webkit-appearance: textfield;
outline-offset: -2px
}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit
}
details,menu {
display: block
}
summary {
display: list-item
}
canvas {
display: inline-block
}
template {
display: none
}
[hidden] {
display: none
}
blockquote,dl,figure,hr,ol,p,pre,table,ul {
padding-top: 0;
padding-bottom: 0;
margin-top: 0;
margin-bottom: 1rem
}
h1,h2,h3,h4,h5,h6 {
margin-top: 0;
margin-bottom: .5rem
}
ol ol,ol ul,ul ol,ul ul {
margin-bottom: 0
}
dd,ol,ul {
padding-left: 1.75rem
}
dd {
margin-left: 0
}
blockquote {
border: 0;
padding-left: 1.75rem;
margin-left: 0;
font-style: italic
}
figure {
margin-left: 0;
margin-right: 0
}
figure>img,figure>picture,figure>table {
margin-bottom: 0
}
fieldset {
border: 0
}
legend {
padding: 0 .5rem
}
hr {
border-style: solid;
opacity: .25
}
.c-y {
color: #f2b711
}
.c-b {
color: #1c60a6
}
.c-bl {
color: #099acb
}
.c {
color: #333
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
:after,:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.container {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
width: 100%;
max-width: -webkit-calc(1200px + 15px + 15px);
max-width: -moz-calc(1200px + 15px + 15px);
max-width: calc(1200px + 15px + 15px)
}
.container--narrow {
max-width: -webkit-calc(870px + 15px + 15px);
max-width: -moz-calc(870px + 15px + 15px);
max-width: calc(870px + 15px + 15px)
}
.cols {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap
}
.col {
width: 100%
}
@font-face {
font-family:"Asap";font-display:fallback;src:url(//www.pro-security.cz/wp-content/themes/custom/fonts/Asap-Regular.ttf) format("truetype");font-weight:400;font-style:normal
}
@font-face {
font-family:"Asap";font-display:fallback;src:url(//www.pro-security.cz/wp-content/themes/custom/fonts/Asap-Medium.ttf) format("truetype");font-weight:500;font-style:normal
}
@font-face {
font-family:"Asap";font-display:fallback;src:url(//www.pro-security.cz/wp-content/themes/custom/fonts/Asap-Bold.ttf) format("truetype");font-weight:700;font-style:normal
}
@font-face {
font-family:"Asap Condensed";font-display:fallback;src:url(//www.pro-security.cz/wp-content/themes/custom/fonts/AsapCondensed-Regular.ttf) format("truetype");font-weight:400;font-style:normal
}
@font-face {
font-family:"Asap Condensed";font-display:fallback;src:url(//www.pro-security.cz/wp-content/themes/custom/fonts/AsapCondensed-Medium.ttf) format("truetype");font-weight:500;font-style:normal
}
html {
font-family: 'Asap', sans-serif;
font-size: 100%;
line-height: 1.2;
overflow-x: hidden;
}
body {
color: #333
}
h1,h2,h3,h4,h5,h6 {
font-family: 'Asap Condensed', sans-serif;
font-weight: 400
}
h1 strong,h2 strong,h3 strong,h4 strong,h5 strong,h6 strong {
color: #1c60a6;
font-weight: inherit
}
h1 p,h2 p,h3 p,h4 p,h5 p,h6 p {
margin-bottom: 0
}
h1,h2 {
font-size: 45px;
position: relative;
max-width: 690px;
margin-left: auto;
margin-right: auto;
text-align: center;
padding-bottom: 15px;
text-transform: uppercase;
display: inline-block
}
@media only screen and (max-width:600px) {
h1,h2 {
font-size: 35px
}
}
h1:after,h2:after {
content: '';
display: inline-block;
width: 46%;
background: #f2b711;
height: 2px;
min-width: 117px;
position: absolute;
left: 50%;
-webkit-transform: translatex(-50%);
-moz-transform: translatex(-50%);
-ms-transform: translatex(-50%);
-o-transform: translatex(-50%);
transform: translatex(-50%);
bottom: 0
}
h3 {
font-size: 30px;
font-weight: 500;
color: #1c60a6
}
h4 {
font-size: 25px;
color: #1c60a6
}
h5,h6 {
font-size: 20px;
color: #1c60a6
}
b,strong {
font-weight: 700
}
p {
line-height: 1.5;
margin-bottom: 10px
}
.content ul,.text ul {
list-style: none;
padding-left: 0
}
.content ul li,.text ul li {
position: relative;
margin-bottom: 10px;
padding-left: 25px
}
.content ul li:before,.text ul li:before {
content: '';
display: block;
width: 15px;
height: 15px;
background: url(//www.pro-security.cz/wp-content/themes/custom/img/checked.svg) 0 0 no-repeat;
-webkit-background-size: cover;
background-size: cover;
position: absolute;
top: 4px;
left: 0
}
.content ol li,.text ol li {
margin-bottom: 10px
}
.content h1,.content h2,.text h1,.text h2 {
display: block;
padding-bottom: 0
}
.content h1:after,.content h2:after,.text h1:after,.text h2:after {
display: none
}
.content li a:hover,.content p a:hover,.text li a:hover,.text p a:hover {
text-decoration: none;
color: #f2b711
}
.content a:hover,.text a:hover {
text-decoration: none
}
.nav {
margin-bottom: 7px;
position: sticky;
top: 0;
z-index: 9;
}
.nav .container {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center
}
.nav .container:first-child {
height: 100px;
background: #fff;
}
.scrolled .admin-bar .nav {
top: calc( -100px + var(--wp-admin--admin-bar--height) );
}
.scrolled .nav {
top: -100px;
}
.nav .menu-box {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-moz-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
max-width: 400px;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center
}
@media only screen and (max-width:359px) {
.nav .menu-box {
width: 100%;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
}
.nav .menu {
display: none
}
@media only screen and (min-width:1001px) {
.nav .menu {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
.nav .menu ul {
list-style-type: none;
margin: 0;
padding: 0;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap
}
.nav .menu a {
display: inline-block;
text-decoration: none;
text-transform: uppercase;
font-weight: 500
}
.nav .menu a:hover {
background: #f2b711
}
@media only screen and (min-width:1051px) {
.nav__search {
margin-right: -200px
}
}
@media only screen and (max-width:700px) {
.nav__search {
display: none
}
}
.nav__search label span {
display: none
}
.nav__small_header_menu {
margin-top: 15px;
margin-right: 0
}
.nav__menu-top {
margin-right: 22px
}
.nav__menu-top li:not(:last-child),
.nav__small_header_menu li:not(:last-child) {
margin-right: 41px;
}
.nav__menu-top li.current-menu-item a,.nav__menu-top li .current_page_parent a,
.nav__small_header_menu li.current-menu-item a, .nav__small_header_menu li .current_page_parent a {
color: #f2b711
}
.nav__menu-top a,
.nav__small_header_menu a {
margin-right: 0;
position: relative
}
.nav__menu-top a:after,
.nav__small_header_menu a:after {
content: '';
display: block;
width: 0;
height: 2px;
background: #f2b711;
left: 0;
position: absolute;
bottom: -5px;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
transition: all 0.4s ease
}
.nav__menu-top a:hover,
.nav__small_header_menu a:hover {
background: none!important
}
.nav__menu-top a:hover:after,
.nav__small_header_menu a:hover:after {
width: 100%
}
@media only screen and (max-width:1000px) {
.nav__socials {
display: none
}
}
.nav__socials .box {
display: inline-block;
width: 19px;
height: 18px
}
.nav__socials .box:not(:last-child) {
margin-right: 10px
}
.nav__socials .box img {
max-width: 100%;
height: auto;
display: inline-block
}
.nav__socials a:hover {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1)
}
@media only screen and (min-width:1001px) {
.nav__contact {
margin-top: 18px;
display:none
}
}
@media only screen and (max-width:800px) {
.nav__contact {
font-size: 14px
}
}
@media only screen and (max-width:380px) {
.nav__contact {
font-size: 12px
}
}
.nav__contact .item {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
display: inline-block
}
@media only screen and (max-width:1000px) {
.nav__contact .item {
display: block
}
}
.nav__contact .item:not(:last-child) {
margin-right: 25px
}
@media only screen and (max-width:1000px) {
.nav__contact .item:not(:last-child) {
margin-right: 0
}
}
.nav__contact img {
display: inline-block;
margin-right: 9px
}
@media only screen and (max-width:380px) {
.nav__contact img {
margin-right: 5px
}
}
.nav__contact .text {
display: inline-block;
font-weight: 500
}
.nav__contact a {
text-decoration: none
}
.nav__contact p {
margin-bottom: 0
}
.logo {
display: inline-block;
margin-top: -5px
}
@media only screen and (max-width:800px) {
.logo {
max-width: 150px
}
}
@media only screen and (max-width:450px) {
.logo {
max-width: 100px
}
}
@media only screen and (max-width:359px) {
.logo {
max-width: 100%;
width: 100%;
text-align: center
}
.logo img {
max-width: 100px
}
}
.menu-primary-container {
width: 100%
}
.nav__menu {
background: #099acb;
color: #fff;
width: 100%;
font-size: 16px
}
@media only screen and (max-width:1150px) {
.nav__menu {
font-size: 14px
}
}
.nav__menu ul { display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap; -webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%
} .nav__menu ul.sub-menu {
opacity: 0;
visibility: hidden;
position: absolute;
top: 50px;
left: 0;
background: #099acb;
z-index: 99;
display: block;
height: auto;
width: 240px;
-webkit-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
transition: all 0.8s ease;
overflow: hidden;
max-height: 0
}
.nav__menu ul.sub-menu a {
line-height: 1.5;
padding-top: 8px;
padding-bottom: 8px;
width: 100%;
font-size: 14px;
margin-top: -3px
}
.nav__menu ul.sub-menu a:after {
display: none!important
} .nav__menu a {
padding: 0 30px;
height: 100%;
line-height: 60px
}
@media only screen and (max-width:1250px) {
.nav__menu a {
padding: 0 20px
}
}
@media only screen and (max-width:1150px) {
.nav__menu a {
padding: 0 17px
}
}
.nav__menu li {
position: relative;
}
#menu-primary > li {
overflow: hidden;
}
#menu-primary > li:hover {
overflow: visible;
}
.nav__menu li.highlight {
background: #f2b711;
} .nav__menu li.menu-item-home a { -webkit-box-shadow: 0 0 0px 0px rgba(0, 0, 0, 0);
box-shadow: 0 0 0px 0px rgba(0, 0, 0, 0);
background: #099acb;
padding-top: 0
}
.nav__menu li.featured a {
position: relative
}
.nav__menu li.featured a:after {
content: '';
position: absolute;
bottom: 12px;
width: 55%;
left: 50%;
-webkit-transform: translatex(-50%);
-moz-transform: translatex(-50%);
-ms-transform: translatex(-50%);
-o-transform: translatex(-50%);
transform: translatex(-50%);
height: 2px;
background: #f2b711;
display: block
}
.nav__menu li.unclickable {
cursor: default
}
.nav__menu li.menu-item-home a {
font-size: 0;
min-width: 70px;
position: relative
} .nav__menu li.menu-item-17 a:after, .nav__menu li.menu-item-1337 a:after {
content: '';
display: block;
height: 20px;
width: 20px;
background: url(//www.pro-security.cz/wp-content/themes/custom/img/home.svg) 50% 50% no-repeat;
-webkit-background-size: cover;
background-size: cover;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translatey(-50%) translatex(-50%);
-moz-transform: translatey(-50%) translatex(-50%);
-ms-transform: translatey(-50%) translatex(-50%);
-o-transform: translatey(-50%) translatex(-50%);
transform: translatey(-50%) translatex(-50%)
}
.nav__menu li:hover .sub-menu {
opacity: 1;
visibility: visible;
top: 60px;
max-height: 700px
}
.toggle-nav {
display: block;
width: 40px;
height: 40px;
background: url(//www.pro-security.cz/wp-content/themes/custom/img/toggle-menu.svg) no-repeat 50% 50%;
-webkit-background-size: cover;
background-size: cover;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
transition: all 0.4s ease;
margin-left: 30px
}
@media only screen and (max-width:450px) {
.toggle-nav {
width: 30px;
height: 30px;
margin-left: 15px
}
}
.toggle-nav.active {
background: url(//www.pro-security.cz/wp-content/themes/custom/img/cancel.svg) no-repeat 50% 50%;
-webkit-background-size: 30px 30px;
background-size: 30px;
-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg)
}
.toggle-nav:hover {
opacity: 0.7;
cursor: pointer
}
@media only screen and (min-width:1001px) {
.toggle-nav {
display: none
}
}
.toggle-menu {
visibility: hidden;
opacity: 0;
max-height: 0;
-webkit-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
transition: all 0.8s ease;
overflow: hidden;
background: #099acb;
color: #fff
}
.toggle-menu.visible {
visibility: visible;
opacity: 1;
max-height: 1000px
}
@media only screen and (min-width:1001px) {
.toggle-menu.visible {
display: none
}
}
.toggle-menu ul {
list-style-type: none;
margin: 0;
padding: 0;
text-align: center
}
.toggle-menu li.current-menu-item a,.toggle-menu li.current-page-ancestor a,.toggle-menu li.current_page_parent a {
background: #f2b711;
color: #fff
}
.toggle-menu a {
display: block;
border-bottom: 1px solid #58bcdd;
padding: 15px 0;
text-decoration: none
}
.toggle-menu a:active,.toggle-menu a:hover {
background: #f2b711
}
.single-reference .nav ul li.current_page_parent a {
background: #099acb;
-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5);
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5);
height: 100%;
padding-top: 0
}
.single-reference .nav ul li.current_page_parent a:hover {
background: #f2b711
}
.footer {
background: #083360 url(//www.pro-security.cz/wp-content/themes/custom/img/bg-footer.jpg) 100% 0 no-repeat;
color: #fff;
min-height: 167px;
padding: 35px 0 30px
}
@media only screen and (max-width:1200px) {
.footer {
background-position: 140% 0
}
}
@media only screen and (max-width:1000px) {
.footer {
-webkit-background-size: cover;
background-size: cover;
background-position: 30% 0
}
}
@media only screen and (max-width:800px) {
.footer {
-webkit-background-size: cover;
background-size: cover;
background-position: 50% 0
}
}
@media only screen and (max-width:550px) {
.footer {
background-position: 60% 0
}
}
.footer .cols {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center
}
@media only screen and (max-width:1000px) {
.footer .cols {
max-width: 500px;
margin: 0 auto
}
}
@media only screen and (max-width:550px) {
.footer .cols {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around
}
}
.footer ul {
list-style-type: none;
margin: 0;
padding: 0;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center
}
@media only screen and (max-width:550px) {
.footer ul {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
max-width: 300px
}
}
.footer li {
display: inline-block;
text-transform: uppercase;
max-width: 135px;
text-align: center
}
@media only screen and (max-width:550px) {
.footer li {
margin-bottom: 20px
}
}
.footer li:not(:last-child) {
margin-right: 47px
}
@media only screen and (max-width:1150px) {
.footer li:not(:last-child) {
margin-right: 25px
}
}
.footer a {
text-decoration: none
}
@media only screen and (max-width:1000px) {
.footer__menu {
margin-bottom: 30px
}
}
.footer__menu a {
text-decoration: none;
position: relative
}
.footer__menu a:after {
content: '';
display: block;
width: 0;
height: 2px;
background: #f2b711;
left: 0;
position: absolute;
bottom: -5px;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
transition: all 0.4s ease
}
.footer__menu a:hover:after {
width: 100%
}
@media only screen and (max-width:1000px) {
.footer__info {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-moz-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2
}
}
@media only screen and (max-width:550px) {
.footer__info {
margin-bottom: 30px
}
}
.footer__info .text {
display: inline-block
}
.footer__info .img-box {
margin-right: 10px;
width: 21px;
text-align: center;
display: inline-block;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center
}
.footer__info .row {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center
}
.footer__info .row:not(:last-child) {
margin-bottom: 15px
}
.footer__info img {
max-width: 100%;
height: auto
}
.footer__info p {
margin-bottom: 0
}
.footer__socials {
display: inline-block
}
@media only screen and (max-width:1000px) {
.footer__socials {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-moz-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3
}
}
@media only screen and (max-width:550px) {
.footer__socials {
width: 100%;
text-align: center
}
}
.footer__socials .box {
display: inline-block;
font-size: 0
}
.footer__socials .box:not(:last-child) {
margin-right: 36px
}
@media only screen and (max-width:1150px) {
.footer__socials .box:not(:last-child) {
margin-right: 15px
}
}
.footer__socials a:after {
display: none
}
.footer__socials a:hover {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1)
}
table {
border-collapse: collapse
}
.table {
width: 100%;
max-width: 100%;
margin-bottom: 1rem;
background-color: transparent
}
.table td,.table th {
padding: 0.75rem;
vertical-align: top;
border-top: 1px solid #ddd
}
.table thead th {
vertical-align: bottom;
border-bottom: 2px solid #ddd
}
.table tbody+tbody {
border-top: 2px solid #ddd
}
.table-responsive {
display: block;
width: 100%;
overflow-x: auto;
-ms-overflow-style: -ms-autohiding-scrollbar
}
.form-control {
display: block;
width: 100%;
padding: 0 17px;
font-size: 1rem;
height: 40px;
line-height: 40px;
color: #333;
background-color: #fff;
background-image: none;
background-clip: padding-box;
border: none;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
transition: all 0.4s ease
}
.form-control::-ms-expand {
background-color: transparent;
border: 0
}
.form-control:focus {
color: #333;
background-color: #fff;
border-color: #ccc;
outline: none
}
.form-control::-webkit-input-placeholder {
color: #333;
opacity: 1
}
.form-control:-ms-input-placeholder {
color: #333;
opacity: 1
}
.form-control:-moz-placeholder {
color: #333;
opacity: 1
}
.form-control::-moz-placeholder {
color: #333;
opacity: 1
}
.form-control::-ms-input-placeholder {
color: #333;
opacity: 1
}
.form-control::placeholder {
color: #333;
opacity: 1
}
.form-control:disabled,.form-control[readonly] {
background-color: #e9ecef;
opacity: 1
}
textarea.form-control {
line-height: 1.5;
padding-top: 10px;
padding-bottom: 12px
}
select.form-control:not([size]):not([multiple]) {
height: -webkit-calc(2.25rem + 2px);
height: -moz-calc(2.25rem + 2px);
height: calc(2.25rem + 2px)
}
select.form-control:focus::-ms-value {
color: #495057;
background-color: #fff
}
.form-select {
height: auto!important
}
.search-form {
position: relative
}
.search-form .search-field {
border: 1px solid #bfbfbf;
background: #fff;
-webkit-border-radius: 20px;
border-radius: 20px;
height: 40px;
line-height: 40px;
padding-left: 22px;
padding-right: 45px;
width: 250px;
color: #333;
outline: none
}
@media only screen and (max-width:800px) {
.search-form .search-field {
width: 150px
}
}
.search-form .search-field::-webkit-input-placeholder {
color: #c0c0c0
}
.search-form .search-field:-moz-placeholder {
color: #c0c0c0
}
.search-form .search-field::-moz-placeholder {
color: #c0c0c0
}
.search-form .search-field:-ms-input-placeholder {
color: #c0c0c0
}
.search-form .search-field::-ms-input-placeholder {
color: #c0c0c0
}
.search-form .search-field::placeholder {
color: #c0c0c0
}
.search-form .search-submit {
display: block;
width: 18px;
height: 18px;
background: url(//www.pro-security.cz/wp-content/themes/custom/img/ico-search.png) 0 0 no-repeat;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
outline: none;
font-size: 0;
cursor: pointer;
position: absolute;
top: 50%;
-webkit-transform: translatey(-50%);
-moz-transform: translatey(-50%);
-ms-transform: translatey(-50%);
-o-transform: translatey(-50%);
transform: translatey(-50%);
right: 19px
}
a {
text-decoration: underline;
color: inherit;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
transition: all 0.4s ease
}
a:focus {
outline: 0
}
.btn {
display: inline-block;
font-weight: normal;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
text-decoration: none;
padding: 11px 30px 11px;
font-size: 18px;
-webkit-border-radius: 20px;
border-radius: 20px;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
transition: all 0.4s ease;
-webkit-appearance: none!important;
-moz-appearance: none!important
}
.btn:hover {
cursor: pointer
}
.btn:focus,.btn:hover {
text-decoration: none
}
.btn.focus,.btn:focus {
outline: 0
}
.btn-primary {
background-color: transparent;
border: 2px solid #f2b711;
font-weight: 500
}
.btn-primary:hover {
background-color: #f2b711;
color: #fff
}
.btn-primary.focus,.btn-primary:focus {
}
.btn-secondary {
color: #fff;
background-color: #444
}
.btn-secondary:hover {
background-color: #666
}
.btn-secondary.focus,.btn-secondary:focus {
}
.slick-slide:focus,.slick-slide a {
outline: none
}
.slick-arrow {
position: absolute;
width: 30px;
height: 30px;
border: 0;
outline: none!important;
cursor: pointer;
top: 50%;
-moz-transform: translatey(-50%);
-webkit-transform: translatey(-50%);
-o-transform: translatey(-50%);
-ms-transform: translatey(-50%);
transform: translatey(-50%);
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
transition: all 0.4s ease
}
.slick-next {
right: 0;
background: url(//www.pro-security.cz/wp-content/themes/custom/img/ico-next.svg) no-repeat 0 50%
}
.slick-next:hover {
background-position: 100% 50%
}
.slick-prev {
left: 0;
background: url(//www.pro-security.cz/wp-content/themes/custom/img/ico-prevback.svg) no-repeat 100% 50%
}
.slick-prev:hover {
background-position: 0 50%
}
.slick-dots {
list-style-type: none;
margin: 0;
padding: 0;
display: inline-block
}
.slick-dots li {
display: inline-block;
margin: 0 7px
}
.slick-dots li button {
-webkit-border-radius: 50%;
border-radius: 50%;
border: none;
background: #555;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font-size: 0;
color: transparent;
height: 8px;
width: 8px;
line-height: 0;
padding: 0!important;
outline: none;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
transition: all 0.4s ease
}
.slick-dots li button:hover {
background: #333;
cursor: pointer
}
.slick-dots li.slick-active button {
background: #333;
cursor: pointer
}
.d-b {
display: block
}
.d-i {
display: inline
}
.d-ib {
display: inline-block
}
.m-x-a {
margin-left: auto;
margin-right: auto
}
.m-0 {
margin: 0
}
.mt-0 {
margin-top: 0
}
.mb-0 {
margin-bottom: 0
}
.mr-0 {
margin-right: 0
}
.ml-0 {
margin-left: 0
}
.mx-0 {
margin-left: 0;
margin-right: 0
}
.my-0 {
margin-top: 0;
margin-bottom: 0
}
.p-0 {
padding: 0
}
.pt-0 {
padding-top: 0
}
.pb-0 {
padding-bottom: 0
}
.pr-0 {
padding-right: 0
}
.pl-0 {
padding-left: 0
}
.px-0 {
padding-left: 0;
padding-right: 0
}
.py-0 {
padding-top: 0;
padding-bottom: 0
}
.b-0 {
border: 0
}
.tar {
text-align: right
}
.tal {
text-align: left
}
.tac {
text-align: center
}
.posr {
position: relative
}
.posa {
position: absolute
}
@media print {
.hidden-print {
display: none
}
}
.print-only {
display: none
}
@media print {
.print-only {
display: block
}
}
.w-25p {
width: 25%!important
}
.w-50p {
width: 50%!important
}
.w-75p {
width: 75%!important
}
.w-100p {
width: 100%!important
}
.h-25p {
height: 25%!important
}
.h-50p {
height: 50%!important
}
.h-75p {
height: 75%!important
}
.h-100p {
height: 100%!important
}
.mw-20 {
max-width: 20em
}
.mw-30 {
max-width: 30em
}
.mw-40 {
max-width: 40em
}
.mw-100p {
max-width: 100%!important
}
.mw-50p {
max-width: 50%!important
}
.mw-33p {
max-width: 33%!important
}
.mh-25p {
max-height: 25%!important
}
.float-left {
float: left!important
}
.float-right {
float: right!important
}
.float-none {
float: none!important
}
.clearer {
clear: both
}
.small,small {
font-size: 80%;
font-weight: normal
}
.img-responsive {
max-width: 100%;
height: auto
}
.jc-sb {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.jc-sa {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around
}
.jc-s {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-moz-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.jc-e {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-moz-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end
}
.jc-c {
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
body {
background: url(//www.pro-security.cz/wp-content/themes/custom/img/bg-camera.jpg) 100% 400px no-repeat
}
@media only screen and (max-width:1400px) {
body {
background-position: -webkit-calc(100% + 250px) 10%;
background-position: -moz-calc(100% + 250px) 10%;
background-position: calc(100% + 250px) 10%
}
}
@media only screen and (max-width:850px) {
body {
background-position: -webkit-calc(100% + 250px) 10%;
background-position: -moz-calc(100% + 250px) 10%;
background-position: calc(100% + 250px) 10%
}
}
@media only screen and (max-width:500px) {
body {
background-position: 100% 10%;
-webkit-background-size: 120% 120%;
background-size: 120%
}
}
body.home {
background: url(//www.pro-security.cz/wp-content/themes/custom/img/bg-camera.jpg) 100% 400px no-repeat
}
@media only screen and (max-width:1400px) {
body.home {
background-position: -webkit-calc(100% + 250px) 400px;
background-position: -moz-calc(100% + 250px) 400px;
background-position: calc(100% + 250px) 400px
}
}
@media only screen and (max-width:850px) {
body.home {
background-position: -webkit-calc(100% + 250px) 900px;
background-position: -moz-calc(100% + 250px) 900px;
background-position: calc(100% + 250px) 900px
}
}
@media only screen and (max-width:500px) {
body.home {
background-position: 100% 1000px;
-webkit-background-size: 120% 120%;
background-size: 120%
}
}
body.page-template-page-lp {
background: none
}
.page-id-1548 .page-single,.page-id-1553 .page-single,.page-id-1559 .page-single,.page-id-1562 .page-single {
min-height: 500px
}
.page-id-1548 .comp-form,.page-id-1553 .comp-form,.page-id-1559 .comp-form,.page-id-1562 .comp-form {
display: none
}
.hp-boxes {
padding-top: 8px;
margin-bottom: 90px
}
.hp-boxes .cols {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
@media only screen and (max-width:850px) {
.hp-boxes .cols {
max-width: 390px;
margin: 0 auto;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
}
.hp-boxes .col {
max-width: 32.5%
}
@media only screen and (max-width:850px) {
.hp-boxes .col {
max-width: 100%;
margin-bottom: 20px
}
}
.hp-boxes .box {
width: 100%;
height: 390px;
text-align: center;
color: #fff;
padding-top: 150px;
display: block;
text-decoration: none;
background-repeat: no-repeat;
-webkit-background-size: cover;
background-size: cover;
background-position: 50% 50%;
position: relative
}
@media only screen and (max-width:850px) {
.hp-boxes .box {
padding-top: 70px;
height: 300px
}
}
@media only screen and (max-width:400px) {
.hp-boxes .box {
padding-top: 40px;
height: 250px
}
}
.hp-boxes .box:hover .btn-primary {
background: #f2b711
}
.hp-boxes .box:hover:after {
opacity: 1;
visibility: visible
}
.hp-boxes .box:after {
content: '';
display: block;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(242, 183, 17, 0.6)), color-stop(67%, rgba(28, 96, 166, 0.19)), color-stop(99%, rgba(28, 96, 166, 0)));
background-image: -webkit-linear-gradient(bottom, rgba(242, 183, 17, 0.6) 0%, rgba(28, 96, 166, 0.19) 67%, rgba(28, 96, 166, 0) 99%);
background-image: -moz-linear-gradient(bottom, rgba(242, 183, 17, 0.6) 0%, rgba(28, 96, 166, 0.19) 67%, rgba(28, 96, 166, 0) 99%);
background-image: -o-linear-gradient(bottom, rgba(242, 183, 17, 0.6) 0%, rgba(28, 96, 166, 0.19) 67%, rgba(28, 96, 166, 0) 99%);
background-image: linear-gradient(to top, rgba(242, 183, 17, 0.6) 0%, rgba(28, 96, 166, 0.19) 67%, rgba(28, 96, 166, 0) 99%);
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
transition: all 0.4s ease
}
.hp-boxes .box>* {
width: 100%;
position: relative;
z-index: 2
}
.hp-boxes .box h2 {
margin-bottom: 45px;
font-size: 50px;
font-weight: 500;
padding-bottom: 0
}
.hp-boxes .box h2:after {
display: none
}
@media only screen and (max-width:1050px) {
.hp-boxes .box h2 {
font-size: 40px
}
}
@media only screen and (max-width:400px) {
.hp-boxes .box h2 {
margin-bottom: 20px
}
}
html[lang=de-DE] .hp-boxes .box h2 {
font-size: 36px
}
@media only screen and (max-width:1050px) {
html[lang=de-DE] .hp-boxes .box h2 {
font-size: 30px
}
}
.hp-usp {
margin-bottom: 80px
}
.hp-usp h2 {
margin-bottom: 55px;
max-width: 100%
}
.hp-usp .rows {
max-width: 530px;
margin-left: auto;
margin-right: auto;
margin-bottom: 40px
}
@media only screen and (max-width:1150px) {
.hp-usp .rows--desktop {
display: none
}
}
.hp-usp .rows--mobile {
display: none
}
@media only screen and (max-width:1150px) {
.hp-usp .rows--mobile {
display: block
}
}
.hp-usp .rows--mobile .row .text {
display: none
}
.hp-usp .row {
display: inline-block;
position: relative;
padding-left: 65px;
padding-bottom: 40px;
width: 100%
}
@media only screen and (max-width:590px) {
.hp-usp .row {
padding-left: 40px;
margin-left: 10px
}
}
.hp-usp .row:not(:last-child) {
border-left: 2px solid #f2b711
}
.hp-usp .row>* {
display: inline-block
}
.hp-usp .row .img-box {
position: absolute;
left: -20px;
z-index: 2;
background: #fff;
font-size: 0;
-webkit-border-radius: 50%;
border-radius: 50%
}
.hp-usp .row .text {
display: block;
margin-top: 30px
}
@media only screen and (max-width:400px) {
.hp-usp .row .text {
font-size: 14px;
margin-top: 20px
}
}
.hp-usp .row .name {
font-size: 30px;
font-family: 'Asap Condensed', sans-serif;
cursor: pointer;
margin-top: 5px
}
.hp-usp .row .name:hover {
text-decoration: underline
}
.hp-usp .hp-usp__additional {
font-size: 20px;
font-weight: 500;
line-height: 1.2
}
.hp-usp .hp-usp__additional a:hover {
text-decoration: none
}
.hp-cols {
margin-bottom: 60px
}
.hp-cols .cols {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.hp-cols .col {
max-width: 47%
}
@media only screen and (max-width:850px) {
.hp-cols .col {
max-width: 100%;
padding-right: 0
}
.hp-cols .col:not(:last-child) {
margin-bottom: 30px
}
}
.hp-cols h1,.hp-cols h2 {
margin-bottom: 58px
}
.hp-cols li {
margin-bottom: 5px
}
.hp-cols a:hover {
text-decoration: none
}
.hp-cols img {
max-width: 100%;
height: auto
}
.comp-news h1,.comp-news h2 {
margin-bottom: 60px
}
.comp-news .cols {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
@media only screen and (max-width:1150px) {
.comp-news .cols {
max-width: 775px;
margin: 0 auto
}
}
@media only screen and (max-width:800px) {
.comp-news .cols {
max-width: 350px
}
}
.comp-news .col {
max-width: 350px;
margin-bottom: 75px
}
@media only screen and (min-width:1151px) {
.comp-news .col.col--first {
max-width: 100%
}
.comp-news .col.col--first .box {
min-height: 344px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center
}
.comp-news .col.col--first .img-box {
max-width: 64%;
height: 344px
}
.comp-news .col.col--first .content {
max-width: 36%
}
}
@media only screen and (max-width:800px) {
.comp-news .col {
margin-bottom: 40px
}
}
.comp-news .img-box {
height: 150px;
width: 100%;
background-repeat: no-repeat;
background-position: 50% 50%;
-webkit-background-size: cover;
background-size: cover
}
.comp-news .box {
display: block;
-webkit-box-shadow: 0 0 34px 4px rgba(0, 0, 0, 0.17);
box-shadow: 0 0 34px 4px rgba(0, 0, 0, 0.17);
background: #fff;
text-decoration: none;
min-height: 410px;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
transition: all 0.4s ease
}
@media only screen and (max-width:800px) {
.comp-news .box {
min-height: 300px
}
}
.comp-news .box:hover {
-webkit-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.17);
box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.17)
}
.comp-news .text p {
display: inline
}
.comp-news .text .link {
color: #f2b711;
text-decoration: underline
}
.comp-news .text .link:hover {
text-decoration: none
}
.comp-news h4 {
color: #333;
text-transform: uppercase;
line-height: 1.4;
margin-bottom: 20px
}
.comp-news .content {
padding: 20px 43px
}
.home .comp-news {
margin-bottom: 90px
}
@media only screen and (max-width:1150px) {
.home .comp-news .cols {
max-width: 350px
}
}
@media only screen and (max-width:1150px) {
.home .comp-news .col {
margin-bottom: 40px
}
}
@media only screen and (max-width:1150px) {
.home .comp-news .box {
min-height: 300px
}
}
.page-blog {
margin-top: 30px
}
.page-blog__pagination {
margin-bottom: 85px;
font-weight: 500;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-moz-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end
}
@media only screen and (max-width:1150px) {
.page-blog__pagination {
max-width: 775px;
margin-left: auto;
margin-right: auto
}
}
@media only screen and (max-width:800px) {
.page-blog__pagination {
max-width: 350px
}
}
.page-blog__pagination>* {
display: inline-block;
text-decoration: none
}
.page-blog__pagination .page-numbers {
margin: 0 15px
}
@media only screen and (max-width:800px) {
.page-blog__pagination .page-numbers {
margin: 0 10px
}
}
.page-blog__pagination span {
color: #f2b711;
font-weight: 700
}
.page-blog__pagination .next {
width: 9px;
height: 20px;
background: url(//www.pro-security.cz/wp-content/themes/custom/img/ico-arrow-right.png) 0 0 no-repeat
}
.page-blog__pagination .prev {
width: 9px;
height: 20px;
background: url(//www.pro-security.cz/wp-content/themes/custom/img/ico-arrow-left.png) 0 0 no-repeat
}
.page-single {
padding-bottom: 59px;
padding-top: 11px
}
.page-single .img-box {
position: relative;
z-index: -2;
height: 364px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
background-repeat: no-repeat;
-webkit-background-size: cover;
background-size: cover;
background-position: 50% 50%;
margin-bottom: 45px
}
.page-single .img-box:after {
content: '';
display: block;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-image: -webkit-gradient(linear, left bottom, left top, from(#05294e), color-stop(52%, #1c60a6), to(#0bb9f3));
background-image: -webkit-linear-gradient(bottom, #05294e 0%, #1c60a6 52%, #0bb9f3 100%);
background-image: -moz-linear-gradient(bottom, #05294e 0%, #1c60a6 52%, #0bb9f3 100%);
background-image: -o-linear-gradient(bottom, #05294e 0%, #1c60a6 52%, #0bb9f3 100%);
background-image: linear-gradient(to top, #05294e 0%, #1c60a6 52%, #0bb9f3 100%);
opacity: 0.5;
position: absolute;
z-index: -1
}
.page-single h1 {
color: #fff
}
.page-single .page-single__share {
margin-bottom: 45px;
border-bottom: 2px solid #f2b711;
padding-bottom: 9px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-moz-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end
}
.page-single .page-single__share a {
display: inline-block;
width: 25px;
height: 25px;
font-size: 0
}
.page-single .page-single__share a:not(:last-child) {
margin-right: 24px
}
.page-single .page-single__share .button-facebook {
background: url(//www.pro-security.cz/wp-content/themes/custom/img/ico-f.png) 0 0 no-repeat;
-webkit-background-size: contain;
background-size: contain
}
.page-single .page-single__share .button-linkedin {
background: url(//www.pro-security.cz/wp-content/themes/custom/img/ico-i.png) 0 0 no-repeat;
-webkit-background-size: contain;
background-size: contain
}
.page-single iframe {
max-width: 100%
}
@media only screen and (max-width:400px) {
.page-single iframe:not([src*='pipedrive']) {
max-height: 350px
}
}
.page-content .content {
max-width: 870px;
margin: 0 auto;
padding-bottom: 15px
}
.page-content .content:after {
content: "";
clear: both;
display: table
}
.page-content .content img {
max-width: 100%!important;
height: auto;
margin-bottom: 30px;
}
.page-content .content img.alignleft {
float: left;
margin-right: 20px
}
.page-content .content img.alignright {
float: right;
margin-left: 20px
}
.page-content .content img.aligncenter {
margin-left: auto;
display: block;
margin-right: auto
}
.page-content .content h1,.page-content .content h2,.page-content .content h3 {
margin-bottom: 15px
}
.page-content .content p {
margin-bottom: 30px
}
.page-content .content ol,.page-content .content ul {
margin-bottom: 30px
}
@media only screen and (min-width:401px) {
.page-content .content ol,.page-content .content ul {
padding-left: 26px
}
}
.page-search {
padding-top: 23px
}
.page-search h1 {
color: #333;
margin-bottom: 30px
}
.page-search__results {
max-width: 670px!important;
margin-left: auto;
margin-right: auto;
margin-bottom: 60px!important
}
.page-search__results a:hover {
text-decoration: none
}
.page-default {
padding-top: 23px;
padding-bottom: 52px
}
.page-default h1 {
color: #333;
margin-bottom: 50px
}
.page-default .content {
padding-bottom: 50px
}
.comp-form {
padding-top: 38px;
padding-bottom: 24px;
padding-left: 29px;
padding-right: 29px;
background: #099acb url(//www.pro-security.cz/wp-content/themes/custom/img/bg-form.jpg) 100% 0 no-repeat;
max-width: 870px;
margin-left: auto;
margin-right: auto
}
.comp-form h4 {
width: 100%;
text-align: center;
margin-bottom: 25px;
color: #fff;
line-height: 1.4
}
.comp-form .col {
padding-bottom: 13px
}
.comp-form .col:first-child {
max-width: 42.9%;
margin-right: 1.2%
}
@media only screen and (max-width:680px) {
.comp-form .col:first-child {
max-width: 100%;
margin-right: 0
}
}
.comp-form .col:last-child {
max-width: 54.8%
}
@media only screen and (max-width:680px) {
.comp-form .col:last-child {
max-width: 100%
}
}
.comp-form .form-control {
margin-bottom: 9px
}
.comp-form textarea {
height: 138px
}
.comp-form .btn {
color: #fff
}
.comp-form .ajax-loader {
display: none!important
}
.comp-form .wpcf7-not-valid-tip {
color: #f2b711;
margin-bottom: 10px;
margin-top: -9px
}
.comp-form div.wpcf7-acceptance-missing,.comp-form div.wpcf7-mail-sent-ok,.comp-form div.wpcf7-validation-errors {
border: none;
color: #f2b711;
text-align: center
}
.page-reference h1 {
color: #333;
margin-bottom: 30px;
margin-top: -10px
}
@media only screen and (min-width:701px) {
.page-reference h1:after {
left: 155px;
width: 310px
}
}
.page-reference .cols {
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-top: 40px;
margin-bottom: 60px
}
.page-reference .col {
text-align: center
}
@media only screen and (min-width:701px) {
.page-reference .col {
width: auto;
text-align: left
}
}
@media only screen and (min-width:701px) {
.page-reference .col:first-child {
margin-right: 50px
}
}
.page-reference .img-box {
height: auto;
display: inline-block;
margin-bottom: 0
}
@media only screen and (max-width:700px) {
.page-reference .img-box {
margin-bottom: 30px
}
}
.page-reference .img-box img {
max-width: 100%;
height: auto
}
.page-reference .img-box:after {
display: none
}
.page-reference .author {
font-size: 25px;
line-height: 1;
font-family: 'Asap Condensed', sans-serif;
margin-bottom: 10px
}
.page-reference .job {
font-family: 'Asap Condensed', sans-serif;
line-height: 1.2;
font-size: 20px
}
.page-reference .pdf-box a {
color: #f2b711;
font-size: 18px
}
.page-reference .pdf-box a:hover {
text-decoration: none
}
.comp-ref h1,.comp-ref h2 {
margin-bottom: 59px
}
.comp-ref .intro-text {
max-width: 700px;
margin-top: -30px;
margin-bottom: 50px;
margin-left: auto;
margin-right: auto
}
.comp-ref .cols {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
@media only screen and (max-width:1150px) {
.comp-ref .cols {
max-width: 775px;
margin: 0 auto
}
}
@media only screen and (max-width:800px) {
.comp-ref .cols {
max-width: 350px
}
}
.comp-ref .col {
max-width: 350px;
margin-bottom: 100px
}
@media only screen and (max-width:800px) {
.comp-ref .col {
margin-bottom: 60px
}
}
.comp-ref .box {
text-decoration: none;
cursor: pointer
}
.comp-ref .box:hover .cols2:after {
width: 100%
}
.comp-ref .cols2 {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 25px;
position: relative
}
.comp-ref .cols2:after {
content: '';
display: block;
width: 0;
height: 2px;
left: 0;
background: #f2b711;
position: absolute;
bottom: -20px;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
transition: all 0.4s ease
}
.comp-ref .col2 {
width: auto
}
.comp-ref .col2:first-child {
margin-right: 24px;
max-width: 30%
}
.comp-ref .col2:last-child {
max-width: 60%
}
.comp-ref .img-box {
display: inline-block;
width: 126px;
max-width: 100%;
height: 80px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 10px
}
.comp-ref .img-box img {
max-width: 100%;
height: auto;
max-height: 100%;
width: auto
}
.comp-ref .img-box:after {
display: none
}
.comp-ref .author {
font-size: 20px;
line-height: 1.2;
font-family: 'Asap Condensed', sans-serif;
margin-bottom: 5px
}
.comp-ref .job {
font-family: 'Asap Condensed', sans-serif;
line-height: 1.5
}
.comp-ref h5 {
margin-bottom: 10px
}
.comp-ref .text p {
margin-bottom: 0;
display: inline
}
.comp-ref .text .link {
color: #f2b711;
text-decoration: underline
}
.comp-ref .text .link:hover {
text-decoration: none
}
.comp-ref--short {
margin-bottom: 75px
}
.comp-ref--short .col {
margin-bottom: 50px
}
.page-services .comp-form {
margin-bottom: 70px
}
.page-services .container>.cols {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
@media only screen and (min-width:801px) {
.page-services .comp-ref .cols {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around
}
}
.sidebar {
max-width: 279px;
width: 100%;
margin-bottom: 60px
}
@media only screen and (max-width:1050px) {
.sidebar {
display: none
}
}
.sidebar__menu {
margin-bottom: 40px
}
.sidebar__menu ul {
list-style-type: none;
margin: 0;
padding: 0;
width: 100%;
background: #099acb;
color: #fff
}
.sidebar__menu li.current_page_item .children {
display: block;
max-height: 1000px;
visibility: visible;
opacity: 1
}
.sidebar__menu li.current_page_item>a {
background: #f2b711;
color: #fff;
position: relative;
height: 66px;
-webkit-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.33);
box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.33);
padding-top: 2px;
margin-right: -14px
}
.sidebar__menu li .children {
display: block;
overflow: hidden;
max-height: 0;
-webkit-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
transition: all 0.8s ease;
opacity: 0;
visibility: hidden
}
.sidebar__menu li:hover .children {
max-height: 400px;
opacity: 1;
visibility: visible
}
.sidebar__menu a {
min-height: 60px;
display: block;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-left: 29px;
text-decoration: none;
text-transform: uppercase;
font-weight: 500;
padding-right: 10px
}
.sidebar__menu a:hover {
background: #f2b711
}
.sidebar__menu .children {
display: none
}
.sidebar__menu .children li {
font-size: 14px
}
.sidebar__menu .children li a {
padding-left: 50px;
position: relative
}
.sidebar__menu .children li a:before {
content: '';
display: none;
position: absolute;
width: 7px;
height: 2px;
top: 29px;
left: 35px;
background: #fff
}
.sidebar__usp {
padding-right: 20px;
margin-bottom: 36px
}
.sidebar__usp h5 {
color: #333;
text-transform: uppercase;
position: relative;
padding-bottom: 15px;
margin-bottom: 30px
}
.sidebar__usp h5:after {
content: '';
display: inline-block;
width: 200px;
background: #f2b711;
height: 2px;
min-width: 117px;
position: absolute;
left: 100px;
-webkit-transform: translatex(-50%);
-moz-transform: translatex(-50%);
-ms-transform: translatex(-50%);
-o-transform: translatex(-50%);
transform: translatex(-50%);
bottom: 0
}
.sidebar__usp .row {
margin-bottom: 10px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap
}
.sidebar__usp img {
max-width: 19px;
height: 20px;
display: inline-block;
margin-top: 5px;
margin-right: 12px
}
.sidebar__usp .text {
font-family: 'Asap Condensed', sans-serif;
font-size: 17px;
line-height: 1.67;
display: inline-block;
max-width: 228px
}
.sidebar__news {
-webkit-box-shadow: 0 0 34px 4px rgba(0, 0, 0, 0.17);
box-shadow: 0 0 34px 4px rgba(0, 0, 0, 0.17);
background-color: #fff;
padding: 25px 22px 31px
}
.sidebar__news .rows {
padding-bottom: 14px
}
.sidebar__news .row {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
position: relative;
margin-bottom: 20px
}
.sidebar__news .img-box {
width: 114px;
height: 70px;
background-repeat: no-repeat;
-webkit-background-size: cover;
background-size: cover;
background-position: 50% 50%;
display: inline-block;
margin-right: 10px
}
.sidebar__news .content {
width: 110px;
display: inline-block;
padding-bottom: 0
}
.sidebar__news .link {
color: #f2b711;
text-align: right;
display: block;
margin-top: 5px;
bottom: 0;
right: 0
}
.sidebar__news .link:hover {
text-decoration: none
}
.page-services__content {
max-width: 72.5%;
width: 100%;
padding-top: 13px
}
@media only screen and (max-width:1150px) {
.page-services__content {
max-width: 70%
}
}
@media only screen and (max-width:1050px) {
.page-services__content {
max-width: 100%
}
}
.page-services__content h1 {
margin-top: 50px;
margin-bottom: 48px
}
.page-services__content .tac .img-box {
height: 315px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-moz-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
margin-bottom: 40px;
padding: 0 40px;
position: relative;
background-repeat: no-repeat;
background-position: 50% 50%;
-webkit-background-size: cover;
background-size: cover;
margin-top: 20px
}
@media only screen and (max-width:850px) {
.page-services__content .tac .img-box {
height: 250px
}
}
@media only screen and (max-width:550px) {
.page-services__content .tac .img-box {
min-height: 200px;
height: auto;
padding: 0 10px
}
}
.page-services__content .tac .img-box:after {
content: '';
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-image: -webkit-gradient(linear, left bottom, left top, from(#061728), color-stop(52%, #0052a6), to(#0cf));
background-image: -webkit-linear-gradient(bottom, #061728 0%, #0052a6 52%, #0cf 100%);
background-image: -moz-linear-gradient(bottom, #061728 0%, #0052a6 52%, #0cf 100%);
background-image: -o-linear-gradient(bottom, #061728 0%, #0052a6 52%, #0cf 100%);
background-image: linear-gradient(to top, #061728 0%, #0052a6 52%, #0cf 100%);
opacity: 0.42
}
.page-services__content .tac .img-box h1 {
color: #fff;
margin-bottom: 20px;
position: relative;
z-index: 1
}
.page-services__content .breadcrumbs {
font-size: 14px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center
}
.page-services__content .breadcrumbs a {
text-decoration: none
}
.page-services__content .breadcrumbs a:hover {
color: #f2b711
}
.page-services__content .breadcrumbs>* {
margin-right: 15px
}
.page-services__content .breadcrumbs .breadcrumbs-separator {
height: 16px;
width: 4px;
background: url(//www.pro-security.cz/wp-content/themes/custom/img/ico-arrow-right.png) 0 60% no-repeat;
-webkit-background-size: contain;
background-size: contain;
font-size: 0;
display: inline-block
}
.page-services__content .mobile-submenu-box {
padding: 0 7px;
border: 2px solid #f2b711;
-webkit-border-radius: 18px;
border-radius: 18px;
margin-bottom: 30px;
margin-top: -10px;
text-align: center;
background: #fff
}
@media only screen and (min-width:1051px) {
.page-services__content .mobile-submenu-box {
display: none
}
}
.page-services__content .mobile-submenu-box .label {
margin-bottom: 10px;
margin-top: 10px;
text-align: center;
color: #1c60a6;
font-weight: 700;
font-size: 18px;
padding-right: 20px;
display: inline-block;
position: relative;
cursor: pointer
}
.page-services__content .mobile-submenu-box .label.active:after {
background: url(//www.pro-security.cz/wp-content/themes/custom/img/close.svg) 50% 50% no-repeat;
-webkit-background-size: contain;
background-size: contain;
height: 10px
}
.page-services__content .mobile-submenu-box .label:after {
content: '';
position: absolute;
top: 50%;
-webkit-transform: translatey(-50%);
-moz-transform: translatey(-50%);
-ms-transform: translatey(-50%);
-o-transform: translatey(-50%);
transform: translatey(-50%);
right: 0;
display: block;
width: 15px;
height: 12px;
background: url(//www.pro-security.cz/wp-content/themes/custom/img/arrow-down.svg) 50% 50% no-repeat;
-webkit-background-size: contain;
background-size: contain
}
.page-services__content .mobile-submenu {
list-style-type: none;
margin: 0;
padding: 0;
font-size: 16px;
background: #099acb;
max-height: 0;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
transition: all 0.4s ease;
overflow: hidden
}
.page-services__content .mobile-submenu.visible {
max-height: 1000px;
margin-top: 18px;
margin-bottom: 22px
}
.page-services__content .mobile-submenu li {
display: block;
margin: 0;
text-align: left
}
.page-services__content .mobile-submenu li.current_page_item a {
background: #f2b711
}
.page-services__content .mobile-submenu li:not(:last-child) a {
border-bottom: 1px solid #3dafd6
}
.page-services__content .mobile-submenu a {
color: #fff;
display: block;
padding: 12px 5px 12px 15px;
text-decoration: none
}
.page-services__content .mobile-submenu a:hover {
background: #f2b711
}
.page-services__content .mobile-submenu .children {
padding-left: 0;
display: block
}
.page-services__content .mobile-submenu .children li.current_page_item a {
background: #f2b711
}
.page-services__content .mobile-submenu .children li a {
background: #56acdd;
position: relative;
padding-left: 30px;
border-bottom: 1px solid #7abee4
}
.page-services__content .mobile-submenu .children li a:before {
content: '';
display: block;
position: absolute;
height: 2px;
width: 7px;
background: #fff;
top: 50%;
-webkit-transform: translatey(-50%);
-moz-transform: translatey(-50%);
-ms-transform: translatey(-50%);
-o-transform: translatey(-50%);
transform: translatey(-50%);
left: 15px
}
.page-services__content .mobile-submenu .children li a:hover {
background: #f2b711
}
.comp-tiles {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
margin-top: 40px
}
.comp-tiles .col {
max-width: 19%
}
@media only screen and (max-width:850px) {
.comp-tiles .col {
max-width: 160px;
margin: 0 10px
}
}
@media only screen and (max-width:450px) {
.comp-tiles .col {
max-width: 120px;
margin: 0 5px
}
}
.comp-tiles .box {
min-height: 150px;
display: block;
text-align: center;
text-decoration: none;
-webkit-box-shadow: 0 0 34px 4px rgba(0, 0, 0, 0.17);
box-shadow: 0 0 34px 4px rgba(0, 0, 0, 0.17);
margin-bottom: 30px;
padding: 15px 10px
}
@media only screen and (max-width:450px) {
.comp-tiles .box {
padding-left: 5px;
padding-right: 5px;
padding-bottom: 5px;
min-height: 140px
}
}
@media only screen and (max-width:450px) {
.comp-tiles .box h5 {
font-size: 16px
}
}
.comp-tiles .box:hover {
-webkit-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.17);
box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.17)
}
.comp-tiles .box:hover h5 {
text-decoration: underline
}
.comp-tiles .fa {
display: block;
margin-left: auto;
margin-right: auto;
font-size: 50px;
margin-bottom: 15px;
color: #099acb
}
.landing-page .headline-left {
position: relative
}
.landing-page .headline-left h1 {
text-align: left;
max-width: 600px;
margin-top: 30px
}
.landing-page .headline-left h1:after {
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
left: 0
}
.landing-page .lp-link {
position: absolute;
right: 0;
top: 30px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
width: 160px
}
@media only screen and (max-width:800px) {
.landing-page .lp-link.lp-link--top {
display: none
}
}
.landing-page .lp-link.lp-link--bottom {
display: none;
width: 100%;
position: static;
top: 0;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 30px;
margin-top: -10px
}
@media only screen and (max-width:800px) {
.landing-page .lp-link.lp-link--bottom {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex
}
}
.landing-page .lp-link.lp-link--bottom img {
margin-left: 0;
margin-right: 5px;
margin-bottom: 0;
margin-top: -4px
}
.landing-page .lp-link.lp-link--bottom .btn {
margin-left: 10px
}
.landing-page .lp-link>* {
display: inline-block
}
.landing-page .lp-link h6 {
color: #099acb;
text-transform: uppercase;
font-size: 18px;
max-width: 110px;
margin-left: 8px
}
.landing-page .lp-link .btn {
font-size: 17px;
padding: 8px 20px
}
.landing-page .lp-link img {
margin-left: -10px
}
.landing-page .content h4 {
color: #099acb
}
.landing-page .box h4,.landing-page .box h5 {
color: #099acb;
text-transform: uppercase;
margin-bottom: 5px
}
.landing-page .box p {
margin-bottom: 15px
}
.landing-page .box.box--blue h5 {
color: #ffd150
}
.landing-page .box .btn {
font-size: 17px;
padding: 8px 20px
}
.landing-page .box img {
display: inline-block;
margin-bottom: 0
}
.landing-page .box p {
max-width: 440px;
display: inline-block;
font-size: 15px
}
@media only screen and (max-width:450px) {
.landing-page .box p {
max-width: 250px
}
}
.landing-page .banner1 {
margin-bottom: 20px
}
.landing-page .banner1 .cols {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
width: 100%;
min-height: 230px
}
@media only screen and (max-width:450px) {
.landing-page .banner1 .cols {
display: block
}
}
.landing-page .banner1 .cols .img-box {
width: 40%;
background-repeat: no-repeat;
background-position: 50% 50%;
-webkit-background-size: cover;
background-size: cover
}
@media only screen and (max-width:450px) {
.landing-page .banner1 .cols .img-box {
height: 215px;
width: 100%
}
}
.landing-page .banner1 .cols .cont {
width: 60%;
background-repeat: no-repeat;
background-position: 50% 50%;
-webkit-background-size: cover;
background-size: cover;
text-align: center;
padding: 30px 15px;
text-decoration: none;
position: relative;
display: block
}
.landing-page .banner1 .cols .cont:after {
content: '';
display: block;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(67, 67, 67, 0.12)), to(rgba(67, 67, 67, 0)));
background-image: -webkit-linear-gradient(bottom, rgba(67, 67, 67, 0.12) 0%, rgba(67, 67, 67, 0) 100%);
background-image: -moz-linear-gradient(bottom, rgba(67, 67, 67, 0.12) 0%, rgba(67, 67, 67, 0) 100%);
background-image: -o-linear-gradient(bottom, rgba(67, 67, 67, 0.12) 0%, rgba(67, 67, 67, 0) 100%);
background-image: linear-gradient(to top, rgba(67, 67, 67, 0.12) 0%, rgba(67, 67, 67, 0) 100%);
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
transition: all 0.4s ease
}
@media only screen and (max-width:450px) {
.landing-page .banner1 .cols .cont {
width: 100%
}
}
.landing-page .banner1 .cols .cont:hover .btn-primary {
background: #f2b711;
color: #fff
}
.landing-page .banner1 .cols .cont:hover:after {
opacity: 1;
visibility: visible
}
.landing-page .banner2 .cols {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
width: 100%;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
@media only screen and (max-width:550px) {
.landing-page .banner2 .cols {
display: block
}
}
.landing-page .banner2 .col {
width: 100%;
max-width: 31.8%;
margin-bottom: 20px
}
@media only screen and (max-width:550px) {
.landing-page .banner2 .col {
max-width: 100%
}
}
.landing-page .banner2 .box {
min-height: 245px;
text-align: center;
padding: 30px 15px;
background-repeat: no-repeat;
-webkit-background-size: cover;
background-size: cover;
background-position: 50% 50%;
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-moz-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
text-decoration: none;
position: relative
}
.landing-page .banner2 .box:after {
content: '';
display: block;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(67, 67, 67, 0.12)), to(rgba(67, 67, 67, 0)));
background-image: -webkit-linear-gradient(bottom, rgba(67, 67, 67, 0.12) 0%, rgba(67, 67, 67, 0) 100%);
background-image: -moz-linear-gradient(bottom, rgba(67, 67, 67, 0.12) 0%, rgba(67, 67, 67, 0) 100%);
background-image: -o-linear-gradient(bottom, rgba(67, 67, 67, 0.12) 0%, rgba(67, 67, 67, 0) 100%);
background-image: linear-gradient(to top, rgba(67, 67, 67, 0.12) 0%, rgba(67, 67, 67, 0) 100%);
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
transition: all 0.4s ease
}
.landing-page .banner2 .box img {
margin-bottom: 8px
}
.landing-page .banner2 .box:hover .btn-primary {
background: #f2b711;
color: #fff
}
.landing-page .banner2 .box:hover:after {
opacity: 1;
visibility: visible
}
.landing-page .banner3 {
margin-bottom: 40px
}
.landing-page .banner3 .cols {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
width: 100%;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.landing-page .banner3 .col {
width: 100%;
max-width: 48.85%;
height: 142px
}
@media only screen and (max-width:700px) {
.landing-page .banner3 .col {
height: auto
}
}
@media only screen and (max-width:550px) {
.landing-page .banner3 .cols--2 .col {
max-width: 100%
}
}
@media only screen and (max-width:550px) {
.landing-page .banner3 .cols--2 .col:not(:last-child) {
margin-bottom: 20px
}
}
@media only screen and (max-width:700px) {
.landing-page .banner3 .cols--4 {
display: block
}
.landing-page .banner3 .cols--4 .col {
max-width: 100%!important;
margin-bottom: 20px
}
}
.landing-page .banner3 .cols--4>.col:first-child {
height: auto;
height: 300px
}
@media only screen and (max-width:700px) {
.landing-page .banner3 .cols--4>.col:first-child {
height: 205px
}
}
.landing-page .banner3 .cols--4>.col:first-child .box {
padding: 15px
}
.landing-page .banner3 .cols--4>.col:last-child h5 {
max-width: 130px;
margin-bottom: 15px
}
.landing-page .banner3 .cols--4 .cols2 {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 15px
}
@media only screen and (max-width:700px) {
.landing-page .banner3 .cols--4 .cols2 {
margin-top: 20px;
display: block
}
}
.landing-page .banner3 .cols--4 .cols2 .col {
max-width: 47.5%
}
.landing-page .banner3 .cols--4 .cols2 h5 {
max-width: 130px;
margin-bottom: 15px
}
.landing-page .banner3 .box {
text-align: center;
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-repeat: no-repeat;
-webkit-background-size: cover;
background-size: cover;
background-position: 50% 50%;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
text-decoration: none
}
@media only screen and (max-width:700px) {
.landing-page .banner3 .box {
padding: 25px 10px 30px
}
}
.landing-page .banner3 .box:hover .btn-primary {
background: #f2b711
}
.landing-page .banner3 .box:hover:after {
opacity: 1;
visibility: visible
}
.landing-page .banner3 .box:after {
content: '';
display: block;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(242, 183, 17, 0.5)), color-stop(50%, rgba(28, 96, 166, 0.19)), color-stop(99%, rgba(28, 96, 166, 0)));
background-image: -webkit-linear-gradient(bottom, rgba(242, 183, 17, 0.5) 0%, rgba(28, 96, 166, 0.19) 50%, rgba(28, 96, 166, 0) 99%);
background-image: -moz-linear-gradient(bottom, rgba(242, 183, 17, 0.5) 0%, rgba(28, 96, 166, 0.19) 50%, rgba(28, 96, 166, 0) 99%);
background-image: -o-linear-gradient(bottom, rgba(242, 183, 17, 0.5) 0%, rgba(28, 96, 166, 0.19) 50%, rgba(28, 96, 166, 0) 99%);
background-image: linear-gradient(to top, rgba(242, 183, 17, 0.5) 0%, rgba(28, 96, 166, 0.19) 50%, rgba(28, 96, 166, 0) 99%);
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
transition: all 0.4s ease
}
.landing-page .banner3 .box p {
color: #fff;
max-width: 340px
}
.landing-page .banner3 .box .btn {
color: #fff
}
#menu-primary-nemec > .menu-item > a{
padding: 0px 25px;
}
.gallery {
display: grid;
justify-items: center;
align-items: center;
gap: 10px;
margin: auto;
}
.gallery .gallery-item {
width: 100%;
margin: 0;
text-align: center;
}
.gallery .gallery-item dt {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}
.gallery img {
display: block;
border: none;
max-width: 100%;
height: auto;
}
.gallery-columns-1 { grid-template-columns: repeat(1, 1fr); }
.gallery-columns-2 { grid-template-columns: repeat(2, 1fr); }
.gallery-columns-3 { grid-template-columns: repeat(3, 1fr); }
.gallery-columns-4 { grid-template-columns: repeat(4, 1fr); }
.gallery-columns-5 { grid-template-columns: repeat(5, 1fr); }
.gallery-columns-6 { grid-template-columns: repeat(6, 1fr); }
.gallery-columns-7 { grid-template-columns: repeat(7, 1fr); }
.gallery-columns-8 { grid-template-columns: repeat(8, 1fr); }
.gallery-columns-9 { grid-template-columns: repeat(9, 1fr); }
.gallery br { display: none; }
.gallery .gallery-item a img {
transition: opacity 0.3s ease;
}
.gallery .gallery-item a:hover img {
opacity: .8
}
@media (max-width: 1200px) {
.gallery-columns-9,
.gallery-columns-8,
.gallery-columns-7,
.gallery-columns-6 {
grid-template-columns: repeat(5, 1fr);
}
}
@media (max-width: 992px) {
.gallery-columns-9,
.gallery-columns-8,
.gallery-columns-7,
.gallery-columns-6,
.gallery-columns-5 {
grid-template-columns: repeat(4, 1fr);
}
}
@media (max-width: 768px) {
.gallery-columns-9,
.gallery-columns-8,
.gallery-columns-7,
.gallery-columns-6,
.gallery-columns-5,
.gallery-columns-4 {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 576px) {
.gallery-columns-9,
.gallery-columns-8,
.gallery-columns-7,
.gallery-columns-6,
.gallery-columns-5,
.gallery-columns-4,
.gallery-columns-3 {
grid-template-columns: repeat(1, 1fr);
}
}
@media (max-width: 400px) {
.gallery {
grid-template-columns: 1fr !important;
}
}
.aligncenter {
display: block;
margin: 0 auto;
text-align: center;
max-width: 96vw;
}
.aligncenter img {
display: inline-block;
max-width: 100%;
height: auto;
}.formular-pipe{
padding:30px;
}
.formular-pipe p img{
max-height: 300px!important;
margin-bottom: 0!important;
display:inline-block!important;
}
.formular-pipe .col {
padding-bottom: 13px
}
.formular-pipe .col:first-child {
max-width: 48.8%;
margin-right: 1.2%
}
@media only screen and (max-width:680px) {
.formular-pipe .col:first-child {
max-width: 100%!important;
width: 100%!important;
margin-right: 0
}
.formular-pipe .col:last-child {
max-width: 100%!important;
width: 100%!important;
}
}
.formular-pipe .col:last-child {
max-width: 50%
}
.formular-pipe p{
text-align: center!important;
padding-left:10px;
padding-right:10px;
}
h3.podtrzenynadpis{
text-align: center;
font-size: 25px;
color: #1c60a6;
padding-bottom:10px;
margin-bottom:10px;
}
.linka{
width: 46%;
border: 1px solid #f2b711;
min-width: 67px;
margin: 0 auto 20px auto;
opacity: 1!important;
}
.formular-pipe h4{
text-align: center;
}
.comp-form { }
p.pipe-citat{
font-size: 110%;
} .referencnistranka iframe{
width:98%!important;
}
.referencnistranka .col{
padding-bottom: 40px;
}
.referencnistranka h1{
color:#000000!important;
}
.content h2{
text-transform: uppercase!important;
padding-bottom: 45px;
font-size: 35px!important;
margin-top: 30px;
}
.content h2:after {
content: '';
display: inline-block;
width: 46%;
background: #f2b711;
height: 2px;
min-width: 117px;
position: absolute;
left: 50%;
-webkit-transform: translatex(-50%);
-moz-transform: translatex(-50%);
-ms-transform: translatex(-50%);
-o-transform: translatex(-50%);
transform: translatex(-50%);
bottom: 0;
margin-bottom: 30px;
}
.content img{
max-width: 100%;
height:auto;
}
.col img{
max-width: 100%;
height:auto;
}
.sap_btn{
padding: 11px 15px 11px 15px!important;
margin-right:5px;
margin-left:5px;
}
.sap_btn_blue{
border: 2px solid #099acb;
background: #099acb;
color: #fff;
}
.sap_btn_blue:hover{
border: 2px solid #1c60a6;
background: #1c60a6;
}
.template-sap .tac{
padding-top:40px;
padding-bottom:40px;
}
.ps-odrazky li:before{
background: url(//www.pro-security.cz/wp-content/themes/custom/favicon/favicon-16x16.png) 0 0 no-repeat!important;
}
.ps-odrazky li{
font-size:90%;
}
.sap-hodnoceni-certifikace {
padding-top:40px!important;
padding-bottom:40px!important;
}
.sap-hodnoceni-certifikace hr{
border: #f2b711 1px solid;
max-width: 260px;
opacity:1!important;
}
.sap-hodnoceni-certifikace h3{
text-align: center;
font-weight: 100;
min-height: 75px;
}
.sap-slider h3{
text-align: center!important;
font-weight: 100;
width:100%!important;
}
.sap-slider hr{
border: #f2b711 1px solid;
max-width: 260px;
opacity:1!important;
}
.sap-slider-posuvnik{
padding-top:40px;
padding-bottom:40px;
}
.sap-referencnibox{
background:#fff!important;
box-shadow: -1px 1px 40px 1px rgba(0,0,0,0.27);
-webkit-box-shadow: -1px 1px 40px 1px rgba(0,0,0,0.27);
-moz-box-shadow: -1px 1px 40px 1px rgba(0,0,0,0.27);
padding:50px 20px;
margin-top:80px;
}
.sap-referencnibox h3{
text-align: center!important;
font-weight: 100;
width:100%!important;
}
.sap-referencnibox hr{
border: #f2b711 1px solid;
max-width: 260px;
opacity:1!important;
}
.sap-referencnibox iframe{
max-width:100%!important;
}
.sap-referencnibox blockquote{
background: url(//www.pro-security.cz/wp-content/themes/custom/img/citace.png) top left no-repeat!important;
}
.referencnistranka blockquote{
background: url(//www.pro-security.cz/wp-content/themes/custom/img/citace.png) top left no-repeat!important;
}
.referencnistranka .col{
width:50%!important;
}
@media (max-width: 500px) {
.referencnistranka .col{
width:100%!important;
}
.pipedriveWebForms {
min-height: 500px!important;
}
.pipedriveWebForms iframe{
min-height: 500px!important;
}
}
.referencnistranka {
padding-bottom:100px;
}
.template-sap iframe{
max-width:100%!important;
}
.template-sap h1{
text-transform: none;
color: #1c60a6;
margin-bottom: 30px;
}
.template-sap h2{
text-transform: none;
color: #1c60a6;
}
.template-sap h3{
text-transform: none;
color: #1c60a6;
}
.template-sap iframe{max-width:100%!important;}
.neviditelny{visibility:hidden;width:0px!important;margin:0px!important;padding:0px!important;height:0px!important;}
.sap-hodnoceni-certifikace .col{
background:#fff!important;
box-shadow: -1px 1px 40px 1px rgba(0,0,0,0.27);
-webkit-box-shadow: -1px 1px 40px 1px rgba(0,0,0,0.27);
-moz-box-shadow: -1px 1px 40px 1px rgba(0,0,0,0.27);
padding:20px;
}
.vyska50{
min-height:112px;
}
.vyska50 img{
text-align: middle;
}
.nastred{
text-align:center!important;
}
.minvyska{
min-height: 270px;
}
h3.formulardole{
text-align: center!important;
font-weight: 100;
width:100%!important;
}
hr.formulardole{
border: #f2b711 1px solid!important;
border: #f2b711 1px solid!important;
max-width: 260px;
opacity:1!important;
}
@media only screen and (max-width: 900px){
.tlacitkoleve{
float:left;
width: 50%;
padding-right: 20px;
}
.tlacitkoprave{
float:right;
width: 50%;
padding-left: 20px;
}
.btn{margin-bottom:10px;}
}
.template-sap tr:nth-child(even) {background: #fafafa!important;}
.template-sap tr:nth-child(odd) {background: #FFF!important;}
.template-sap tr:first-child{
background: #00a5d3!important;
color: #fff!important;
font-weight: bold!important;
}
.template-sap table {
border-collapse: collapse;
width:100%;
}
.template-sap .table {
width: 100%;
max-width: 100%;
margin-bottom: 1rem;
background-color: transparent
}
.template-sap .table td{
padding: 0.75rem;
vertical-align: top;
border-top: 1px solid #ddd;
padding:10px;
}
.template-sap .table th {
padding: 0.75rem;
vertical-align: top;
border-top: 1px solid #ddd;
padding:10px;
}
.template-sap .table thead th {
vertical-align: bottom;
border-bottom: 2px solid rgb(148, 134, 134)
}
.template-sap .table tbody+tbody {
border-top: 2px solid #ddd;
padding:10px;
}
.template-sap .table-responsive {
display: block;
width: 100%;
overflow-x: auto;
-ms-overflow-style: -ms-autohiding-scrollbar
}
.gen-hidden-block {
margin: 0 0 20px;
box-shadow: 0 0 49px rgba(0, 0, 0, 0.13);
background-color: #ffffff;
}
.gen-hidden-block.active .gen-hidden-block__visible {
background-color: #ffffff;
}
.gen-hidden-block.active .gen-hidden-block__visible p {
color: #099acb;
}
.gen-hidden-block.active .gen-hidden-block__visible__closer {
color: #099acb;
transform: rotate(45deg);
}
.gen-hidden-block__visible {
position: relative;
padding: 15px 45px 15px 26px;
background-color: #099acb;
cursor: pointer;
transition: 0.3s;
}
.gen-hidden-block__visible p {
margin: 0 !important;
color: #fff;
font-size: 24px;
line-height: 1.3;
font-weight: 400;
transition: 0.3s;
}
.gen-hidden-block__visible__closer {
position: absolute;
top: 22px;
right: 26px;
height: 15px;
width: 15px;
padding: 4px 0 0;
color: #ffffff;
font-size: 30px;
line-height: 0;
transition: 0.3s;
}
.gen-hidden-block__hidden {
display: none;
padding: 20px 40px 40px;
}
@media (max-width: 500px) {
.gen-hidden-block__hidden {
padding: 10px 25px 25px;
}
}
.gen-img-text .tac {
padding: 50px 0 30px;
}
.gen-img-text h2 {
color: #1c60a6;
font-size: 30px;
}
.gen-img-text__listing {
box-shadow: 0 0 49px rgba(0, 0, 0, 0.13);
background-color: #ffffff;
}
.gen-img-text__listing__item {
display: flex;
min-height: 300px;
}
.gen-img-text__listing__item:nth-child(odd) .gen-img-text__listing__item__img {
order: 2;
}
.gen-img-text__listing__item:nth-child(odd) .gen-img-text__listing__item__text {
order: 1;
}
.gen-img-text__listing__item__img {
width: 50%;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.gen-img-text__listing__item__text {
align-self: center;
width: 50%;
padding: 40px;
}
.gen-img-text__listing__item__text ul {
margin: 0 !important;
padding: 0 !important;
}
@media (max-width: 800px) {
.gen-img-text__listing__item {
display: block;
min-height: unset;
}
.gen-img-text__listing__item__img {
width: 100%;
padding-bottom: 66%;
}
.gen-img-text__listing__item__text {
width: 100%;
padding: 25px;
}
}
.subpage-usp {
margin-bottom: 0;
padding-top: 80px;
}
.subpage-usp h2 {
color: #1c60a6;
font-size: 30px;
margin-bottom: 0;
}
.subpage-usp .cols {
justify-content: space-between;
}
.subpage-usp .rows--desktop {
max-width: 400px;
margin: 0 0 40px;
}
.nav__contact strong {
display: inline-block;
padding-bottom: 5px;
margin-right: 8px;
}
.comp-form .cols-kariera textarea {
height: 236px;
}
.wpcf7-checkbox span {
color: #fff;
margin-left: 0;
}
.wpcf7-checkbox input {
position: relative;
bottom: -3px;
}
.hp-boxes-job {
position: relative;
overflow: hidden;
background: #9bcfe6;
display: flex;
justify-content: center;
text-decoration: none;
padding: 1em;
font-size: 88%;
text-transform: uppercase;
color: #fff;
letter-spacing: 2px;
font-family: 'Asap Condensed', sans-serif;
margin: 0 auto;
}
@media only screen and (max-width:850px) {
.hp-boxes-job {
max-width: 390px;
}
}
.hp-boxes-job:before {
content: '';
background: url(https://beta.pro-security.cz/wp-content/uploads/2020/11/pozadi.jpg);
inset: -1rem;
position: absolute;
background-size: 100%;
filter: blur(3px);
opacity: .8;
background-position: 100% 15%;
}
.hp-boxes-job div {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
text-align: center;
gap: .5em;
}
.hp-boxes-job .btn {
margin-bottom: 0;
font-size: 70%;
padding: 8px 20px;
}
.hp-boxes-job:hover .btn {
background-color: #f2b711;
color: #fff;
}body .nav__menu.cesky_menu a {
line-height: 18px;
}
body .nav__menu.cesky_menu li.featured a:after {
display: none;
}
body .nav__menu.cesky_menu .menu-item a {
padding-top: 13px;
padding-bottom: 13px;
margin-top: 0;
margin-bottom: 10px;
}
body .nav__menu.cesky_menu .menu-item a:nth-of-type(1) {
margin-bottom: 0;
}
body .nav__menu.cesky_menu ul.sub-menu { min-width: 260px;
width: 260px;
overflow: visible;
padding-bottom: 23px;
}
body .nav__menu.cesky_menu ul.sub-menu a {
text-transform: none;
margin-bottom: 0;
padding: 5px 30px;
display: block;
font-size:15px;
}
body .nav__menu.cesky_menu #menu-item-110 > ul > a {
text-transform: uppercase;
}
body .nav__menu.cesky_menu #menu-item-110 > ul {
width: 780px;
z-index: 200;
list-style-type: none;
-webkit-columns: 3;
-moz-columns: 3;
columns: 3;
list-style-position: inside;
}
body .nav__menu.cesky_menu #menu-item-110>ul {
background: #099acb;
height: 260px;
}
body .nav__menu.cesky_menu #menu-item-110>ul>li { float: left;
display:block;
position: absolute;
width: 260px;
}
body .nav__menu.cesky_menu #menu-item-110 ul ul {
display: block;
-webkit-columns: 1;
-moz-columns: 1;
columns: 1;
top: 35px;
}
.nav__menu.cesky_menu li:hover .sub-menu {
top: 62px;
}
#menu-primary>li:first-child { }
#menu-primary>li:last-child>a {
padding-top: 21px;
padding-bottom: 23px;
}
.cesky_menu #menu-item-2571 > a,
.cesky_menu #menu-item-2576 > a,
.cesky_menu #menu-item-2582 > a,
.cesky_menu #menu-item-2583 > a,
.cesky_menu #menu-item-2584 > a,
.cesky_menu #menu-item-2585 > a {
text-transform: uppercase;
}
.cesky_menu #menu-item-2571 {
top: 20px;
}
.cesky_menu #menu-item-2576 {
left: 260px;
top: 20px;
} .cesky_menu #menu-item-2582,
.cesky_menu #menu-item-2583,
.cesky_menu #menu-item-2584,
.cesky_menu #menu-item-2585 {
left: 520px;
top: 20px;
}
.cesky_menu #menu-item-2583 {
top: 70px;
}
.cesky_menu #menu-item-2584 {
top: 120px;
}
.cesky_menu #menu-item-2585 {
top: 170px;
}
.cesky_menu #menu-item-2571 > a:after,
.cesky_menu #menu-item-2576 > a:after,
.cesky_menu #menu-item-2582 > a:after,
.cesky_menu #menu-item-2583 > a:after,
.cesky_menu #menu-item-2584 > a:after,
.cesky_menu #menu-item-2585 > a:after {
content: '';
position: relative;
top: 0px;
left: 0;
border-bottom: 2px solid #f2b711;
padding-bottom: 2px;
width: calc(100%);
display: block !important;
z-index: 300;
}
.cesky_menu #menu-item-520 ul.sub-menu{
left: -258px;
min-width: 380px;
width: 380px;
} .toggle-menu ul {
text-align: left;
}
.toggle-menu ul a {
font-size: 18px;
}
.toggle-menu li {
border-bottom: solid 1px #58bcdd;
}
.toggle-menu li.highlight {
background: #f2b711;
} .toggle-menu li.current-menu-item a,.toggle-menu li.current-page-ancestor a,.toggle-menu li.current_page_parent a {
background: none;
color: #fff;
}
.toggle-menu a {
padding: 15px 20px 15px 20px;
width: auto;
white-space: nowrap;
width: -moz-max-content;
width: -webkit-max-content;
width: -o-max-content;
width: -ms-max-content;
min-width: 60%;
border: none;
}
body .toggle-menu a:hover {
background-color: transparent;
} .toggle-menu ul ul a {
padding: 15px 0 15px 30px;
font-size: 16px;
}
.toggle-menu ul ul ul a {
padding: 15px 0 15px 55px;
}
.toggle-menu ul ul ul li {
background: #11a5d7;
}
.toggle-menu .sub_toggler::before {
content: '▸';
margin-right: 0.5em;
font-size: 17px;
position: relative;
top: -2px;
}
.toggle-menu .sub_toggler.toggle_arr::before {
content: '▾';
color: #9cd6ea;
}
.toggle-menu.visible {max-height: 3000px}
.nav.kariera_nav .menu-box{
max-width: 550px
}
.nav__kariera_kontakt {
display: none;
font-family: 'Asap', sans-serif;
font-size: 100%;
line-height: 1.2;
float: right;
}
.nav__kariera_kontakt .item {
display: inline-block;
margin-left: 0.5em;
}
.nav__kariera_kontakt .item img{
display:inline-block;
position: relative;
top: 2px;
}
.nav__kariera_kontakt .text {
display: inline-block;
margin-right: 40px;
}
.nav__kariera_kontakt a {
text-decoration:none;
font-weight: 500;
text-decoration:none;
}
@media(min-width: 100px) and (max-width: 1200px) {
.nav__search {
margin-right: -50px;
}
.search-form .search-field {
width: 180px;
}
}
@media only screen and (min-width:1001px) {
.nav__contact {
display: none;
}
.nav__kariera_kontakt {
display: block;
}
} body .sidebar__menu.cesky_menu {
padding-bottom: 15px;
}
body .sidebar__menu.cesky_menu a {
text-transform: none;
min-height: 40px;
padding: 13px 10px 13px 29px;
}  .tag_box {
text-align: left;
}
.tag_box span,
.tag_box a {
font-family: 'Asap Condensed', sans-serif;
font-weight: 200;
display: inline;
width: auto;
padding: 3px 5px;
color: #000;
;
}
.tag_box span {
color: #f2b711;
}
.tag_box.home_tag_box {
text-align: center;
font-size: 16px;
margin: 40px auto 30px;
line-height: 2em;
}
.tag_box.sidebar_tag_box {
width: 100%;
margin-bottom: 70px;
line-height: 2em;
text-align: left;
}
.tag_box.sidebar_tag_box span,
.tag_box.sidebar_tag_box a {
padding: 3px;
}
.tag_box.sidebar_tag_box h5 {
color: #000;
text-transform: uppercase;
border-bottom: solid 2px #f2b711;
width: 75%;
padding-bottom: 10px;
margin-bottom: 20px;
}
.tag_box.tag_box_mobile {
text-align: center;
display: none;
margin: 15px 20px 35px;
line-height: 2em;
}
@media(max-width: 1000px) {
.tag_box.tag_box_mobile {
display: block;
}
.tag_box.home_tag_box {
display: none;
}
.footer li {
margin-top: 10px;
}
}
@media (min-width: 1000px){
#menu-item-2628 {
display:none;
}
#menu-item-114 {
margin-right:5px
}
}@-ms-viewport {
width: auto;
}
.lgc-clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
.lgc-grid-container:before, .lgc-grid-5:before, .lgc-mobile-grid-5:before, .lgc-tablet-grid-5:before, .lgc-grid-10:before, .lgc-mobile-grid-10:before, .lgc-tablet-grid-10:before, .lgc-grid-15:before, .lgc-mobile-grid-15:before, .lgc-tablet-grid-15:before, .lgc-grid-20:before, .lgc-mobile-grid-20:before, .lgc-tablet-grid-20:before, .lgc-grid-25:before, .lgc-mobile-grid-25:before, .lgc-tablet-grid-25:before, .lgc-grid-30:before, .lgc-mobile-grid-30:before, .lgc-tablet-grid-30:before, .lgc-grid-35:before, .lgc-mobile-grid-35:before, .lgc-tablet-grid-35:before, .lgc-grid-40:before, .lgc-mobile-grid-40:before, .lgc-tablet-grid-40:before, .lgc-grid-45:before, .lgc-mobile-grid-45:before, .lgc-tablet-grid-45:before, .lgc-grid-50:before, .lgc-mobile-grid-50:before, .lgc-tablet-grid-50:before, .lgc-grid-55:before, .lgc-mobile-grid-55:before, .lgc-tablet-grid-55:before, .lgc-grid-60:before, .lgc-mobile-grid-60:before, .lgc-tablet-grid-60:before, .lgc-grid-65:before, .lgc-mobile-grid-65:before, .lgc-tablet-grid-65:before, .lgc-grid-70:before, .lgc-mobile-grid-70:before, .lgc-tablet-grid-70:before, .lgc-grid-75:before, .lgc-mobile-grid-75:before, .lgc-tablet-grid-75:before, .lgc-grid-80:before, .lgc-mobile-grid-80:before, .lgc-tablet-grid-80:before, .lgc-grid-85:before, .lgc-mobile-grid-85:before, .lgc-tablet-grid-85:before, .lgc-grid-90:before, .lgc-mobile-grid-90:before, .lgc-tablet-grid-90:before, .lgc-grid-95:before, .lgc-mobile-grid-95:before, .lgc-tablet-grid-95:before, .lgc-grid-100:before, .lgc-mobile-grid-100:before, .lgc-tablet-grid-100:before, .lgc-grid-33:before, .lgc-mobile-grid-33:before, .lgc-tablet-grid-33:before, .lgc-grid-66:before, .lgc-mobile-grid-66:before, .lgc-tablet-grid-66:before, .lgc-clearfix:before,
.lgc-grid-container:after,
.lgc-grid-5:after,
.lgc-mobile-grid-5:after,
.lgc-tablet-grid-5:after,
.lgc-grid-10:after,
.lgc-mobile-grid-10:after,
.lgc-tablet-grid-10:after,
.lgc-grid-15:after,
.lgc-mobile-grid-15:after,
.lgc-tablet-grid-15:after,
.lgc-grid-20:after,
.lgc-mobile-grid-20:after,
.lgc-tablet-grid-20:after,
.lgc-grid-25:after,
.lgc-mobile-grid-25:after,
.lgc-tablet-grid-25:after,
.lgc-grid-30:after,
.lgc-mobile-grid-30:after,
.lgc-tablet-grid-30:after,
.lgc-grid-35:after,
.lgc-mobile-grid-35:after,
.lgc-tablet-grid-35:after,
.lgc-grid-40:after,
.lgc-mobile-grid-40:after,
.lgc-tablet-grid-40:after,
.lgc-grid-45:after,
.lgc-mobile-grid-45:after,
.lgc-tablet-grid-45:after,
.lgc-grid-50:after,
.lgc-mobile-grid-50:after,
.lgc-tablet-grid-50:after,
.lgc-grid-55:after,
.lgc-mobile-grid-55:after,
.lgc-tablet-grid-55:after,
.lgc-grid-60:after,
.lgc-mobile-grid-60:after,
.lgc-tablet-grid-60:after,
.lgc-grid-65:after,
.lgc-mobile-grid-65:after,
.lgc-tablet-grid-65:after,
.lgc-grid-70:after,
.lgc-mobile-grid-70:after,
.lgc-tablet-grid-70:after,
.lgc-grid-75:after,
.lgc-mobile-grid-75:after,
.lgc-tablet-grid-75:after,
.lgc-grid-80:after,
.lgc-mobile-grid-80:after,
.lgc-tablet-grid-80:after,
.lgc-grid-85:after,
.lgc-mobile-grid-85:after,
.lgc-tablet-grid-85:after,
.lgc-grid-90:after,
.lgc-mobile-grid-90:after,
.lgc-tablet-grid-90:after,
.lgc-grid-95:after,
.lgc-mobile-grid-95:after,
.lgc-tablet-grid-95:after,
.lgc-grid-100:after,
.lgc-mobile-grid-100:after,
.lgc-tablet-grid-100:after,
.lgc-grid-33:after,
.lgc-mobile-grid-33:after,
.lgc-tablet-grid-33:after,
.lgc-grid-66:after,
.lgc-mobile-grid-66:after,
.lgc-tablet-grid-66:after,
.lgc-clearfix:after {
content: ".";
display: block;
overflow: hidden;
visibility: hidden;
font-size: 0;
line-height: 0;
width: 0;
height: 0;
}
.lgc-grid-container:after, .lgc-grid-5:after, .lgc-mobile-grid-5:after, .lgc-tablet-grid-5:after, .lgc-grid-10:after, .lgc-mobile-grid-10:after, .lgc-tablet-grid-10:after, .lgc-grid-15:after, .lgc-mobile-grid-15:after, .lgc-tablet-grid-15:after, .lgc-grid-20:after, .lgc-mobile-grid-20:after, .lgc-tablet-grid-20:after, .lgc-grid-25:after, .lgc-mobile-grid-25:after, .lgc-tablet-grid-25:after, .lgc-grid-30:after, .lgc-mobile-grid-30:after, .lgc-tablet-grid-30:after, .lgc-grid-35:after, .lgc-mobile-grid-35:after, .lgc-tablet-grid-35:after, .lgc-grid-40:after, .lgc-mobile-grid-40:after, .lgc-tablet-grid-40:after, .lgc-grid-45:after, .lgc-mobile-grid-45:after, .lgc-tablet-grid-45:after, .lgc-grid-50:after, .lgc-mobile-grid-50:after, .lgc-tablet-grid-50:after, .lgc-grid-55:after, .lgc-mobile-grid-55:after, .lgc-tablet-grid-55:after, .lgc-grid-60:after, .lgc-mobile-grid-60:after, .lgc-tablet-grid-60:after, .lgc-grid-65:after, .lgc-mobile-grid-65:after, .lgc-tablet-grid-65:after, .lgc-grid-70:after, .lgc-mobile-grid-70:after, .lgc-tablet-grid-70:after, .lgc-grid-75:after, .lgc-mobile-grid-75:after, .lgc-tablet-grid-75:after, .lgc-grid-80:after, .lgc-mobile-grid-80:after, .lgc-tablet-grid-80:after, .lgc-grid-85:after, .lgc-mobile-grid-85:after, .lgc-tablet-grid-85:after, .lgc-grid-90:after, .lgc-mobile-grid-90:after, .lgc-tablet-grid-90:after, .lgc-grid-95:after, .lgc-mobile-grid-95:after, .lgc-tablet-grid-95:after, .lgc-grid-100:after, .lgc-mobile-grid-100:after, .lgc-tablet-grid-100:after, .lgc-grid-33:after, .lgc-mobile-grid-33:after, .lgc-tablet-grid-33:after, .lgc-grid-66:after, .lgc-mobile-grid-66:after, .lgc-tablet-grid-66:after, .lgc-clearfix:after {
clear: both;
}
.lgc-grid-container {
margin-left: auto;
margin-right: auto;
max-width: 1200px;
padding-left: 10px;
padding-right: 10px;
}
.lgc-grid-5, .lgc-mobile-grid-5, .lgc-tablet-grid-5, .lgc-grid-10, .lgc-mobile-grid-10, .lgc-tablet-grid-10, .lgc-grid-15, .lgc-mobile-grid-15, .lgc-tablet-grid-15, .lgc-grid-20, .lgc-mobile-grid-20, .lgc-tablet-grid-20, .lgc-grid-25, .lgc-mobile-grid-25, .lgc-tablet-grid-25, .lgc-grid-30, .lgc-mobile-grid-30, .lgc-tablet-grid-30, .lgc-grid-35, .lgc-mobile-grid-35, .lgc-tablet-grid-35, .lgc-grid-40, .lgc-mobile-grid-40, .lgc-tablet-grid-40, .lgc-grid-45, .lgc-mobile-grid-45, .lgc-tablet-grid-45, .lgc-grid-50, .lgc-mobile-grid-50, .lgc-tablet-grid-50, .lgc-grid-55, .lgc-mobile-grid-55, .lgc-tablet-grid-55, .lgc-grid-60, .lgc-mobile-grid-60, .lgc-tablet-grid-60, .lgc-grid-65, .lgc-mobile-grid-65, .lgc-tablet-grid-65, .lgc-grid-70, .lgc-mobile-grid-70, .lgc-tablet-grid-70, .lgc-grid-75, .lgc-mobile-grid-75, .lgc-tablet-grid-75, .lgc-grid-80, .lgc-mobile-grid-80, .lgc-tablet-grid-80, .lgc-grid-85, .lgc-mobile-grid-85, .lgc-tablet-grid-85, .lgc-grid-90, .lgc-mobile-grid-90, .lgc-tablet-grid-90, .lgc-grid-95, .lgc-mobile-grid-95, .lgc-tablet-grid-95, .lgc-grid-100, .lgc-mobile-grid-100, .lgc-tablet-grid-100, .lgc-grid-33, .lgc-mobile-grid-33, .lgc-tablet-grid-33, .lgc-grid-66, .lgc-mobile-grid-66, .lgc-tablet-grid-66 {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-left: 10px;
padding-right: 10px;
}
.lgc-grid-parent {
padding-left: 0;
padding-right: 0;
}
.lgc-grid-offset {
margin-left: -10px;
margin-right: -10px;
}
@media (max-width: 767px) {
.mobile-push-5, .lgc-mobile-pull-5, .lgc-mobile-push-10, .lgc-mobile-pull-10, .lgc-mobile-push-15, .lgc-mobile-pull-15, .lgc-mobile-push-20, .lgc-mobile-pull-20, .lgc-mobile-push-25, .lgc-mobile-pull-25, .lgc-mobile-push-30, .lgc-mobile-pull-30, .lgc-mobile-push-35, .lgc-mobile-pull-35, .lgc-mobile-push-40, .lgc-mobile-pull-40, .lgc-mobile-push-45, .lgc-mobile-pull-45, .lgc-mobile-push-50, .lgc-mobile-pull-50, .lgc-mobile-push-55, .lgc-mobile-pull-55, .lgc-mobile-push-60, .lgc-mobile-pull-60, .lgc-mobile-push-65, .lgc-mobile-pull-65, .lgc-mobile-push-70, .lgc-mobile-pull-70, .lgc-mobile-push-75, .lgc-mobile-pull-75, .lgc-mobile-push-80, .lgc-mobile-pull-80, .lgc-mobile-push-85, .lgc-mobile-pull-85, .lgc-mobile-push-90, .lgc-mobile-pull-90, .lgc-mobile-push-95, .lgc-mobile-pull-95, .lgc-mobile-push-33, .lgc-mobile-pull-33, .lgc-mobile-push-66, .lgc-mobile-pull-66 {
position: relative;
}
.lgc-hide-on-mobile {
display: none !important;
}
.lgc-mobile-grid-5 {
float: left;
width: 5%;
}
.lgc-mobile-prefix-5 {
margin-left: 5%;
}
.lgc-mobile-suffix-5 {
margin-right: 5%;
}
.lgc-mobile-push-5 {
left: 5%;
}
.lgc-mobile-pull-5 {
left: -5%;
}
.lgc-mobile-grid-10 {
float: left;
width: 10%;
}
.lgc-mobile-prefix-10 {
margin-left: 10%;
}
.lgc-mobile-suffix-10 {
margin-right: 10%;
}
.lgc-mobile-push-10 {
left: 10%;
}
.lgc-mobile-pull-10 {
left: -10%;
}
.lgc-mobile-grid-15 {
float: left;
width: 15%;
}
.lgc-mobile-prefix-15 {
margin-left: 15%;
}
.lgc-mobile-suffix-15 {
margin-right: 15%;
}
.lgc-mobile-push-15 {
left: 15%;
}
.lgc-mobile-pull-15 {
left: -15%;
}
.lgc-mobile-grid-20 {
float: left;
width: 20%;
}
.lgc-mobile-prefix-20 {
margin-left: 20%;
}
.lgc-mobile-suffix-20 {
margin-right: 20%;
}
.lgc-mobile-push-20 {
left: 20%;
}
.lgc-mobile-pull-20 {
left: -20%;
}
.lgc-mobile-grid-25 {
float: left;
width: 25%;
}
.lgc-mobile-prefix-25 {
margin-left: 25%;
}
.lgc-mobile-suffix-25 {
margin-right: 25%;
}
.lgc-mobile-push-25 {
left: 25%;
}
.lgc-mobile-pull-25 {
left: -25%;
}
.lgc-mobile-grid-30 {
float: left;
width: 30%;
}
.lgc-mobile-prefix-30 {
margin-left: 30%;
}
.lgc-mobile-suffix-30 {
margin-right: 30%;
}
.lgc-mobile-push-30 {
left: 30%;
}
.lgc-mobile-pull-30 {
left: -30%;
}
.lgc-mobile-grid-35 {
float: left;
width: 35%;
}
.lgc-mobile-prefix-35 {
margin-left: 35%;
}
.lgc-mobile-suffix-35 {
margin-right: 35%;
}
.lgc-mobile-push-35 {
left: 35%;
}
.lgc-mobile-pull-35 {
left: -35%;
}
.lgc-mobile-grid-40 {
float: left;
width: 40%;
}
.lgc-mobile-prefix-40 {
margin-left: 40%;
}
.lgc-mobile-suffix-40 {
margin-right: 40%;
}
.lgc-mobile-push-40 {
left: 40%;
}
.lgc-mobile-pull-40 {
left: -40%;
}
.lgc-mobile-grid-45 {
float: left;
width: 45%;
}
.lgc-mobile-prefix-45 {
margin-left: 45%;
}
.lgc-mobile-suffix-45 {
margin-right: 45%;
}
.lgc-mobile-push-45 {
left: 45%;
}
.lgc-mobile-pull-45 {
left: -45%;
}
.lgc-mobile-grid-50 {
float: left;
width: 50%;
}
.lgc-mobile-prefix-50 {
margin-left: 50%;
}
.lgc-mobile-suffix-50 {
margin-right: 50%;
}
.lgc-mobile-push-50 {
left: 50%;
}
.lgc-mobile-pull-50 {
left: -50%;
}
.lgc-mobile-grid-55 {
float: left;
width: 55%;
}
.lgc-mobile-prefix-55 {
margin-left: 55%;
}
.lgc-mobile-suffix-55 {
margin-right: 55%;
}
.lgc-mobile-push-55 {
left: 55%;
}
.lgc-mobile-pull-55 {
left: -55%;
}
.lgc-mobile-grid-60 {
float: left;
width: 60%;
}
.lgc-mobile-prefix-60 {
margin-left: 60%;
}
.lgc-mobile-suffix-60 {
margin-right: 60%;
}
.lgc-mobile-push-60 {
left: 60%;
}
.lgc-mobile-pull-60 {
left: -60%;
}
.lgc-mobile-grid-65 {
float: left;
width: 65%;
}
.lgc-mobile-prefix-65 {
margin-left: 65%;
}
.lgc-mobile-suffix-65 {
margin-right: 65%;
}
.lgc-mobile-push-65 {
left: 65%;
}
.lgc-mobile-pull-65 {
left: -65%;
}
.lgc-mobile-grid-70 {
float: left;
width: 70%;
}
.lgc-mobile-prefix-70 {
margin-left: 70%;
}
.lgc-mobile-suffix-70 {
margin-right: 70%;
}
.lgc-mobile-push-70 {
left: 70%;
}
.lgc-mobile-pull-70 {
left: -70%;
}
.lgc-mobile-grid-75 {
float: left;
width: 75%;
}
.lgc-mobile-prefix-75 {
margin-left: 75%;
}
.lgc-mobile-suffix-75 {
margin-right: 75%;
}
.lgc-mobile-push-75 {
left: 75%;
}
.lgc-mobile-pull-75 {
left: -75%;
}
.lgc-mobile-grid-80 {
float: left;
width: 80%;
}
.lgc-mobile-prefix-80 {
margin-left: 80%;
}
.lgc-mobile-suffix-80 {
margin-right: 80%;
}
.lgc-mobile-push-80 {
left: 80%;
}
.lgc-mobile-pull-80 {
left: -80%;
}
.lgc-mobile-grid-85 {
float: left;
width: 85%;
}
.lgc-mobile-prefix-85 {
margin-left: 85%;
}
.lgc-mobile-suffix-85 {
margin-right: 85%;
}
.lgc-mobile-push-85 {
left: 85%;
}
.lgc-mobile-pull-85 {
left: -85%;
}
.lgc-mobile-grid-90 {
float: left;
width: 90%;
}
.lgc-mobile-prefix-90 {
margin-left: 90%;
}
.lgc-mobile-suffix-90 {
margin-right: 90%;
}
.lgc-mobile-push-90 {
left: 90%;
}
.lgc-mobile-pull-90 {
left: -90%;
}
.lgc-mobile-grid-95 {
float: left;
width: 95%;
}
.lgc-mobile-prefix-95 {
margin-left: 95%;
}
.lgc-mobile-suffix-95 {
margin-right: 95%;
}
.lgc-mobile-push-95 {
left: 95%;
}
.lgc-mobile-pull-95 {
left: -95%;
}
.lgc-mobile-grid-33 {
float: left;
width: 33.33333%;
}
.lgc-mobile-prefix-33 {
margin-left: 33.33333%;
}
.lgc-mobile-suffix-33 {
margin-right: 33.33333%;
}
.lgc-mobile-push-33 {
left: 33.33333%;
}
.lgc-mobile-pull-33 {
left: -33.33333%;
}
.lgc-mobile-grid-66 {
float: left;
width: 66.66667%;
}
.lgc-mobile-prefix-66 {
margin-left: 66.66667%;
}
.lgc-mobile-suffix-66 {
margin-right: 66.66667%;
}
.lgc-mobile-push-66 {
left: 66.66667%;
}
.lgc-mobile-pull-66 {
left: -66.66667%;
}
.lgc-mobile-grid-100 {
clear: both;
width: 100%;
}
}
@media (min-width: 768px) and (max-width: 1025px) {
.tablet-push-5, .lgc-tablet-pull-5, .lgc-tablet-push-10, .lgc-tablet-pull-10, .lgc-tablet-push-15, .lgc-tablet-pull-15, .lgc-tablet-push-20, .lgc-tablet-pull-20, .lgc-tablet-push-25, .lgc-tablet-pull-25, .lgc-tablet-push-30, .lgc-tablet-pull-30, .lgc-tablet-push-35, .lgc-tablet-pull-35, .lgc-tablet-push-40, .lgc-tablet-pull-40, .lgc-tablet-push-45, .lgc-tablet-pull-45, .lgc-tablet-push-50, .lgc-tablet-pull-50, .lgc-tablet-push-55, .lgc-tablet-pull-55, .lgc-tablet-push-60, .lgc-tablet-pull-60, .lgc-tablet-push-65, .lgc-tablet-pull-65, .lgc-tablet-push-70, .lgc-tablet-pull-70, .lgc-tablet-push-75, .lgc-tablet-pull-75, .lgc-tablet-push-80, .lgc-tablet-pull-80, .lgc-tablet-push-85, .lgc-tablet-pull-85, .lgc-tablet-push-90, .lgc-tablet-pull-90, .lgc-tablet-push-95, .lgc-tablet-pull-95, .lgc-tablet-push-33, .lgc-tablet-pull-33, .lgc-tablet-push-66, .lgc-tablet-pull-66 {
position: relative;
}
.lgc-hide-on-tablet {
display: none !important;
}
.lgc-tablet-grid-5 {
float: left;
width: 5%;
}
.lgc-tablet-prefix-5 {
margin-left: 5%;
}
.lgc-tablet-suffix-5 {
margin-right: 5%;
}
.lgc-tablet-push-5 {
left: 5%;
}
.lgc-tablet-pull-5 {
left: -5%;
}
.lgc-tablet-grid-10 {
float: left;
width: 10%;
}
.lgc-tablet-prefix-10 {
margin-left: 10%;
}
.lgc-tablet-suffix-10 {
margin-right: 10%;
}
.lgc-tablet-push-10 {
left: 10%;
}
.lgc-tablet-pull-10 {
left: -10%;
}
.lgc-tablet-grid-15 {
float: left;
width: 15%;
}
.lgc-tablet-prefix-15 {
margin-left: 15%;
}
.lgc-tablet-suffix-15 {
margin-right: 15%;
}
.lgc-tablet-push-15 {
left: 15%;
}
.lgc-tablet-pull-15 {
left: -15%;
}
.lgc-tablet-grid-20 {
float: left;
width: 20%;
}
.lgc-tablet-prefix-20 {
margin-left: 20%;
}
.lgc-tablet-suffix-20 {
margin-right: 20%;
}
.lgc-tablet-push-20 {
left: 20%;
}
.lgc-tablet-pull-20 {
left: -20%;
}
.lgc-tablet-grid-25 {
float: left;
width: 25%;
}
.lgc-tablet-prefix-25 {
margin-left: 25%;
}
.lgc-tablet-suffix-25 {
margin-right: 25%;
}
.lgc-tablet-push-25 {
left: 25%;
}
.lgc-tablet-pull-25 {
left: -25%;
}
.lgc-tablet-grid-30 {
float: left;
width: 30%;
}
.lgc-tablet-prefix-30 {
margin-left: 30%;
}
.lgc-tablet-suffix-30 {
margin-right: 30%;
}
.lgc-tablet-push-30 {
left: 30%;
}
.lgc-tablet-pull-30 {
left: -30%;
}
.lgc-tablet-grid-35 {
float: left;
width: 35%;
}
.lgc-tablet-prefix-35 {
margin-left: 35%;
}
.lgc-tablet-suffix-35 {
margin-right: 35%;
}
.lgc-tablet-push-35 {
left: 35%;
}
.lgc-tablet-pull-35 {
left: -35%;
}
.lgc-tablet-grid-40 {
float: left;
width: 40%;
}
.lgc-tablet-prefix-40 {
margin-left: 40%;
}
.lgc-tablet-suffix-40 {
margin-right: 40%;
}
.lgc-tablet-push-40 {
left: 40%;
}
.lgc-tablet-pull-40 {
left: -40%;
}
.lgc-tablet-grid-45 {
float: left;
width: 45%;
}
.lgc-tablet-prefix-45 {
margin-left: 45%;
}
.lgc-tablet-suffix-45 {
margin-right: 45%;
}
.lgc-tablet-push-45 {
left: 45%;
}
.lgc-tablet-pull-45 {
left: -45%;
}
.lgc-tablet-grid-50 {
float: left;
width: 50%;
}
.lgc-tablet-prefix-50 {
margin-left: 50%;
}
.lgc-tablet-suffix-50 {
margin-right: 50%;
}
.lgc-tablet-push-50 {
left: 50%;
}
.lgc-tablet-pull-50 {
left: -50%;
}
.lgc-tablet-grid-55 {
float: left;
width: 55%;
}
.lgc-tablet-prefix-55 {
margin-left: 55%;
}
.lgc-tablet-suffix-55 {
margin-right: 55%;
}
.lgc-tablet-push-55 {
left: 55%;
}
.lgc-tablet-pull-55 {
left: -55%;
}
.lgc-tablet-grid-60 {
float: left;
width: 60%;
}
.lgc-tablet-prefix-60 {
margin-left: 60%;
}
.lgc-tablet-suffix-60 {
margin-right: 60%;
}
.lgc-tablet-push-60 {
left: 60%;
}
.lgc-tablet-pull-60 {
left: -60%;
}
.lgc-tablet-grid-65 {
float: left;
width: 65%;
}
.lgc-tablet-prefix-65 {
margin-left: 65%;
}
.lgc-tablet-suffix-65 {
margin-right: 65%;
}
.lgc-tablet-push-65 {
left: 65%;
}
.lgc-tablet-pull-65 {
left: -65%;
}
.lgc-tablet-grid-70 {
float: left;
width: 70%;
}
.lgc-tablet-prefix-70 {
margin-left: 70%;
}
.lgc-tablet-suffix-70 {
margin-right: 70%;
}
.lgc-tablet-push-70 {
left: 70%;
}
.lgc-tablet-pull-70 {
left: -70%;
}
.lgc-tablet-grid-75 {
float: left;
width: 75%;
}
.lgc-tablet-prefix-75 {
margin-left: 75%;
}
.lgc-tablet-suffix-75 {
margin-right: 75%;
}
.lgc-tablet-push-75 {
left: 75%;
}
.lgc-tablet-pull-75 {
left: -75%;
}
.lgc-tablet-grid-80 {
float: left;
width: 80%;
}
.lgc-tablet-prefix-80 {
margin-left: 80%;
}
.lgc-tablet-suffix-80 {
margin-right: 80%;
}
.lgc-tablet-push-80 {
left: 80%;
}
.lgc-tablet-pull-80 {
left: -80%;
}
.lgc-tablet-grid-85 {
float: left;
width: 85%;
}
.lgc-tablet-prefix-85 {
margin-left: 85%;
}
.lgc-tablet-suffix-85 {
margin-right: 85%;
}
.lgc-tablet-push-85 {
left: 85%;
}
.lgc-tablet-pull-85 {
left: -85%;
}
.lgc-tablet-grid-90 {
float: left;
width: 90%;
}
.lgc-tablet-prefix-90 {
margin-left: 90%;
}
.lgc-tablet-suffix-90 {
margin-right: 90%;
}
.lgc-tablet-push-90 {
left: 90%;
}
.lgc-tablet-pull-90 {
left: -90%;
}
.lgc-tablet-grid-95 {
float: left;
width: 95%;
}
.lgc-tablet-prefix-95 {
margin-left: 95%;
}
.lgc-tablet-suffix-95 {
margin-right: 95%;
}
.lgc-tablet-push-95 {
left: 95%;
}
.lgc-tablet-pull-95 {
left: -95%;
}
.lgc-tablet-grid-33 {
float: left;
width: 33.33333%;
}
.lgc-tablet-prefix-33 {
margin-left: 33.33333%;
}
.lgc-tablet-suffix-33 {
margin-right: 33.33333%;
}
.lgc-tablet-push-33 {
left: 33.33333%;
}
.lgc-tablet-pull-33 {
left: -33.33333%;
}
.lgc-tablet-grid-66 {
float: left;
width: 66.66667%;
}
.lgc-tablet-prefix-66 {
margin-left: 66.66667%;
}
.lgc-tablet-suffix-66 {
margin-right: 66.66667%;
}
.lgc-tablet-push-66 {
left: 66.66667%;
}
.lgc-tablet-pull-66 {
left: -66.66667%;
}
.lgc-tablet-grid-100 {
clear: both;
width: 100%;
}
}
@media (min-width: 1025px) {
.push-5, .lgc-pull-5, .lgc-push-10, .lgc-pull-10, .lgc-push-15, .lgc-pull-15, .lgc-push-20, .lgc-pull-20, .lgc-push-25, .lgc-pull-25, .lgc-push-30, .lgc-pull-30, .lgc-push-35, .lgc-pull-35, .lgc-push-40, .lgc-pull-40, .lgc-push-45, .lgc-pull-45, .lgc-push-50, .lgc-pull-50, .lgc-push-55, .lgc-pull-55, .lgc-push-60, .lgc-pull-60, .lgc-push-65, .lgc-pull-65, .lgc-push-70, .lgc-pull-70, .lgc-push-75, .lgc-pull-75, .lgc-push-80, .lgc-pull-80, .lgc-push-85, .lgc-pull-85, .lgc-push-90, .lgc-pull-90, .lgc-push-95, .lgc-pull-95, .lgc-push-33, .lgc-pull-33, .lgc-push-66, .lgc-pull-66 {
position: relative;
}
.lgc-hide-on-desktop {
display: none !important;
}
.lgc-grid-5 {
float: left;
width: 5%;
}
.lgc-prefix-5 {
margin-left: 5%;
}
.lgc-suffix-5 {
margin-right: 5%;
}
.lgc-push-5 {
left: 5%;
}
.lgc-pull-5 {
left: -5%;
}
.lgc-grid-10 {
float: left;
width: 10%;
}
.lgc-prefix-10 {
margin-left: 10%;
}
.lgc-suffix-10 {
margin-right: 10%;
}
.lgc-push-10 {
left: 10%;
}
.lgc-pull-10 {
left: -10%;
}
.lgc-grid-15 {
float: left;
width: 15%;
}
.lgc-prefix-15 {
margin-left: 15%;
}
.lgc-suffix-15 {
margin-right: 15%;
}
.lgc-push-15 {
left: 15%;
}
.lgc-pull-15 {
left: -15%;
}
.lgc-grid-20 {
float: left;
width: 20%;
}
.lgc-prefix-20 {
margin-left: 20%;
}
.lgc-suffix-20 {
margin-right: 20%;
}
.lgc-push-20 {
left: 20%;
}
.lgc-pull-20 {
left: -20%;
}
.lgc-grid-25 {
float: left;
width: 25%;
}
.lgc-prefix-25 {
margin-left: 25%;
}
.lgc-suffix-25 {
margin-right: 25%;
}
.lgc-push-25 {
left: 25%;
}
.lgc-pull-25 {
left: -25%;
}
.lgc-grid-30 {
float: left;
width: 30%;
}
.lgc-prefix-30 {
margin-left: 30%;
}
.lgc-suffix-30 {
margin-right: 30%;
}
.lgc-push-30 {
left: 30%;
}
.lgc-pull-30 {
left: -30%;
}
.lgc-grid-35 {
float: left;
width: 35%;
}
.lgc-prefix-35 {
margin-left: 35%;
}
.lgc-suffix-35 {
margin-right: 35%;
}
.lgc-push-35 {
left: 35%;
}
.lgc-pull-35 {
left: -35%;
}
.lgc-grid-40 {
float: left;
width: 40%;
}
.lgc-prefix-40 {
margin-left: 40%;
}
.lgc-suffix-40 {
margin-right: 40%;
}
.lgc-push-40 {
left: 40%;
}
.lgc-pull-40 {
left: -40%;
}
.lgc-grid-45 {
float: left;
width: 45%;
}
.lgc-prefix-45 {
margin-left: 45%;
}
.lgc-suffix-45 {
margin-right: 45%;
}
.lgc-push-45 {
left: 45%;
}
.lgc-pull-45 {
left: -45%;
}
.lgc-grid-50 {
float: left;
width: 50%;
}
.lgc-prefix-50 {
margin-left: 50%;
}
.lgc-suffix-50 {
margin-right: 50%;
}
.lgc-push-50 {
left: 50%;
}
.lgc-pull-50 {
left: -50%;
}
.lgc-grid-55 {
float: left;
width: 55%;
}
.lgc-prefix-55 {
margin-left: 55%;
}
.lgc-suffix-55 {
margin-right: 55%;
}
.lgc-push-55 {
left: 55%;
}
.lgc-pull-55 {
left: -55%;
}
.lgc-grid-60 {
float: left;
width: 60%;
}
.lgc-prefix-60 {
margin-left: 60%;
}
.lgc-suffix-60 {
margin-right: 60%;
}
.lgc-push-60 {
left: 60%;
}
.lgc-pull-60 {
left: -60%;
}
.lgc-grid-65 {
float: left;
width: 65%;
}
.lgc-prefix-65 {
margin-left: 65%;
}
.lgc-suffix-65 {
margin-right: 65%;
}
.lgc-push-65 {
left: 65%;
}
.lgc-pull-65 {
left: -65%;
}
.lgc-grid-70 {
float: left;
width: 70%;
}
.lgc-prefix-70 {
margin-left: 70%;
}
.lgc-suffix-70 {
margin-right: 70%;
}
.lgc-push-70 {
left: 70%;
}
.lgc-pull-70 {
left: -70%;
}
.lgc-grid-75 {
float: left;
width: 75%;
}
.lgc-prefix-75 {
margin-left: 75%;
}
.lgc-suffix-75 {
margin-right: 75%;
}
.lgc-push-75 {
left: 75%;
}
.lgc-pull-75 {
left: -75%;
}
.lgc-grid-80 {
float: left;
width: 80%;
}
.lgc-prefix-80 {
margin-left: 80%;
}
.lgc-suffix-80 {
margin-right: 80%;
}
.lgc-push-80 {
left: 80%;
}
.lgc-pull-80 {
left: -80%;
}
.lgc-grid-85 {
float: left;
width: 85%;
}
.lgc-prefix-85 {
margin-left: 85%;
}
.lgc-suffix-85 {
margin-right: 85%;
}
.lgc-push-85 {
left: 85%;
}
.lgc-pull-85 {
left: -85%;
}
.lgc-grid-90 {
float: left;
width: 90%;
}
.lgc-prefix-90 {
margin-left: 90%;
}
.lgc-suffix-90 {
margin-right: 90%;
}
.lgc-push-90 {
left: 90%;
}
.lgc-pull-90 {
left: -90%;
}
.lgc-grid-95 {
float: left;
width: 95%;
}
.lgc-prefix-95 {
margin-left: 95%;
}
.lgc-suffix-95 {
margin-right: 95%;
}
.lgc-push-95 {
left: 95%;
}
.lgc-pull-95 {
left: -95%;
}
.lgc-grid-33 {
float: left;
width: 33.33333%;
}
.lgc-prefix-33 {
margin-left: 33.33333%;
}
.lgc-suffix-33 {
margin-right: 33.33333%;
}
.lgc-push-33 {
left: 33.33333%;
}
.lgc-pull-33 {
left: -33.33333%;
}
.lgc-grid-66 {
float: left;
width: 66.66667%;
}
.lgc-prefix-66 {
margin-left: 66.66667%;
}
.lgc-suffix-66 {
margin-right: 66.66667%;
}
.lgc-push-66 {
left: 66.66667%;
}
.lgc-pull-66 {
left: -66.66667%;
}
.lgc-grid-100 {
clear: both;
width: 100%;
}
} .lgc-column p {
margin-bottom: 1.5em;
}
.inside-grid-column {
padding: 0 10px 0 10px;
margin-bottom: 1.5em;
}
.inside-grid-column > p:last-child {
margin-bottom: 0;
}
@media (max-width:767px) {
.lgc-mobile-grid-100 .inside-grid-column {
padding: 0;
}
}
@media (max-width: 1024px) {
.lgc-clear {
display: none;
}
}