@charset "UTF-8";
.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .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,
.wpcf7 form.payment-required .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: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}.mejs-offscreen{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal}.mejs-container{background:#000;font-family:Helvetica,Arial,serif;position:relative;text-align:left;text-indent:0;vertical-align:top}.mejs-container,.mejs-container *{box-sizing:border-box}.mejs-container video::-webkit-media-controls,.mejs-container video::-webkit-media-controls-panel,.mejs-container video::-webkit-media-controls-panel-container,.mejs-container video::-webkit-media-controls-start-playback-button{-webkit-appearance:none;display:none!important}.mejs-fill-container,.mejs-fill-container .mejs-container{height:100%;width:100%}.mejs-fill-container{background:transparent;margin:0 auto;overflow:hidden;position:relative}.mejs-container:focus{outline:none}.mejs-iframe-overlay{height:100%;position:absolute;width:100%}.mejs-embed,.mejs-embed body{background:#000;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.mejs-fullscreen{overflow:hidden!important}.mejs-container-fullscreen{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:1000}.mejs-container-fullscreen .mejs-mediaelement,.mejs-container-fullscreen video{height:100%!important;width:100%!important}.mejs-background,.mejs-mediaelement{left:0;position:absolute;top:0}.mejs-mediaelement{height:100%;width:100%;z-index:0}.mejs-poster{background-position:50% 50%;background-repeat:no-repeat;background-size:cover;left:0;position:absolute;top:0;z-index:1}:root .mejs-poster-img{display:none}.mejs-poster-img{border:0;padding:0}.mejs-overlay{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;left:0;position:absolute;top:0}.mejs-layer{z-index:1}.mejs-overlay-play{cursor:pointer}.mejs-overlay-button{background:url(//www.showersdoors.com/wp-includes/js/mediaelement/mejs-controls.svg) no-repeat;background-position:0 -39px;height:80px;width:80px}.mejs-overlay:hover>.mejs-overlay-button{background-position:-80px -39px}.mejs-overlay-loading{height:80px;width:80px}.mejs-overlay-loading-bg-img{-webkit-animation:a 1s linear infinite;animation:a 1s linear infinite;background:transparent url(//www.showersdoors.com/wp-includes/js/mediaelement/mejs-controls.svg) -160px -40px no-repeat;display:block;height:80px;width:80px;z-index:1}@-webkit-keyframes a{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes a{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.mejs-controls{bottom:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:40px;left:0;list-style-type:none;margin:0;padding:0 10px;position:absolute;width:100%;z-index:3}.mejs-controls:not([style*="display: none"]){background:rgba(255,0,0,.7);background:-webkit-linear-gradient(transparent,rgba(0,0,0,.35));background:linear-gradient(transparent,rgba(0,0,0,.35))}.mejs-button,.mejs-time,.mejs-time-rail{font-size:10px;height:40px;line-height:10px;margin:0;width:32px}.mejs-button>button{background:transparent url(//www.showersdoors.com/wp-includes/js/mediaelement/mejs-controls.svg);border:0;cursor:pointer;display:block;font-size:0;height:20px;line-height:0;margin:10px 6px;overflow:hidden;padding:0;position:absolute;text-decoration:none;width:20px}.mejs-button>button:focus{outline:1px dotted #999}.mejs-container-keyboard-inactive [role=slider],.mejs-container-keyboard-inactive [role=slider]:focus,.mejs-container-keyboard-inactive a,.mejs-container-keyboard-inactive a:focus,.mejs-container-keyboard-inactive button,.mejs-container-keyboard-inactive button:focus{outline:0}.mejs-time{box-sizing:content-box;color:#fff;font-size:11px;font-weight:700;height:24px;overflow:hidden;padding:16px 6px 0;text-align:center;width:auto}.mejs-play>button{background-position:0 0}.mejs-pause>button{background-position:-20px 0}.mejs-replay>button{background-position:-160px 0}.mejs-time-rail{direction:ltr;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;height:40px;margin:0 10px;padding-top:10px;position:relative}.mejs-time-buffering,.mejs-time-current,.mejs-time-float,.mejs-time-float-corner,.mejs-time-float-current,.mejs-time-hovered,.mejs-time-loaded,.mejs-time-marker,.mejs-time-total{border-radius:2px;cursor:pointer;display:block;height:10px;position:absolute}.mejs-time-total{background:hsla(0,0%,100%,.3);margin:5px 0 0;width:100%}.mejs-time-buffering{-webkit-animation:b 2s linear infinite;animation:b 2s linear infinite;background:-webkit-linear-gradient(135deg,hsla(0,0%,100%,.4) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.4) 0,hsla(0,0%,100%,.4) 75%,transparent 0,transparent);background:linear-gradient(-45deg,hsla(0,0%,100%,.4) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.4) 0,hsla(0,0%,100%,.4) 75%,transparent 0,transparent);background-size:15px 15px;width:100%}@-webkit-keyframes b{0%{background-position:0 0}to{background-position:30px 0}}@keyframes b{0%{background-position:0 0}to{background-position:30px 0}}.mejs-time-loaded{background:hsla(0,0%,100%,.3)}.mejs-time-current,.mejs-time-handle-content{background:hsla(0,0%,100%,.9)}.mejs-time-hovered{background:hsla(0,0%,100%,.5);z-index:10}.mejs-time-hovered.negative{background:rgba(0,0,0,.2)}.mejs-time-buffering,.mejs-time-current,.mejs-time-hovered,.mejs-time-loaded{left:0;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-transition:all .15s ease-in;transition:all .15s ease-in;width:100%}.mejs-time-buffering{-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1)}.mejs-time-hovered{-webkit-transition:height .1s cubic-bezier(.44,0,1,1);transition:height .1s cubic-bezier(.44,0,1,1)}.mejs-time-hovered.no-hover{-webkit-transform:scaleX(0)!important;-ms-transform:scaleX(0)!important;transform:scaleX(0)!important}.mejs-time-handle,.mejs-time-handle-content{border:4px solid transparent;cursor:pointer;left:0;position:absolute;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);z-index:11}.mejs-time-handle-content{border:4px solid hsla(0,0%,100%,.9);border-radius:50%;height:10px;left:-7px;top:-4px;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);width:10px}.mejs-time-rail .mejs-time-handle-content:active,.mejs-time-rail .mejs-time-handle-content:focus,.mejs-time-rail:hover .mejs-time-handle-content{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.mejs-time-float{background:#eee;border:1px solid #333;bottom:100%;color:#111;display:none;height:17px;margin-bottom:9px;position:absolute;text-align:center;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:36px}.mejs-time-float-current{display:block;left:0;margin:2px;text-align:center;width:30px}.mejs-time-float-corner{border:5px solid #eee;border-color:#eee transparent transparent;border-radius:0;display:block;height:0;left:50%;line-height:0;position:absolute;top:100%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:0}.mejs-long-video .mejs-time-float{margin-left:-23px;width:64px}.mejs-long-video .mejs-time-float-current{width:60px}.mejs-broadcast{color:#fff;height:10px;position:absolute;top:15px;width:100%}.mejs-fullscreen-button>button{background-position:-80px 0}.mejs-unfullscreen>button{background-position:-100px 0}.mejs-mute>button{background-position:-60px 0}.mejs-unmute>button{background-position:-40px 0}.mejs-volume-button{position:relative}.mejs-volume-button>.mejs-volume-slider{-webkit-backface-visibility:hidden;background:rgba(50,50,50,.7);border-radius:0;bottom:100%;display:none;height:115px;left:50%;margin:0;position:absolute;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:25px;z-index:1}.mejs-volume-button:hover{border-radius:0 0 4px 4px}.mejs-volume-total{background:hsla(0,0%,100%,.5);height:100px;left:50%;margin:0;position:absolute;top:8px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:2px}.mejs-volume-current{left:0;margin:0;width:100%}.mejs-volume-current,.mejs-volume-handle{background:hsla(0,0%,100%,.9);position:absolute}.mejs-volume-handle{border-radius:1px;cursor:ns-resize;height:6px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:16px}.mejs-horizontal-volume-slider{display:block;height:36px;position:relative;vertical-align:middle;width:56px}.mejs-horizontal-volume-total{background:rgba(50,50,50,.8);height:8px;top:16px;width:50px}.mejs-horizontal-volume-current,.mejs-horizontal-volume-total{border-radius:2px;font-size:1px;left:0;margin:0;padding:0;position:absolute}.mejs-horizontal-volume-current{background:hsla(0,0%,100%,.8);height:100%;top:0;width:100%}.mejs-horizontal-volume-handle{display:none}.mejs-captions-button,.mejs-chapters-button{position:relative}.mejs-captions-button>button{background-position:-140px 0}.mejs-chapters-button>button{background-position:-180px 0}.mejs-captions-button>.mejs-captions-selector,.mejs-chapters-button>.mejs-chapters-selector{background:rgba(50,50,50,.7);border:1px solid transparent;border-radius:0;bottom:100%;margin-right:-43px;overflow:hidden;padding:0;position:absolute;right:50%;visibility:visible;width:86px}.mejs-chapters-button>.mejs-chapters-selector{margin-right:-55px;width:110px}.mejs-captions-selector-list,.mejs-chapters-selector-list{list-style-type:none!important;margin:0;overflow:hidden;padding:0}.mejs-captions-selector-list-item,.mejs-chapters-selector-list-item{color:#fff;cursor:pointer;display:block;list-style-type:none!important;margin:0 0 6px;overflow:hidden;padding:0}.mejs-captions-selector-list-item:hover,.mejs-chapters-selector-list-item:hover{background-color:#c8c8c8!important;background-color:hsla(0,0%,100%,.4)!important}.mejs-captions-selector-input,.mejs-chapters-selector-input{clear:both;float:left;left:-1000px;margin:3px 3px 0 5px;position:absolute}.mejs-captions-selector-label,.mejs-chapters-selector-label{cursor:pointer;float:left;font-size:10px;line-height:15px;padding:4px 10px 0;width:100%}.mejs-captions-selected,.mejs-chapters-selected{color:#21f8f8}.mejs-captions-translations{font-size:10px;margin:0 0 5px}.mejs-captions-layer{bottom:0;color:#fff;font-size:16px;left:0;line-height:20px;position:absolute;text-align:center}.mejs-captions-layer a{color:#fff;text-decoration:underline}.mejs-captions-layer[lang=ar]{font-size:20px;font-weight:400}.mejs-captions-position{bottom:15px;left:0;position:absolute;width:100%}.mejs-captions-position-hover{bottom:35px}.mejs-captions-text,.mejs-captions-text *{background:hsla(0,0%,8%,.5);box-shadow:5px 0 0 hsla(0,0%,8%,.5),-5px 0 0 hsla(0,0%,8%,.5);padding:0;white-space:pre-wrap}.mejs-container.mejs-hide-cues video::-webkit-media-text-track-container{display:none}.mejs-overlay-error{position:relative}.mejs-overlay-error>img{left:0;max-width:100%;position:absolute;top:0;z-index:-1}.mejs-cannotplay,.mejs-cannotplay a{color:#fff;font-size:.8em}.mejs-cannotplay{position:relative}.mejs-cannotplay a,.mejs-cannotplay p{display:inline-block;padding:0 15px;width:100%}.mejs-container{clear:both;max-width:100%}.mejs-container *{font-family:Helvetica,Arial}.mejs-container,.mejs-container .mejs-controls,.mejs-embed,.mejs-embed body{background:#222}.mejs-time{font-weight:400;word-wrap:normal}.mejs-controls a.mejs-horizontal-volume-slider{display:table}.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,.mejs-controls .mejs-time-rail .mejs-time-loaded{background:#fff}.mejs-controls .mejs-time-rail .mejs-time-current{background:#0073aa}.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,.mejs-controls .mejs-time-rail .mejs-time-total{background:rgba(255,255,255,.33)}.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,.mejs-controls .mejs-time-rail span{border-radius:0}.mejs-overlay-loading{background:0 0}.mejs-controls button:hover{border:none;-webkit-box-shadow:none;box-shadow:none}.me-cannotplay{width:auto!important}.media-embed-details .wp-audio-shortcode{display:inline-block;max-width:400px}.audio-details .embed-media-settings{overflow:visible}.media-embed-details .embed-media-settings .setting span:not(.button-group){max-width:400px;width:auto}.media-embed-details .embed-media-settings .checkbox-setting span{display:inline-block}.media-embed-details .embed-media-settings{padding-top:0;top:28px}.media-embed-details .instructions{padding:16px 0;max-width:600px}.media-embed-details .setting .remove-setting,.media-embed-details .setting p{color:#a00;font-size:10px;text-transform:uppercase}.media-embed-details .setting .remove-setting{padding:5px 0}.media-embed-details .setting a:hover{color:#dc3232}.media-embed-details .embed-media-settings .checkbox-setting{float:none;margin:0 0 10px}.wp-video{max-width:100%;height:auto}.wp_attachment_holder .wp-audio-shortcode,.wp_attachment_holder .wp-video{margin-top:18px}.wp-video-shortcode video,video.wp-video-shortcode{max-width:100%;display:inline-block}.video-details .wp-video-holder{width:100%;max-width:640px}.wp-playlist{border:1px solid #ccc;padding:10px;margin:12px 0 18px;font-size:14px;line-height:1.5}.wp-admin .wp-playlist{margin:0 0 18px}.wp-playlist video{display:inline-block;max-width:100%}.wp-playlist audio{display:none;max-width:100%;width:400px}.wp-playlist .mejs-container{margin:0;max-width:100%}.wp-playlist .mejs-controls .mejs-button button{outline:0}.wp-playlist-light{background:#fff;color:#000}.wp-playlist-dark{color:#fff;background:#000}.wp-playlist-caption{display:block;max-width:88%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:1.5}.wp-playlist-item .wp-playlist-caption{text-decoration:none;color:#000;max-width:-webkit-calc(100% - 40px);max-width:calc(100% - 40px)}.wp-playlist-item-meta{display:block;font-size:14px;line-height:1.5}.wp-playlist-item-title{font-size:14px;line-height:1.5}.wp-playlist-item-album{font-style:italic;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wp-playlist-item-artist{font-size:12px;text-transform:uppercase}.wp-playlist-item-length{position:absolute;right:3px;top:0;font-size:14px;line-height:1.5}.rtl .wp-playlist-item-length{left:3px;right:auto}.wp-playlist-tracks{margin-top:10px}.wp-playlist-item{position:relative;cursor:pointer;padding:0 3px;border-bottom:1px solid #ccc}.wp-playlist-item:last-child{border-bottom:0}.wp-playlist-light .wp-playlist-caption{color:#333}.wp-playlist-dark .wp-playlist-caption{color:#ddd}.wp-playlist-playing{font-weight:700;background:#f7f7f7}.wp-playlist-light .wp-playlist-playing{background:#fff;color:#000}.wp-playlist-dark .wp-playlist-playing{background:#000;color:#fff}.wp-playlist-current-item{overflow:hidden;margin-bottom:10px;height:60px}.wp-playlist .wp-playlist-current-item img{float:left;max-width:60px;height:auto;margin-right:10px;padding:0;border:0}.rtl .wp-playlist .wp-playlist-current-item img{float:right;margin-left:10px;margin-right:0}.wp-playlist-current-item .wp-playlist-item-artist,.wp-playlist-current-item .wp-playlist-item-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wp-audio-playlist .me-cannotplay span{padding:5px 15px}.select2-container {
margin: 0;
position: relative;
display: inline-block; zoom: 1;
*display: inline;
vertical-align: middle;
}
.select2-container,
.select2-drop,
.select2-search,
.select2-search input { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.select2-container .select2-choice {
display: block;
height: 26px;
padding: 0 0 0 8px;
overflow: hidden;
position: relative;
border: 1px solid #aaa;
white-space: nowrap;
line-height: 26px;
color: #444;
text-decoration: none;
border-radius: 8px;
background-clip: padding-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: #fff;
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.5, #fff));
background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 50%);
background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 50%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee', GradientType = 0);
background-image: linear-gradient(to top, #eee 0%, #fff 50%);
}
.select2-container.select2-drop-above .select2-choice {
border-bottom-color: #aaa;
border-radius: 0 0 4px 4px;
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.9, #fff));
background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 90%);
background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 90%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
background-image: linear-gradient(to bottom, #eee 0%, #fff 90%);
}
.select2-container.select2-allowclear .select2-choice .select2-chosen {
margin-right: 42px;
}
.select2-container .select2-choice > .select2-chosen {
margin-right: 26px;
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
float: none;
width: auto;
}
html[dir="rtl"] .select2-container .select2-choice > .select2-chosen {
margin-left: 26px;
margin-right: 0;
}
.select2-container .select2-choice abbr {
display: none;
width: 12px;
height: 12px;
position: absolute;
right: 24px;
top: 8px;
font-size: 1px;
text-decoration: none;
border: 0;
background: url(//www.showersdoors.com/wp-content/themes/ingenious/css/select2.png) right top no-repeat;
cursor: pointer;
outline: 0;
}
.select2-container.select2-allowclear .select2-choice abbr {
display: inline-block;
}
.select2-container .select2-choice abbr:hover {
background-position: right -11px;
cursor: pointer;
}
.select2-drop-mask {
border: 0;
margin: 0;
padding: 0;
position: fixed;
left: 0;
top: 0;
min-height: 100%;
min-width: 100%;
height: auto;
width: auto;
opacity: 0;
z-index: 9998; background-color: #fff;
filter: alpha(opacity=0);
}
.select2-drop {
width: 100%;
margin-top: -1px;
position: absolute;
z-index: 9999;
top: 100%;
background: #fff;
color: #000;
border: 1px solid #aaa;
border-top: 0;
border-radius: 0 0 4px 4px;
-webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
}
.select2-drop.select2-drop-above {
margin-top: 1px;
border-top: 1px solid #aaa;
border-bottom: 0;
border-radius: 4px 4px 0 0;
-webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
}
.select2-drop-active {
border: 1px solid #5897fb;
border-top: none;
}
.select2-drop.select2-drop-above.select2-drop-active {
border-top: 1px solid #5897fb;
}
.select2-drop-auto-width {
border-top: 1px solid #aaa;
width: auto;
}
.select2-drop-auto-width .select2-search {
padding-top: 4px;
}
.select2-container .select2-choice .select2-arrow {
display: inline-block;
width: 18px;
height: 100%;
position: absolute;
right: 0;
top: 0;
border-left: 1px solid #aaa;
border-radius: 0 4px 4px 0;
background-clip: padding-box;
background: #ccc;
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee));
background-image: -webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%);
background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eeeeee', endColorstr = '#cccccc', GradientType = 0);
background-image: linear-gradient(to top, #ccc 0%, #eee 60%);
}
html[dir="rtl"] .select2-container .select2-choice .select2-arrow {
left: 0;
right: auto;
}
.select2-container .select2-choice .select2-arrow b {
display: block;
width: 100%;
height: 100%;
background: url(//www.showersdoors.com/wp-content/themes/ingenious/css/select2.png) no-repeat 0 1px;
}
html[dir="rtl"] .select2-container .select2-choice .select2-arrow b {
background-position: 2px 1px;
}
.select2-search {
display: inline-block;
width: 100%;
min-height: 26px;
margin: 0;
padding-left: 4px;
padding-right: 4px;
position: relative;
z-index: 10000;
white-space: nowrap;
}
.select2-search input {
width: 100%;
height: auto !important;
min-height: 26px;
padding: 4px 20px 4px 5px;
margin: 0;
outline: 0;
font-family: sans-serif;
font-size: 1em;
border: 1px solid #aaa;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
background: #fff url(//www.showersdoors.com/wp-content/themes/ingenious/css/select2.png) no-repeat 100% -22px;
background: url(//www.showersdoors.com/wp-content/themes/ingenious/css/select2.png) no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
background: url(//www.showersdoors.com/wp-content/themes/ingenious/css/select2.png) no-repeat 100% -22px, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
background: url(//www.showersdoors.com/wp-content/themes/ingenious/css/select2.png) no-repeat 100% -22px, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
background: url(//www.showersdoors.com/wp-content/themes/ingenious/css/select2.png) no-repeat 100% -22px, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0;
}
html[dir="rtl"] .select2-search input {
padding: 4px 5px 4px 20px;
background: #fff url(//www.showersdoors.com/wp-content/themes/ingenious/css/select2.png) no-repeat -37px -22px;
background: url(//www.showersdoors.com/wp-content/themes/ingenious/css/select2.png) no-repeat -37px -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
background: url(//www.showersdoors.com/wp-content/themes/ingenious/css/select2.png) no-repeat -37px -22px, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
background: url(//www.showersdoors.com/wp-content/themes/ingenious/css/select2.png) no-repeat -37px -22px, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
background: url(//www.showersdoors.com/wp-content/themes/ingenious/css/select2.png) no-repeat -37px -22px, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0;
}
.select2-drop.select2-drop-above .select2-search input {
margin-top: 4px;
}
.select2-search input.select2-active {
background: #fff url(//www.showersdoors.com/wp-content/themes/ingenious/css/select2-spinner.gif) no-repeat 100%;
background: url(//www.showersdoors.com/wp-content/themes/ingenious/css/select2-spinner.gif) no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
background: url(//www.showersdoors.com/wp-content/themes/ingenious/css/select2-spinner.gif) no-repeat 100%, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
background: url(//www.showersdoors.com/wp-content/themes/ingenious/css/select2-spinner.gif) no-repeat 100%, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
background: url(//www.showersdoors.com/wp-content/themes/ingenious/css/select2-spinner.gif) no-repeat 100%, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0;
}
.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
border: 1px solid #5897fb;
outline: none;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
box-shadow: 0 0 5px rgba(0, 0, 0, .3);
}
.select2-dropdown-open .select2-choice {
border-bottom-color: transparent;
-webkit-box-shadow: 0 1px 0 #fff inset;
box-shadow: 0 1px 0 #fff inset;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
background-color: #eee;
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(0.5, #eee));
background-image: -webkit-linear-gradient(center bottom, #fff 0%, #eee 50%);
background-image: -moz-linear-gradient(center bottom, #fff 0%, #eee 50%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
background-image: linear-gradient(to top, #fff 0%, #eee 50%);
}
.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
border: 1px solid #5897fb;
border-top-color: transparent;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #eee));
background-image: -webkit-linear-gradient(center top, #fff 0%, #eee 50%);
background-image: -moz-linear-gradient(center top, #fff 0%, #eee 50%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
}
.select2-dropdown-open .select2-choice .select2-arrow {
background: transparent;
border-left: none;
filter: none;
}
html[dir="rtl"] .select2-dropdown-open .select2-choice .select2-arrow {
border-right: none;
}
.select2-dropdown-open .select2-choice .select2-arrow b {
background-position: -18px 1px;
}
html[dir="rtl"] .select2-dropdown-open .select2-choice .select2-arrow b {
background-position: -16px 1px;
}
.select2-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
} .select2-results {
max-height: 200px;
padding: 0 0 0 4px;
margin: 4px 4px 4px 0;
position: relative;
overflow-x: hidden;
overflow-y: auto;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
html[dir="rtl"] .select2-results {
padding: 0 4px 0 0;
margin: 4px 0 4px 4px;
}
.select2-results ul.select2-result-sub {
margin: 0;
padding-left: 0;
}
.select2-results li {
list-style: none;
display: list-item;
background-image: none;
}
.select2-results li.select2-result-with-children > .select2-result-label {
font-weight: bold;
}
.select2-results .select2-result-label {
padding: 3px 7px 4px;
margin: 0;
cursor: pointer;
min-height: 1em;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.select2-results-dept-1 .select2-result-label { padding-left: 20px }
.select2-results-dept-2 .select2-result-label { padding-left: 40px }
.select2-results-dept-3 .select2-result-label { padding-left: 60px }
.select2-results-dept-4 .select2-result-label { padding-left: 80px }
.select2-results-dept-5 .select2-result-label { padding-left: 100px }
.select2-results-dept-6 .select2-result-label { padding-left: 110px }
.select2-results-dept-7 .select2-result-label { padding-left: 120px }
.select2-results .select2-highlighted {
background: #3875d7;
color: #fff;
}
.select2-results li em {
background: #feffde;
font-style: normal;
}
.select2-results .select2-highlighted em {
background: transparent;
}
.select2-results .select2-highlighted ul {
background: #fff;
color: #000;
}
.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-ajax-error,
.select2-results .select2-selection-limit {
background: #f4f4f4;
display: list-item;
padding-left: 5px;
} .select2-results .select2-disabled.select2-highlighted {
color: #666;
background: #f4f4f4;
display: list-item;
cursor: default;
}
.select2-results .select2-disabled {
background: #f4f4f4;
display: list-item;
cursor: default;
}
.select2-results .select2-selected {
display: none;
}
.select2-more-results.select2-active {
background: #f4f4f4 url(//www.showersdoors.com/wp-content/themes/ingenious/css/select2-spinner.gif) no-repeat 100%;
}
.select2-results .select2-ajax-error {
background: rgba(255, 50, 50, .2);
}
.select2-more-results {
background: #f4f4f4;
display: list-item;
} .select2-container.select2-container-disabled .select2-choice {
background-color: #f4f4f4;
background-image: none;
border: 1px solid #ddd;
cursor: default;
}
.select2-container.select2-container-disabled .select2-choice .select2-arrow {
background-color: #f4f4f4;
background-image: none;
border-left: 0;
}
.select2-container.select2-container-disabled .select2-choice abbr {
display: none;
} .select2-container-multi .select2-choices {
height: auto !important;
height: 1%;
margin: 0;
padding: 0 5px 0 0;
position: relative;
border: 1px solid #aaa;
cursor: text;
overflow: hidden;
background-color: #fff;
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eee), color-stop(15%, #fff));
background-image: -webkit-linear-gradient(top, #eee 1%, #fff 15%);
background-image: -moz-linear-gradient(top, #eee 1%, #fff 15%);
background-image: linear-gradient(to bottom, #eee 1%, #fff 15%);
}
html[dir="rtl"] .select2-container-multi .select2-choices {
padding: 0 0 0 5px;
}
.select2-locked {
padding: 3px 5px 3px 5px !important;
}
.select2-container-multi .select2-choices {
min-height: 26px;
}
.select2-container-multi.select2-container-active .select2-choices {
border: 1px solid #5897fb;
outline: none;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
box-shadow: 0 0 5px rgba(0, 0, 0, .3);
}
.select2-container-multi .select2-choices li {
float: left;
list-style: none;
}
html[dir="rtl"] .select2-container-multi .select2-choices li
{
float: right;
}
.select2-container-multi .select2-choices .select2-search-field {
margin: 0;
padding: 0;
white-space: nowrap;
}
.select2-container-multi .select2-choices .select2-search-field input {
padding: 5px;
margin: 1px 0;
font-family: sans-serif;
font-size: 100%;
color: #666;
outline: 0;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
background: transparent !important;
}
.select2-container-multi .select2-choices .select2-search-field input.select2-active {
background: #fff url(//www.showersdoors.com/wp-content/themes/ingenious/css/select2-spinner.gif) no-repeat 100% !important;
}
.select2-default {
color: #999 !important;
}
.select2-container-multi .select2-choices .select2-search-choice {
padding: 3px 5px 3px 18px;
margin: 3px 0 3px 5px;
position: relative;
line-height: 13px;
color: #333;
cursor: default;
border: 1px solid #aaaaaa;
border-radius: 3px;
-webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
background-clip: padding-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: #e4e4e4;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
background-image: linear-gradient(to top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
}
html[dir="rtl"] .select2-container-multi .select2-choices .select2-search-choice
{
margin: 3px 5px 3px 0;
padding: 3px 18px 3px 5px;
}
.select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
cursor: default;
}
.select2-container-multi .select2-choices .select2-search-choice-focus {
background: #d4d4d4;
}
.select2-search-choice-close {
display: block;
width: 12px;
height: 13px;
position: absolute;
right: 3px;
top: 4px;
font-size: 1px;
outline: none;
background: url(//www.showersdoors.com/wp-content/themes/ingenious/css/select2.png) right top no-repeat;
}
html[dir="rtl"] .select2-search-choice-close {
right: auto;
left: 3px;
}
.select2-container-multi .select2-search-choice-close {
left: 3px;
}
html[dir="rtl"] .select2-container-multi .select2-search-choice-close {
left: auto;
right: 2px;
}
.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
background-position: right -11px;
}
.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
background-position: right -11px;
} .select2-container-multi.select2-container-disabled .select2-choices {
background-color: #f4f4f4;
background-image: none;
border: 1px solid #ddd;
cursor: default;
}
.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
padding: 3px 5px 3px 5px;
border: 1px solid #ddd;
background-image: none;
background-color: #f4f4f4;
}
.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {    display: none;
background: none;
} .select2-result-selectable .select2-match,
.select2-result-unselectable .select2-match {
text-decoration: underline;
}
.select2-offscreen, .select2-offscreen:focus {
clip: rect(0 0 0 0) !important;
width: 1px !important;
height: 1px !important;
border: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
position: absolute !important;
outline: 0 !important;
left: 0px !important;
top: 0px !important;
}
.select2-display-none {
display: none;
}
.select2-measure-scrollbar {
position: absolute;
top: -10000px;
left: -10000px;
width: 100px;
height: 100px;
overflow: scroll;
} @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 2dppx)  {
.select2-search input,
.select2-search-choice-close,
.select2-container .select2-choice abbr,
.select2-container .select2-choice .select2-arrow b {
background-image: url(//www.showersdoors.com/wp-content/themes/ingenious/css/select2x2.png) !important;
background-repeat: no-repeat !important;
background-size: 60px 40px !important;
}
.select2-search input {
background-position: 100% -21px !important;
}
}
 .animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
@-webkit-keyframes bounce {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0,-4px,0);
transform: translate3d(0,-4px,0);
}
}
@keyframes bounce {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0,-4px,0);
transform: translate3d(0,-4px,0);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
@-webkit-keyframes flash {
from, 50%, to {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
@keyframes flash {
from, 50%, to {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
} @-webkit-keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
}
@-webkit-keyframes shake {
from, to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
@keyframes shake {
from, to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.headShake {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-name: headShake;
animation-name: headShake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
} @-webkit-keyframes wobble {
from {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes wobble {
from {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: none;
transform: none;
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes jello {
from, 11.1%, to {
-webkit-transform: none;
transform: none;
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
@keyframes jello {
from, 11.1%, to {
-webkit-transform: none;
transform: none;
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
.jello {
-webkit-animation-name: jello;
animation-name: jello;
-webkit-transform-origin: center;
transform-origin: center;
}
@-webkit-keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInDown {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInRight {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInUp {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
}
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
to {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
to {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
@keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge;
} @-webkit-keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
} @-webkit-keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
@keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
to {
opacity: 0;
}
}
@keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
to {
opacity: 0;
}
}
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}#document{
overflow: hidden;
}
#document.boxed{
max-width: 1250px;
margin: 0 auto;
-webkit-box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.2);
box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.2);
}
#document > * + *{
margin-top: 40px;
}
#document > #main_slider_section,
#document > #page_title_section,
#document > #footer_widgets + #site_footer,
#scroll_to_top{
margin-top: auto;
}
#document > #site_header,
#sticky,
#document > #mobile_header{
margin-top: auto;
}
.ingenious_layout_container{
position: relative;
width: 1170px;
margin: 0 auto;
}
#top_panel,
#site_header{
position: relative;
}
#top_panel{
z-index: 3;
}
.site_header{
z-index: 2;
}
#fs_video_slider > .fs_video_bg{
z-index: 1;
}
#page{
padding-top: 40px;
padding-bottom: 40px;
} #page_content{
width: 100%;
}
#page.single_sidebar #page_content{
width:870px;
}
#page.double_sidebar #page_content{
width:570px;
}
.sidebar{
border: 1px solid #e1e0de;
width:270px;
overflow: hidden !important;
}
.sidebar .theiaStickySidebar{
overflow: hidden !important;
}
#left_sidebar{
margin-right:30px;
}
#right_sidebar{
margin-left:30px;
}  #page > .ingenious_layout_container{
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
}
#left_sidebar{
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
#right_sidebar{
-webkit-box-ordinal-group: 4;
-moz-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3;	
}
#page.single_sidebar #page_content,
#page.double_sidebar #page_content{
-webkit-box-ordinal-group: 3;
-moz-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;	
}  #page > .ingenious_layout_container,
#page > .ingenious_layout_container > *{
display: block\9;
}
#left_sidebar,
#page_content{
float: left\9;
}
#right_sidebar{
float: right\9;
}
#page.single_sidebar > .ingenious_layout_container:after,
#page.double_sidebar > .ingenious_layout_container:after{
display: none;
}
#page.single_sidebar > .ingenious_layout_container:after,
#page.double_sidebar > .ingenious_layout_container:after{
content: "";
display: block\9;
clear: both\9;
}  @media screen and ( max-width: 1190px ){
#document.boxed{
max-width: 1000px;		
}
.ingenious_layout_container{
width: 940px;		
}
#page.single_sidebar #page_content{
width:700px;
}
#page.double_sidebar #page_content{
width:460px;
}
.sidebar{
width:220px;
}
#page > .ingenious_layout_container > .sidebar#left_sidebar{
margin-right:20px;
}
#page > .ingenious_layout_container > .sidebar#right_sidebar{
margin-left:20px;
}	
}
@media screen and ( max-width: 980px ){
#document.boxed{
max-width: 788px;	
}
.ingenious_layout_container{
width: 738px;	
}
#page.single_sidebar #page_content,
#page.double_sidebar #page_content,
.sidebar{
width: 100%;
}
#page > .ingenious_layout_container > .sidebar#left_sidebar{
margin-right: auto;
}
#page > .ingenious_layout_container > .sidebar#right_sidebar{
margin-left: auto;
}
#page > .ingenious_layout_container > *{
margin-top: 40px;
}
#page > .ingenious_layout_container{
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#page.single_sidebar #page_content,
#page.double_sidebar #page_content,
#page #page_content{
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
#page .sidebar#left_sidebar{
-webkit-box-ordinal-group: 3;
-moz-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
}
#page .sidebar#right_sidebar{
-webkit-box-ordinal-group: 4;
-moz-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3;	
}
#page_content,
.sidebar#left_sidebar,
.sidebar#right_sidebar{
float: none\9;
}
#page > .ingenious_layout_container:after{
display: none\9;
}
}
@media screen and ( max-width: 767px ){
.ingenious_layout_container{
width: auto;
margin-left: 20px;
margin-right: 20px;			
}
}
@media screen and ( max-width: 479px ){
#page > .ingenious_layout_container > * {
margin-top: 0px;
}
}.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
padding: 0;
margin: 0;
border: 0;
outline: none;
vertical-align: top;
}
.fancybox-wrap {
position: absolute;
top: 0;
left: 0;
z-index: 8020;
}
.fancybox-skin {
position: relative;
background: #f9f9f9;
color: #444;
text-shadow: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.fancybox-opened {
z-index: 8030;
}
.fancybox-opened .fancybox-skin {
-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-outer, .fancybox-inner {
position: relative;
}
.fancybox-inner {
overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
-webkit-overflow-scrolling: touch;
}
.fancybox-error {
color: #444;
font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
margin: 0;
padding: 15px;
white-space: nowrap;
}
.fancybox-image, .fancybox-iframe {
display: block;
width: 100%;
height: 100%;
}
.fancybox-image {
max-width: 100%;
max-height: 100%;
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url(//www.showersdoors.com/wp-content/themes/ingenious/css/fancybox_sprite.png);
}
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
margin-top: -22px;
margin-left: -22px;
background-position: 0 -108px;
opacity: 0.8;
cursor: pointer;
z-index: 8060;
}
#fancybox-loading div {
width: 44px;
height: 44px;
background: url(//www.showersdoors.com/wp-content/themes/ingenious/css/fancybox_loading.gif) center center no-repeat;
}
.fancybox-close {
position: absolute;
top: -18px;
right: -18px;
width: 36px;
height: 36px;
cursor: pointer;
z-index: 8040;
}
.fancybox-nav {
position: absolute;
top: 0;
width: 40%;
height: 100%;
cursor: pointer;
text-decoration: none;
background: transparent url(//www.showersdoors.com/wp-content/themes/ingenious/css/blank.gif); -webkit-tap-highlight-color: rgba(0,0,0,0);
z-index: 8040;
}
.fancybox-prev {
left: 0;
}
.fancybox-next {
right: 0;
}
.fancybox-nav span {
position: absolute;
top: 50%;
width: 36px;
height: 34px;
margin-top: -18px;
cursor: pointer;
z-index: 8040;
visibility: hidden;
}
.fancybox-prev span {
left: 10px;
background-position: 0 -36px;
}
.fancybox-next span {
right: 10px;
background-position: 0 -72px;
}
.fancybox-nav:hover span {
visibility: visible;
}
.fancybox-tmp {
position: absolute;
top: -99999px;
left: -99999px;
visibility: hidden;
max-width: 99999px;
max-height: 99999px;
overflow: visible !important;
} .fancybox-lock {
overflow: hidden !important;
width: auto;
}
.fancybox-lock body {
overflow: hidden !important;
}
.fancybox-lock-test {
overflow-y: hidden !important;
}
.fancybox-overlay {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
display: none;
z-index: 8010;
background: url(//www.showersdoors.com/wp-content/themes/ingenious/css/fancybox_overlay.png);
}
.fancybox-overlay-fixed {
position: fixed;
bottom: 0;
right: 0;
}
.fancybox-lock .fancybox-overlay {
overflow: auto;
overflow-y: scroll;
} .fancybox-title {
visibility: hidden;
font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
position: relative;
text-shadow: none;
z-index: 8050;
}
.fancybox-opened .fancybox-title {
visibility: visible;
}
.fancybox-title-float-wrap {
position: absolute;
bottom: 0;
right: 50%;
margin-bottom: -35px;
z-index: 8050;
text-align: center;
}
.fancybox-title-float-wrap .child {
display: inline-block;
margin-right: -100%;
padding: 2px 20px;
background: transparent; background: rgba(0, 0, 0, 0.8);
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
text-shadow: 0 1px 2px #222;
color: #FFF;
font-weight: bold;
line-height: 24px;
white-space: nowrap;
}
.fancybox-title-outside-wrap {
position: relative;
margin-top: 10px;
color: #fff;
}
.fancybox-title-inside-wrap {
padding-top: 10px;
}
.fancybox-title-over-wrap {
position: absolute;
bottom: 0;
left: 0;
color: #fff;
padding: 10px;
background: #000;
background: rgba(0, 0, 0, .8);
} @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5){
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url(//www.showersdoors.com/wp-content/themes/ingenious/css/fancybox_sprite@2x.png);
background-size: 44px 152px; }
#fancybox-loading div {
background-image: url(//www.showersdoors.com/wp-content/themes/ingenious/css/fancybox_loading@2x.gif);
background-size: 24px 24px; }
}html{
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
li{
list-style-type: none;
}
img:not([src]){
content: "";
}
a{
cursor: pointer;
display: inline;
text-decoration: none;
}
a:hover{
text-decoration: none;
}
img,
iframe,
.wp-caption,
select{
max-width: 100%;
}
embed{
max-width: 100%;
}
img{
height: auto;
-webkit-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
vertical-align: top;
}
i.svg svg{
width: inherit;
height: inherit;
}
i.svg{
line-height: 1;
}
a,
input[type='submit'],
button,
.main_menu .menu-item > a,
.main_menu .menu-item > span:first-child,
#wp-calendar td#prev a:before,
#wp-calendar td#next a:before,
.widget .searchform .screen-reader-text,
.widget .menu .menu-item,
.widget .menu .menu-item .depth,
.widget_header .carousel_nav > *,
.ingenious_sc_carousel_header .carousel_nav > *,
.pic .hover-effect,
a[rel^="attachment"]:before,
a[rel^="attachment"]:after,
.gallery .gallery-item a:before,
.gallery .gallery-item a:after,
.pic > img,
.pic.link_post > a > img,
a[rel^="attachment"] img,
.gallery .gallery-item img,
.portfolio_posts_grid.posts_grid_2 hr.posts_grid_divider,
.portfolio_posts_grid.posts_grid_3 hr.posts_grid_divider,
.portfolio_posts_grid.posts_grid_4 hr.posts_grid_divider,
#scroll_to_top,
.ingenious_icon.hovered,
.vc_toggle .vc_toggle_title > h4,
.vc_toggle .vc_toggle_icon,
.ingenious_services_icon .icon,
.ingenious_pricing_plan,
.thumb .hover-effect,
.vc_images_carousel .vc_carousel-control .icon-next,
.vc_images_carousel .vc_carousel-control .icon-prev,
.select2-results .select2-result,
.gallery .gallery-icon-link,
#footer_widgets .widget_social .social_icon i,
.latest_post_list_more span,
.ingenious_sc_carousel .carousel_nav > .prev,
.ingenious_sc_carousel .carousel_nav > .next,
i.svg,
.ingenious_button i{
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
[class^="flaticon-"]:before, 
[class*=" flaticon-"]:before, 
[class^="flaticon-"]:after, 
[class*=" flaticon-"]:after {
font-size: inherit;
margin-left: 0;
}
.a-left{
text-align: left;
}
.a-right{
text-align: right;
}
.a-center{
text-align: center;
}
.index-2{
z-index: 2;
}
body{
overflow-x: hidden;
font-weight: 400;
z-index: 1;
}
img[class*="wp-image"],
.ingenious_button,
input[type='submit'],
button,
.more-link,
.ingenious_msg_box,
input,
textarea,
.widget .searchform .screen-reader-text,
.pic .links,
.pic.link_post .link,
#commentform > *,
.posts_grid .item,
.widget_header,
.vc_tta.vc_tta-tabs .vc_tta-tab > a,
.vc_toggle .vc_toggle_icon,
.widget_post_list.widget_carousel .item,
.ingenious_sc_carousel li.item{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box; 
box-sizing: border-box;
}
input[type="search"]{
-webkit-appearance: none;
}
.clearfix:after,
.latest_tweets.carousel:after,
#commentform .form-submit:after,
.ingenious_grid:after{
content: "";
display: block;
clear: both;
}
iframe{
-webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
-webkit-transform: rotate(0.000001deg);
}
.select2-results{
color: inherit;
}
.select2-results li{
padding-left: 10px;
font-weight: 500;
}
.select2-results li + li{
margin-top: auto;
border-top: 1px solid #dcdcdc;
}
.select2-results li:before{
display: none;
}
.v_sep{
border-left: 1px solid #e7e7e7;
padding-left: 15px;
margin-left: 15px;
}
.v_sep:first-child{
margin-left: auto;
}
.v_sep:last-child{
padding-left: 0;
}
body.single-post .cws_vc_shortcode_icon_wrapper,
body.single-post .cws_wrapper{
overflow: visible;
}
.ingenious_wrapper,
.cws_wrapper{
position: relative;
overflow: hidden;
}
.ingenious_wrapper .carousel_nav{
z-index: 2;
}
.full_width_style .ingenious_wrapper{
margin-left: 15px;
margin-right: 15px;
}
.ingenious_overlay,
.cws_overlay{
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
}
a.cws_overlay{
z-index: 1;
}
.ingenious_flex_column_sb{
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between; 
}
.text_alignleft{
text-align: left;
}
.text_alignright{
text-align: right;
}
.text_aligncenter{
text-align: center;
}
.widgettitle{
font-weight: 600;
}
.thumb{
position: relative;
overflow: hidden;
}
.thumb .hover-effect{
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(255,255,255,0.25);
opacity: 0;
}
.thumb:hover .hover-effect{
opacity: 1;
}
.thumb .link,
.thumb .link > a{
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.thumb > img{
z-index: 0;
}
.thumb .hover-effect{
z-index: 1;
}
.thumb .link{
z-index: 2;
}
.a_left_flex{
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.a_right_flex{
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.a_center_flex{
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.children_height_stretchedByFlex{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.opacity1 .figure_wrap svg{
opacity: 1;
}
#benefits{
background-image: -webkit-linear-gradient(top, rgba(31, 40, 48,0) 0%, rgba(31, 40, 48,1) 170px), -webkit-linear-gradient(top, rgba(31, 40, 48,0) 0%, rgba(31, 40, 48,1) 170px);
background-image: -moz-linear-gradient(top, rgba(31, 40, 48,0) 0%, rgba(31, 40, 48,1) 170px), -moz-linear-gradient(top, rgba(31, 40, 48,0) 0%, rgba(31, 40, 48,1) 170px);
background-image: -o-linear-gradient(top, rgba(31, 40, 48,0) 0%, rgba(31, 40, 48,1) 170px), -o-linear-gradient(top, rgba(31, 40, 48,0) 0%, rgba(31, 40, 48,1) 170px);
background-image: -ms-linear-gradient(top, rgba(31, 40, 48,0) 0%, rgba(31, 40, 48,1) 170px), -ms-linear-gradient(top, rgba(31, 40, 48,0) 0%, rgba(31, 40, 48,1) 170px);
background-image: linear-gradient(to bottom, rgba(31, 40, 48,0) 0%, rgba(31, 40, 48,1) 170px), linear-gradient(to bottom, rgba(31, 40, 48,0) 0%, rgba(31, 40, 48,1) 170px);
}
#document{
background: #fff;
position: relative;
}
#page.full_width{
margin-top: 0;
padding-top: 0;
}  img[class*="wp-image"].img_top,
img[class*="wp-image"].img_bot{
transition: all .6s cubic-bezier(.2, .55, .1, .7);
box-shadow: 0px 5px 22px 0px rgba(30,37,54,0.18);
margin-top: 10px;
}
img[class*="wp-image"].img_top:hover{
transform: translate3d(0,-10px,0);
box-shadow: 0px 10px 45px 0px rgba(30,37,54,0.18);
}
img[class*="wp-image"].img_bot:hover{
transform: translate3d(0,10px,0);
box-shadow: 0px 10px 45px 0px rgba(30,37,54,0.18);
}
a[rel^="attachment"]{
display: inline-block;
}
.gallery .gallery-item a{
display: block;
margin: 0 15px;
}
.post_single.gallery .gallery-item a{
margin: 0;
}
.widget .gallery .gallery-item a{
margin: 0;
}
a[rel^="attachment"],
.gallery .gallery-item a{
position: relative;
overflow: hidden;
}
a[rel^="attachment"] img,
.gallery .gallery-item img{
display: inline-block;
vertical-align: middle;
border-style: none;
-webkit-transform: scale(1) translate3d(0,0,0);
-ms-transform: scale(1) translate3d(0,0,0);
transform: scale(1) translate3d(0,0,0);
z-index: 0;
}
a[rel^="attachment"] img{
padding: 0;
}
.gallery{
margin-bottom: 20px;
}
.widget .gallery{
margin-bottom: 0px;
}
.single_gallery{
margin-left: -10px;
margin-right: -10px;
margin-top: -10px;
}
#page.full_width .single_gallery{
margin: 10px;
margin-bottom: 0;
position: relative;
height: 100%;
overflow: hidden;
}
.single_gallery .gallery-item{
box-sizing: border-box;
padding: 10px;
float: left;
}
.single_gallery .gallery-item.col_1{
padding: 0;
padding-bottom: 10px;
}
.single_gallery .gallery-item img{
display: block;
}
.widget .gallery{
margin-left: -5px !important;
margin-right: -5px !important;  
margin-top: 15px;
}
.widget .gallery .gallery-item{
padding-left: 2px;
padding-right: 2px;
margin-bottom: 4px !important;
margin-top: 0 !important;
box-sizing: border-box;
}
.ingenious_sc_carousel .gallery .gallery-item{
margin-bottom: auto !important; 
}
.gallery .gallery-item img{
border-style: none !important;  
}
.wp-playlist-light{
border-style: none;
}
.wp-playlist-light .wp-playlist,
.wp-playlist-light .wp-playlist-caption,
.wp-playlist-light .wp-playlist-item-meta,
.wp-playlist-light .wp-playlist-item-title,
.wp-playlist-light .wp-playlist-item-artist{
font-size: inherit;
line-height: inherit;
color: inherit;
}
.wp-playlist-light .wp-playlist-current-item{
position: relative;
padding: 12px 10px 12px 60px;
border-radius: 10px 0 0 0;
color: #fff;
height: auto;
margin-bottom: 0;
}
.wp-playlist-light .wp-playlist-current-item .wp-playlist-caption{
color: #fff;
}
.wp-playlist-light .wp-playlist-current-item img{
display: none;
}
.wp-playlist-light .wp-playlist-current-item:before{
font-family: 'Font Awesome 5 Free';
font-weight: 900;
content: "\f001";
display: block;
position: absolute;
top: 3px;
left: 3px;
width: 44px;
height: 44px;
line-height: 44px;
font-size: 20px;
background-color: #fff;
text-align: center;
border-radius: 8px;
}
.wp-playlist-light .wp-playlist-item{
padding: 5px 0;
}
.wp-playlist-light .wp-playlist-item:not(:last-child){
border-bottom-style: solid;
border-bottom-width: 1px;
}
.wp-playlist-light .wp-playlist-current-item .wp-playlist-item-title{
font-weight: 500;
}
.wp-playlist-light .wp-playlist-tracks .wp-playlist-playing{
font-weight: 500;
background-color: transparent;
}
.wp-playlist-light .wp-playlist-tracks{
margin-top: auto;
padding: 25px 30px;
background-color: #e5e5e5;
}
.wp-playlist-light .wp-playlist-current-item .wp-playlist-item-meta{
font-size: inherit;
}
.ingenious_sc_carousel .owl-item > .gallery-item{
width: 100% !important;
}
.ingenious_sc_carousel .owl-pagination{
padding-left: 15px;
padding-right: 15px;
}  address:not(:last-child),
p:not(:last-child),
ul:not(:last-child),
ol:not(:last-child),
blockquote:not(:last-child),
table:not(:last-child),
dl:not(:last-child){
margin-bottom: 1em;
}
ul ul, ol ol, ul ol, ol ul{
margin-bottom: 0;
}
strong{
font-weight: 700;
}
small{
font-size: smaller;
}
em{
font-style: italic;
}
address{
font-style: italic;
}
abbr,
acronym{
border-bottom-style: dotted;
border-bottom-width: 1px;
cursor: help;
}
big{
font-size: larger;
}
pre{
background: #f5f5f5;
color: #666;
font-size: 14px;
margin: 20px 0;
overflow: auto;
padding: 20px;
}
cite{
font-style: italic;
}
code{
padding: 10px 10px;
border: 1px solid #e6e6e6;
border-radius: 2px;
background-color: #f7f7f7;
display: block;
}
sub, sup{
font-size: 0.85em;
}
sub{
vertical-align: sub;
}
sup{
vertical-align: super;
}
ins{
background: #f2f2f2;    
}
main p{
text-indent: 0;
}
main p[style*="text-align: center;"],
main p[style*="text-align:center;"]{
text-indent: 0;
}
*{
text-indent: 0;
}
hr{
-webkit-appearance: none;
position: relative;
height: 1px;
margin: 30px auto;
background: #dddfdc;
border-style: none;
outline-style: none;
}
hr.thick{
height: 3px;
}
hr.thin_center:before{
content: '';
position: absolute;
z-index: 1;
top: 0;
left: 50%;
height: 1px;
width: 20%;
max-width: 200px;
transform: translateX(-50%);
}
del{
text-decoration: line-through;
}
mark{
-webkit-appearance: none;
color: #fff;
padding: 0px 6px;
border-radius: 4px;
}
canvas{
display: block;
} h1, h2, h3, h4, h5, h6{
line-height: 1.2;
font-weight: 500;
}
h1                      { font-size: 3em; }
h1:not(:last-child)     { margin-bottom: 0.67em; }
h1:not(:first-child)    { margin-top: 0.67em; }
h2                      { font-size: 2.64em; }
h2:not(:last-child)     { margin-bottom: 0.5em; }
h2:not(:first-child)    { margin-top: 0.83em; }
h3                      { font-size: 2.214em; }
h3:not(:last-child)     { margin-bottom: 0.6em; }
h3:not(:first-child)    { margin-top: 1em; }
h4                      { font-size: 1.64em; }
h4:not(:last-child)     { margin-bottom: 0.6em; }
h4:not(:first-child)    { margin-top: 1.33em; }
h5                      { font-size: 1.357em; }
h5:not(:last-child)     { margin-bottom: 0.6em; }
h5:not(:first-child)    { margin-top: 1.67em; }
h6                      { font-size: 1.14em; }
h6:not(:last-child)     { margin-bottom: 0.6em; }
h6:not(:first-child)    { margin-top: 2.33em; }  ul > li{
position: relative;
padding-left: 1.3em;
}
ul li + li,
ol li + li,
li > ul > li:first-child,
li > ol > li:first-child{
margin-top: 15px;
}
ul li + li{
margin-top: 5px;
}
ul > li:before,
ul.custom_icon_style .list_list{
position: absolute;
top: 0;
left: 0;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
content: "\f111";
font-size: 0.5em;
}
ul > li.widget:before{
display: none;
}
#footer_widgets_container > .widget:before{
display: none;
}
ul.custom_icon_style .list_list{
font-size: inherit;
line-height: inherit;
}
ol{
padding-left: 1.3em;
}
ol > li{
list-style-type: decimal;   
}
ul.checkmarks_style li:before{
font-size: 1em;
content: "\f00c";
}
ul.custom_icon_style li:before{
display: none;
}
#querylist ul li:before{
display: none;
}
ul.checkmarks_plus li:before{
font-size: 1em;
content: "\f118";
font-family: "cws-icon";
}
ul.wp-block-gallery > li{
padding-left: 0;
}
ul.wp-block-gallery > li:before{
content: none;
}  blockquote{
display: block;
position: relative;
padding: 15px;
border-left: 4px solid #333333;
font-style: italic;
margin-left: 20px;
}
q{
position: relative;
z-index: 1;
font-style: italic;
font-size: 1.26em;
display: block;
padding-left: 35px;
font-weight: 300;
text-align: left;	
}
q:before{
display: inline-block;
font-size: 40px;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
vertical-align: middle;
content: '\f10d';
margin-right: 8px;
color: #d8e8ec;
}
p.quote_line{
text-align: right;
}  table{
border-collapse: collapse;
}
table th,
table td{
padding: 14px;
border: 1px solid #e0e6ea;
}
table thead tr:first-child{
color: #fff;
}
table thead th,
table thead td,
table tfoot th,
table tfoot td{
text-align: left;
}  dl dt:not(:first-child){
margin-top: 0.8em;
}
dl dd{
padding-left: 1.3em;
font-style: italic;
} .dropcap{
font-size: 36px;
display: block;
float: left;
margin-right: 0.5ex;
text-align: center;
color: #fff; 
background: transparent; 
border: 2px solid transparent;
}
.dropcap.round{
border-radius: 50%;
}
.dropcap.dropcap_fill{
color: #fff;
}  input:not(.adminbar-input),
textarea{
background-color: #fff;
font-size: 0.933333em;
padding: 0 10px;
border: 1px solid #e0e6ea;
max-width: 100%;
margin: auto; min-width: 160px;
min-height: 42px;
}
input[type="radio"],
input[type="checkbox"]
{
min-width: initial;
min-height: initial;
}
input:not([type="checkbox"]):not([type="radio"]),
textarea{
-webkit-appearance: none;
}
.vc_row-has-fill input,
.vc_row-has-fill textarea{
background-color: #fff;
}
input[type='submit']{
cursor: pointer;
}
input::-webkit-input-placeholder {color: #333333;}
input::-moz-placeholder     {color: #333333;} 
input:-moz-placeholder      {color: #333333;} 
input:-ms-input-placeholder {color: #333333;}
textarea::-webkit-input-placeholder {color: #333333;}
textarea::-moz-placeholder     {color: #333333;} 
textarea:-moz-placeholder      {color: #333333;} 
textarea:-ms-input-placeholder {color: #333333;}
.wpcf7-form p{
text-indent: 0;
}
.wpcf7-form p.col_2{
width: 49.6%;
display: inline-block;
}
.wpcf7-form p.col_center{
text-align: center;
}
.wpcf7-form .wpcf7-submit.orange{
background-color: #ff6c3a;
border-color: #ff6c3a;
color: #ffffff;	
}
.wpcf7-form .wpcf7-submit.orange:hover{
color: #ff6c3a;
background-color: #ffffff;
}
span.wpcf7-form-control-wrap:first-of-type:last-of-type:first-child:not(:only-child) input{
line-height: 1.142858em;
height: 1.142858em; padding-top: 11px;
padding-bottom: 11px;
padding-left: 18px;
padding-right: 18px;
border-radius: 4px;
-webkit-box-sizing: content-box; -ms-box-sizing: content-box; box-sizing: content-box; max-width: 50%;
}
span.wpcf7-form-control-wrap input,
span.wpcf7-form-control-wrap textarea{
border-radius: 4px; 
}
span.wpcf7-form-control-wrap textarea{
line-height: 1.6923; 
}
span.wpcf7-form-control-wrap:first-of-type:last-of-type:first-child + input[type="submit"]{
position: relative;
margin-left: -1px;
border-radius: 4px;
min-width: 0;
background-color: #18bb7c;
border-color: #59ab66;
color: #fff;
}
span.wpcf7-form-control-wrap:first-of-type:last-of-type:first-child + input[type="submit"]:hover{
color: rgba(255,255,255,0.8);
}
span.wpcf7-form-control-wrap:first-of-type:last-of-type:first-child input.wpcf7-not-valid{
border-color: #59ab66;
}
span.wpcf7-form-control-wrap:first-of-type:last-of-type:first-child input.wpcf7-validates-as-required.wpcf7-not-valid + .wpcf7-not-valid-tip{
display: block;
position: absolute;
top: 0;
right: 0;
height: 100%;
font-size: 0;
}
span.wpcf7-form-control-wrap:first-of-type:last-of-type:first-child input.wpcf7-validates-as-required.wpcf7-not-valid + .wpcf7-not-valid-tip:after{
content: "*";
display: inline-block;
font-family: Arial;
font-size: 24px;
padding: 0 10px;
color: #59ab66;
}
span.wpcf7-form-control-wrap:first-of-type:last-of-type:first-child input.wpcf7-validates-as-required.wpcf7-not-valid{
padding-right: 30px;
}
div.wpcf7-response-output{
margin-left: auto;
margin-right: auto;
}
.cws_signup form.wpcf7-form{
display:table;
margin-left:auto;
margin-right: auto;
}
.cws_signup .wpcf7-response-output{
display: block !important;
min-height: 24px;
border-width: 2px;
border-style: solid;
}
.cws_signup .wpcf7-response-output:not([role]){
border-color: transparent;
}
.cws_signup .wpcf7-response-output:not([role]):before{
content: "\00A0";
}
.cws_signup .wpcf7-form-control-wrap.your-email{
white-space: nowrap;
}
.cws_signup div.wpcf7 img.ajax-loader{
margin-left: -16px;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
form.wpcf7-form{
box-shadow: 1px 0px 20px 2px rgba(0,0,0,0.2);
padding: 30px 30px 20px 30px;
background-color: #fff;
}
.contact_form_no_shadow form.wpcf7-form{
box-shadow: none;
}
form.wpcf7-form span input,
form.wpcf7-form span textarea{
width: 100%;
}
@media screen and ( max-width: 767px ){
.cws_signup .wpcf7-form-control-wrap.your-email{
white-space: normal;
}
.cws_signup span.wpcf7-form-control-wrap:first-of-type:last-of-type:first-child + input[type="submit"]{
margin-top: 10px;
border-radius: 4px;
}   
.cws_signup span.wpcf7-form-control-wrap:first-of-type:last-of-type:first-child:not(:only-child) input{
width: 100%;
border-radius: 4px;    
}
}  input[type='submit']{
font-size: inherit;
}
.ingenious_button_wrapper{
display: inline-block;
width: initial !important;
}
.ingenious_icon_wrapper + .ingenious_button_wrapper{
margin-top: 30px;	
}
.ingenious_button,
.more-link{
text-decoration: none;
}
.ingenious_button,
input[type='submit'],
button,
.more-link{
display: inline-block;
border-style: solid;
border-color: #59ab66;
line-height: 1.066667em;
color: #fff;
font-weight: 500;
text-align: center;
letter-spacing: 1px;
white-space: nowrap;
font-size: 14px;
border-radius: 30px;
position: relative;
z-index: 1;
min-width: 160px;
}
.ingenious_button,
.more-link{
border-width: 3px;
padding: 9px 13px;
min-width: 150px;
font-size: 16px;
border-radius: 30px;
text-transform: uppercase;
}
.ingenious_button.without_fill{
background: transparent !important;
border-color: transparent !important;
padding: 0 !important;
}
.ingenious_button.without_fill:not(.none_anim):hover{
color: inherit !important;
}
.ingenious_button.only_icon{
background: transparent !important;
border-color: transparent !important;
color: transparent !important;
box-shadow: none !important;
padding: 0 !important;
min-width: 0 !important;
font-size: 26px !important;
}
.ingenious_button.alt{
background-color: #59ab66;
color: #fff;
}
.ingenious_button.alt:not(.none_anim):hover{
background-color: transparent;
}
button{
background-color: transparent;
cursor: pointer;
}
.ingenious_button.alt,
.ingenious_button:not(.none_anim):hover{
color: #fff;
}
.ingenious_button.alt:not(.none_anim):hover{
background-color: transparent;
}
.ingenious_button_wrapper.fw{
display: block;
}
.ingenious_button_wrapper.fw .ingenious_button{
width: 100%;
}
.ingenious_button.small{
padding: 6px 30px;
min-width: 120px;
font-size: 13px;
}
.ingenious_button.regular{
padding: 10px 10px;
font-size: 13px;
min-width: 150px;
}
.ingenious_button.large{
padding: 14px 70px;
min-width: 200px;
font-size: 16px;
}
.ingenious_button.swipe_left,
.ingenious_button.swipe_right,
.ingenious_button.swipe_top,
.ingenious_button.swipe_bot,
.ingenious_button.swipe_diagonal,
.ingenious_button.slice,
.ingenious_button.smoosh,
.ingenious_button.collision,
.ingenious_button.pos_aware,
.ingenious_button.shadow,
.ingenious_button.shadow_alt{
overflow: hidden;
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
background: transparent !important;
}
.ingenious_button.swipe_left:before,
.ingenious_button.swipe_right:before,
.ingenious_button.swipe_top:before,
.ingenious_button.swipe_bot:before{
content: '';
position: absolute;
z-index: -1;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}
.ingenious_button.swipe_left:before{
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
.ingenious_button.swipe_right:before{
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
.ingenious_button.swipe_top:before{
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.ingenious_button.swipe_bot:before{
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.ingenious_button.swipe_left:hover:before,
.ingenious_button.swipe_right:hover:before,
.ingenious_button.swipe_top:hover:before,
.ingenious_button.swipe_bot:hover:before {
-webkit-transform: translateX(0);
transform: translateX(0);
}
.ingenious_button.swipe_diagonal:before {
content: '';
position: absolute;
z-index: -1;
top: 0;
right: -50px;
bottom: 0;
left: 0;
border-right: 50px solid transparent;
border-bottom: 80px solid #3e2a64;
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
.ingenious_button.swipe_diagonal:hover:before {
-webkit-transform: translateX(0);
transform: translateX(0);
}
.ingenious_button.close_diagonal{
overflow: hidden;
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
background: transparent !important;
}
.ingenious_button.close_diagonal:before, 
.ingenious_button.close_diagonal:after {
content: '';
position: absolute;
z-index: -1;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.ingenious_button.close_diagonal:before {
right: -25px;
border-right: 25px solid transparent;
border-bottom: 80px solid #223818;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
.ingenious_button.close_diagonal:after {
left: -25px;
border-left: 25px solid transparent;
border-top: 80px solid #223818;
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
.ingenious_button.close_diagonal:hover:before {
-webkit-transform: translateX(-49%);
transform: translateX(-49%);
}
.ingenious_button.close_diagonal:hover:after {
-webkit-transform: translateX(50%);
transform: translateX(50%);
}
.ingenious_button.slice:after {
content: '';
width: 0;
height: 0;
-webkit-transform: rotate(360deg);
border-style: solid;
border-width: 0 0 0 0;
border-color: transparent;
position: absolute;
top: 0;
right: 0;
}
.ingenious_button.slice:before {
content: '';
width: 0;
height: 0;
-webkit-transform: rotate(360deg);
border-style: solid;
border-width: 0 0 0 0;
border-color: transparent;
position: absolute;
bottom: 0;
left: 0;
}
.ingenious_button.slice:before, 
.ingenious_button.slice:after {
content: '';
position: absolute;
z-index: -1;
width: 0;
height: 0;
border: 0 solid;
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}
.ingenious_button.slice:before {
bottom: 0;
left: 0;
border-color: transparent;
}
.ingenious_button.slice:after {
top: 0;
right: 0;
border-color: transparent;
}
.ingenious_button.slice:hover:before, 
.ingenious_button.slice:hover:after {
border-width: 50px 262.5px;
}
.ingenious_button.smoosh:before, 
.ingenious_button.smoosh:after {
content: '';
position: absolute;
z-index: -1;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}
.ingenious_button.smoosh:before {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.ingenious_button.smoosh:after {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.ingenious_button.smoosh:hover:before {
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.ingenious_button.smoosh:hover:after {
-webkit-transform: translateY(49%);
transform: translateY(49%);
}
.ingenious_button.collision{
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.ingenious_button.collision:before, 
.ingenious_button.collision:after {
position: absolute;
z-index: -1;
top: 50%;
content: '';
width: 20px;
height: 20px;
background-color: #72b8ba;
border-radius: 50%;
}
.ingenious_button.collision:before {
left: -20px;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.ingenious_button.collision:after {
right: -20px;
-webkit-transform: translate(50%, -50%);
transform: translate(50%, -50%);
}
.ingenious_button.collision:hover:before {
-webkit-animation: criss-cross-left 0.8s both;
animation: criss-cross-left 0.8s both;
-webkit-animation-direction: alternate;
animation-direction: alternate;
}
.ingenious_button.collision:hover:after {
-webkit-animation: criss-cross-right 0.8s both;
animation: criss-cross-right 0.8s both;
-webkit-animation-direction: alternate;
animation-direction: alternate;
}
@keyframes criss-cross-left {
0% {
left: -20px;
}
50% {
left: 50%;
width: 20px;
height: 20px;
}
100% {
left: 50%;
width: 375px;
height: 375px;
}
}
@keyframes criss-cross-right {
0% {
right: -20px;
}
50% {
right: 50%;
width: 20px;
height: 20px;
}
100% {
right: 50%;
width: 375px;
height: 375px;
}
}
.ingenious_button.pos_aware span {
position: absolute;
display: block;
width: 0;
height: 0;
border-radius: 50%;
background-color: #10154a;
-webkit-transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: -1;
}
.ingenious_button.pos_aware:hover span {
width: 225%;
height: 562.5px;
}
.ingenious_button.pos_aware:active {
background-color: #1a237b;
}
.ingenious_button.shadow {
color: #fff;
box-shadow: 0 0 40px 40px #3498db inset, 0 0 0 0 #3498db;
-webkit-transition: all 250ms ease-in-out;
transition: all 250ms ease-in-out;
}
.ingenious_button.shadow:hover {
box-shadow: 0 0 10px 0 #3498db inset, 0 0 10px 1px #3498db;
}
.ingenious_button.shadow_alt {
-webkit-transition: all 250ms ease-in-out;
transition: all 250ms ease-in-out;
}
.ingenious_button.shadow_alt:hover {
box-shadow: 0 0 40px 40px #3498db inset, 0 0 10px 1px #3498db;
}   .ingenious_msg_box{
position: relative;
padding: 20px;
color: #fff;
min-height: 80px;
background-color: #25bf7c;
}
.ingenious_msg_box.with-icon{
padding-left: 80px;
padding-right: 65px;
}
.ingenious_msg_box h1,
.ingenious_msg_box h2,
.ingenious_msg_box h3,
.ingenious_msg_box h4,
.ingenious_msg_box h5,
.ingenious_msg_box h6,
.ingenious_msg_box a,
.ingenious_msg_box p{
color: #fff;
}
.ingenious_msg_box .icon_part{
position: absolute;
z-index: 1;
top: 50%;
left: 10px;
width: 60px;
height: 60px;
margin-top: -28px;
}
.ingenious_msg_box .icon_shape svg{
stroke: transparent;
fill: #fff;
}
.ingenious_msg_box .msg_icon{
font-size: 20px;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
text-align: center;
color: #25bf7c;
}
.ingenious_msg_box .msg_icon:not(.fa){
font-family: cws-icon;
}
.ingenious_msg_box .msg_icon:not(.fa):before{
content: "\f00c";   
}
.ingenious_msg_box .content_part{
line-height: 1.2;
}
.ingenious_msg_box .title{
font-size: 18px;
font-weight: 500;
margin-bottom: 5px;
}
.ingenious_msg_box .close_button{
display: block;
position: absolute;
top: 0;
right: 0;
width: 65px;
height: 100%;
}
.ingenious_msg_box .close_button:before{
content: '';
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0.1;
transition: all 0.3s;
}
.ingenious_msg_box .close_button:hover:before{
opacity: 0.2;
}
.ingenious_msg_box .close_button .cross:before,
.ingenious_msg_box .close_button .cross:after{
display: block;
content: "";
position: absolute;
top: 50%;
left: 50%;
background-color: #fff;
}
.ingenious_msg_box .close_button .cross:before{
width: 18px;
height: 2px;
margin-left: -9px;
margin-top: -1px;
-webkit-transform: rotate( 45deg );
-ms-transform: rotate( 45deg );
-moz-transform: rotate( 45deg );
transform: rotate( 45deg );
}
.ingenious_msg_box .close_button .cross:after{
width: 2px;
height: 18px;
margin-left: -1px;
margin-top: -9px;
-webkit-transform: rotate( 225deg );
-ms-transform: rotate( 225deg );
-moz-transform: rotate( 225deg );
transform: rotate( 225deg );
}
.ingenious_msg_box.warn{
background-color: #fad00f;
}
.ingenious_msg_box.warn .msg_icon{
color: #fad00f;
}
.ingenious_msg_box.warn .msg_icon:not(.fa):before{
content: "\f127";
}
.ingenious_msg_box.error{
background-color: #ec3f3d;
}
.ingenious_msg_box.error .msg_icon{
color: #ec3f3d;
}
.ingenious_msg_box.error .msg_icon:not(.fa):before{
content: "\f123";
}
.ingenious_msg_box.info{
background-color: #2f94ce;
}
.ingenious_msg_box.info .msg_icon{
color: #2f94ce;
}
.ingenious_msg_box.info .msg_icon:not(.fa):before{
content: "\f120";
}
.ingenious_msg_box.success .msg_icon:not(.fa):before{
content: "\f10c";
}  .testimonial{
background: #fff;
position: relative;
z-index: 1;
margin-top: 45px;
}
.testimonial.rhomb{
margin-top: 60px;
}
.testimonial .content_wrap{
padding: 90px 30px 40px;
text-align: center;
}
.testimonial .testimonial_img{
position: absolute;
z-index: 1;
top: -45px;
left: 0;
width: 100%;
text-align: center;
}
.testimonial.rhomb .testimonial_img_wrap{
display: inline-block;
transform: rotate(45deg);
overflow: hidden;
width: 80px;
height: 80px;
border: 6px solid #fff;
border-radius: 10px;
}
.testimonial.rhomb .testimonial_img_wrap img{
transform: rotate(-45deg) scale(1.4);
border-radius: 15px; left: 0;
top: 0;
border: 0;
}
.testimonial .testimonial_img img{
border-radius: 50%;
border: 6px solid #fff;
}
.testimonial .testimonial_name{
position: relative;
z-index: 1;
margin-bottom: 5px;
margin-top: 15px;
padding-top: 20px;
font-size: inherit;
}
.testimonial .testimonial_name:before{
content: '';
position: absolute;
z-index: 1;
width: 30px;
height: 3px;
top: 0;
left: 50%;
margin-left: -15px;
}
.testimonial .testimonial_status{
font-weight: 600;
}  .ingenious_icon_wrapper{
display: block;
margin: 5px;
}
.ingenious_icon_wrapper.icon-align-left,
.ingenious_icon_wrapper.icon-align-right
{
display: inline-block;
}
.ingenious_icon_wrapper.row_icon{
display: inline-block;
}
.ingenious_icon_wrapper.icon-align-left{
text-align: right;
}
.ingenious_icon_wrapper.icon-align-right{
text-align: left;
}
.ingenious_icon_wrapper.icon-align-center{
text-align: center;
}
.ingenious_icon_wrapper span.icon_title{
font-weight: bold;
}
.ingenious_icon_wrapper.icon-align-center > .ingenious_icon{
display: block;
}
.ingenious_icon_wrapper.icon-align-left > span.icon_title,
.ingenious_icon_wrapper.icon-align-right > span.icon_title
{
vertical-align: middle;
}
.ingenious_icon_wrapper.icon-align-left > span.icon_title{
margin-right: 10px;	
}
.ingenious_icon_wrapper.icon-align-right > span.icon_title{
margin-left: 10px;	
}
.ingenious_icon{
display: inline-block;
width: 75px;
height: 75px;
line-height: 75px;
font-size: 35px;
text-decoration: none;
text-align: center;
color: #000;
position: relative;
z-index: 1;
}
.ingenious_icon.cws_svg{
font-size: 0;
}
.ingenious_icon.cws_svg > i{
position: absolute;
left: 48%;
top: 48%;
transform: translate(-50%,-50%);
}
.ingenious_icon_wrapper > .ingenious_icon{
vertical-align: middle;
margin: auto;
}
.ingenious_icon.mini{
width: 50px;
height: 50px;
line-height: 50px;
font-size: 25px;
}
.ingenious_icon.small{
width: 66px;
height: 66px;
line-height: 66px;
font-size: 28px;
}
.ingenious_icon.medium{
width: 85px;
height: 85px;
line-height: 85px;
font-size: 50px;
}
.ingenious_icon.large{
width: 120px;
height: 120px;
line-height: 120px;
font-size: 60px;
}
.ingenious_icon.extra_large{
width: 150px;
height: 150px;
line-height: 150px;
font-size: 75px;
}
.ingenious_icon.mini.triangle,
.ingenious_icon.mini.triangle_2{
height: 45px;
}
.ingenious_icon.small.triangle,
.ingenious_icon.small.triangle_2{
height: 55px;
}
.ingenious_icon.medium.triangle,
.ingenious_icon.medium.triangle_2{
height: 70px;
font-size: 35px;
}
.ingenious_icon.large.triangle,
.ingenious_icon.large.triangle_2{
height: 100px;
font-size: 50px;
}
.ingenious_icon.extra_large.triangle,
.ingenious_icon.extra_large.triangle_2{
height: 125px;
font-size: 60px;
}
.ingenious_icon.mini.triangle_2{
line-height: 35px;
}
.ingenious_icon.small.triangle_2{
line-height: 45px;
}
.ingenious_icon.medium.triangle_2{
line-height: 60px;
}
.ingenious_icon.large.triangle_2{
line-height: 80px;
}
.ingenious_icon.extra_large.triangle_2{
line-height: 100px;
}
.ingenious_icon.mini.shield{
height: 58px;
line-height: 58px;
}
.ingenious_icon.small.shield{
height: 76px;
line-height: 76px;
}
.ingenious_icon.medium.shield{
height: 95px;
line-height: 95px;
}
.ingenious_icon.large.shield{
height: 135px;
line-height: 135px;
}
.ingenious_icon.extra_large.shield{
height: 170px;
line-height: 170px;
}
.ingenious_icon.mini.cws_svg .svg{
width: 30px !important;
height: 30px !important;
}
.ingenious_icon.small.cws_svg .svg{
width: 40px !important;
height: 40px !important;
}
.ingenious_icon.medium.cws_svg .svg{
width: 50px !important;
height: 50px !important;
}
.ingenious_icon.large.cws_svg .svg{
width: 70px !important;
height: 70px !important;
}
.ingenious_icon.extra_large.cws_svg .svg{
width: 80px !important;
height: 80px !important;
}
.ingenious_icon.mini.cws_svg.triangle .svg{
width: 20px !important;
height: 20px !important;
top: 60%;
}
.ingenious_icon.small.cws_svg.triangle .svg{
width: 30px !important;
height: 30px !important;
top: 60%;
}
.ingenious_icon.medium.cws_svg.triangle .svg{
width: 40px !important;
height: 40px !important;
top: 65%;
}
.ingenious_icon.large.cws_svg.triangle .svg{
width: 50px !important;
height: 50px !important;
top: 65%;
}
.ingenious_icon.extra_large.cws_svg.triangle .svg{
width: 60px !important;
height: 60px !important;
top: 65%;
}
.ingenious_icon.mini.cws_svg.triangle_2 .svg{
width: 20px !important;
height: 20px !important;
top: 35%;
}
.ingenious_icon.small.cws_svg.triangle_2 .svg{
width: 30px !important;
height: 30px !important;
top: 35%;
}
.ingenious_icon.medium.cws_svg.triangle_2 .svg{
width: 40px !important;
height: 40px !important;
top: 35%;
}
.ingenious_icon.large.cws_svg.triangle_2 .svg{
width: 50px !important;
height: 50px !important;
top: 35%;
}
.ingenious_icon.extra_large.cws_svg.triangle_2 .svg{
width: 60px !important;
height: 60px !important;
top: 35%;
}
.ingenious_icon.hovered:hover{
opacity: 0.8;
}
.ingenious_icon.hovered:hover{
color: #fff;
}
.ingenious_icon.hovered:hover .icon_shape svg{
fill: #000;
}/*/*//**/.ingenious_banner{
position: relative;
z-index: 1;
}
.banner_wrapper{
position: relative;
z-index: 1;
background-size: cover !important;
background-position: center center !important;
}
.ingenious_banner.style_2 .banner_wrapper{
clip-path: polygon( 0% 20px, 100% 0%, 100% calc(100% - 20px), 0% 100%);
}
.ingenious_banner.style_3 .banner_wrapper{
clip-path: polygon( 0% 20px, 100% 0%, 100% 100%, 0% calc(100% - 20px));
}
.ingenious_banner.style_2:before,
.ingenious_banner.style_3:before,
.banner_wrapper:before,
.banner_wrapper:after{
content: '';
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.ingenious_banner.style_2:before,
.ingenious_banner.style_3:before{
opacity: 0.3;
clip-path: polygon( 0% 0, 50% 10px, 100% 0, 100% 100%, 50% calc(100% - 10px), 0 100%);
}
.banner_wrapper:after{
width: 50%;
}
.right_overlay .banner_wrapper:after{
left: initial;
right: 0;
}
.ingenious_banner .banner_table{
display: table;
width: 100%;
height: 100%;
min-height: 245px;
padding: 21px;
box-sizing: border-box;
}
.ingenious_banner.style_2 .banner_table,
.ingenious_banner.style_3 .banner_table{
width: 50%;
}
.ingenious_banner.style_2 .banner_table.a-right,
.ingenious_banner.style_3 .banner_table.a-right{
transform: translateX(100%);
}
.ingenious_banner .banner_table .banner_cell{
display: table-cell;
vertical-align: top;
width: 100%;
height: 100%;
color: #fff;
}
.ingenious_banner .banner_table.top .banner_cell{
vertical-align: top;
}
.ingenious_banner .banner_table.bottom .banner_cell{
vertical-align: bottom;
}
.ingenious_banner .banner_table.center .banner_cell{
vertical-align: middle;
}
.ingenious_banner .banner_title{
margin-bottom: 0;
font-size: 30px;
text-transform: uppercase;
color: #fff;
}
.ingenious_banner .banner_offer{
font-size: 55px;
line-height: 1;
margin-bottom: 5px;
}
.ingenious_banner .banner_descr{
font-size: 15px;
margin-bottom: 5px;
opacity: 0.7;
}  .vc_tta.vc_tta-tabs.vc_general .vc_tta-panels .vc_tta-panel-body{
border-style: none;
padding: 20px 30px;
font-weight: 300;
background: #f6f7f6;
}
.vc_tta.vc_tta-accordion.vc_general .vc_tta-panels .vc_tta-panel-body{
padding: 0px 20px;
padding-left: 60px;
padding-bottom: 5px;
position: relative;
overflow: visible;
z-index: 1;
}
.vc_tta.vc_general.vc_tta-accordion .vc_tta-panel-heading{
border-style: none !important;
}
.vc_tta.vc_general.vc_tta-accordion .vc_tta-panel-title{
font-family: inherit;
line-height: inherit;
font-size: 18px;
}
.vc_tta.vc_general.vc_tta-accordion .vc_tta-panel-title:before,
.vc_tta.vc_general.vc_tta-accordion .vc_tta-panel-title:after{
content: '';
position: absolute;
z-index: -1;
transition: all 0.3s;
}
.vc_tta.vc_general.vc_tta-accordion .vc_tta-panel-title:before{
width: 22px;
height: 4px;
left: 12px;
top: 23px;
}
.vc_tta.vc_general.vc_tta-accordion .vc_tta-panel-title:after{
width: 4px;
height: 22px;
left: 21px;
top: 14px;
}
.vc_tta.vc_general .vc_tta-panel.vc_active .vc_tta-panel-title:before{
transform: rotate(180deg);
}
.vc_tta.vc_general .vc_tta-panel.vc_active .vc_tta-panel-title:after{
transform: rotate(90deg);
}
.vc_tta.vc_general.vc_tta-accordion .vc_tta-panel-title > a{
position: relative;
font-weight: 700;
font-size: 20px;
color: #747474;
padding: 15px 20px !important;
padding-left: 60px !important;
}
.vc_tta.vc_general .vc_tta-panel .vc_tta-panel-title > a:before{
content: '';
position: absolute;
width: 40px;
height: 40px;
top: 2px;
left: 0;
border: 3px solid red;
border-radius: 50%;
}
.cws_mobile .vc_tta-tabs.vc_general .vc_tta-panel .vc_tta-panel-title > a:before{
display: none;
}
.cws_mobile.wpb-js-composer .vc_tta.vc_tta-tabs.vc_general .vc_tta-panel-title>a{
border-bottom: 1px solid #e4e4e4;
}
.vc_tta.vc_general.vc_tta-accordion .vc_tta-icon{
font-size: 1em;
line-height: inherit;
}
.vc_tta.vc_general.vc_tta-accordion .vc_tta-panel-title.vc_tta-controls-icon-position-left > a{
padding: 10px 20px 10px 0;
}
.vc_tta.vc_general.vc_tta-accordion .vc_tta-panel-title.vc_tta-controls-icon-position-right > a{
padding: 10px 0 10px 20px;
}
.vc_tta.vc_general.vc_tta-accordion .vc_tta-controls-icon-position-left.vc_tta-panel-title > a{
padding-left: 40px;
}
.vc_tta.vc_general.vc_tta-accordion .vc_tta-controls-icon-position-right.vc_tta-panel-title > a{
padding-right: 40px;
}
.vc_tta.vc_general.vc_tta-accordion .vc_tta-controls-icon-position-left .vc_tta-controls-icon{
left: 20px;
right: initial;
}
.vc_tta.vc_general.vc_tta-accordion .vc_tta-controls-icon-position-right .vc_tta-controls-icon{
left: initial;
right: 20px;
}
.vc_tta.vc_general.vc_tta-accordion .vc_tta-panel + .vc_tta-panel{
margin-top: 0;
}
.vc_tta.vc_general.vc_tta-accordion .vc_tta-panel{
background-color: transparent;
overflow: hidden;
}
.vc_tta.vc_general.vc_tta-accordion .vc_tta-panel-title{
position: relative;
z-index: 1;
}
.vc_tta.vc_general.vc_tta-accordion .vc_tta-panel-title.vc_tta-controls-icon-position-right:before,
.vc_tta.vc_general.vc_tta-accordion .vc_tta-panel-title.vc_tta-controls-icon-position-left:before{
display: none;
}
.vc_tta.vc_general.vc_tta-tabs .vc_tta-tab{
background-color: transparent;
}
.vc_tta.vc_general.vc_tta-tabs .vc_tta-tabs-container{
z-index: 1;
}
.vc_tta.vc_general.vc_tta-tabs.vc_tta-tabs-position-top .vc_tta-tabs-list,
.vc_tta.vc_general.vc_tta-tabs.vc_tta-tabs-position-top .vc_tta-tabs-container,
.vc_tta.vc_general.vc_tta-tabs.vc_tta-tabs-position-bottom .vc_tta-tabs-container,
.vc_tta.vc_general.vc_tta-tabs.vc_tta-tabs-position-bottom .vc_tta-tabs-list{
overflow: visible;
}
.vc_tta.vc_general.vc_tta-tabs .vc_tta-tab{
text-align: center;
}
.vc_tta.vc_general.vc_tta-tabs.vc_tta-tabs-position-bottom .vc_tta-tab{
border-bottom-width: 2px;
margin-top: -1px;
}
.vc_tta.vc_general.vc_tta-tabs .vc_tta-tab > a{
min-width: 112px;
padding: 13px 20px;
border-style: none;
font-weight: 600;
color: #000;
}
.vc_tta.vc_general.vc_tta-tabs .vc_tta-tab:before{
display: none;
}
.vc_tta.vc_general.vc_tta-tabs .vc_tta-tabs-container .vc_tta-tab>a{
font-weight: 600;
font-size: 20px;
padding: 5px 40px;
color: #abb0a6;
}
.vc_tta.vc_general.vc_tta-tabs .vc_tta-tabs-container .vc_tta-tab.vc_active>a{
color: #fff;
}
.vc_tta.vc_general.vc_tta-tabs.vc_tta-tabs-position-top .vc_tta-tab.vc_active{
border-bottom-color: #fff;
}
.vc_tta.vc_general.vc_tta-tabs.vc_tta-tabs-position-bottom .vc_tta-tab.vc_active{
border-top-color: #fff;
}
.vc_tta.vc_general.vc_tta-tabs.vc_tta-tabs-position-top .vc_tta-panel-heading .vc_tta-panel-title{
font-size: 1em;
background: #f3f2eb;
}
.wpb-js-composer .vc_tta.vc_general .vc_tta-panel-heading,
.wpb-js-composer .vc_tta.vc_general .vc_tta-panel-body{
border: 0 !important;
}
.vc_tta.vc_general .vc_tta-panel + .vc_tta-panel{
margin-top: -1px;
}
.vc_tta-panel-title{
font-family: inherit;
}
.vc_toggle,
.vc_toggle_content{
margin-bottom: auto;
}
.vc_toggle_title{
position: relative;
padding-top: 3px;
padding-bottom: 3px;
}
.vc_toggle_title>h4{
display: inline-block;
margin-bottom: auto;
line-height: inherit;
font-family: inherit;
color: inherit;
font-weight: 500;
margin-left: 40px;	
}
.vc_toggle .vc_toggle_icon{
display: block;
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translate(0,-50%);
-ms-transform: translate(0,-50%);
transform: translate(0,-50%);
margin-right: 10px;
width: 30px;
height: 30px;
line-height: 30px;
border-style: solid;
border-width: 1px;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
text-align: center;
}
.vc_toggle.vc_toggle_active .vc_toggle_icon{
color: #fff;
}
.vc_toggle .vc_toggle_icon:before{
content: "\f067";
}
.vc_toggle.vc_toggle_active .vc_toggle_icon:before{
content: "\f068";
}
.vc_toggle_title,
.vc_toggle_content{
padding-left: 40px;
}
.vc_toggle_title + .vc_toggle_content{
margin-top: 5px;    
}
.vc_toggle + .vc_toggle{
margin-top: 10px;
}  .ingenious_pb_bar{
display: block;
position: relative;
height: 6px;
background-color: #dddfdc;
margin-top: 8px;
overflow: hidden;
}
.ingenious_pb{
position: relative;
}
.ingenious_pb .ingenious_pb_title{
font-size: 17px;
font-family: inherit;
font-size: inherit;
line-height: 1;
color: inherit;
}
.ingenious_pb .indicator{
position: absolute;
top: 0;
right: 15px;
}
.ingenious_pb_progress{
display: block;
position: absolute;
top: 0;
left: 0;
height: 100%;
}
.ingenious_pb_progress:before{
content: '';
position: absolute;
z-index: 0;
top: 0;
right: -3px;
width: 6px;
height: 6px;
background: inherit;
transform: skew(-45deg);
}  .ingenious_milestone{
position: relative;
z-index: 1;
text-align: center;
color: #fff;
max-width: 210px;
margin-left: auto;
margin-right: auto;
}
.ingenious_milestone_content{
position: relative;
z-index: 1;
color: #363636;
margin-bottom: 10px;
}
.ingenious_milestone_content .ingenious_milestone_icon{
position: absolute;
z-index: 1;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
text-align: center;
font-size: 60px;
}
.ingenious_milestone.circle .ingenious_milestone_shape,
.ingenious_milestone.rhomb .ingenious_milestone_shape{
padding-bottom: 95%;
}
.ingenious_milestone.triangle .ingenious_milestone_shape,
.ingenious_milestone.triangle_2 .ingenious_milestone_shape{
padding-bottom: 85%;
}
.ingenious_milestone.shield .ingenious_milestone_shape{
padding-bottom: 115%;
}
.ingenious_milestone.without_stroke .icon_shape > svg{
stroke: transparent !important;
}
.ingenious_milestone .ingenious_milestone_title{
font-size: 24px;
margin-top: 0;
line-height: inherit;
font-weight: 600;
}
.ingenious_milestone.circle .ingenious_milestone_content .odometer.ingenious_milestone_number,
.ingenious_milestone.triangle .ingenious_milestone_content .odometer.ingenious_milestone_number,
.ingenious_milestone.triangle_2 .ingenious_milestone_content .odometer.ingenious_milestone_number,
.ingenious_milestone.rhomb .ingenious_milestone_content .odometer.ingenious_milestone_number,
.ingenious_milestone.shield .ingenious_milestone_content .odometer.ingenious_milestone_number{
position: absolute;
z-index: 1;
top: 50%;
left: 0;
width: 100%;
margin-top: 4px;
transform: translateY(-50%);
}
.ingenious_milestone.triangle .ingenious_milestone_content .odometer.ingenious_milestone_number{
top: 75%;
}
.ingenious_milestone.triangle_2 .ingenious_milestone_content .odometer.ingenious_milestone_number{
top: 25%;
}
.ingenious_milestone.triangle .ingenious_milestone_content .ingenious_milestone_icon{
top: 65%;
}
.ingenious_milestone.triangle_2 .ingenious_milestone_content .ingenious_milestone_icon{
top: 35%;
}
.ingenious_milestone_number .odometer-inside{
font-size: 44px;
color: inherit;
direction: ltr;
font-weight: 600;
}
.ingenious_milestone_number.odometer.odometer-auto-theme,
.ingenious_milestone_number.odometer.odometer-theme-default{
font-family: inherit;
line-height: 1;
}
.odometer.odometer-auto-theme .odometer-digit{
padding-right: 3px;
}  .ingenious_services_column{
text-align: center;
clear: left;	
}
.ingenious_module.ingenious_services_column{
margin-bottom: 40px;
}
.ingenious_services_column:hover .ingenious_services_icon .icon{
-webkit-transform: translateY(5%);
-moz-transform: translateY(5%);
-ms-transform: translateY(5%);
-o-transform: translateY(5%);
transform: translateY(5%);
}
.ingenious_services_data .ingenious_services_title{
font-weight: 700;
font-size: 24px;
margin-top: 0;
margin-bottom: 10px;
}
.ingenious_services_icon{
margin-bottom: 0px;
}
.ingenious_services_icon .icon{
display: inline-block;
font-size: 35px;
text-align: center;
color: #000;
position: relative;
z-index: 1;
line-height: 1;
margin-bottom: 10px;
-webkit-transition: all .25s linear;
-moz-transition: all .25s linear;
-ms-transition: all .25s linear;
-o-transition: all .25s linear;
transition: all .25s linear;	
}
.ingenious_services_desc p span{
display: block;
}
.ingenious_services_data{
position: relative;
z-index: 1;
}
.ingenious_services_column .ingenious_services_desc{
overflow: hidden;
margin-bottom: 15px;
}
.ingenious_services_column + .ingenious_services_column.small .ingenious_services_desc{
min-height: 40px;
}
.ingenious_services_column + .ingenious_services_column.medium .ingenious_services_desc{
min-height: 55px;
}
.ingenious_services_column + .ingenious_services_column.regular .ingenious_services_desc{
min-height: 85px;
}
.ingenious_services_column + .ingenious_services_column.large .ingenious_services_desc{
min-height: 105px;
}
.ingenious_services_column + .ingenious_services_column.extra_large .ingenious_services_desc{
min-height: 150px;
}
.ingenious_services_column.icon_center .ingenious_services_icon{
text-align: center;
}
.ingenious_services_column.cws_svg_icon .ingenious_services_icon{
text-align: initial;
display: inline-block;
position: relative;
z-index: 1;
}
.ingenious_services_column.cws_svg_icon.without_stroke .icon_shape > svg{
stroke: transparent !important;
}
.ingenious_services_column.cws_svg_icon .icon_shape{
left: 1px;
}
.ingenious_services_column.icon_center .ingenious_services_desc p{
margin-bottom: 0;
}
.ingenious_services_column.icon_left .ingenious_services_icon{
float: left;
margin-right: 20px;
}
.ingenious_services_column.icon_right .ingenious_services_icon{
float: right;
margin-left: 20px;
}
.ingenious_services_column.icon_left .ingenious_services_title,
.ingenious_services_column.icon_left .ingenious_services_desc,
.ingenious_services_column.icon_left .ingenious_services_button{
text-align: left;
}
.ingenious_services_column.icon_right .ingenious_services_title,
.ingenious_services_column.icon_right .ingenious_services_desc,
.ingenious_services_column.icon_right .ingenious_services_button{
text-align: right;
}
.ingenious_services_column.small .icon{
font-size: 35px;
}
.ingenious_services_column.medium .icon{
font-size: 50px;
}
.ingenious_services_column.regular .icon{
font-size: 60px;
}
.ingenious_services_column.large .icon{
font-size: 70px;
}
.ingenious_services_column.extra_large .icon{
font-size: 90px;
}
.ingenious_services_column.circle.small .icon,
.ingenious_services_column.rhomb.small .icon{
width: 80px;
height: 80px;
line-height: 80px;
}
.ingenious_services_column.circle.small.cws_svg_icon .icon,
.ingenious_services_column.rhomb.small.cws_svg_icon .icon{
width: 70px;
height: 70px;
}
.ingenious_services_column.circle.medium .icon,
.ingenious_services_column.rhomb.medium .icon{
width: 120px;
height: 120px;
line-height: 120px;
}
.ingenious_services_column.circle.regular .icon,
.ingenious_services_column.rhomb.regular .icon{
width: 150px;
height: 150px;
line-height: 150px;
}
.ingenious_services_column.circle.large .icon,
.ingenious_services_column.rhomb.large .icon{
width: 170px;
height: 170px;
line-height: 170px;
}
.ingenious_services_column.circle.extra_large .icon,
.ingenious_services_column.rhomb.extra_large .icon{
width: 225px;
height: 215px;
line-height: 215px;
}
.ingenious_services_column.circle.cws_svg_icon .icon > a > i > svg,
.ingenious_services_column.rhomb.cws_svg_icon .icon > a > i > svg,
.ingenious_services_column.circle.cws_svg_icon .icon > i > svg,
.ingenious_services_column.rhomb.cws_svg_icon .icon > i > svg{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
.ingenious_services_column.triangle.small .icon,
.ingenious_services_column.triangle_2.small .icon{
width: 80px;
height: 70px;
line-height: 85px;
}
.ingenious_services_column.triangle.small.cws_svg_icon .icon,
.ingenious_services_column.triangle_2.small.cws_svg_icon .icon{
width: 140px;
height: 120px;
}
.ingenious_services_column.triangle.medium .icon,
.ingenious_services_column.triangle_2.medium .icon{
width: 120px;
height: 105px;
line-height: 130px;
}
.ingenious_services_column.triangle.medium.cws_svg_icon .icon,
.ingenious_services_column.triangle_2.medium.cws_svg_icon .icon{
width: 160px;
height: 135px;
}
.ingenious_services_column.triangle.regular .icon,
.ingenious_services_column.triangle_2.regular .icon{
width: 150px;
height: 125px;
line-height: 175px;
}
.ingenious_services_column.triangle.regular.cws_svg_icon .icon,
.ingenious_services_column.triangle_2.regular.cws_svg_icon .icon{
width: 160px;
height: 140px;
}
.ingenious_services_column.triangle.large .icon,
.ingenious_services_column.triangle_2.large .icon{
width: 170px;
height: 145px;
line-height: 180px;
}
.ingenious_services_column.triangle.extra_large .icon,
.ingenious_services_column.triangle_2.extra_large .icon{
width: 225px;
height: 190px;
line-height: 240px;
}
.ingenious_services_column.triangle.cws_svg_icon .icon > i > svg,
.ingenious_services_column.triangle_2.cws_svg_icon .icon > i > svg{
position: absolute;
top: 63%;
left: 50%;
transform: translate(-50%,-50%);
}
.ingenious_services_column.triangle_2.cws_svg_icon .icon > i > svg{
top: 33%;
}
.ingenious_services_column.triangle_2.small .icon{
line-height: 60px;
}
.ingenious_services_column.triangle_2.medium .icon{
line-height: 95px;
}
.ingenious_services_column.triangle_2.regular .icon{
line-height: 95px;
}
.ingenious_services_column.triangle_2.large .icon{
line-height: 130px;
}
.ingenious_services_column.triangle_2.extra_large .icon{
line-height: 175px;
}
.ingenious_services_column.shield.small .icon{
width: 80px;
height: 90px;
line-height: 90px;
}
.ingenious_services_column.shield.small.cws_svg_icon .icon{
width: 100px;
height: 115px;
}
.ingenious_services_column.shield.medium .icon{
width: 120px;
height: 135px;
line-height: 135px;
}
.ingenious_services_column.shield.regular .icon{
width: 150px;
height: 170px;
line-height: 170px;
}
.ingenious_services_column.shield.large .icon{
width: 170px;
height: 190px;
line-height: 190px;
}
.ingenious_services_column.shield.extra_large .icon{
width: 225px;
height: 255px;
line-height: 255px;
}
.ingenious_services_column.shield.cws_svg_icon .icon > i > svg{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}  .benefits_media{
position: relative;
z-index: 1;
overflow: hidden;
}
.cws_has_benefits_img .benefits_icon{
position: absolute;
left: 0;
top: 0;
z-index: 2;
width: 100%;
-webkit-transition: all .25s linear;
-moz-transition: all .25s linear;
-ms-transition: all .25s linear;
-o-transition: all .25s linear;
transition: all .25s linear;
}
.benefits_media .benefits_icon{
text-align: center;
}
.sec_desc .benefits_media:hover .benefits_icon{
-webkit-transform: translateY(10px);
-moz-transform: translateY(10px);
-ms-transform: translateY(10px);
-o-transform: translateY(10px);
transform: translateY(10px);
}
.ingenious_benefits.small .icon{
width: 50px;
height: 50px;
line-height: 50px;
}
.ingenious_benefits.medium .icon{
width: 70px;
height: 70px;
line-height: 70px;
}
.ingenious_benefits.regular .icon{
width: 88px;
height: 88px;
line-height: 88px;
}
.ingenious_benefits.large .icon{
width: 100px;
height: 100px;
line-height: 100px;
}
.ingenious_benefits.extra_large .icon{
width: 120px;
height: 120px;
line-height: 120px;
}
.ingenious_benefits.small .benefits_media{
padding-top: 30px;
}
.ingenious_benefits.medium .benefits_media{
padding-top: 40px;
}
.ingenious_benefits.regular .benefits_media{
padding-top: 50px;
}
.ingenious_benefits.large .benefits_media{
padding-top: 60px;
}
.ingenious_benefits.extra_large .benefits_media{
padding-top: 70px;
}
.benefits_icon .icon{
position: relative;
text-align: center;
margin: auto;
font-size: 40px;
color: #fff;
background: black;
border-radius: 50%;
border: 6px solid #fff;
}
.benefits_icon .icon_shape{
left: 1px;
top: 2px;
}
.benefits_icon .icon_shape svg{
stroke: #fff;
stroke-width: 4px;
}
.benefits_icon .icon > i > svg{
position: absolute;
top: 47%;
left: 50%;
transform: translate(-50%,-50%);
fill: #fff;
}
.benefits_hover_content{
position: absolute;
z-index: 1;
bottom: 0px;
left: 0;
transition: all 0.3s ease-out;
padding: 70px 20px 20px 20px;
color: #fff;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
.benefits_hover_content .benefits_desc{
transition: all 0.6s ease-out;
opacity: 0;
}
.sec_desc .benefits_media:hover .benefits_hover_content{
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
-ms-transform: translateY(0%);
-o-transform: translateY(0%);
transform: translateY(0%);
}
.sec_desc .benefits_media:hover .benefits_hover_content .benefits_desc{
opacity: 1;
}
.benefits_hover_content:before{
content: '';
position: absolute;
z-index: -1;
top: 5%;
left: -30%;
width: 150%;
height: 150%;
opacity: 0.5;
transform: rotate(5deg);
background: #fff;
transition: all 0.3s ease-out;
transition-delay: 0.2s;
}
.sec_desc .benefits_media:hover .benefits_hover_content:before{
opacity: 0.9;
transition-delay: 0s;
}
.benefits_content_wrap{
text-align: center;
margin-top: 25px;
}
.benefits_button{
margin-top: 25px;
}  .cws_sc_processes_wrap{
margin-left: -15px;
margin-right: -15px;
}
.cws_sc_processes_wrap .ingenious_process_column{
width: 100%;
float: left;
padding-left: 15px;
padding-right: 15px;
box-sizing: border-box;
text-align: center;
position: relative;
z-index: 1;
}
.cws_sc_processes_wrap.vertical .ingenious_process_column:not(:last-child){
margin-bottom: 150px;
padding-bottom: 20px;
}
.cws_sc_processes_wrap.col_2.horizontal .ingenious_process_column{
width: 50%;
}
.cws_sc_processes_wrap.col_3.horizontal .ingenious_process_column{
width: 33.33%;
}
.cws_sc_processes_wrap.col_4.horizontal .ingenious_process_column{
width: 25%;
}
.ingenious_process_column{
transition: all 0.3s;
opacity: 0;
}
.ingenious_process_column .process_title{
margin-top: 15px;
margin-bottom: 5px;
color: inherit;
}
.ingenious_process_column .process_item{
min-height: 130px;
}
.cws_sc_processes_wrap.horizontal .ingenious_process_column .process_item{
position: relative;
z-index: 1;
}
.ingenious_process_column .process_icon i{
font-size: 120px;
}
.cws_sc_processes_wrap.horizontal .process_line{
position: absolute;
z-index: 1;
top: 50%;
right: -29%;
width: 50%;
height: 3px;
background: #393b3f;
}
.cws_sc_processes_wrap.vertical .process_line{
position: absolute;
z-index: 1;
top: 100%;
left: 50%;
width: 3px;
margin-left: -1.5px;
height: 130px;
background: #393b3f;
}
.cws_sc_processes_wrap.col_1.horizontal .ingenious_process_column .process_line{
display: none;
}
.cws_sc_processes_wrap.horizontal .ingenious_process_column.active .process_line_active{
position: absolute;
z-index: 1;
width: 70%;
height: 100%;
top: 0;
left: 0;
}
.cws_sc_processes_wrap.horizontal .ingenious_process_column.active.prev_active .process_line_active{
width: 100%;
}
.cws_sc_processes_wrap.vertical .ingenious_process_column.active .process_line_active{
position: absolute;
z-index: 1;
width: 100%;
height: 80%;
top: 0;
left: 0;
}
.cws_sc_processes_wrap.vertical .ingenious_process_column.active.prev_active .process_line_active{
height: 100%;
}
.cws_sc_processes_wrap.horizontal .process_line_circle{
position: absolute;
z-index: 1;
left: 50%;
top: -17px;
width: 38px;
height: 38px;
margin-left: -19px;
border: 3px solid #393b3f;
background: #fff;
border-radius: 50%;
box-sizing: border-box;
text-align: center;
line-height: 34px;
}
.cws_sc_processes_wrap.vertical .process_line_circle{
position: absolute;
z-index: 1;
left: -17px;
top: 50%;
width: 38px;
height: 38px;
margin-top: -19px;
border: 3px solid #393b3f;
background: #fff;
border-radius: 50%;
box-sizing: border-box;
text-align: center;
line-height: 34px;
}
.ingenious_process_column .process_line_circle:before{
content: '\f00c';
font-family: 'Font Awesome 5 Free';
font-weight: 900;
font-size: 18px;
color: #fff;
}
.ingenious_process_column .process_descr{
padding: 0 10px;
opacity: 0.7;
}
.cws_sc_processes_wrap.col_4.horizontal .ingenious_process_column:nth-child(4n+4) .process_line,
.cws_sc_processes_wrap.col_3.horizontal .ingenious_process_column:nth-child(3n+3) .process_line,
.cws_sc_processes_wrap.col_2.horizontal .ingenious_process_column:nth-child(2n+2) .process_line,
.cws_sc_processes_wrap.simple .process_line{
display: none;
}
.ingenious_process_column:last-child .process_line{
display: none !important;
}  .ingenious_pricing_plan{
-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);
background: #fff;
}
.ingenious_module.ingenious_pricing_plan{
margin-bottom: 30px !important;
}
.ingenious_pricing_plan.highlighted{
margin-top: -40px;
margin-left: -40px;
margin-right: -40px;
}
.ingenious_pricing_plan:hover{
-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);
}
.highlighted .pricing_plan{
margin-bottom: 45px;
}
.pricing_plan{
position: relative;
z-index: 1;
overflow: hidden;
}
.pricing_plan:before{
content: '';
position: absolute;
z-index: -1;
top: -20%;
left: -10%;
width: 120%;
height: 100%;
transform: rotate(-5deg);
background: #f5f4f9;
}
.pricing_plan .pricing_plan_title{
padding: 12px 15px;
text-align: center;
margin: 0;
font-size: 20px;
color: #363636;
font-weight: 700;
}
.pricing_plan_price{
text-align: center;
font-size: 60px;
line-height: 1.1;
font-weight: 500;
margin-top: 30px;
}
.pricing_plan_price .currency{
font-size: 24px;
line-height: 1;
vertical-align: super;
}
.pricing_plan_icon{
position: relative;
z-index: 1;
width: 90px;
height: 90px;
margin: auto;
text-align: center;
color: #fff;
font-size: 36px;
line-height: 90px;
}
.pricing_plan_icon .icon > i{
position: absolute;
z-index: 1;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
}
.pricing_plan_icon .icon > i > svg{
fill: #fff;
}
.triangle .pricing_plan_icon{
height: 80px;
line-height: 104px;
}
.triangle_2 .pricing_plan_icon{
height: 80px;
line-height: 60px;
}
.shield .pricing_plan_icon{
height: 106px;
line-height: 106px;
}
.pricing_plan_icon .icon_shape{
top: 2px;
left: 1px;
}
.pricing_plan_icon .icon_shape svg{
fill: #323232;
stroke: #323232;
}
.pricing_plan_price .price_desc{
font-size: 16px;
}
.pricing_plan_content > *{
margin: 0 !important;
padding: 10px 0;
font-size: 16px;
}
.pricing_plan_content > *:last-child{
border: 0;
}
.pricing_plan_content ul li{
padding: 4px 12px 4px 40px;
}
.pricing_plan_content{
padding: 0 30px;
}
.highlighted .pricing_plan_button{
margin-top: 20px;
}
.pricing_plan_button{
position: relative;
z-index: 1;
padding: 20px 30px 40px 30px;
text-align: center;
}
.pricing_plan_button:before{
content: '';
position: absolute;
z-index: 1;
bottom: 0;
left: 0;
width: 100%;
height: 60px;
background: #f5f4f9;
}
.pricing_plan_button .ingenious_button_wrapper{
display: block;
} .ingenious_sc_carousel > .ingenious_wrapper > p{
display: none;
}
.ingenious_sc_carousel li.item{
padding-left: 0;
}
.ingenious_sc_carousel li.item:before{
display: none;
}
.cws_twitter{
text-align: center;
}
.cws_twitter .cws_twitter_icon{
padding: 0 15px;
margin-bottom: 15px;
}
.cws_twitter .cws_twitter_icon i{
width: 70px;
height: 70px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border: 3px solid #59ab66;
border-radius: 8px;
line-height: 64px;
font-size: 40px;
color: #59ab66;
text-align: center;
}
.cws_twitter_divider{
margin-top: 26px;
margin-bottom: 14px;
}
.cws_tweets_group{
padding-left: 0;
}
.cws_tweets_group:before{
display: none;
}
.cws_tweets .tweet{
padding: 0 15px;
font-size: 1.2em;
line-height: 1.388889em;
font-weight: 300;
}
.cws_tweets .tweet:before{
display: none;
} .cta_wrapper{
position: relative;
z-index: 1;
padding: 45px 30px;
overflow: hidden;
}
.cta_wrapper:before{
content: '';
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.cta_overlay{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
}
.style_2 .cta_overlay{
width: 60%;
}
.style_2.left_overlay .cta_overlay{
left: -10%;
transform: skew(-15deg);
}
.style_2.cta_anim.left_overlay .cta_overlay{
transform: skew(-15deg) translateX(-70%);
}
.style_3.cta_anim.right_overlay .cta_overlay{
transform: skew(-15deg) translateX(60%);
}
.style_3.cta_anim.right_overlay .cta_offer_wrap{
transform: translateY(-50%) translateX(100%);
}
.ingenious_cta.style_1.cta_anim .cta_content
{
transform: translateY(-20%);
opacity: 0;
}
.ingenious_cta.style_2.cta_anim .cta_content,
.ingenious_cta.style_3.cta_anim .cta_content
{
transform: translateX(-100%);
}
.style_2.cta_anim.button_regular .ingenious_button_wrapper{
transform: translateY(-20%);
opacity: 0;
}
.ingenious_cta.cta_anim.left_overlay:hover .cta_overlay{
transform: skew(-15deg) translateX(0%);
}
.ingenious_cta.style_1.cta_anim:hover .cta_content{
transform: translateY(0%);
opacity: 1;
}
.ingenious_cta.style_2.cta_anim:hover .cta_content,
.ingenious_cta.style_3.cta_anim:hover .cta_content
{
transform: translateX(-0%);
}
.ingenious_cta.style_2.cta_anim.button_regular:hover .ingenious_button_wrapper{
transform: translateY(0%);
opacity: 1;
}
.style_3.cta_anim.right_overlay:hover .cta_overlay{
transform: skew(-15deg) translateX(0%);
}
.style_3.cta_anim.right_overlay:hover .cta_offer_wrap{
transform: translateY(-50%) translateX(0%);
}
.ingenious_cta.cta_anim .ingenious_button_wrapper,
.ingenious_cta.cta_anim .cta_overlay,
.ingenious_cta.cta_anim .cta_offer_wrap,
.ingenious_cta.cta_anim .cta_content{
-webkit-transition: all .25s linear;
-moz-transition: all .25s linear;
-ms-transition: all .25s linear;
-o-transition: all .25s linear;
transition: all .25s linear;
}
.style_2.right_overlay .cta_overlay{
right: -10%;
left: initial;
transform: skew(15deg);
}
.style_3 .cta_overlay{
width: 30%;
}
.style_3.left_overlay .cta_overlay{
left: -5%;
transform: skew(15deg);
}
.style_3.right_overlay .cta_overlay{
right: -5%;
left: initial;
transform: skew(-15deg);
}
.cta_content{
position: relative;
z-index: 1;
}
.cta_content .cta_description{
margin-bottom: 30px;
}
.ingenious_cta.style_2.right_overlay .cta_description{
padding-left: 55%;
}
.ingenious_cta.style_2.left_overlay .cta_description{
padding-right: 55%;
}
.ingenious_cta.style_2 .ingenious_button_wrapper{
position: absolute;
z-index: 2;
left: 50%;
top: 50%;
}
.ingenious_cta.style_2.button_small .ingenious_button_wrapper{
margin-top: -55px;
margin-left: -55px;
}
.ingenious_cta.style_2.button_regular .ingenious_button_wrapper{
margin-top: -70px;
margin-left: -70px;
}
.ingenious_cta.style_2.button_large .ingenious_button_wrapper{
margin-top: -80px;
margin-left: -80px;
}
.ingenious_cta.style_2 .ingenious_button{
min-width: 0;
padding: 0;
border-radius: 50%;
}
.ingenious_cta.style_2.button_small .ingenious_button{
width: 110px;
height: 110px;
line-height: 110px;
box-shadow: 1px 2px 10px -1px rgba(0, 0, 0, 0.2);	
}
.ingenious_cta.style_2.button_regular .ingenious_button{
width: 140px !important;
height: 140px;
line-height: 140px;
}
.ingenious_cta.style_2.button_large .ingenious_button{
width: 160px;
height: 160px;
line-height: 160px;
}
.ingenious_cta.style_3.left_overlay .cta_description{
padding-left: 25%;
}
.ingenious_cta.style_3.right_overlay .cta_description{
padding-right: 25%;
}
.cta_offer_wrap{
position: absolute;
z-index: 2;
top: 50%;
width: 25%;
text-align: center;
color: #fff;
transform: translateY(-50%);
}
.right_overlay .cta_offer_wrap{
right: 0;
}
.left_overlay .cta_offer_wrap{
left: 0;
}
.cta_offer{
font-size: 60px;
line-height: 1;
margin-bottom: 10px;
}
.cta_offer_descr{
font-size: 23px;
line-height: 1;
margin-bottom: 10px;
}   .bar_item{
display: table-cell;
}
.bar_item{
position: relative;
vertical-align: top;
}
.bar_item_content{
position: absolute;
z-index: 5;
top: 0;
right: 0;
margin-right: 100%;
}
.searchform{
overflow: hidden;
}
#search_bar_item{
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
opacity: 1; 
}
#search_bar_item.hidden{
opacity: 0;
}
.searchform{
position: relative;
white-space: nowrap;
}
.searchform .search-field,
.searchform .search-submit{
position: relative;     
}
.searchform .screen-reader-text{
z-index: 3;
}
.searchform .search-field{
z-index: 1;
}
.searchform .search-submit{
z-index: 2;
}
#search_bar_item .search-field{
width: 230px;
border-style: none;
-webkit-transform: translate3d(100%,0,0);
-ms-transform: translate3d(100%,0,0);
transform: translate3d(100%,0,0);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
color: #fff;
}
.search-submit{
padding: 0;
min-width: 0;
border-style: none; 
font-weight: inherit;
border-radius: 0;
}
.searchform .search-field,
.search-submit{
display: inline-block;
vertical-align: top;
}
.searchform .screen-reader-text{
position: absolute;
top: 0;
right: 0;
cursor: pointer;
}
.searchform .screen-reader-text:before{
font-family: 'Font Awesome 5 Free';
font-weight: 900;
content: "\f002";
}
.search-submit,
#search_bar_item .search-field,
.searchform .screen-reader-text{
height: 40px;
}
.bar_element,
.search-submit,
.searchform .screen-reader-text{
text-align: center;
text-decoration: none;
}
.bar_element,
.searchform .screen-reader-text:before{
display: block;
font-size: 17px;
}
.top_panel_woo_minicart_el.woo_icon{
font-size: 1.3em;
-webkit-transform: scale(-1, 1);
-moz-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
-o-transform: scale(-1, 1);
transform: scale(-1, 1);
}
.top_panel_woo_minicart_el.woo_icon:before{
margin: 0px;
}
.bar_element,
.search-submit,
.searchform .screen-reader-text{
color: #fff;
}
#search_bar_item.active .search-field{
-webkit-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);  
}
.woo_minicart_bar_item{
display: flex;
align-items: center;
margin-left: 0px;
margin-left: 10px;
padding-left: 10px;	
}
.woo_minicart_bar_item > a{
margin-top: -4px;
position: relative;
z-index: 1;
color: #1c3545;
}  #site_header,
#sticky_box,
#mobile_header,
header{
position: relative;
}
#site_header,
#mobile_header,
#mobile_menu_wrapper{
background-color: #fafafa;
z-index: 4;
}
#sticky_box{
background-color: rgba( 255, 255, 255, 0.952941 );
}
#mobile_header .ingenious_layout_container{
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
#sticky_box .cws_sticky_extra{
display: flex;
display: -webkit-flex;
align-items: center;
-webkit-align-items: center;
justify-content: flex-end;
-webkit-justify-content: flex-end;
}
.logo_center #sticky_box .cws_sticky_extra{
justify-content: center;
-webkit-justify-content: center;
}
.site_header:not(.menu_boxed) .ingenious_layout_container{
width: calc(100% - 80px);
margin: 0 40px;
}
.menu_wrapper{
display: flex;
justify-content: center;
min-height: 76px;
}
.menu_wrapper.a_center{
justify-content: center;
}
.menu_wrapper.a_left{
justify-content: flex-start;
}
.menu_wrapper.a_right{
justify-content: flex-end;
}
.site_header .ingenious_layout_container.flex_center{
justify-content: center;
}
.site_header .ingenious_layout_container.a_right_flex{
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;  
}
.site_header .ingenious_layout_container.a_center_flex{
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;  
}
.header_covers_slider #site_header,
.header_covers_slider #mobile_header,
#site_header.default_style{
position: absolute;
width: 100%;
top: 0;
left: 0;
right: 0;
}
#site_header.default_style{
background-color: transparent;	
}
#site_header.default_style #main_menu > .menu-item,
#site_header.default_style .header_logo a h1,
#site_header.default_style .menu_search_button,
#site_header.default_style .main_menu > .menu-item:hover > a
{
color: #ffffff;
} .header_divider{
margin: auto;
height: 1px;
background-color: rgba(255,255,255,0.2);
position: relative;
z-index: 1;
}
#document > .header_divider{
margin-top: auto;
}
.header_divider:before{
display: none;
}
.site_header .header_logo{
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.site_header .header_logo.a_left{
float: left;
}
.site_header .header_logo.a_right{
float: right;
}
.site_header .header_logo.a_center{
justify-content: center;
}
.site_header.logo_center .ingenious_layout_container{
display: block;
}
.site_header.logo_center .header_logo_img{
margin: 0 auto;
}
.site_header.logo_right .header_logo:only-child{
position: relative;
left: 100%;
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
}
.header_logo a,
.header_logo_img{
display: block;
}
.header_logo a{
padding: 10px 20px;
}  .main_menu,
.main_menu .sub-menu{
overflow: visible;
}
.main_menu:only-child{
width: 100%;
}
.main_menu .menu-item > a,
.main_menu .menu-item > span{
display: block;
color: inherit;
text-decoration: none;
font-weight: 600;
}
.main_menu,
.main_menu > .menu-item,
.main_menu.sandwich .sandwich_switcher,
#mobile_header .sandwich_switcher{
display: -ms-flexbox;
display: -webkit-flex;
display: flex;  
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
#mobile_header .sandwich_switcher{ 
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
#mobile_header .sandwich_switcher > .switcher{
border-radius: 50%;
padding: 10px;
border: 2px solid transparent;
width: 23px;
height: 23px;
}
#mobile_header.sandwich.sandwich_active .sandwich_switcher > .switcher{
border: 2px solid white;
}
.main_menu > .menu-item > a,
.main_menu > .menu-item > span,
.main_menu .sandwich_switcher > .switcher,
#mobile_header .sandwich_switcher > .switcher{
display: -ms-flexbox;
display: -webkit-flex;
display: flex;  
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;    
}
#main_menu,
#sticky_menu{
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#main_menu > li > a{
text-transform: initial;
}
ul.main_menu:not(:last-child){
margin-bottom: 0;
}
.main_menu .menu-item{
padding-left: 0;
text-align: left;
white-space: nowrap;
font-weight: 500;
}
.main_menu .menu-item + .menu-item,
.main_menu .sub-menu > .menu-item:first-child{
margin-top: 0;
}
.main_menu .menu-item:before{
display: none;
}
#mobile_menu .sub-menu .menu-item:before{
display: inline-block;
}
.main_menu > .menu-item{
position: relative;
padding: 20px 20px 20px 20px;
}
#mobile_menu .menu-item{
padding: 6px 20px 6px 20px;
box-sizing: border-box;    
}
#mobile_menu .menu-item,
#mobile_menu .menu-item a,
#mobile_menu .menu-item > span,
#mobile_menu .cws_megamenu_item .widget_nav_menu .widgettitle span,
#mobile_menu .cws_megamenu_item .widget .menu .menu-item > a:before
{
color: #ffffff;
}
.main_menu .menu-item > .pointer{
display: none;
}
.main_menu > .menu-item > a,
.main_menu > .menu-item > span{
padding: 0px 5px 0px 5px;
position: relative;    
}
#sticky .main_menu > .menu-item > a, 
#sticky .main_menu > .menu-item > span{
padding: 0px;
}
.main_menu > .menu-item > span.menu_wrap{
padding: 0px;
}
.main_menu > .menu-item > a:before,
.main_menu > .menu-item > a:after,
.main_menu > .menu-item > span.mega_menu_line:before,
.main_menu > .menu-item > span.mega_menu_line:after
{
content: '';
position: absolute;
z-index: 1;
height: 1px;
bottom: 10%;
opacity: 0;
left: 1px;
}
#mobile_menu > .menu-item > a:before,
#mobile_menu > .menu-item > a:after,
#mobile_menu > .menu-item > span.mega_menu_line:before,
#mobile_menu > .menu-item > span.mega_menu_line:after{
display: none;
}
.main_menu > .menu-item > a:after,
.main_menu > .menu-item > span.mega_menu_line:after
{
background-color: rgba(255, 255, 255, 1);
}
.main_menu > .menu-item > a:before,
.main_menu > .menu-item > a:after,
.main_menu > .menu-item > span.mega_menu_line:before,
.main_menu > .menu-item > span.mega_menu_line:after
{
-webkit-transition: all .3s;
-moz-transition: all .3s;
-ms-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
width: 0%;
}
.main_menu > .menu-item > a:before,
.main_menu > .menu-item > span.mega_menu_line:before
{
background-color: rgba(255, 255, 255, 0.5);
}
.main_menu > .menu-item:hover > a:before,
.main_menu > .menu-item:hover > a:after,
.main_menu > .menu-item:hover > span.mega_menu_line:before,
.main_menu > .menu-item:hover > span.mega_menu_line:after
{
opacity: 1;
}
.main_menu > .menu-item:hover > a:before,
.main_menu > .menu-item:hover > span.mega_menu_line:before
{
width: 100%;
}
.main_menu > .menu-item:hover > a:after,
.main_menu > .menu-item:hover > span.mega_menu_line:after
{
width: 16px;
}
.main_menu > .menu-item.current-menu-item > a:before,
.main_menu > .menu-item.current-menu-ancestor > a:before,
.main_menu > .menu-item.current-menu-parent > a:before,
.main_menu > .menu-item.current_page_parent > a:before,
.main_menu > .menu-item.current_page_ancestor > a:before,
.main_menu > .menu-item.current-menu-item > span.mega_menu_line:before,
.main_menu > .menu-item.current-menu-ancestor > span.mega_menu_line:before,
.main_menu > .menu-item.current-menu-parent > span.mega_menu_line:before,
.main_menu > .menu-item.current_page_parent > span.mega_menu_line:before,
.main_menu > .menu-item.current_page_ancestor > span.mega_menu_line:before,
.main_menu > .menu-item.current-menu-item > a:after,
.main_menu > .menu-item.current-menu-ancestor > a:after,
.main_menu > .menu-item.current-menu-parent > a:after,
.main_menu > .menu-item.current_page_parent > a:after,
.main_menu > .menu-item.current_page_ancestor > a:after,
.main_menu > .menu-item.current-menu-item > span.mega_menu_line:after,
.main_menu > .menu-item.current-menu-ancestor > span.mega_menu_line:after,
.main_menu > .menu-item.current-menu-parent > span.mega_menu_line:after,
.main_menu > .menu-item.current_page_parent > span.mega_menu_line:after,
.main_menu > .menu-item.current_page_ancestor > span.mega_menu_line:after
{
opacity: 1;
}
.main_menu > .menu-item.current-menu-item > a:before,
.main_menu > .menu-item.current-menu-ancestor > a:before,
.main_menu > .menu-item.current-menu-parent > a:before,
.main_menu > .menu-item.current_page_parent > a:before,
.main_menu > .menu-item.current_page_ancestor > a:before,
.main_menu > .menu-item.current-menu-item > span.mega_menu_line:before,
.main_menu > .menu-item.current-menu-ancestor > span.mega_menu_line:before,
.main_menu > .menu-item.current-menu-parent > span.mega_menu_line:before,
.main_menu > .menu-item.current_page_parent > span.mega_menu_line:before,
.main_menu > .menu-item.current_page_ancestor > span.mega_menu_line:before
{
width: 100%;
}
.main_menu > .menu-item.current-menu-item > a:after,
.main_menu > .menu-item.current-menu-ancestor > a:after,
.main_menu > .menu-item.current-menu-parent > a:after,
.main_menu > .menu-item.current_page_parent > a:after,
.main_menu > .menu-item.current_page_ancestor > a:after,
.main_menu > .menu-item.current-menu-item > span.mega_menu_line:after,
.main_menu > .menu-item.current-menu-ancestor > span.mega_menu_line:after,
.main_menu > .menu-item.current-menu-parent > span.mega_menu_line:after,
.main_menu > .menu-item.current_page_parent > span.mega_menu_line:after,
.main_menu > .menu-item.current_page_ancestor > span.mega_menu_line:after
{
width: 16px;
}
.main_menu > .menu-item.current-menu-item > a:hover:after,
.main_menu > .menu-item.current-menu-ancestor > a:hover:after,
.main_menu > .menu-item.current-menu-parent > a:hover:after,
.main_menu > .menu-item.current_page_parent > a:hover:after,
.main_menu > .menu-item.current_page_ancestor > a:hover:after,
.main_menu > .menu-item.current-menu-item > span.mega_menu_line:hover:after,
.main_menu > .menu-item.current-menu-ancestor > span.mega_menu_line:hover:after,
.main_menu > .menu-item.current-menu-parent > span.mega_menu_line:hover:after,
.main_menu > .menu-item.current_page_parent > span.mega_menu_line:hover:after,
.main_menu > .menu-item.current_page_ancestor > span.mega_menu_line:hover:after
{
width: 100%;
}
.main_menu > .menu-item.menu-item-has-children:after,
.main_menu > .menu-item.menu-item-object-megamenu_item:after{
content: "\f107";
font-family: 'Font Awesome 5 Free';
font-weight: 900;
position: absolute;
z-index: 1;
right: 5px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.main_menu > .menu-item.menu-item-object-megamenu_item .cws_megamenu_item .vc_row{
max-width: 1170px;
margin: auto;
}
.cws_megamenu_item .megamenu_item_column_title span{
position: relative;
z-index: 1;
padding-left: 15px;
}
.cws_megamenu_item .megamenu_item_column_title span:before{
content: '';
z-index: 1;
top: 1px;
left: 0;
width: 3px;
height: 20px;
position: absolute;
background: #ef5f3b;
}
.cws_megamenu_item .widget .menu .menu-item > a{
position: relative;
z-index: 1;
}
.cws_megamenu_item .widget .menu .menu-item > a:before{
position: absolute;
top: 4px;
left: 0;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
content: "\f105";
font-size: 16px;
line-height: 1;
}
.cws_megamenu_item .widget .widgettitle {
text-align: left;
padding-left: 16px;
}
.menu-item-object-megamenu_item > span:first-child{
position: relative;
z-index: 1;
overflow: hidden;
}
.main_menu:not(#mobile_menu) .sub-menu{
position: absolute;
z-index: 1;
top: 100%;
left: 0;
background-color: #fff;
-webkit-box-shadow: 0px 7px 10px -1px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 7px 10px -1px rgba(0,0,0,0.2);
box-shadow: 0px 7px 10px -1px rgba(0,0,0,0.2);
border-radius: 8px;
padding: 10px 0;
max-height: 0;
opacity: 0; 
position: absolute;
-webkit-transform: translateY(50px);
-moz-transform: translateY(50px);
-ms-transform: translateY(50px);
-o-transform: translateY(50px);
transform: translateY(50px);
-webkit-transition-delay: 0;
transition-delay: 0;
-webkit-transition: all 0.5s !important;
transition: all 0.5s !important;
}
.main_menu:not(#mobile_menu) .menu-item-object-megamenu_item .sub-menu{
-webkit-transition: all 0.5s !important;
transition: all 0.5s !important;
-webkit-transform: translateY(50px);
-moz-transform: translateY(50px);
-ms-transform: translateY(50px);
-o-transform: translateY(50px);
transform: translateY(50px);
}
.main_menu:not(#mobile_menu) .menu-item.right .sub-menu{
transform-origin: 90% top;
}
.main_menu:not(#mobile_menu) .menu-item-object-megamenu_item.direction_center > .sub-menu{
transform-origin: 50% top;
}
.main_menu:not(#mobile_menu) .menu-item-object-megamenu_item.direction_left > .sub-menu{
transform-origin: 90% top;
}
.main_menu:not(#mobile_menu) .menu-item-object-megamenu_item.direction_right > .sub-menu{
transform-origin: 10% top;
}
.main_menu:not(#mobile_menu) .menu-item-object-megamenu_item.disable_fw.direction_right > .sub-menu{
left: 0;
}
.main_menu:not(#mobile_menu) .menu-item-object-megamenu_item.disable_fw.direction_left > .sub-menu{
left: initial;
right: 0;
}
.main_menu .sub-menu .sub-menu{
padding: 0;
}
.main_menu.alt .sub-menu{
background-color: rgba(0,0,0,0.8);
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.main_menu > .menu-item > .sub-menu:before,
.main_menu > .menu-item.menu-item-object-megamenu_item > .sub-menu:before
{
content: '';
position: absolute;
z-index: 1;
top: -10px;
left: 25%;
width: 20px;
height: 20px;
background: #fff;
box-shadow: -2px -2px 4px -2px rgba(0, 0, 0, 0.2);
transform: translateX(-50%) rotate(45deg);
}
.main_menu > .menu-item > .sub-menu:before,
.main_menu > .menu-item.menu-item-object-megamenu_item > .sub-menu:before{
opacity: 0;
}
.main_menu > .menu-item.right > .sub-menu:before{
left: 75%;
}
.main_menu.alt > .menu-item > .sub-menu{
border-top-style: none;
}
.main_menu:not(#mobile_menu) .sub-menu .sub-menu{
top: 0;
left: 100%;
margin-left: 2px;
}
.main_menu:not(#mobile_menu) .menu-item.right .sub-menu{
left: auto;
right: 0;
}
.main_menu:not(#mobile_menu) .menu-item.right .sub-menu .sub-menu{
top: 0;
right: 100%;
margin-right: 2px;
}
.main_menu:not(#mobile_menu) .menu-item.right .sub-menu .sub-menu:before{
right: auto;
left: 100%;
}
.main_menu .sub-menu .menu-item > a{
padding: 2px 15px;
margin: 0 20px;
position: relative;
z-index: 1;
display: inline !important;
}
.main_menu .sub-menu .menu-item > a:after{
background-color: white;
content: "";
height: 1px;
left: 0;
opacity: 0;
pointer-events: none;
position: absolute;
z-index: 1;
bottom: -5px;
-webkit-transform: translateY(1px);
transform: translateY(1px);
-webkit-transition: 0.15s all cubic-bezier(0.39, 0.575, 0.565, 1);
transition: 0.15s all cubic-bezier(0.39, 0.575, 0.565, 1);
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: opacity, transform;
transition-property: opacity, transform, -webkit-transform;
width: calc(100% - 30px);
margin: 0 15px;
}
.cws_mobile .main_menu .sub-menu .menu-item > a:after{
display: none;
}
.cws_mobile #mobile_menu .sub-menu .menu-item:hover + .menu-item:before{
width: calc(100% - 40px);
}
.main_menu .sub-menu .menu-item.menu-item-language > a:after,
#mobile_menu.main_menu .sub-menu .menu-item > a:after{
width: 100%;
margin: 0;
}
.main_menu .sub-menu .menu-item > a:hover:after{
opacity: 1;
-webkit-transform: translateY(-5px) translateZ(0);
transform: translateY(-5px) translateZ(0);
}
.main_menu .sub-menu .menu-item:last-child > a{
border: 0;
}
.main_menu .sub-menu .menu-item > span{
position: absolute;
z-index: 1;
top: 0;
right: -4px;
}
#mobile_menu .sub-menu .menu-item > span{
top: initial;
}
.main_menu .menu-item.right .sub-menu .menu-item > span{
right: initial;
left: -2px;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
#mobile_menu.main_menu .menu-item.right .sub-menu .menu-item > span {
left: initial;
right: 0;
transform: rotate(0deg);
}
#mobile_menu.main_menu .menu-item.right .sub-menu .menu-item.active > span {
transform: rotate(90deg);
}
.main_menu .sub-menu .menu-item > span.pointer{
padding: 0;
padding-right: 10px;
}
.main_menu .sub-menu .menu-item.menu-item-has-children{
width: 100%;
display: table;
}
.main_menu .sub-menu .widget.widget_nav_menu .menu-item.menu-item-has-children{
width: auto;
display: block;
}
.main_menu .sub-menu .menu-item.menu-item-has-children > *{
display: block;
}
.main_menu .sub-menu .menu-item.menu-item-has-children > .sub-menu{
display: block;
}
.main_menu .menu-item > .depth,
.main_menu .sub-menu .menu-item > .depth{
display: none;
}
.main_menu .pointer{
width: 25px;
min-width: 25px;
text-align: center;
}
.main_menu .pointer:before{
font-family: 'Font Awesome 5 Free';
font-weight: 900;
content: "\f105";
}
#site_header .main_menu .menu-item > .sub-menu,
#sticky .main_menu .menu-item > .sub-menu{
opacity: 0;
visibility: hidden;
}
#site_header .main_menu .menu-item:hover > .sub-menu,
#sticky .main_menu .menu-item:hover > .sub-menu{
max-height: 2000px;
opacity: 1;
visibility: visible;
-webkit-transition-delay: 0;
transition-delay: 0;
-webkit-transition: all 0.5s !important;
transition: all 0.5s !important;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);  
}
#site_header .main_menu .menu-item.menu-item-object-megamenu_item:hover > .sub-menu,
#sticky .main_menu .menu-item.menu-item-object-megamenu_item:hover > .sub-menu{
-webkit-transition-delay: 0;
transition-delay: 0;
-webkit-transition: all 0.5s !important;
transition: all 0.5s !important;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);    
}
.main_menu > .wpml-ls-slot-main-menu:before{
display: block !important;
content: '';
position: absolute;
z-index: 1;
top: 50%;
left: 0;
transform: translateY(-55%);
height: 20px;
border-right: 2px solid #3d454b;
}
#document .menu_search_wrap{
margin-top: 0px;
}
.menu_search_wrap {
top: 0px;
right: 0px;
width: 100%;
height: 100% ;
position: fixed;
z-index: 10000;
overflow: visible;
display: none;
background: rgba(35,35,35,0.96);
}
.menu_search_wrap.default_style{
margin-top: 0px !important;
}
.menu_search_wrap .container{
max-width: 1170px;
width: calc(100% - 60px);
display: block;
top: 50%;
transform: translateY(-50%);
height: auto;
position: relative;
z-index: 1;
margin: auto;
}
.menu_search_wrap .screen-reader-text,
.menu_search_wrap .search-submit{
display: none;
}
.menu_search_wrap .search-field{
width: 100%;
background: transparent;
border: 0;
border-bottom: 2px solid #e0e6ea;
border-radius: 0;
color: #e0e6ea;
font-size: 18px;
padding-left: 0;
padding-right: 0;
}
.search_back_button{
display: block;
position: absolute;
z-index: 2;
top: 0;
right: 0;
width: 18px;
height: 36px;
cursor: pointer;
}
.search_back_button:before,
.search_back_button:after{
display: block;
content: "";
position: absolute;
top: 50%;
left: 50%;
background-color: #e0e6ea;
}
.search_back_button:before{
width: 16px;
height: 2px;
margin-left: -8px;
margin-top: -1px;
-webkit-transform: rotate( 45deg );
-ms-transform: rotate( 45deg );
-moz-transform: rotate( 45deg );
transform: rotate( 45deg );
}
.search_back_button:after{
width: 2px;
height: 16px;
margin-left: -1px;
margin-top: -8px;
-webkit-transform: rotate( 225deg );
-ms-transform: rotate( 225deg );
-moz-transform: rotate( 225deg );
transform: rotate( 225deg );
}
.menu_search_button{
display: flex;
align-items: center;
position: relative;
z-index: 1;
color: #1c3545;;
cursor: pointer;
font-size: 1.3em;
margin-left: 10px;
padding-left: 10px;    
}
.menu_search_button:before{
content: "\f125";
font-family: cws-icon;
}
.menu_search_wrap .search-field::-webkit-input-placeholder{
color: #e0e6ea; 
}
.menu_search_wrap .search-field::-moz-placeholder{
color: #e0e6ea; 
}
.menu_search_wrap .search-field:-moz-placeholder{
color: #e0e6ea; 
}
.menu_search_wrap .search-field:-ms-input-placeholder{
color: #e0e6ea;
}
.main_menu .wpml-ls-menu-item > a{
padding-left: 25px;
margin-right: 10px;
}
.main_menu .wpml-ls-menu-item .sub-menu{
margin-left: 5px;
padding: 0;
}
.main_menu .wpml-ls-menu-item .sub-menu a{
padding: 0;
}  .sandwich_switcher{
display: none;
min-height: 44px;
width: 44px;
}
.sandwich_switcher .ham{
display: inline-block;
width: 23px;
height: 2px;
position: relative;
vertical-align: bottom;
}
.sandwich .sandwich_switcher .ham{
-webkit-transition: all ease 0.3s;
transition: all ease 0.3s;
}
.sandwich.sandwich_active .sandwich_switcher .ham{
-webkit-transition: none;
transition: none;
}
.sandwich_active  .sandwich_switcher .ham,
.main_menu.sandwich.sandwich_active  .sandwich_switcher .ham,
#main_menu.sandwich.sandwich_active  .sandwich_switcher .ham,
#mobile_header.sandwich_active  .sandwich_switcher .ham{
background-color: transparent;
}
.sandwich_switcher .ham:after,
.sandwich_switcher .ham:before {
position: absolute;
content: '';
display: inline-block;
width: 23px;
height: 2px;
-webkit-transition: all ease .3s;
-moz-transition: all ease .3s;
-o-transition: all ease .3s;
transition: all ease .3s;
outline: 1px solid transparent;
left: 0;
-webkit-transform: translate3d(0,0,0) rotate(0deg);
-moz-transform: translate3d(0,0,0) rotate(0deg);
-ms-transform: translate3d(0,0,0) rotate(0deg);
-o-transform: translate3d(0,0,0) rotate(0deg);
transform: translate3d(0,0,0) rotate(0deg);
}
.sandwich_switcher .ham:before {
top: -8px;
}
.sandwich_switcher .ham:after {
top: 8px;
}
.sandwich_active .sandwich_switcher .ham:before {
-webkit-transform: translate3d(0,8px,0) rotate(-45deg);
-moz-transform: translate3d(0,8px,0) rotate(-45deg);
-ms-transform: translate3d(0,8px,0) rotate(-45deg);
-o-transform: translate3d(0,8px,0) rotate(-45deg);
transform: translate3d(0,8px,0) rotate(-45deg);
}
.sandwich_active .sandwich_switcher .ham:after {
-webkit-transform: translate3d(0,-8px,0) rotate(45deg);
-moz-transform: translate3d(0,-8px,0) rotate(45deg);
-ms-transform: translate3d(0,-8px,0) rotate(45deg);
-o-transform: translate3d(0,-8px,0) rotate(45deg);
transform: translate3d(0,-8px,0) rotate(45deg);
}
.sandwich_switcher{
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.main_menu.sandwich > .menu-item > a{
pointer-events: none;
}
.main_menu.sandwich.sandwich_active > .menu-item > a{
pointer-events: auto;
}
.main_menu.sandwich > .menu-item{
opacity: 0;
}
.main_menu.sandwich.sandwich_active > .menu-item{
opacity: 1;
}
.main_menu.a_left_flex.sandwich > .sandwich_switcher{
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
-webkit-align-self: auto;
-ms-flex-item-align: auto;
align-self: auto;
}
.main_menu.a_left_flex.sandwich > .menu-item{
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
-webkit-align-self: auto;
-ms-flex-item-align: auto;
align-self: auto;   
}
.header_wrap_menu{
display: flex;
}
.header_wrap_menu .menu_search_button,
.header_wrap_menu .sandwich_switcher{
margin-left: 12px;
}
.header_wrap_menu .top_panel_woo_minicart{
margin-top: 10px;
}  #sticky{
position: fixed;
z-index: 5;
top: 0;
left: 0;
width: 100%;
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
padding-bottom: 9px;
}
body.admin-bar #sticky{
margin-top: 30px;
}
#sticky_box{
-webkit-box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.24);
-moz-box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.24);
box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.24);
padding-right: 30px;
}
#sticky.stick{
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);   
}
#sticky .header_logo{
padding-top: 5px;
padding-bottom: 5px;
}   #main_slider > hr{
margin: auto;
}
#main_slider_video{
position: relative;
}
#main_slider_video > .video_bg{
z-index: 0;
}
#main_slider_video > *:not(.video_bg){
z-index: 1;
}
.video_bg{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.video_bg>video,
.video_bg>iframe{
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate3d(-50%,-50%,0);
-moz-transform: translate3d(-50%,-50%,0);
-ms-transform: translate3d(-50%,-50%,0);
transform: translate3d(-50%,-50%,0);
z-index: 1;
max-width: none;
}
.video_bg:before{
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2; 
}
.video_bg .bg_layer{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-repeat: repeat;
z-index: 2;
}
.video_bg>iframe{
border-radius: 0;
-webkit-mask-image: none;
}
#main_slider_img > img{
display: block;
position: relative;
min-width: 100%;
min-height: 100%;
}  #page_title_section{
text-align: center;
position: relative;
z-index: 1;
}
#header_wrapper{
margin-top: 0 !important;
position: relative;
z-index: 3;
}
#header_img_bg{
background-size: cover;
background-position: center center;
}
#header_img_bg{
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#header_img_bg.default_style{
clip-path: polygon( 0 0, 100% 0, 100% calc(100% - 120px), 50% calc(100% - 60px), 0% calc(100% - 120px));
padding-bottom: 60px;	
}
#header_img_bg.default_style:before{
background: -webkit-linear-gradient(45deg, #6b797f, #4ab769);
background: -o-linear-gradient(45deg, #6b797f, #4ab769);
background: -moz-linear-gradient(45deg, #6b797f, #4ab769);
background: linear-gradient(45deg, #6b797f, #4ab769);
} #header_img_bg:before{
content: '';
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(0,0,0,0.9);
} #header_img_bg:after{
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 2;
}
#page_title,
#page_title_section .bread-crumbs{
display: table;
margin-left: auto;
margin-right: auto;
color: #fff;
}
#page_title{
font-size: 72px;
font-weight: 900;
margin-bottom: auto;
color: #fff;
text-transform: uppercase;
}
#header_img_bg.default_style + .ingenious_layout_container .page_title_content{
padding-top: 160px;
}
.page_title_content{
position: relative;
z-index: 2;
padding-top: 110px;
padding-bottom: 110px;
}
.bread-crumbs .delimiter{
padding: 0 10px;
color: #fff;
}
#page_title_section .bread-crumbs a{
color: inherit;
text-decoration: none;
} .cws-content > div.vc_row{
background-image: none !important;
}
.cws-content > div.vc_row .cws-image-bg{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: block;
z-index: 2;
padding: 0 !important;
margin: 0 !important;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.cws-triangle-overlay{
content: '';
position: absolute;
z-index: 3;
width: 100%;
height: 100%;
top: 0;
left: 0;
}   .sidebar{
overflow: visible;
}
.widget .widgettitle,
.widget .widgettitle:not(:first-child){
margin-top: auto;
}
.widget .widgettitle > span,
.widget .widgettitle > a{
font-size: 22px;
color: #363636;
}
.widget .widgettitle > span{
display: block;
font-weight: 600;
}
.widget_icon{
float: left;
margin-right: 10px;
margin-top: -4px;
}
.widget.custom_color input[type='submit']{
color: #fff;
}
ul li.widget{
padding-left: 0;
position: relative;
z-index: 1;
}
ul li.widget:before{
content: "";
position: absolute;
display: inline-block;
width: 200%;
height: 102%;
transform: translate(-30%,1%) rotate(-2deg);
transform-origin: left;
z-index: -1;
top: 0;
left: 0;
}
ul li.widget:first-child:before{
background-color: #ebebe9;
}
.sidebar .widget:nth-child(odd):before{
background-color: #eeeeec;
z-index: -1;	
}
ul li.widget:not(:last-child):after{
border-bottom: none;
}
ul li.widget.fill_bg:after,
ul li.widget_shopping_cart:after,
ul li.widget_product_tag_cloud:after{
background: #eeeeec;
}
.sidebar .widget{
margin: 0px;
padding: 30px 20px;
}
.sidebar .widget:not(.widget_product_search):not(.widget_search):first-child{
padding-top: 0px;
padding-bottom: 60px;	
}
.sidebar .widget:first-child .widgettitle{
padding-top: 20px;
}
ul li.widget:first-child:after{
border-top: 0;
}
ul li.widget:first-child:before{
margin: 0;
margin-top: 0px;
padding: 0px;
}
ul li.widget.fill_bg:first-child:before{
background: #eeeeec;
}
ul li.widget.widget_search:first-child{
margin: 0;
margin-top: 0px;
padding: 0px;
}
ul li.widget:first-child .searchform{
padding: 10px 20px 30px;
}
.widget.widget_archive .screen-reader-text,
.widget.widget_categories .screen-reader-text
{
display: none;
}
.widget .widgettitle,
.widget .widget_header{
margin-bottom: 20px;
padding-bottom: 5px;
position: relative;
z-index: 1;
font-size: 22px;
text-align: center;	
}
.sidebar .widget .widgettitle:before,
.sidebar .widget .widgettitle:after{
content: '';
position: absolute;
z-index: 1;
bottom: 0;
left: 50%;
margin-left: -38px;
width: 74px;
height: 1px;
background: #dddfdc;
}
.widget .menu .menu-item .widget .widgettitle:before,
.widget .menu .menu-item .widget .widgettitle:after{
display: none;
}
.sidebar .widget .widgettitle:after{
width: 24px;
-webkit-transition: all .25s linear;
-moz-transition: all .25s linear;
-ms-transition: all .25s linear;
-o-transition: all .25s linear;
transition: all .25s linear;
}
.sidebar .widget:hover .widgettitle:after{
width: 74px;
}
.sidebar .widget.fill_bg .widgettitle:before{
background: #d0d2cc;
}
.widget .widget_header .widgettitle{
padding-bottom: 0;
border-bottom-style: none;
margin-bottom: auto;
}
.widget_header,
.ingenious_sc_carousel_header{
display: table;
width: 100%;
margin-bottom: 20px;
}
.widget_header > *,
.ingenious_sc_carousel_header > *{
display: table-cell;
}
.widget_header .widgettitle,
.ingenious_sc_carousel_header > h2{
width: 100%;
}
.widget_header .carousel_nav{
vertical-align: top;
text-align: right;
white-space: nowrap;
padding-right: 3px;
}
.widget_header .carousel_nav:only-child{
width: 100%;
}
.widget_header .carousel_nav > *{
display: inline-block;
vertical-align: middle;
width: 20px;
height: 20px;
line-height: 20px;
text-align: center;
color: #fff;
background: #000;
font-size: 10px;
cursor: pointer;
opacity: 0.2;
}
.widget_header .carousel_nav > *:hover{
opacity: 0.5;
}
.widget_header .carousel_nav > * + *{
margin-left: 2px;
}
.widget_header .carousel_nav > .prev:before,
.widget_header .carousel_nav > .next:before,
.ingenious_sc_carousel .carousel_nav > .prev:before,
.ingenious_sc_carousel .carousel_nav > .next:before{
font-family: cws-icon;
}
.widget_header .carousel_nav > .prev:before,
.ingenious_sc_carousel .carousel_nav > .prev:before{
content: "\f100";
}
.widget_header .carousel_nav > .next:before,
.ingenious_sc_carousel .carousel_nav > .next:before{
content: "\f101";
}
.ingenious_sc_carousel .carousel_nav > .prev,
.ingenious_sc_carousel .carousel_nav > .next{
position: absolute;
z-index: 1;
top: 23%;
font-size: 30px;
color: #d3dbdd;
cursor: pointer;
}
.ingenious_sc_carousel .carousel_nav > .prev{
left: 5%;
}
.ingenious_sc_carousel .carousel_nav > .next{
right: 5%;
}
.ingenious_sc_carousel.arrow .carousel_nav > .prev,
.ingenious_sc_carousel.arrow .carousel_nav > .next{
position: absolute;
z-index: 1;
top: 50%;
margin-top: -12px; 
font-size: 29px;
color: #d3dbdd;
cursor: pointer;
}
.ingenious_sc_carousel.arrow .carousel_nav > .prev{
left: 0;
}
.ingenious_sc_carousel.arrow .carousel_nav > .next{
right: 0;
}
.widget .select2-container{
display: block;
}
.widget li + li,
.widget li > ul,
.widget li > ol{
margin-top: auto;
}
.widget li ul li:first-of-type{
margin-top: 0px;
}
.widget li ul li:last-of-type{
padding-bottom: 0;
}
.widget ul>li{
padding: 10px 0;
}
.widget ul>li:not(:last-child){
border-bottom: 1px solid #e6e7e5;
}
.widget.widget_categories ul>li,
.widget.widget_meta ul>li{
font-weight: 500;
font-size: 16px;
}
.widget ul li{
position: relative;
padding: 7px 0;
}
.widget ul.children>li,
.widget ul.sub-menu>li {
padding-left: 0;
}
.widget ul li span.post_count{
float: right;
}
.widget .parent_archive .widget_archive_opener,
.widget .menu-item-has-children .opener{
display: block;
position: absolute;
z-index: 1;
top: 0;
right: 0;
text-align: right;
cursor: pointer;
font-size: 20px;
line-height: 1.5em;
width: 100%;
height: 40px;
}
.widget .parent_archive .widget_archive_opener:before,
.widget .menu-item-has-children .opener:before{
display: block;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
position: absolute;
z-index: 1;
right: 0px;
top: 0;
height: 100%;
line-height: 36px;
}
.widget.widget_categories .parent_archive .widget_archive_opener:before,
.widget.widget_categories .menu-item-has-children .opener:before{
right: 40px;
}
.widget.widget_nav_menu .parent_archive .widget_archive_opener:before,
.widget.widget_nav_menu .menu-item-has-children .opener:before{
right: 15px;
}
.widget .parent_archive .widget_archive_opener.active:before,
.widget .menu-item-has-children .opener.active:before {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.widget.widget_categories ul>li>a,
.widget.widget_meta ul>li>a{
color: #363636;
}
.widget ul>li:first-child{
margin-top: 0;
}
.widget ul{
color: inherit;
}
.widget ul.children,
.widget ul.sub-menu{
margin-top: 10px;
margin-left: 20px;
}
.widget ul.children li:last-child,
.widget ul.sub-menu li:last-child{
padding-bottom:0;
}
.widget ul ul>li:last-child{
border-bottom-style:none;
}
.widget ul>li:before{
content: "";
}
.widget ul>li.recentcomments{
padding-left: 2em;
}
.widget ul>li.recentcomments:before,
.widget ul>li.recentcomments:after{
line-height: 25px;
}
.widget ul>li.recentcomments:before{
font-family: cws-icon;
content: "\f113";
padding-top: 0;
padding-bottom: 0;
font-size: 15px;
margin-top: 0px;
text-align: center;
-webkit-transform: translateY(50%);
-ms-transform: translateY(50%);
transform: translateY(50%);
z-index: 2;
}
.widget ul li a{
text-decoration: none;
font-weight: 500;
}
[id*="ingenious_text_widget_"] > a{
margin-top: 10px;
margin-bottom: 20px;
display: block;
font-weight: 600;
font-size: 12px;
}
.widget-ingenious-latest-posts .widgettitle,
.widget_tag_cloud .widgettitle{
margin-bottom: 30px;
}
#recentcomments{
overflow: visible;
} #wp-calendar{
width: 100%;
border-collapse: collapse;
}
#wp-calendar caption{
padding-bottom: 15px;
font-weight: 600;
}
#wp-calendar th,
#wp-calendar td{
text-align: center;
padding: 5px 3px;
border-radius: 0;
font-weight: 600;
border: 0;
}
#wp-calendar a{
display: inline-block;
text-decoration: none;
}
#wp-calendar td:not(#prev):not(#next) a{
position: relative;
display: block;
color: #fff;
text-align: center;
border-radius: 50%;
}
#wp-calendar td#prev,
#wp-calendar td#next{
font-size: 0;
}
#wp-calendar td#prev a,
#wp-calendar td#next a{
color: #ef5f3b;
}
#wp-calendar td#prev a:before,
#wp-calendar td#next a:before{
vertical-align: middle;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
}
#wp-calendar td#prev a:before{
content: "\f100";
}
#wp-calendar td#next a:before{
content: "\f101";
}  .widget .tagcloud a{
position: relative;
z-index: 1;
padding: 1px 10px 1px 10px;
margin-left: 10px;
margin-right: 10px;
font-size: 14px !important;
color: #fff;
display: inline-block;
margin-bottom: 5px;
border-width: 1px;
border-style: solid;
line-height: 24px;
height: 24px;
}
.widget .tagcloud a:hover{
color: rgba(255, 255, 255, 0.5);
}
.widget .tagcloud a:before{
content: '';
position: absolute;
z-index: 1;
left: -30px;
top: -1px;
border: 14px solid transparent;
border-right: 15px solid;
background: transparent !important;
}
.widget .tagcloud a:after{
content: '';
position: absolute;
z-index: 1;
width: 5px;
height: 5px;
top: 11px;
left: -5px;
border-radius: 50%;
background: #fff;
}  .widget-ingenious-about{
text-align: center;
}
.widget-ingenious-about .image_wrap,
.widget-ingenious-about .user_description{
margin-bottom: 20px;
}
.widget-ingenious-about .image_wrap{
position: relative;
z-index: 1;
}
.widget-ingenious-about .image_wrap:before{
content: '';
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0.2;
}
.widget-ingenious-about .ingenious_button_wrapper .ingenious_button{
background: #ff6c3a;
border-color: #ff6c3a;
}
.widget-ingenious-about .ingenious_button_wrapper .ingenious_button.alt:hover{
color: #fff;
}  .widget .searchform > div{
position: relative;
}
.widget .searchform input{
display: block;
width: 100%;
padding-right: 50px;
border-radius: 2px;
}
.widget .searchform .search-submit,
.widget .searchform .screen-reader-text{
position: absolute;
top: 0;
right: 0;
width: 50px;
height: 100%;
color: #363636;
border-color: #e3dfd9;
}
.widget .searchform .search-submit{
min-width: 0;
padding: 0;
border-radius: 0;
opacity: 0;
z-index: 2;    
}
.widget .searchform .screen-reader-text{
font-size: 0;
text-align: center;
border-style: solid;
z-index: 2;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
}
.widget .searchform .screen-reader-text:before{
display: block;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
content: "\f125";
font-family: cws-icon;
}
.widget .searchform .search-submit:hover{
background-color: transparent;
} .widget .menu .menu-item,
.widget .menu .sub-menu{
padding-left: 0;
}
.widget .menu .menu-item{
padding: 7px 10px 7px 10px;
}
.widget .menu .menu-item:before{
display: none;
}
.widget .menu .sub-menu{
margin-top: auto;
}
.widget .menu{
border: 1px solid #e1e1e1;
border-radius: 8px;
overflow: hidden;
-webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
-webkit-transform: rotate(0.000001deg);
}
.widget .menu > .menu-item:last-child{
border-bottom-style: none;
}
.widget .menu .pointer{
display: block;
position: absolute;
top: 13px;
right: 13px;
width: 14px;
cursor: pointer;
display: none;	
}
.widget .menu .pointer:before,
.widget .menu .pointer:after{
content: "";
display: block;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
background-color: #000;
}
.widget .menu .pointer:before{
height: 14px;
width: 2px;
opacity: 1;
}
.widget .menu .menu-item.active > .pointer:before{
opacity: 0;
}
.widget .menu .pointer:after{
height: 2px;
width: 14px;
}
.widget .menu .menu-item.li_active a,
.widget .menu .menu-item.li_active > span,
.widget .menu .menu-item.li_active .depth,
.widget .menu .menu-item.active .depth,
.widget .menu .menu-item:hover .depth,
.widget .menu .menu-item.active a,
.widget .menu .menu-item:hover a,
.widget .menu .menu-item.active > span,
.widget .menu .menu-item:hover > span,
.widget .menu .menu-item:hover .widget .widgettitle > span,
.widget .menu .menu-item.li_active .widget .widgettitle > span
{
color: #fff;
}
.widget .menu .menu-item.active .pointer:before,
.widget .menu .menu-item.active .pointer:after,
.widget .menu .menu-item:hover .pointer:before,
.widget .menu .menu-item:hover .pointer:after{
background-color: #fff;
}
.widget .menu .sub-menu{
display: none;
}
.widget.widget_pages ul>li>ul{
padding-left: 0;
}
.widget .page_item{
cursor: pointer;
}
.widget .page_item .children{
margin-top: auto;
display: none;
}
.widget_social{
margin-top: -5px;
margin-left: -7px;
}
.widget_social .social_icon{
position: relative;
z-index: 1;
display: inline-block;
font-size: 20px;
width: 44px;
height: 50px;
line-height: 52px;
text-align: center;
margin-top: 5px;
margin-left: 7px;
border-radius: 8px;
color: #fff;
}
.widget_social .social_icon:hover .figure_wrap svg{
fill: transparent !important;
}
.widget ul.latest_tweets li:not( .tweet ){
padding-left: 0;
}
.widget ul.latest_tweets li:not( .tweet ):before{
display: none;
}
.widget ul.latest_tweets  li ul li.tweet:first-of-type{
margin-top: auto;
}
.widget ul.latest_tweets ul>li.tweet:first-child{
border-top-style: none;
}
.latest_tweets .tweet{
padding-left: 25px;
min-height: 60px;
padding-right: 10px;
font-size: 13px;
color: #232b33;
font-weight: 500;
}
.latest_tweets .tweet:before{
font-family: 'Font Awesome 5 Free';
font-weight: 900;
content: "\f099";
padding: 0;
margin-top: 13px;
text-align: center;
font-size: 20px;
color: #afb1bc;
}
.latest_tweets.widget_carousel.owl-carousel{
margin-right: 0;
}
.latest_tweets.widget_carousel.owl-carousel .owl-item > *{
margin-right: 30px;
}
.widget .widgettitle + .latest_tweets,
.widget .widget_header + .latest_tweets.widget_carousel{
margin-top: auto;
}
.widgettitle + .latest_tweets .tweet:first-child,
.widget_header + .latest_tweets.widget_carousel .owl-item > ul > li:first-child{
padding-top: 0;
}
.widgettitle + .latest_tweets .tweet:first-child:before,
.widget_header + .latest_tweets.widget_carousel .owl-item > ul > li:first-child:before{
margin-top: 0;
}
.latest_tweets.widget_carousel .owl-item > ul > li:last-child{
border-bottom: 1px solid #e1e1e1;
}
.widget_post_list .widget_post{
padding-bottom: 0;
border-bottom: 0;
margin-right: 40px;
}
.widget_post_list .widget_post:not(:first-child){
padding-top: 10px;
}
.widget_post_list.widget_carousel .owl-buttons{
position: absolute;
z-index: 1;
top: -3px;
right: 0;
margin-top: 0;
}
.widget_post_list.widget_carousel .owl-buttons > *{
display: inline-block;
font-size: 0;
width: 20px;
height: 20px;
background: #000;
opacity: 0.5;
text-align: center;
line-height: 20px;
color: #fff;
cursor: pointer;
transition: all 0.3s;
}
.widget_post_list.widget_carousel .owl-buttons > *:hover{
opacity: 0.7;
}
.widget_post_list.widget_carousel .owl-buttons > *:first-child{
margin-right: 5px;
}
.widget_post_list.widget_carousel .owl-buttons > *:before{
font-family: 'Font Awesome 5 Free';
font-weight: 900;
font-size: 14px;
}
.widget_post_list.widget_carousel .owl-buttons > .owl-prev:before{
content: "\f104";
padding-right: 2px;
}
.widget_post_list.widget_carousel .owl-buttons > .owl-next:before{
content: "\f105";
padding-left: 2px;
}
.widget_post{
line-height: 1.466667em;
}
.widget_post_media{
float: left;
margin-right: 10px;
}
.widget_post_media a{
display: block;
}
.widget_post_media img{
display: block;
}
.widget .widget_post_title{
font-family: inherit;
font-size: inherit;
font-weight: 600;
margin-bottom: auto;
color: #000;
}
.widget .staff_post_terms{
margin: 0;
}
.widget .staff_post_media{
margin-bottom: 0;
}
.widget_post_terms a{
text-decoration: none;
}
.widget_post_data > * + *{
margin-top: 5px;
}
.widget-ingenious-cws-staff ul li{
padding-left: 0;
}
.widget-ingenious-cws-staff ul li:before{
display: none;
}
.widget.widget_nav_menu {
padding-left: 15px;
}  #footer_widgets .widget{
margin-bottom: auto;
}
#footer_widgets{
padding: 80px 0px 140px 0px;
font-size: 0.933333em;
background-position: center;
position: relative;
}
#footer_widgets .footer_wrapper{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
#footer_widgets_container{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: -40px -15px 0;
color: inherit;
overflow: visible;  
}
#footer_widgets_container i.color_icon{
margin-right: 10px;
}
#footer_widgets_container i.color_icon + i.color_icon{
margin-left: 15px;
}
#footer_widgets .widget{
width: 100%;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
margin-top: 40px;
padding: 0 15px;
}
#footer_widgets .widget:nth-child(1):nth-last-child(5),
#footer_widgets .widget:nth-child(2):nth-last-child(4),
#footer_widgets .widget:nth-child(3):nth-last-child(3),
#footer_widgets .widget:nth-child(4):nth-last-child(2),
#footer_widgets .widget:nth-child(5):nth-last-child(1)  {
width: 210px;
}
#footer_widgets .widget:nth-child(1):nth-last-child(4),
#footer_widgets .widget:nth-child(2):nth-last-child(3),
#footer_widgets .widget:nth-child(3):nth-last-child(2),
#footer_widgets .widget:nth-child(4):nth-last-child(1){
width: 262px;
}
#footer_widgets .widget:nth-child(1):nth-last-child(3),
#footer_widgets .widget:nth-child(2):nth-last-child(2),
#footer_widgets .widget:nth-child(3):nth-last-child(1){
width: 350px;
}
#footer_widgets .widget:nth-child(1):nth-last-child(2),
#footer_widgets .widget:nth-child(2):nth-last-child(1){
width: 525px;
}
#footer_widgets .widgettitle,
#footer_widgets .widget_header{
line-height: 0.892857em;
padding: 0px 15px 13px 0px;
border-radius: 8px;
text-transform: uppercase;
}
#footer_widgets .widgettitle{
font-weight: 700;
}
#footer_widgets .widgettitle > span{
font-size: 0.642857em;
line-height: 1;
}
#footer_widgets .widget_header .widgettitle{
padding: 0;
border-radius: 0;
font-size: inherit;
line-height: inherit;
background-color: transparent !important;
}
#footer_widgets .widget_icon{
float: right;
margin-right: auto;
margin-left: 10px;
margin-top: auto;
}
#footer_widgets .widget_social{
text-align: center;
}
#footer_widgets .widget_social .social_icon{
margin-left: 15px;
margin-right: 15px;
width: 70px;
height: 78px;
line-height: 80px;
font-size: 22px;
}
#footer_widgets .widget_social .social_icon i{
color: #495d6a;
}
#footer_widgets .widget_social .social_icon:hover i{
color: #4e9bdd;
}
#footer_widgets .widget_social .social_icon svg{
fill: transparent;
stroke: #495d6a;
}
#footer_widgets .widget_social .social_icon:hover svg{
stroke: #7796ab;
}
#footer_widgets .widget ul>li,
#footer_widgets .widget_post_list .widget_post,
#footer_widgets .widget ul ul>li:first-child,
#footer_widgets .widget .menu{
border-color: #555a5f;
}
#footer_widgets .widget .menu .menu-item.active,
#footer_widgets .widget .menu .menu-item.active ul li{
border-color: #fff;
}
#footer_widgets .widget ul>li{
padding-top: 15px;
padding-bottom: 15px;
}
#footer_widgets .widget ul.children li:last-child,
#footer_widgets .widget ul.sub-menu li:last-child{
padding-bottom: 0;  
}
#footer_widgets .widgettitle + .latest_tweets .tweet:first-child,
#footer_widgets .widget_header + .latest_tweets.widget_carousel .owl-item > ul > li:first-child{
padding-top: 0;
}
#footer_widgets .widget_post_list .widget_post:not(:first-child){
padding-top: 5px;
}
#footer_widgets .widget_post_list .widget_post:last-child{
border-bottom-style: none;
padding-bottom: 0;
}
#footer_widgets input,
#footer_widgets textarea{
background-color: rgba(0,0,0,0.051);
border-color: #575c61;
}
#footer_widgets input[type='submit']{
background-color: transparent;
}
#footer_widgets input::-webkit-input-placeholder,
#footer_widgets input::-moz-placeholder,
#footer_widgets input:-moz-placeholder,
#footer_widgets input:-ms-input-placeholder,
#footer_widgets textarea::-webkit-input-placeholder,
#footer_widgets textarea::-moz-placeholder,
#footer_widgets textarea:-moz-placeholder,
#footer_widgets textarea:-ms-input-placeholder{
color: #575c61;
}
#footer_icl a{
text-decoration: none;
}  #footer{
position: relative;
z-index: 1;
background: rgba(0,0,0,0.9);
color: #fff;
margin-top: 0;
}
#footer.fixed,
#footer.default_style
{
position: fixed;
z-index: -1;
width: 100%;
bottom: 0;
left: 0;
right: 0;
}
#document.boxed #footer{
max-width: 1250px;
margin: 0 auto;
-webkit-box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.2);
box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.2);
}
#site_footer{
padding: 20px 0;
font-size: 0.866667em;
line-height: 1.53846em;
}
#site_footer.default_style{
position: absolute;
bottom: 0px;
width: 100%;
}
#footer.default_style #site_footer{
background-color: rgba(43,43,43,0.9);
}
#site_footer > div{
line-height: 25px;
}
.menu_wrapper .lang_bar,
.header_wrap_menu .lang_bar{
display: flex;
position: relative;
display: flex;
align-items: center;
margin-left: 10px;
padding-left: 10px;
}
.lang_bar.wpml_icon .wpml-ls-legacy-dropdown a{
padding: 5px 15px;
}
.menu_wrapper .lang_bar.wpml_icon,
.header_wrap_menu .lang_bar.wpml_icon{
padding-left: 30px;
}
.menu_wrapper .lang_bar #lang_sel,
.header_wrap_menu .lang_bar #lang_sel{
min-width: 150px;
width: 100%;
}
.main_menu>.menu-item.wpml-ls-menu-item:before{
display: inline-block;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
font-style: normal;
font-size: 20px;
content: "\f0ac";
position: absolute;
left: 20px;
top: 50%;
color: inherit;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
height: initial !important;
}
.main_menu>.menu-item.wpml-ls-menu-item a{
font-weight: normal;
}
#site_footer .wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer {
margin-bottom: 0px;
}
#site_footer .wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer .wpml-ls-item:before{
display: none;
}
#site_footer .wpml_language_switch{
float: right;
margin-left: 50px;
}
#site_footer > div:after{
display: none;
}
#footer_social,
#footer_icl{
float: right;
margin-left: 25px;
}
#footer_social .social_icon{
display: inline-block;
margin: 7px;
}
#footer_social{
margin: -7px;
}
#footer_social .social_icon > i{
font-size: 1.53846em;
line-height: 1em;
width: 1em;
height: 1em;
vertical-align: middle;
text-align: center; 
}  .vc-hoverbox-wrapper .vc-hoverbox-block-inner > *{
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-perspective: inherit;
-moz-perspective: inherit;
perspective: inherit;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateZ(70px) scale(0.86);
-moz-transform: translateZ(70px) scale(0.86);
transform: translateZ(70px) scale(0.86);
} .owl-wrapper-outer{
overflow: hidden;
cursor: move;
}
.owl-item{
float: left;
}
.owl-wrapper:after{
content: "";
display: block;
clear: both;
}
.owl-item > *{
width: 100%;
}
.widget_carousel .owl-item > ul > li:first-child{
border-top-style: none;
}
.owl-pagination{
text-align: center;
margin-top: 20px;
margin-left: 5px;
}
.owl-pagination .owl-page{
display: inline-block;
margin: 3px;
margin-left: 6px;
margin-right: 6px;
width: 8px;
height: 8px;
border-style: solid;
border-width: 1px;
border-radius: 50%;
background: transparent;
vertical-align: middle;	
}
.owl-pagination .owl-page.active{
border-width: 3px;
width: 12px;
height: 12px;
}
.widget .owl-pagination .owl-page.active{
width: 8px;
height: 8px;	
}
.vc_row-has-fill .owl-pagination .owl-page.active{
background-color: transparent;
}
.vc_row-has-fill .owl-pagination .owl-page.active,
.vc_row-has-fill .owl-controls .owl-page,
.owl-pagination .owl-page.active{
border-color: rgba(255, 255, 255, 0.4);
}
.wpb_text_column .owl-pagination .owl-page:last-child{ margin-bottom: 3px;
}
.ingenious_sc_carousel .owl-carousel{
margin-left: -15px;
margin-right: -15px;
}
.ingenious_sc_carousel .owl-item{
padding-left: 15px;
padding-right: 15px;
box-sizing: border-box;
}
.ingenious_sc_carousel .gallery.owl-carousel .gallery-item,
.ingenious_sc_carousel ul.products.owl-carousel li.product{
padding-left: 0;
padding-right: 0;
}  .cws-content{
position: relative;
}
.cws-content > div.vc_row{
background-repeat: inherit !important;
background-size: inherit !important;
background-position: inherit !important;
background-attachment: inherit !important;
}
.cws-content .cws-overlay-bg{
position: absolute;
left: 0;
top:0;
width: 100%;
height: 100%;
display: block;
z-index: 2;
}
.vc_column_container{
z-index: 3;
}
.cws-content .vc_parallax>*{
z-index: 3;
}
.cws-content + .cws-content{
margin-top:30px;
}
.vc_row{
position: relative;
z-index: 1;
}
.vc_row.over_section{
z-index: 2;
display: flex;
overflow: visible !important;
}
.vc_row-has-fill.vc_row.over_section{
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}
.vc_col-has-fill>.vc_column-inner,
.vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner,
.vc_row-has-fill+.vc_row>.vc_column_container>.vc_column-inner,
.vc_row-has-fill+.vc_vc_row>.vc_row>.vc_vc_column>.vc_column_container>.vc_column-inner,
.vc_row-has-fill+.vc_vc_row_inner>.vc_row>.vc_vc_column_inner>.vc_column_container>.vc_column-inner,
.vc_row-has-fill>.vc_column_container>.vc_column-inner,
.vc_row-has-fill>.vc_row>.vc_vc_column>.vc_column_container>.vc_column-inner,
.vc_row-has-fill>.vc_vc_column_inner>.vc_column_container>.vc_column-inner{
padding-top: 30px;
}
.wpb_content_element,
.vc_icon_element,
.vc_toggle,
.vc_tta-container{
margin-bottom: 30px;
}
.vc_row + .vc_row,
.vc_row-full-width + .vc_row{
margin-top: 40px;
}
.vc_row-full-width + .vc_row[data-vc-full-width="true"]{
margin-top: auto;
}
.vc_images_carousel{
position: relative;
overflow: hidden;
-webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
-webkit-transform: rotate(0.000001deg);
}
.vc_images_carousel .vc_carousel-control {
opacity: 1;
}
.vc_images_carousel .vc_carousel-control .icon-next,
.vc_images_carousel .vc_carousel-control .icon-prev{
display: block !important;
width: 32px !important;
height: 32px !important;
line-height: 32px;
background: transparent;
font-family: 'Font Awesome 5 Free' !important;
font-weight: 900;
text-align: center;
color: #000;
font-size: 20px !important;
text-shadow: none;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.3s;
transition: all 0.3s;   
}
.vc_images_carousel .vc_carousel-control .icon-prev:before{
content: "\f104" !important;
top: auto !important;
}
.vc_images_carousel .vc_carousel-control .icon-next:before{
content: "\f105" !important;
top: auto !important;
}
.vc_images_carousel .vc_carousel-control:hover .icon-prev{
color: #000 !important;
}
.vc_images_carousel .vc_carousel-indicators{
bottom: 5px !important;
}
.vc_images_carousel .vc_carousel-indicators li{
display: inline-block !important;
margin: 3px !important;
width: 8px !important;
height: 8px !important;
border-style: solid !important;
border-width: 1px !important;
border-radius: 50% !important;
background: transparent !important;
border-color: #000 !important;
}
.vc_images_carousel .vc_carousel-indicators li.vc_active{
background-color: #000 !important;
}
.vc_images_carousel .vc_item a img{
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);        
}
.vc_images_carousel .vc_item:hover a img{
-webkit-transition: all 4s ease;
transition: all 4s ease;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);  
}
.vc_images_carousel .vc_item a,
.vc_images_carousel .vc_item img{
display: block;
}
.vc_row.vc_row-flex.vc_row-o-equal-height>.vc_column_container>.vc_column-inner{
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;    
}
.wpb_wrapper.children_height_stretchedByFlex{
width: 100%;
}
.vc_row.vc_row-flex.vc_row-o-equal-height>.vc_column_container>.vc_column-inner>.wpb_wrapper>.ingenious_module{
width: 100%;
}
.vc_pie_chart.font_white{
color: #fff;
}
.vc_pie_chart.font_white .wpb_pie_chart_heading{
color: #fff;
}
.vc_pie_chart .wpb_pie_chart_heading{
margin-top: 10px;
font-size: 20px;
} .row_step{
position: absolute;
z-index: 5;
left: 50%;
top: 50%;
width: 160px;
height: 160px;
margin-left: -80px;
margin-top: -80px;
text-align: center;
}
.row_step .row_step_link{
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
top: 0;
left: 0;
color: inherit;
display: flex;
flex-direction: column;
justify-content: center;
}
.row_step .row_step_bg{
position: absolute;
z-index: -1;
width: 100%;
height: 100%;
top: 0;
left: 0;
border-radius: 50%;
background: #fff;
box-shadow: 6px 0px 20px 0px rgba(0,0,0,0.2);
}
.row_step .row_step_text{
margin-bottom: 0;
font-size: 16px;
font-weight: 700;
margin-top: 0;
padding: 0 15px;
line-height: 1.5;
}
.row_step .row_step_number{
margin: 0;
line-height: 1;
font-weight: 600;
}
.row_step .row_step_icon,
.row_step .row_step_number,
.row_step .row_step_text{
color: inherit;
}  .wpb_gmaps_widget .wpb_wrapper{
padding: 0 !important;
background-color: transparent !important;
width: 100%;
display: block;
}
.wpb_gmaps_widget iframe{
border-radius: 0;
}
.vc_row.vc_row-no-padding[data-vc-full-width-init="true"][data-vc-stretch-content="true"] .wpb_gmaps_widget .wpb_wrapper{
padding: 0;
border-style: none;
} .vc_row.wpb_row.vc_row-fluid.vc_row-no-padding{
padding-left: 0 !important;
padding-right: 0 !important;
}
.vc_row.top_line{
border-top: 3px solid #f2f2f2 !important;
}
.vc_row.bottom_line{
border-bottom: 3px solid #f2f2f2 !important;
}
.vc_background-style{
display: none;
}
.posts_grid .post_post .vc_col-sm-1,
.posts_grid .post_post .vc_col-sm-10,
.posts_grid .post_post .vc_col-sm-11,
.posts_grid .post_post .vc_col-sm-12,
.posts_grid .post_post .vc_col-sm-2,
.posts_grid .post_post .vc_col-sm-3,
.posts_grid .post_post .vc_col-sm-4,
.posts_grid .post_post .vc_col-sm-5,
.posts_grid .post_post .vc_col-sm-6,
.posts_grid .post_post .vc_col-sm-7,
.posts_grid .post_post .vc_col-sm-8,
.posts_grid .post_post .vc_col-sm-9{
float: none;
width: 100%;
}
#page.single_sidebar .vc_row[data-vc-full-width="true"],
#page.double_sidebar .vc_row[data-vc-full-width="true"]{
left: auto !important;
padding-left: 0 !important;
padding-right: 0 !important;
width: auto !important;
}
.wpb_text_column hr:last-child{
margin-bottom: 40px;
}  h1 > a,
h2 > a,
h3 > a,
h4 > a,
h5 > a,
h6 > a{
color: inherit;
text-decoration: none;
}
.post_title_wrap{
margin-top: 20px;
text-align: left;
margin-bottom: 15px;
}
.posts_grid_4 .post_title_wrap{
margin-bottom: 20px;
}
.posts_grid_checkerboard .post_post:nth-child(even) .post_title_wrap,
.posts_grid_fw_img.img_check .post_post:nth-child(even) .post_title_wrap,
.posts_grid_fw_img.img_right .post_post .post_title_wrap{
flex-direction: row-reverse;
text-align: right;
}
.post_title.post_post_title{
margin-top: 0;
margin-bottom: 0;
font-weight: 600;
}
.search_posts_grid .post_title.post_post_title{
line-height: 1.7;
}
.posts_grid_checkerboard .post_post:nth-child(even) .post_post_content_wrapper .date,
.posts_grid_fw_img.img_check .post_post:nth-child(even) .post_post_content_wrapper .date,
.posts_grid_fw_img.img_right .post_post .post_post_content_wrapper .date{
margin-right: initial;
margin-left: 20px;
}
.posts_grid_checkerboard .post_post:nth-child(even) .post_post_content,
.posts_grid_checkerboard .post_post:nth-child(even) .post_post_header,
.posts_grid_fw_img.img_check .post_post:nth-child(even) .post_post_content,
.posts_grid_fw_img.img_right .post_post .post_post_content{
text-align: right;
}
.posts_grid_checkerboard .post_post:nth-child(even) .post_post_header,
.posts_grid_checkerboard .post_post:nth-child(even) .post_post_header .meta_wrapper{
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.post_post_content_wrapper + .post_info_wrap{
margin-top: 20px;	
}
.post_info_wrap {
margin-bottom: 20px;
}
.post_grid_post .links.area {
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 0;
}
.posts_grid_checkerboard .post_post:nth-child(even) .post_info_wrap,
.posts_grid_fw_img.img_check .post_post:nth-child(even) .post_info_wrap,
.posts_grid_fw_img.img_right .post_post:nth-child(even) .post_info_wrap{
flex-direction: row-reverse;
}
.single_sidebar .posts_grid_checkerboard .post_post:nth-child(even) .post_info_wrap,
.double_sidebar .posts_grid_checkerboard .post_post:nth-child(even) .post_info_wrap{
text-align: right;
}
.post_post_header{
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 15px;
position: relative;
z-index: 1;
}
.single_sidebar section:not(.posts_grid_1):not(.posts_grid_small):not(.posts_grid_medium) .post_post_header,
.double_sidebar section:not(.posts_grid_1):not(.posts_grid_small):not(.posts_grid_medium) .post_post_header,
.posts_grid_3 .post_post_header,
.posts_grid_4 .post_post_header{
display: inline-block;
text-align: left;
margin-bottom: 10px;
}
.posts_grid_checkerboard .post_post:nth-child(even) .post_post_header,
.posts_grid_fw_img.img_check .post_post:nth-child(even) .post_post_header,
.posts_grid_fw_img.img_right .post_post .post_post_header{
margin-right: initial;
margin-left: 20px;
}
.posts_grid_checkerboard .post_post:nth-child(even) .post_post_header > *,
.posts_grid_fw_img.img_check .post_post:nth-child(even) .post_post_header > *,
.posts_grid_fw_img.img_right .post_post .post_post_header > *{
margin-right: initial;
margin-left: 20px;
}
.single_sidebar .posts_grid_checkerboard .post_post:nth-child(even) .post_post_header,
.double_sidebar .posts_grid_checkerboard .post_post:nth-child(even) .post_post_header{
text-align: right;
margin-left: 0;
}
.posts_grid_4 .post_post_header{
flex-direction: column; 
}
.posts_grid_4 .post_post_header .info,
.posts_grid_4 .post_post_header .comments_link{
justify-content: flex-start;
}
.vc_row:not([data-vc-full-width="true"]) .posts_grid_4 .post_info_wrap{
display: block;
margin-bottom: 20px;
margin-top: 20px;
padding-top: 10px;
text-align: left;
}
.post_post_header .v_sep{
border-left-color: #fff;
}
.post_post_header > *{
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
z-index: 2;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
font-weight: 600;
font-size: 14px;
color: #324251;
margin-right: 10px;
}
.post_post_header .meta_wrapper{
width: 100%;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
display: -ms-flexbox;
display: -webkit-flex;
display: flex !important;
}
.single_sidebar section:not(.posts_grid_1) .post_post_header > *,
.double_sidebar section:not(.posts_grid_1) .post_post_header > *,
.posts_grid_3 .post_post_header > *,
.posts_grid_4 .post_post_header > *{
display: inline-block;
}
.post_post_header .meta_wrapper a:not(.comments_link),
.single-product .product_meta span > a{
position: relative;
z-index: 1;
padding: 2px 11px;
margin: 3px 20px 3px 20px;
line-height: 24px;	
}
.single-product .product_meta span > a{
display: inline-block;
margin-left: 15px;
}
.post_post_header .meta_wrapper a:not(.comments_link):before,
.single-product .product_meta span > a:before{
content: '';
position: absolute;
z-index: 1;
left: -30px;
top: 0px;
opacity: 0.2;
border: 14px solid transparent;
border-right: 16px solid;
background: transparent !important;
}
.post_post_header .meta_wrapper a:not(.comments_link):after,
.single-product .product_meta span > a:after{
content: '';
position: absolute;
z-index: 1;
width: 5px;
height: 5px;
top: 11px;
left: -5px;
border-radius: 50%;
background: #fff;
}
.post_post_header .info_icon{
margin-right: 5px;
}
.info_icon,
.reply .reply_icon{
position: relative;
z-index: 1;
width: 15px;
height: 20px;
line-height: 20px;
text-align: center;
margin-right: 8px;
font-weight: bold;
display: inline-block;    
}
.info_icon:before{
font-size: 14px !important;
margin-left: 0px !important;
}
.reply .reply_icon{
margin-right: initial;
margin-left: 8px;
padding-left: initial;
padding-right: 1px;
color: #fff;
}
.post_info_wrap .info_icon .figure_wrap svg{
fill: #e9e7de;
stroke: #e9e7de;
}
.post_post_header .comments_link:only-child{
min-height: 3.533333em; 
}
.post_post_header .like a{
color: inherit;
}
.sl-icon.liked{
display: inline-block;
}
.post_post_header .like .sl-icon.liked:before,
.post_post_header .like .sl-icon.unliked:before{
font: 900 normal 15px/1em 'Font Awesome 5 Free';
content: '\f004';
text-align: center;
margin-right: 5px;
}
.post_post_header .like .sl-icon.liked:before{
font-weight: 400;
}
.floated_media.staff_posts_grid_post_floated_media{
margin-right: 0;
}
.search_posts_grid .floated_media_wrapper{
margin-bottom: 10px;
}
.search_posts_grid .post_content{
margin-top: 10px;
margin-bottom: 10px;
}
.search_posts_grid .post_content.post_post_content .more-link{
margin-top: 0;
}
.search_posts_grid .floated_media{
margin-right: 0;
float: left;
}
.post_grid_post .floated_media_wrapper{
margin-right: 30px;
}
.post_grid_post .floated_media{
position: relative;
z-index: 1;
}
.posts_grid_checkerboard .post_post:nth-child(even) .floated_media_wrapper,
.posts_grid_fw_img.img_check .post_post:nth-child(even) .floated_media_wrapper,
.posts_grid_fw_img.img_right .post_post .floated_media_wrapper{
margin-right: initial;
margin-left: 30px;
}
.posts_grid_checkerboard .post_post:nth-child(even) .floated_media,
.posts_grid_fw_img.img_check .post_post:nth-child(even) .floated_media,
.posts_grid_fw_img.img_right .post_post .floated_media{
margin-right: initial;
margin-left: -30px;
}
.posts_grid_medium .floated_media_wrapper,
.posts_grid_checkerboard .floated_media_wrapper,
.posts_grid_fw_img.img_check .floated_media_wrapper,
.posts_grid_fw_img.img_right .floated_media_wrapper,
.posts_grid_small .floated_media_wrapper,
.posts_grid_fw_img .floated_media_wrapper{
float: left;
}
.posts_grid_checkerboard .post_post:nth-child(even) .floated_media_wrapper,
.posts_grid_fw_img.img_check .post_post:nth-child(even) .floated_media_wrapper,
.posts_grid_fw_img.img_right .post_post .floated_media_wrapper{
float: right;
}
.floated_media_wrapper.staff_posts_grid_post_floated_media_wrapper{
float: none;
}
.comments-area{
margin-top: 30px;
}
.floated_media ~ .post_content ul,
.floated_media ~ .post_content ol,
.floated_media ~ .post_content blockquote,
.floated_media.post_floated_media.single_post_floated_media ~ .post_content ul,
.floated_media.post_floated_media.single_post_floated_media ~ .post_content ol,
.floated_media.post_floated_media.single_post_floated_media ~ .post_content blockquote,
.floated_media.posts_grid_post_floated_media.post_posts_grid_post_floated_media ~ .post_content ul,
.floated_media.posts_grid_post_floated_media.post_posts_grid_post_floated_media ~ .post_content ol,
.floated_media.posts_grid_post_floated_media.post_posts_grid_post_floated_media ~ .post_content blockquote{
overflow: auto;
}
.single_post_floated_media,
.post_single_post_media{
margin-bottom: 30px;
}
.post_media,
.pic{
position: relative;
overflow: hidden;
height: 100%;
display: inline-block;
}
.pic.link_post{
max-height: 200px;
}
.pic.quote_post{
max-height: 300px;
}
.post_media .quote-wrap{
background: #f6f6f5;
padding: 20px;
position: relative;
}
.post_media .pic .quote-wrap{
position: absolute;
top: 50%;
transform: translateY(-50%);
background-color: rgba(0, 0, 0, 0.4);
color: #ffffff;
z-index: 1;
}
.post_media .quote-wrap .quote-cont{
z-index: 1;
position: relative;
}
.post_media .quote-wrap:before,
.post_media .quote-wrap:after{
content: "";
position: absolute;
font-family: cws-icon;
color: #e6ece7;
font-size: 200px;
}
.post_media .pic .quote-wrap:before
{
left: 20px;
top: -10px;
font-size: 60px;
color: #ffffff;
}
.post_media .pic .quote-wrap:after{
display: none;
}
.post_media .pic .quote-wrap .text{
line-height: 2em;
margin-bottom: 0px;	
}
.post_single_post_media .post_media .pic .quote-wrap .text{
padding-left: 40px;
padding-right: 40px;
}
.post_media .quote-wrap:before{
content: "\f113";
left: 0px;
top: 50px;
}
.post_media .quote-wrap:after{
content: "\f113";
right: 0px;
bottom: 50px;
transform: rotate(180deg);	    
}
.post_media .quote-wrap .text{
font-size: 22px;
font-weight: bold;
line-height: 1.7em;
text-align: center;
}
.post_single_post_media .post_media .quote-wrap .text{
padding-left: 30px;
padding-right: 30px;
}
.post_media .quote-wrap .author{
font-size: 24px;	
text-align: right;
margin-bottom: 0px;
}
.post_media .quote-wrap .author:before{
content: "-";
margin-right: 5px;
}
.post_media .quote-wrap .author_position{
text-align: right;
}
.portfolio_post.video .post_media{
display: block;
}
.format-audio .post_media,
.format-gallery .post_media,
.format-video .post_media
{
display: block;
}
.post_media .date{
-webkit-transition: all .25s linear;
-moz-transition: all .25s linear;
-ms-transition: all .25s linear;
-o-transition: all .25s linear;
transition: all .25s linear;
}
.post_media:hover .date{
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.format-link .post_media{
width: 100%;
}
.single_post_media.post_media,
.portfolio_item_post .post_post_media.post_media,
.portfolio_item_post .post_post_media .pic{
display: block;
}
.portfolio_post.post_single .pic{
overflow: visible;
height: initial;
}
.post_single.slider .post_media{
height: initial;
}
.post_post_media .date{
position: absolute;
z-index: 1;
width: 85px;
height: 80px;
top: 0;
left: 0;
text-align: center;
color: #fff;
font-size: 18px;
font-weight: 500;
text-transform: uppercase;
line-height: 1.25;
box-shadow: 3px -1px 7px 0px rgba(0,0,0,0.3);
}
.post_post_media .date:before{
content: '';
position: absolute;
bottom: -4px;
left: 0;
width: 100%;
height: 10px;
transform: rotate(-5deg);
box-shadow: 2px 6px 7px 0px rgba(0,0,0,0.3);
}
.post_post_media .date span{
font-size: 42px;
display: block;
}
.portfolio_post.post_single .pic +.pic{
margin-top: 30px;
}
.pic > img,
.pic.link_post > a > img{
height: auto;
-webkit-transform: scale(1) translate3d(0,0,0);
-ms-transform: scale(1) translate3d(0,0,0);
transform: scale(1) translate3d(0,0,0);
}
.single.single-portfolio .full_width .gallery_post_carousel .pic > img{
width: 100%;
}
.pic.link_post > a > img{
width: 100%;
}
.pic:hover > img,
.pic.link_post:hover > a > img{
-webkit-transition: all 4s ease;
transition: all 4s ease;
}
.pic.wth_hover:hover > img,
.pic.link_post.wth_hover:hover > a > img{
-webkit-transition: none;
transition: none;
}
.pic.wth_hover:hover > img,
.pic.link_post.wth_hover:hover > a > img{
-webkit-transform: scale(1) translate3d(0,0,0);
-ms-transform: scale(1) translate3d(0,0,0);
transform: scale(1) translate3d(0,0,0);
}
.hover_on .pic .hover-effect{
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
transition: all 0.8s ease-out;
background: rgba(0, 0, 0, 0.5);
}
.post_single_post_media .pic.link_post:hover .hover-effect,
.post_single_post_media .pic.quote_post:hover .hover-effect,
.hover_on .pic:hover .hover-effect{
opacity: 1;
}
.post_single_post_media .pic.link_post .hover-effect,
.post_single_post_media .pic.quote_post .hover-effect
{
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0.5;
transition: all 0.8s ease-out;
background: rgba(0, 0, 0, 0.7)
}
.pic.link_post .hover-effect,
.pic.quote_post .hover-effect
{
opacity: 0.5;
}
.pic .links{
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
max-width: 100%;
max-height: 100%;
padding: 30px;
text-align: right;
}
.pic .links a{
position: relative;
display: inline-block;
vertical-align: middle;
text-decoration: none;
text-align: center;
width: 44px;
height: 48px;
margin: 2px;
font-size: 22px;
line-height: 50px;
color: #fff;
-webkit-transform: scale(0.5) rotate(180deg);
-ms-transform: scale(0.5) rotate(180deg);
transform: scale(0.5) rotate(180deg);
opacity: 0;
}
.pic:hover .links a{
-webkit-transform: scale(1) rotate(0);
-ms-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
opacity: 1; 
}
.hexagon_grid .pic .links{
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
text-align: center;
}
.hexagon_grid .pic .hover-effect .figure_wrap {
width: 94%;
height: 94%;
left: 6px;
top: 8px;
-webkit-transform: scale(0.1);
-ms-transform: scale(0.1);
transform: scale(0.1);
-webkit-transition: all 0.3s;
-ms-transition: all 0.3s;
transition: all 0.3s;
}
.hexagon_grid .pic .hover-effect .figure_wrap svg{
opacity: 0.8;
}
.hexagon_grid .pic:hover .hover-effect{
opacity: 1;
}
.hexagon_grid .pic .links .figure_wrap svg{
fill: transparent;
stroke: #fff;
stroke-width: 4px;
}
.hexagon_grid .pic .links a:hover .figure_wrap svg{
fill: #fff;
opacity: 1;
}
.post_posts_grid .pic.link_post > a{
display: block;
color: #fff;
text-decoration: none;
}
.post_post.format-link{
overflow: hidden;
}
.post_post_media .link{
display: block;
font-size: 2.4em;
line-height: 1.2;
text-align: center;
font-weight: 700;
word-break: break-all;
text-decoration: underline;
z-index: 1;	
}
.post_post_media .link a{
text-decoration: none;
}
.post_posts_grid .pic.link_post .link,
.post_single_post_media .pic.link_post .link{
position: absolute;
width: 100%;
max-height: 100%;
padding: 30px;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
.post_post_media > .link{
padding: 24px 90px 24px 24px;
background-color: #f6f6f5;
position: relative;
z-index: 1;
width: 100%;
box-sizing: border-box;
}
.post_post_media > .link:before{
content: "\f119";
font-family: cws-icon;
text-align: center;
position: absolute;
z-index: 1;
top: 10px;
right: 15px;
font-size: 65px;
font-weight: 100;
color: #dddddc;
}
.post_posts_grid .posts_grid_small{
font-size: 1.8em;   
}
.post_post_media .video{
position: relative;
height: 0;
padding-bottom: 56.316%;
}
.post_post_media .video iframe,
.post_post_media .audio.soundcloud iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.post_post_media .video p{
text-indent: 0;
}
.post_post_media .video iframe{
border-radius: 0;
}
.post_post_media .audio:only-child{
padding: 30px 25px;
background-color: #e5e5e5;
}
.post_post_media .audio.soundcloud{
padding: 0;
background-color: transparent;
position: relative;
height: 0;
padding-bottom: 56.3%;
}
.mejs-controls button{
min-width: 0;
}
.post_post_media iframe{
display: block;
width: 100%;
border-radius: 0;
}
.post_post.sticky-post .post_post_wrapper{
border: 1px solid #e6e6e6;
}
.post_post_header + .post_post_media .testimonial{
margin-top: 20px;
}
.post_post_media .testimonial.ingenious_module{
margin-bottom: auto;
padding: 40px 40px 0px 40px;
}
.gallery_post_carousel_nav,
.ingenious_sc_carousel.arrow .carousel_nav > .prev, 
.ingenious_sc_carousel.arrow .carousel_nav > .next{
display: block;
position: absolute;
top: 50%;
width: 100px;
height: 100px;
line-height: 100px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 30px;
border-radius: 50%;
font-family: cws-icon;
text-align: center;
text-decoration: none;
color: #fff;
background: #000;
opacity: 0;
z-index: 2;	
}
.gallery_post_carousel_nav{
background: transparent;
}
.gallery_post_carousel_nav:after{
content: '';
position: absolute;
z-index: -1;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: #000;
opacity: 0;
border-radius: 50%;
transition: all 0.3s ease-out;
}
.ingenious_sc_carousel.arrow .ingenious_wrapper:hover .carousel_nav > .prev,
.ingenious_sc_carousel.arrow .ingenious_wrapper:hover .carousel_nav > .next{
opacity: 0.5;
}
.ingenious_sc_carousel.arrow .carousel_nav > .prev:hover, 
.ingenious_sc_carousel.arrow .carousel_nav > .next:hover{
opacity: 0.7;
}
.post_format-post-format-gallery:hover .gallery_post_carousel_nav{
opacity: 1;
}
.post_format-post-format-gallery:hover .gallery_post_carousel_nav:after{
opacity: 0.2;
}
.post_format-post-format-gallery:hover .gallery_post_carousel_nav:hover:after{
opacity: 0.4;
}
.gallery_post_carousel_nav.prev,
.ingenious_sc_carousel.arrow .carousel_nav > .prev{
left: -100px;
}
.post_format-post-format-gallery:hover .gallery_post_carousel_nav.prev{
left: -50px;
}
.post_format-post-format-gallery .gallery_post_carousel_nav.prev:hover{
left: 0;
}
.gallery_post_carousel_nav.prev:before{
content: "\f100";
margin-left: 45px;
transition: all 0.3s ease-out;
}
.gallery_post_carousel_nav.prev:hover:before{
margin-left: 0;
}
.gallery_post_carousel_nav.next:before{
content: "\f101";
margin-right: 45px;
transition: all 0.3s ease-out;
}
.gallery_post_carousel_nav.next:hover:before{
margin-right: 0;
}
.gallery_post_carousel_nav.next,
.ingenious_sc_carousel.arrow .carousel_nav > .next{
right: -100px; 
}
.post_format-post-format-gallery:hover .gallery_post_carousel_nav.next{
right: -50px;
}
.post_format-post-format-gallery .gallery_post_carousel_nav.next:hover{
right: 0;
}
.ingenious_sc_carousel.arrow .ingenious_wrapper:hover .carousel_nav > .prev{
left: 10px;
}
.ingenious_sc_carousel.arrow .ingenious_wrapper:hover .carousel_nav > .next{
right: 10px;
}
.gallery_post_carousel{
z-index: 1;
}
.gallery_post_carousel_nav{
z-index: 2;
}
.portfolio_item_post .gallery_post_carousel_nav{
background: transparent;
z-index: 3;
}
.portfolio_item_post .gallery_post_carousel_nav.prev{
left: -20px;
opacity: 0;
}
.portfolio_item_post .gallery_post_carousel_nav.next{
right: -20px;
opacity: 0;
}
.portfolio_item_post:hover .gallery_post_carousel_nav.prev{
left: 10px;
opacity: 0.7;
}
.portfolio_item_post:hover .gallery_post_carousel_nav.next{
right: 10px;
opacity: 0.7;
}
.posts_grid_4 .portfolio_item_post:hover .gallery_post_carousel_nav.prev{
left: -5px;
}
.posts_grid_4 .portfolio_item_post:hover .gallery_post_carousel_nav.next{
right: -5px;
}
.owl-carousel.carousel_nav .owl-buttons .owl-prev,
.owl-carousel.carousel_nav .owl-buttons .owl-next{
display: block;
position: absolute;
z-index: 2;
top: 50%;
width: 40px;
height: 40px;
line-height: 40px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 20px;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
text-align: center;
text-decoration: none;
color: #fff;
background: #000;
opacity: 0.5;
font-size: 0;
transition: all 0.3s;
cursor: pointer;
}
.owl-carousel.carousel_nav .owl-buttons .owl-prev:hover,
.owl-carousel.carousel_nav .owl-buttons .owl-next:hover{
opacity: 0.7;
}
.owl-carousel.carousel_nav .owl-buttons .owl-prev:before{
content: "\f104";
font-size: 16px;
}
.owl-carousel.carousel_nav .owl-buttons .owl-next:before{
content: "\f105";
font-size: 16px;
}
.owl-carousel.carousel_nav .owl-buttons .owl-prev{
left: -30px;
opacity: 0;
}
.owl-carousel.carousel_nav .owl-buttons .owl-next{
right: -30px;
opacity: 0;
}
.owl-carousel.carousel_nav:hover .owl-buttons .owl-prev{
left: 10px;
opacity: 0.7;
}
.owl-carousel.carousel_nav:hover .owl-buttons .owl-next{
right: 10px;
opacity: 0.7;
}
.more-link{
float: right;
background: #ff6c3a;
border-color: #ff6c3a;
min-width: 130px;
padding: 7px 10px;
font-size: 13px;
}
.post_post_content_wrapper .post_posts_grid_post_content{
color: #808c95;
font-weight: 400;
text-align: left;
margin-bottom: 15px;
}
.posts_grid_fw_img.posts_grid_carousel .ingenious_wrapper{
overflow: visible;
}
.posts_grid_fw_img .post_grid_post.item{
padding-top: 50px;
padding-bottom: 50px;
position: relative;
z-index: 1;
margin: 0;
}
.posts_grid_fw_img .post_grid_post:before{
content: '';
position: absolute;
z-index: 0;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.posts_grid_fw_img .post_grid_post .back_img{
position: absolute;
z-index: -1;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-position: center center;
background-attachment: fixed;
background-size: cover;
}
.post_post_content_wrapper{
position: relative;
z-index: 0;
}
.posts_grid_3 .post_grid_post,
.posts_grid_2 .post_grid_post,
.posts_grid_1 .post_grid_post{
padding-top: 0;
}
.floated_media.posts_grid_post_floated_media.post_posts_grid_post_floated_media + .post_post_title{
margin-top: auto;
}
*:not(.post_post_title) + .post_post_content,
.post_post *:not(.post_post_title) + .pagination{
margin-top: 5px;
}
* + .post_post_terms{
line-height: 1;
}
.post_post_terms > *{
vertical-align: middle;
}
.post_post_terms i{
font-size: 1.066667em;
}
.post_post_terms a{
font-size: 0.866667em;
text-decoration: none;
font-weight: 600;
line-height: 1;
}
.post_post_terms .v_sep{
padding-left: 10px;
margin-left: 10px;
} .pagination{
position: relative;
z-index: 1;
clear: both;
}
.full_width_style .pagination{
margin: 0 15px;
}
.pagination .page_links{
text-align: center;
margin-top: 30px;
font-size: 0;
}
.pagination .page_links > *:not(.next):not(.prev){
display: inline-block;
width: 48px;
position: relative;
z-index: 1;
}
.pagination .page_links > *:not(.next):not(.prev):not(.current):hover{
background: #e2e1df;
}
.pagination .page_links > *{
color: #363636;
font-size: 18px;
height: 48px;
line-height: 48px;
border: 1px solid #e2e1df;
display: inline-block;
margin-left: -1px;
vertical-align: top;
overflow: hidden;
}
.pagination .page_links .page-numbers.current{
background: #363636;
color: #fff;
}
.pagination .page-numbers.next,
.pagination .page-numbers.prev {
position: relative;
z-index: 1;
min-width: 120px;
text-transform: uppercase;
font-weight: 600;
font-size: 16px;
}
.pagination .page-numbers.next:before,
.pagination .page-numbers.prev:before{
content: '';
position: absolute;
z-index: -1;
top: 0;
width: 100%;
height: 100%;
background: #e2e1df;
transition: all 0.3s ease-out;
}
.pagination .page-numbers.next:before{
left: 0;
transform: translateX(-100%);
}
.pagination .page-numbers.prev:before{
right: 0;
transform: translateX(100%);
}
.pagination .page-numbers.next:hover:before,
.pagination .page-numbers.prev:hover:before{
transform: translateX(0);
}
.portfolio.single.related .carousel_nav_panel{
margin-top: 40px;
} .vc_col-sm-2 hr.posts_grid_divider:before,
.vc_col-sm-3 hr.posts_grid_divider:before,
.vc_col-sm-4 hr.posts_grid_divider:before,
.posts_grid_3 hr.posts_grid_divider:before{
display: none;
}
.posts_grid select.filter{
display: block;
width: 200px;
}
.posts_grid .select2-container.filter,
.cws_mobile .posts_grid .filter_wrap{
display: none;
}
.cws_mobile .posts_grid .select2-container.filter{
display: inline-block;
}
.select_filter .filter_wrap{
display: none;
}
.select2-container.filter{
margin-bottom: 30px;
}
.filter_wrap{
margin-bottom: 30px !important;
text-align: center;
display: inline-block;
position: relative;
z-index: 1;
}
.filter_wrap:before{
content: '';
position: absolute;
left: 0;
top: 100%;
height: 4px;
width: 100%;
background: #dddfdc;
}
.filter_wrap .filter:before{
content: '';
}
.filter_wrap .filter{
cursor: pointer;
display: inline-block;
padding: 0 40px 10px 40px;
font-weight: 600;
}
.filter_wrap .filter h5{
color: #abb0a6;
}
.filter_wrap .lavalamp-object{
border-bottom: 4px solid;
}
.posts_grid .widget_header:not(:only-child){
margin-bottom: 20px;
}
.main_menu .lavalamp-object:before,
.main_menu .lavalamp-object:after{
content: '';
position: absolute;
z-index: 1;
height: 1px;
bottom: 30%;
}
.main_menu .lavalamp-object:before{
width: 100%;
background-color: rgba(255, 255, 255, 0.5);
}
.main_menu .lavalamp-object:after{
width: 30%;
background-color: rgba(255, 255, 255, 1);
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;    
}
.main_menu .lavalamp-object.current_menu_item:after{
width: 100%;
}
.main_menu.lavalamp.sandwich .lavalamp-object{
display: none;
}
.main_menu.lavalamp.sandwich.sandwich_active .lavalamp-object{
display: flex;
}
.post_posts_grid.posts_grid_medium .floated_media > .floated_media_wrapper,
.post_posts_grid.posts_grid_checkerboard .floated_media > .floated_media_wrapper,
.post_posts_grid.posts_grid_fw_img .floated_media > .floated_media_wrapper{
width: 570px;
}
.post_posts_grid.posts_grid_small .floated_media > .floated_media_wrapper{
width: 370px;
}
.post_posts_grid.posts_grid_medium .floated_media > .floated_media_wrapper,
.post_posts_grid.posts_grid_fw_img .floated_media > .floated_media_wrapper,
.post_posts_grid.posts_grid_checkerboard .floated_media > .floated_media_wrapper,
.post_posts_grid.posts_grid_small .floated_media > .floated_media_wrapper{
max-width: -webkit-calc( 100% - 30px );
max-width: calc( 100% - 30px );
}
.single_sidebar .post_posts_grid.posts_grid_medium .floated_media > .floated_media_wrapper,
.single_sidebar .post_posts_grid.posts_grid_fw_img .floated_media > .floated_media_wrapper,
.single_sidebar .post_posts_grid.posts_grid_checkerboard .floated_media > .floated_media_wrapper,
.single_sidebar .post_posts_grid.posts_grid_small .floated_media > .floated_media_wrapper,
.double_sidebar .post_posts_grid.posts_grid_medium .floated_media > .floated_media_wrapper,
.double_sidebar .post_posts_grid.posts_grid_fw_img .floated_media > .floated_media_wrapper,
.double_sidebar .post_posts_grid.posts_grid_checkerboard .floated_media > .floated_media_wrapper,
.double_sidebar .post_posts_grid.posts_grid_small .floated_media > .floated_media_wrapper{
max-width: calc( 50% - 30px );
}
.post_posts_grid.posts_grid_small .floated_media_wrapper .post_posts_grid_post_media:before,
.post_posts_grid.posts_grid_fw_img .floated_media_wrapper .post_posts_grid_post_media:before,
.post_posts_grid.posts_grid_medium .floated_media_wrapper .post_posts_grid_post_media:before{
display: none;
}
.floated_media.posts_grid_post_floated_media.post_posts_grid_post_floated_media:not(:last-child) > .post_media_wrapper{
margin-bottom: 1.17em;
}
.search_post_media a,
.search_post_media img{
display: block;
}
.latest_post_post{
padding-bottom: 44px;
margin-bottom: 20px;
position: relative;
z-index: 1;
}
.large_type .posts_time_line_wrap .latest_post_post:first-child{
margin-top: 65px;
}
.small_type .posts_time_line_wrap .latest_post_post:first-child{
padding-top: 65px;
}
.latest_post_post .latest_post_post_title{
margin-top: 20px;
margin-bottom: 5px;
font-weight: 600;
}
.large_type .latest_post_post .latest_post_post_data{
overflow: hidden;
}
.large_type .latest_post_post .latest_post_post_data .date{
color: #ebba44;
font-size: 14px;
}
.latest_post_post_media .link{
position: absolute;
z-index: 1;
width: 44px;
height: 48px;
top: 50%;
left: 50%;
margin: 0;
font-size: 22px;
line-height: 50px;
color: #fff;
text-align: center;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
opacity: 0;
}
.latest_post_post_media .pentagon .link{
top: 50%;
}
.latest_post_post_media .triangle .link{
top: calc(50% + 10px);
}
.latest_post_post:hover .latest_post_post_media .link {
opacity: 1;
}
.latest_post_post .latest_post_post_media .link .figure_wrap svg{
fill: transparent;
stroke: #fff;
stroke-width: 4px;
}
.latest_post_post .latest_post_post_media .link:hover .figure_wrap svg{
fill: #fff;
}
.large_type .latest_post_post:nth-child(odd) .latest_post_post_media{
float: right;
margin-right: calc( 50% - 60px );
margin-left: 40px;
}
.latest_post_post:nth-child(odd) .latest_post_post_data{
text-align: right;
}
.small_type .latest_post_post:nth-child(odd) .latest_post_post_data{
text-align: left;
}
.large_type .latest_post_post:nth-child(even) .latest_post_post_media{
float: left;
margin-left: calc( 50% - 60px );
margin-right: 40px;
}
.latest_post_post .latest_post_post_media{
overflow: visible;
z-index: 1;
}
.large_type .latest_post_post:before{
content: '';
position: absolute;
z-index: 1;
left: 50%;
top: 150px;
border: 1px dashed #7796ab;
height: calc(100% - 150px);
margin-left: -1px;
}
.large_type .posts_time_line_wrap .latest_post_post:first-child .latest_post_post_media:after{
content: '';
position: absolute;
z-index: 1;
left: 50%;
top: -53px;
border: 1px dashed #7796ab;
height: 37px;
margin-left: -1px;
}
.latest_post_post_media > .figure_container > .figure_wrap > svg{
opacity: 0.8;
}
.latest_post_post_terms a{
text-decoration: none;
}
.latest_post_list_start,
.latest_post_list_end{
position: relative;
text-align: center;
width: 14px;
height: 18px;
margin: auto;
}
.latest_post_list_start .figure_wrap svg,
.latest_post_list_end .figure_wrap svg{
fill: #7796ab;
stroke: #7796ab;
}
.latest_post_list_end {
display: none;
}
.latest_post_list_more{
position: relative;
text-align: center;
width: 72px;
height: 82px;
margin: auto;
display: flex;
align-items: center;
text-decoration: none;
margin-top: 1px;
}
.latest_post_list_more span{
font-size: 12px;
line-height: 1.5;
padding: 0 2px;
}
.latest_post_list_more:hover span{
color: #fff;
}
.latest_post_list_more .figure_wrap svg{
fill: #fff;
stroke: #7796ab;
}
.latest_post_post_media > * > .figure_wrap{
position: absolute;
z-index: 1;
opacity: 0;
-webkit-transition: all 0.6s ease;
transition: all 0.6s ease;
}
.latest_post_post_media > * > .figure_wrap.hexagon{
width: 98%;
height: 94%;
left: 0px;
top: 1px;
}
.latest_post_post_media > * > .figure_wrap.pentagon{
width: 90%;
height: 94%;
left: 7px;
top: 3px;
}
.latest_post_post_media > * > .figure_wrap.triangle{
width: 90%;
height: 94%;
left: 4px;
top: 10px;
}
.latest_post_post:hover .latest_post_post_media > * > .figure_wrap{
opacity: 1;
}
.latest_post_post .latest_post_post_media .figure_dummy{
width: 120px;
height: 135px;
}
.latest_post_post .latest_post_post_media .figure_dummy svg{
fill: #27323e;
stroke: #27323e;
opacity: 0.9;
}
.small_type .posts_time_line_wrap{
position: relative;
z-index: 1;
}
.small_type .posts_time_line_wrap:before{
content: '';
position: absolute;
z-index: 1;
height: 100%;
border: 1px dashed #7796ab;
left: 50%;
top: 0;
margin-left: -1px;
}
.small_type .latest_post_post{
display: flex;
position: relative;
z-index: 1;
margin-bottom: 0;
}
.small_type .latest_post_post:nth-child(even){
flex-direction: row-reverse;
}
.small_type .latest_post_post .latest_post_post_date{
display: flex;
align-items: center;
}
.small_type .latest_post_post .latest_post_post_date .center_figure_wrap > .figure_wrap > svg{
fill: #fff;
stroke: #7796ab;
stroke-width: 10px;
}
.small_type .latest_post_post .latest_post_post_date .center_figure{
position: absolute;
z-index: 1;
top: 8px;
left: 7px;
width: 16px;
height: 17px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
-webkit-transform: scale(0);
transform: scale(0);
}
.small_type .latest_post_post:hover .latest_post_post_date .center_figure{
-webkit-transform: scale(1);
transform: scale(1);
}
.small_type .latest_post_post:nth-child(even) .latest_post_post_date{
margin-right: calc( 50% - 15px );
margin-left: 40px;
position: relative;
z-index: 1;
}
.small_type .latest_post_post:nth-child(odd) .latest_post_post_date{
margin-left: calc( 50% - 15px );
margin-right: 40px;
position: relative;
z-index: 1;
}
.small_type .latest_post_post .latest_post_post_date .center_figure_wrap{
position: relative;
z-index: 1;
width: 30px;
height: 32px;
display: block;
}
.small_type .latest_post_post .latest_post_post_date .date{
position: absolute;
z-index: 1;
top: 5px;
left: 100%;
padding-left: 20px;
white-space: nowrap;
color: #afb1bc;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.small_type .latest_post_post:nth-child(odd) .latest_post_post_date .date{
top: 7px;
right: 100%;
left: initial;
padding-left: 0;
padding-right: 20px;
}
.small_type .latest_post_post:hover .latest_post_post_date .date{
}
.small_type .latest_post_post .latest_post_post_media{
margin-top: 6px;
}
.small_type .latest_post_post:nth-child(even) .latest_post_post_media{
float: right;
margin-left: 20px;
}
.small_type .latest_post_post:nth-child(odd) .latest_post_post_media{
float: left;
margin-right: 20px;
}
.small_type .latest_post_post:nth-child(odd) .latest_post_post_data,
.small_type .latest_post_post:nth-child(even) .latest_post_post_data{
border: 1px solid #e8eaeb;
border-radius: 8px;
padding: 10px;
padding-left: 20px;
display: flex;
align-items: center;
background: #fff;
box-shadow: 0px 2px 5px 1px rgba(0, 0, 0, 0.2);
position: relative;
z-index: 1;
}
.small_type .latest_post_post:nth-child(even) .latest_post_post_data{
flex-direction: row-reverse;
padding-right: 20px;
text-align: right;
}
.latest_post_post .latest_post_post_data{
opacity: 0;
-webkit-transition: all 0.3s;
transition: all 0.4s;
-webkit-transform: translateY(50%);
transform: translateY(50%);
}
.latest_post_post.block_show .latest_post_post_data{
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
.small_type .latest_post_post .latest_post_post_data h5{
margin-top: 0;
}
.small_type .latest_post_post .latest_post_post_data:before {
content: '';
position: absolute;
z-index: 1;
top: 50%;
right: -10px;
width: 20px;
height: 20px;
background: #fff;
box-shadow: 3px -3px 5px -2px rgba(0, 0, 0, 0.2);
transform: translateY(-50%) rotate(45deg);
}
.small_type .latest_post_post:nth-child(odd) .latest_post_post_data:before{
right: initial;
left: -10px;
box-shadow: -3px 3px 5px -2px rgba(0, 0, 0, 0.2);
}  .portfolio_item_post .item_content{
width: 100%;
height: 100%;
position: relative;
z-index: 1;
overflow: hidden;
transition: all 0.3s;
}
.portfolio_item_post .item_content .mobile_title_wrapper{
position: absolute;
bottom: 0px;
width: 100%;
z-index: 2;
text-align: center;
background-color: rgba(0, 0, 0, 0.5);
padding: 5px 5px 5px 5px;
display: none;
}
.cws_mobile .portfolio_item_post.inside_img .item_content .mobile_title_wrapper{
display: block;
}
.portfolio_item_post .item_content .mobile_title_wrapper .mobile_title{
color: #ffffff;
}
.portfolio_item_post img{
width: 100%;
}
.portfolio_posts_grid .ingenious_wrapper{
overflow: visible;
}
.portfolio_posts_grid.dynamic_content{
text-align: center;
}
.portfolio_posts_grid.dynamic_content .hexgrid-inner-wrapper{
margin-left: auto;
margin-right: auto;
position: relative;
}
.portfolio_posts_grid.dynamic_content .ingenious_load_more{
margin-top: 30px;
}
.portfolio_posts_grid.dynamic_content.hexagon_grid .ingenious_load_more{
margin-left: 12px;
}
.portfolio_posts_grid.dynamic_content.hexagon_grid
.portfolio_posts_grid.posts_grid_2 hr.posts_grid_divider:before,
.portfolio_posts_grid.posts_grid_3 hr.posts_grid_divider:before,
.portfolio_posts_grid.posts_grid_4 hr.posts_grid_divider:before{
display: none;
}
.portfolio_item_post .item_content .carousel_link{
position: absolute;
z-index: 2;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.portfolio_item_post .item_content .video_link{
position: absolute;
z-index: 1;
width: 30px;
height: 35px;
bottom: 10px;
right: 10px;
}
.posts_grid .portfolio_post_title{
margin-bottom: 0.1em;
}
.posts_grid .portfolio_item_post.under_img.title_divider .portfolio_post_title{
padding-bottom: 15px;
margin-bottom: 0.5em;
}
.posts_grid .portfolio_post_title{
font-size: 24px;
color: #fff;
font-weight: 500;
margin-top: 0;
position: relative;
z-index: 1;
}
.posts_grid:not(.posts_grid_showcase) .portfolio_post_title:before{
content: '';
position: absolute;
z-index: 1;
bottom: 0;
left: 50%;
margin-left: -14px;
width: 28px;
height: 3px;
background: #fff;	
display: none;
}
.posts_grid .portfolio_item_post.title_divider .portfolio_post_title:before{
display: block;
}
.posts_grid.posts_grid_hex_style_2 .portfolio_post_title,
.posts_grid.posts_grid_hex_style .portfolio_post_title{
text-transform: uppercase;
}
.posts_grid .portfolio_post_title a:hover{
color: inherit;
}
.posts_grid .portfolio_item_post.under_img .portfolio_post_title{
margin-top: 20px;
padding-bottom: 0px;
margin-bottom: 0px;
color: #363636;
font-weight: bold;  
}
.posts_grid .portfolio_item_post.under_img .portfolio_post_title:before{
background: #363636;
}
.post_single .portfolio_post_title{
font-weight: 600;
margin-bottom: 5px;
margin-top: 20px;   
}
.post_single .single_col .portfolio_post_title{
margin-top: 0px;
}
.portfolio_post_terms{
position: relative;
z-index: 1;
color: #fff;
margin-top: 0px;	
}
.portfolio_post_terms > *{
vertical-align: middle;
}
.portfolio_post_terms a{
font-size: 16px;
line-height: 16px;
text-decoration: none;
color: #fff;
}
.portfolio_item_post.under_img .portfolio_post_terms{
margin-top: 0px;
}
.portfolio_item_post.under_img .portfolio_post_terms a{
font-size: 17px;
line-height: 17px;
}
.posts_grid .portfolio_item_post.under_img .portfolio_post_terms,
.posts_grid .portfolio_item_post.under_img .portfolio_post_terms a,
.portfolio.single .portfolio_post_terms a
{
color: #363636;
}
.portfolio.single .portfolio_post_terms{
padding-bottom: 10px;
margin-bottom: 5px;
}
.posts_grid .portfolio_posts_grid_post_content{
color: #fff;
opacity: 0.8;
}
.portfolio_item_grid_post{
margin-bottom: 30px;
}
.posts_grid_showcase .portfolio_item_grid_post{
margin-bottom: -2px;
height: 400px;
}
.posts_grid.posts_grid_showcase .item .pic {
background-position: center center;
background-size: cover;
}
.portfolio_item_grid_post.hex_style{
margin-bottom: 0;
}
.portfolio_posts_grid.hexagon_grid.posts_grid_3 .ingenious_grid{
padding-top: 105px;
}
.portfolio_posts_grid.hexagon_grid.posts_grid_4 .ingenious_grid{
padding-top: 70px;
}
.portfolio_posts_grid.hexagon_grid.posts_grid_5 .ingenious_grid{
padding-top: 60px;
}
.portfolio_item_post{
position: relative;
z-index: 1;
}
.portfolio_item_post:not(.under_img) .item_shadow_box{
display: block;
position: absolute;
top: 10%;
bottom: 25px;
left: 10%;
right: 10%;
z-index: -1;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-o-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-box-shadow: 0 15px 50px 0 transparent;
box-shadow: 0 15px 50px 0 transparent;
-webkit-transition: box-shadow .3s ease; 
-moz-transition: box-shadow .3s ease;
transition: box-shadow .3s ease;
}
.portfolio_item_post:hover .item_shadow_box{
-webkit-box-shadow: 0 30px 100px 0 rgba(0,0,0,0.85);
box-shadow: 0 30px 100px 0 rgba(0,0,0,0.85);
}
.portfolio_item_post:hover{
z-index: 2;
}
.portfolio_item_post .hover-effect{
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transition: all 0.3s;
transition: all 0.3s;
transition-delay: 0s;
padding: 0;
}
.posts_grid_3 .portfolio_item_post.hex_style_2 .hover-effect,
.posts_grid_4 .portfolio_item_post.hex_style_2 .hover-effect,
.posts_grid_5 .portfolio_item_post.hex_style_2 .hover-effect{
transform: rotate(90deg);
opacity: 0.7;
}
.posts_grid_3 .portfolio_item_post.hex_style_2 .hover-effect{
width: 384px;
left: 56px;
top: 2px;
}
.posts_grid_4 .portfolio_item_post.hex_style_2 .hover-effect{
width: 288px;
left: 42px;
top: 0px;
}
.posts_grid_5 .portfolio_item_post.hex_style_2 .hover-effect{
width: 232px;
left: 32px;
top: 1px;
}
.posts_grid_3 .ingenious_carousel .portfolio_item_post.hex_style_2 .hover-effect{
width: 334px;
left: 37px;
top: 1px;
}
.posts_grid_4 .ingenious_carousel .portfolio_item_post.hex_style_2 .hover-effect{
width: 245px;
left: 28px;
top: 1px;
}
.posts_grid_5 .ingenious_carousel .portfolio_item_post.hex_style_2 .hover-effect{
width: 193px;
left: 20px;
top: -1px;
}
.posts_grid_3 .portfolio_item_post.hex_style .hover-effect,
.posts_grid_4 .portfolio_item_post.hex_style .hover-effect,
.posts_grid_5 .portfolio_item_post.hex_style .hover-effect{
opacity: 0.7;
}
.posts_grid_3 .portfolio_item_post.hex_style .hover-effect{
width: 375px;
left: 5px;
top: 8px;
}
.posts_grid_4 .portfolio_item_post.hex_style .hover-effect{
width: 273px;
left: 3px;
top: 5px;
}
.posts_grid_5 .portfolio_item_post.hex_style .hover-effect{
width: 214px;
left: 3px;
top: 4px;
}
.hex_mobile.posts_grid_3 .portfolio_item_post.hex_style_2 .hover-effect,
.hex_mobile.posts_grid_4 .portfolio_item_post.hex_style_2 .hover-effect,
.hex_mobile.posts_grid_5 .portfolio_item_post.hex_style_2 .hover-effect{
width: 94px;
left: 9px;
top: -4px;
}
.portfolio_item_post.hex_style .hover-effect .figure_wrap svg,
.portfolio_item_post.hex_style_2 .hover-effect .figure_wrap svg{
fill: #000;
stroke: #000;
}
.portfolio_item_post .links.area{
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 0;
}
.portfolio_item_post .links.video,
.portfolio_post .links.video{
z-index: 2;
color: #fff;
opacity: 0.5;
font-size: 40px;
padding: 0;
height: auto;
transition-delay: 0.01s;
}
.posts_grid_4 .portfolio_item_post .links.video{
font-size: 30px;
}
.portfolio_item_post .links.video:hover,
.portfolio_post .links.video:hover{
opacity: 0.9;
}
.portfolio_item_post .links_wrap{
position: relative;
z-index: 2;
transform: translateY(-10px);
transition: all 0.3s;
margin-bottom: 15px;
}
.portfolio_item_post.under_img .links_wrap{
margin-bottom: 0;
}
.hex_mobile .portfolio_item_post.hex_style_2 .links_wrap a{
font-size: 12px;
}
.portfolio_item_post .links_wrap .links{
color: #363636;
font-size: 20px;
width: 70px;
height: 70px;
line-height: 66px;
text-align: center;
display: inline-block;	
}
.portfolio_item_post .links_wrap .links .icon_shape{
left: 1px;
}
.portfolio_item_post .links_wrap .links .icon_shape svg{
stroke: transparent;
}
.portfolio_item_post .links_wrap .links:before{
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
margin: 0px;
}
.portfolio_item_post:hover .links_wrap{
transform: translateY(0);
}
.portfolio_item_post .links_wrap .links:hover:before{
opacity: 0.7;
}
.portfolio_item_post.hoverbi .hover-effect:before{
position: absolute;
z-index: -1;
top: 10px;
right: 10px;
bottom: 10px;
left: 10px;
border: 1px solid #fff;
content: '';
opacity: 0;
-webkit-transition: opacity 0.35s,-webkit-transform 0.35s;
transition: opacity 0.35s,transform 0.35s;
-webkit-transform: scale(0);
transform: scale(0);
}
.portfolio_item_post.hoverbi2 .hover-effect:before,
.portfolio_item_post.hoverbi2 .hover-effect:after{
position: absolute;
top: 10px;
right: 10px;
bottom: 10px;
left: 10px;
content: '';
opacity: 0;
-webkit-transition: opacity 0.1s,-webkit-transform 0.35s;
transition: opacity 0.1s,transform 0.35s;
}
.portfolio_item_post.hoverbi2 .hover-effect:before{
border-top: 1px solid rgba(255,255,255,.5);
border-bottom: 1px solid rgba(255,255,255,.5);
-webkit-transform: scale(0,1);
transform: scale(0,1);
}
.portfolio_item_post.hoverbi2 .hover-effect:after{
border-right: 1px solid rgba(255,255,255,.5);
border-left: 1px solid rgba(255,255,255,.5);
-webkit-transform: scale(1,0);
transform: scale(1,0);
} 
.portfolio_item_post.hoverbi:hover .hover-effect:before,
.portfolio_item_post.hoverbi2:hover .hover-effect:before,
.portfolio_item_post.hoverbi2:hover .hover-effect:after{
opacity: 0.7;
-webkit-transform: scale(1);
transform: scale(1);
} 
.portfolio_item_post.hoverbi2:hover .hover-effect:before,
.portfolio_item_post.hoverbi2:hover .hover-effect:after{
transition-delay: 0.1s;
}
.portfolio_item_post.hoversr .pic img,
.portfolio_item_post.hoversr .cover_img img{
-webkit-transform: scale(1) rotate(0);
-moz-transform: scale(1) rotate(0);
-o-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
-webkit-transition: -webkit-transform .7s ease-in-out;
-moz-transition: -moz-transform .7s ease-in-out;
transition: transform .7s ease-in-out;
}
.portfolio_item_post:not(.hover_none).hoversr:hover .pic img,
.portfolio_item_post:not(.hover_none).hoversr:hover .cover_img img{
-webkit-transform: scale(1.06) rotate(2deg);
-moz-transform: scale(1.06) rotate(2deg);
-o-transform: scale(1.06) rotate(2deg);
transform: scale(1.06) rotate(2deg);
}
.portfolio_item_post.hoverzb .pic img,
.portfolio_item_post.hoverzb .cover_img img{
-webkit-filter: blur(0);
-moz-filter: blur(0);
-ms-filter: blur(0);
-o-filter: blur(0);
filter: blur(0);
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: all .7s ease-in-out;
-moz-transition: all .7s ease-in-out;
transition: all .7s ease-in-out;
}
.portfolio_item_post:not(.hover_none).hoverzb:hover .pic img,
.portfolio_item_post:not(.hover_none).hoverzb:hover .cover_img img{
-webkit-transform: scale(1.1);
transform: scale(1.1);
-webkit-filter: blur(5px);
-moz-filter: blur(5px);
-ms-filter: blur(5px);
-o-filter: blur(5px);
filter: blur(5px);
}
.posts_grid_hex_style .portfolio_item_post{
padding: 0 5px;
}
.posts_grid_hex_style.posts_grid_3 .portfolio_item_post{
width: 400px;
margin-top: -105px;
}
.posts_grid_hex_style.posts_grid_4 .portfolio_item_post{
width: 300px;
margin-top: -70px;
}
.posts_grid_hex_style.posts_grid_5 .portfolio_item_post{
width: 240px;
margin-top: -60px;
}
.posts_grid_hex_style_2.posts_grid_3 .portfolio_item_post{
width: 470px;
}
.posts_grid_hex_style_2.posts_grid_4 .portfolio_item_post{
width: 360px;
}
.posts_grid_hex_style_2.posts_grid_5 .portfolio_item_post{
width: 290px;
}
.start_odd .portfolio_item_post.hex_style.wrap1{
transform: translateX(50%) !important;
}
.start_even .portfolio_item_post.hex_style.wrap2{
transform: translateX(50%) !important;
}
.ingenious_carousel .portfolio_item_post.hex_style.wrap1,
.ingenious_carousel .portfolio_item_post.hex_style.wrap2{
transform: translateX(0) !important;
}
.portfolio_item_post.hex_style.wrap1 + .wrap2,
.portfolio_item_post.hex_style.wrap2 + .wrap1{
clear: left;
}
.posts_grid.hexagon_grid .owl-item > .item{
margin: auto;
float: none;
}
.hexagon_grid .item canvas.hex_mob,
.hexagon_grid.hex_mobile .item canvas.hex_display{
display: none;
}
.hex_mobile.hexagon_grid .item canvas.hex_mob,
.hexagon_grid .item canvas.hex_display{
display: block;
}
.portfolio_content_wrap,
.video .cover_img {
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
top: 0;
left: 0;
-webkit-transition: all 0.3s;
transition: all 0.3s;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background: rgba(0,0,0,0.7);
}
.portfolio_item_post.hex_style .portfolio_content_wrap,
.portfolio_item_post.hex_style_2 .portfolio_content_wrap,
.video .cover_img {
background: transparent;
}
.cover_img img{
width: 100%;
display: block;
}
.portfolio_item_post:not(.hoverdir) .portfolio_content_wrap{
opacity: 0;
}
.hoverdir .portfolio_content_wrap{
background: rgba(0,0,0,0.5);
top: 100%;
}
.portfolio_content_wrap > .post_title,
.portfolio_content_wrap > .post_terms,
.portfolio_content_wrap > .post_content{
padding: 0 30px;
position: relative;
z-index: 2;
-webkit-transition: all 0.3s;
transition: all 0.3s;
transition-delay: 0s;
}
.portfolio_content_wrap > .post_title{
padding-bottom: 0px;
}
.title_divider .portfolio_content_wrap > .post_title{
padding-bottom: 15px;
margin-bottom: 0.5em;	
}
.portfolio_content_wrap > .portfolio_post_terms.post_terms{
padding-bottom: 10px;
margin-bottom: 5px;
}
.hex_mobile .portfolio_content_wrap > .post_terms,
.hex_mobile .portfolio_content_wrap > .post_content{
display: none;
}
.hex_mobile .portfolio_content_wrap > .post_title{
font-size: 11px;
}
.hex_mobile .portfolio_content_wrap > .post_title,
.hex_mobile .portfolio_content_wrap > .post_terms,
.hex_mobile .portfolio_content_wrap > .post_content{
padding-right: 15px;
padding-left: 10px;
}
.portfolio_item_post:not(.hoverdir) .portfolio_content_wrap > .post_title,
.portfolio_item_post:not(.hoverdir) .portfolio_content_wrap > .post_terms,
.portfolio_item_post:not(.hoverdir) .portfolio_content_wrap > .post_content,
.portfolio_item_post:not(.hoverdir) .portfolio_content_wrap > .links.video{
top: 30px;
}
.portfolio_content_wrap > .post_title a:hover{
opacity: 0.7;
}
.posts_grid .portfolio_item_post.under_img .portfolio_posts_grid_post_content{
color: #000;
}
.portfolio_item_post .pic .links{
height: 100%;
z-index: 2;
}
.portfolio_item_post:not(.hoverdir) .pic .hover-effect{
background: #000;
}
.portfolio_item_post:not(.hoverdir):hover .pic .hover-effect{
opacity: 0;
}
.portfolio_item_post:not(.hoverdir):hover .portfolio_content_wrap{
opacity: 1;
}
.portfolio_item_post:not(.hoverdir):hover .portfolio_content_wrap > .post_title,
.portfolio_item_post:not(.hoverdir):hover .portfolio_content_wrap > .post_terms,
.portfolio_item_post:not(.hoverdir):hover .portfolio_content_wrap > .post_content,
.portfolio_item_post:not(.hoverdir):hover .portfolio_content_wrap > .links.video{
top: 0;
}
.portfolio_item_post:not(.hoverdir):hover .portfolio_content_wrap > .portfolio_post_title + *{
transition-delay: .05s;
}
.portfolio_item_post:not(.hoverdir):hover .portfolio_content_wrap > .portfolio_post_title + * + * {
transition-delay: .05s;
} .post_single.flex_col{
display: flex;
margin: 0 -15px;
}
#page.full_width > .ingenious_layout_container{
margin-top: 20px;
}
.post_single.flex_col.reverse{
flex-direction: row-reverse;
}
.single_col .post_media{
margin: 0 0px;
}
.single_col .portfolio_single_content{
margin: 0 30px;
}
.single_col_25{
width: 25%;
}
.single_col_33{
width: 33.33%;
}
.single_col_50{
width: 50%;
}
.single_col_66{
width: 66.66%;
}
.single_col_75{
width: 75%;
}
.single_col{
overflow: hidden;
}
.portfolio_single_content .gallery{
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.portfolio_single_content{
position: relative;
z-index: 1;
}
.post_single.bot .portfolio_single_content{
margin-top: 20px;
}
#page.full_width .portfolio_single_content{
margin-top: 0;
}
.single-portfolio #page.full_width > .post_post_media,
.single-post #page.full_width > .post_post_media{
transition: all 0.5s ease-in-out;
height: 0;
opacity: 0;
}
#page.full_width .post_single.flex_col{
margin: 0 !important;
} .portfolio_post .portfolio_content_wrap{
opacity: 0;
}
.portfolio_post:hover .portfolio_content_wrap{
opacity: 1;
}
.portfolio_post .links.area {
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 0;
}
.portfolio_item_post .side_load{
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.portfolio_item_post .side_load .load_bg{
width: 0%;
height: 100%;
position: absolute;
left: 0px;
top: 0px;
display: block;
z-index: 1;
background: red;
}
.portfolio_item_post .side_load .load_wrap{
display: block;
position: absolute;
left: 0;
top: 0px;
width: 0;
height: 100%;
z-index: 1;
overflow: hidden;
}
.portfolio_item_post .side_load .load_wrap h3{
font-size: 40px;
display: flex;
z-index: 1;
height: 100%;
justify-content: center;
align-items: center;
}
.portfolio_item_post .old_article{
position: relative;
z-index: 2;
height: 400px;
}
.portfolio_item_post .content_ajax{
position: absolute;
z-index: 1;
width: calc(100% - 30px);
top: 0;
left: 15px;
}
article.portfolio_item_post.prev{
transform: translateY(-100%);
transition: all 1s;
}
article.portfolio_item_post.next{
transform: translateY(100%);
transition: all 1s;
}
.posts_grid_showcase .portfolio_item_grid_post.current{
max-height: none;
top: 0 !important;
}
.posts_grid_showcase .portfolio_item_grid_post.cur .content_ajax .portfolio_post{
margin-bottom: 40px;
}
.posts_grid_showcase .portfolio_item_grid_post.current .content_ajax{
position: relative;
left: 0;
width: 100%;
}
.posts_grid_showcase .content_ajax .ingenious_layout_container{
margin-top: 15px;
}
.posts_grid_showcase .back_link_case{
text-align: center;
margin-top: 30px;
}
.posts_grid_showcase .back_link_case i{
margin-right: 5px;
}
.posts_grid_showcase .back_link_case a{
color: #000;
font-weight: 700;
}
.posts_grid_showcase .back_link_case a:hover i{
animation: left 1.5s infinite ease;
}
@keyframes left {
0% { transform:translateX(0) }
50% { transform:translateX(-10px) }
100% { transform:translateX(0) }
}
body.portfolio_fw .back_button{
height: 0;
display: block;
}
body.portfolio_fw .back_button:hover{
color: #fff;
} .portfolio.single.related .carousel_nav_panel{
text-align: center;
}
.portfolio.single.related .carousel_nav_panel .prev,
.portfolio.single.related .carousel_nav_panel .next {
cursor: pointer;
text-align: center;
display: flex;
}
.portfolio.single.related .carousel_nav_panel .prev{
flex-direction: row-reverse;
}
.portfolio.single.related .carousel_nav_panel .prev .wrap,
.portfolio.single.related .carousel_nav_panel .next .wrap{
overflow: hidden;
}
.portfolio.single.related .carousel_nav_panel .prev .wrap span,
.portfolio.single.related .carousel_nav_panel .next .wrap span{
transform: translateX(calc(100% - 1px));
display: block;
padding: 5px 10px;
padding-right: 0;
border: 1px solid #cccccc;
border-right: 0;
border-color: transparent;
transition: all 0.3s ease-out;
text-transform: uppercase;
font-weight: 600;
}
.portfolio.single.related .carousel_nav_panel .prev .wrap span{
transform: translateX(calc(-100% + 2px));
padding-left: initial;
padding-right: 10px;
border-right: 1px solid transparent;
border-left: 0;
}
.portfolio.single.related .carousel_nav_panel .prev_section:hover .wrap span,
.portfolio.single.related .carousel_nav_panel .next_section:hover .wrap span{
transform: translateX(0);
border-color: #ccc;
}
.portfolio.single.related .carousel_nav_panel .prev_section:hover i,
.portfolio.single.related .carousel_nav_panel .next_section:hover i{
border-color: #ccc;
}
.portfolio.single.related .carousel_nav_panel .prev i,
.portfolio.single.related .carousel_nav_panel .next i{
z-index: 2;
position: relative;
padding: 5px 10px;
border-width: 1px;
border-style: solid;
border-color: #cccccc;
border-left: 0;
line-height: 24px;
border-color: transparent;
transition: all 0.3s ease-out;
}
.portfolio.single.related .carousel_nav_panel .prev i{
border-left: 1px solid transparent;
border-right: 0;
}
.portfolio.single.related .carousel_nav_panel{
margin-top: 40px;
}
.portfolio.single.related .carousel_nav_panel .prev_section{
float: left;
}
.portfolio.single.related .carousel_nav_panel .next_section{
float: right;
}
.portfolio.single.related .carousel_nav_panel .back_link{
width: 22px;
height: 22px;
margin-top: 6px;
display: inline-block;
position: relative;
z-index: 1;
}
.portfolio.single.related .carousel_nav_panel .back_link span{
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 4px;
height: 4px;
border: 1px solid #cfd0d0;
transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.portfolio.single.related .carousel_nav_panel .back_link span:nth-child(1){
top: 0;
left: 0;
}
.portfolio.single.related .carousel_nav_panel .back_link span:nth-child(2){
top: 0;
left: 8px;
}
.portfolio.single.related .carousel_nav_panel .back_link span:nth-child(3){
top: 0;
left: 16px;
}
.portfolio.single.related .carousel_nav_panel .back_link span:nth-child(4){
top: 8px;
left: 0;
}
.portfolio.single.related .carousel_nav_panel .back_link span:nth-child(5){
top: 8px;
left: 8px;
}
.portfolio.single.related .carousel_nav_panel .back_link span:nth-child(6){
top: 8px;
left: 16px;
}
.portfolio.single.related .carousel_nav_panel .back_link span:nth-child(7){
top: 16px;
left: 0;
}
.portfolio.single.related .carousel_nav_panel .back_link span:nth-child(8){
top: 16px;
left: 8px;
}
.portfolio.single.related .carousel_nav_panel .back_link span:nth-child(9){
top: 16px;
left: 16px;
}
.portfolio.single.related .carousel_nav_panel .back_link:hover span:nth-child(1){
top: -2px;
left: -2px;
}
.portfolio.single.related .carousel_nav_panel .back_link:hover span:nth-child(2){
top: -2px;
left: 8px;
}
.portfolio.single.related .carousel_nav_panel .back_link:hover span:nth-child(3){
top: -2px;
left: 18px;
}
.portfolio.single.related .carousel_nav_panel .back_link:hover span:nth-child(4){
top: 8px;
left: -2px;
}
.portfolio.single.related .carousel_nav_panel .back_link:hover span:nth-child(5){
top: 8px;
left: 8px;
}
.portfolio.single.related .carousel_nav_panel .back_link:hover span:nth-child(6){
top: 8px;
left: 18px;
}
.portfolio.single.related .carousel_nav_panel .back_link:hover span:nth-child(7){
top: 18px;
left: -2px;
}
.portfolio.single.related .carousel_nav_panel .back_link:hover span:nth-child(8){
top: 18px;
left: 8px;
}
.portfolio.single.related .carousel_nav_panel .back_link:hover span:nth-child(9){
top: 18px;
left: 18px;
}
.portfolio.single.related .item{
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
}   .posts_grid .staff_post.item{
text-align: center;
}
.staff_post_media{
display: block;
margin-bottom: 15px;
color: #fff;
}
.staff_hover_content{
position: absolute;
z-index: 1;
top: 90%;
left: 0;
width: 100%;
height: 100%;
transition: all 0.3s ease-out;
}
.staff_hover_content:before{
content: '';
position: absolute;
z-index: -1;
top: 5%;
left: -30%;
width: 150%;
height: 150%;
opacity: 0.5;
transform: rotate(5deg);
background: #fff;
transition: all 0.3s ease-out;
transition-delay: 0.2s;
}
.staff_post_media:hover .staff_hover_content:before{
opacity: 0.9;
transition-delay: 0s;
}
.staff_post_media:hover .staff_hover_content{
top: 10%;
}
.staff_post_content{
padding: 15px;
padding-top: 20%;
max-height: 40%;
overflow: hidden;
}
.staff_post.item{
text-align: center;
}
.staff_post_title{
font-size: 24px;
line-height: 1.388889em;
font-weight: 600;
margin: auto;
margin-bottom: 0;
transition: all 0.3s ease-out;
}
a:hover > .staff_post_title{
opacity: 0.8;
}
.staff_post_terms{
font-weight: 400;
}
.staff_social_links.post_social_links a{
display: inline-block;
color: #fff;
margin: 0 5px;
font-size: 23px;
line-height: 36px;
position: relative;
z-index: 1;
width: 36px;
height: 36px;
text-align: center;
border: 2px solid #fff;
border-radius: 50%;
}
.staff_social_links.post_social_links a:hover{
background: #fff;
}
.staff_posts_grid.dynamic_content{
text-align: center;
} .staff_post_media.single_post_media{
max-width: 370px;
float: left;
margin-right: 30px;
overflow: visible;
}
.staff_post.post_single .staff_post_title{
font-size: 36px;
margin-bottom: 0;
}
.single_post_content.staff_post_content{
padding: 0;
}
.staff_social_links.single_social_links{
position: absolute;
z-index: 1;
bottom: 0;
left: 50%;
transform: translate(-50%,18px);
border-radius: 30px;
padding: 0 20px;
}
.staff_social_links.single_social_links a{
border: 0;
font-size: 14px;
margin: 0;
width: 34px;
}
.staff_social_links.single_social_links a:hover{
background: transparent;
color: #fff !important;
opacity: 0.8;
}   * + .attachment_single_post_content,
.attachment_post * + .pagination{
margin-top: 20px;
}
.attachment_nav{
margin-top: 40px;
}
.attachment_nav a{
text-decoration: none;
}
.attachment_nav .prev_section{
float: left;
}
.attachment_nav .next_section{
float: right;
}
.alignleft{
float: left;
margin-right: 30px;
}
a[rel^="attachment"] .alignleft{
float: none;
margin-right: auto; 
}
.aligncenter{
display: block;
text-align: center;
margin-left: auto;
margin-right: auto;
}
a[rel^="attachment"] .aligncenter{
display: block;
position: static;
left: auto; 
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.alignright{
float: right;
margin-left: 30px;
}
a[rel^="attachment"] .alignleft{
float: none;
margin-left: auto;  
}  .ingenious_module,
.widget{
margin-bottom: 30px;
}
.ingenious_module:only-child,
.widget:only-child{
margin-bottom: auto;
}
.posts_grid .ingenious_grid{
margin-left: -15px;
margin-right: -15px;
}
.portfolio_posts_grid.posts_grid_carousel .ingenious_grid,
.portfolio_posts_grid.posts_grid_carousel .ingenious_carousel{
margin-left: -10px;
margin-right: -10px;
}
.portfolio_posts_grid.posts_grid_carousel{
overflow: hidden;
}
.portfolio_posts_grid.posts_grid_carousel.carousel_nav{
overflow: visible;
}
.posts_grid .item{
float: left;
padding-left: 15px;
padding-right: 15px;
text-align: left;
margin: 0;
margin-bottom: 40px;
}
.portfolio_posts_grid.posts_grid .item{
margin-bottom: 0px;
}
.post_post.sticky-post .post_post_content_wrapper{
border: 1px solid #f1f1f1;
background: #f1f1f1;
padding: 20px 10px 0 30px;
}
.portfolio_posts_grid.posts_grid .item{
padding-left: 10px;
padding-right: 10px;
padding: 10px;
} 
.portfolio_posts_grid.posts_grid .owl-carousel .item{
padding-top: 0;
}
.portfolio_posts_grid.wide_style .portfolio_item_grid_post{
margin: 0;
padding: 0;
}
.posts_grid.posts_grid_showcase .item{
padding: 0 15px;
overflow: hidden;
}
.posts_grid .item,
.grid-size{
width: 100%;
}
.posts_grid_2 .item,
.grid_col_6,
.posts_grid_2 .grid-size{
width: 50%;
}
.posts_grid_3 .item,
.grid_col_4,
.posts_grid_3 .grid-size{
width: 33.33333%;
}
.posts_grid_4 .item,
.grid_col_3,
.posts_grid_4 .grid-size{
width: 25%;
}
.posts_grid .item.hidden{
opacity: 0;
}
.ingenious_load_more.hiding{
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
}
.ingenious_carousel .item{
width: 100%;
}
.ingenious_carousel{
margin-left: -15px;
margin-right: -15px;
}
hr.posts_grid_spacing{
height: 0;
background-color: transparent;
margin-top: auto;
}
hr.posts_grid_spacing:before{
display: none;
}
.posts_grid .owl-item > .item{
width: 100% !important;
}
.owl-controls .owl-page{
cursor: pointer;
background: #d0d2cc;
border-color: #d0d2cc;
}
.vc_row-has-fill .owl-controls .owl-page{
background: #ffffff;
border-color: #ffffff;
}
.staff_posts_grid.posts_grid_2.posts_grid_carousel .owl-item:nth-child(even) .staff_posts_grid_post_floated_media{
float: right;
}
.staff_posts_grid.posts_grid_2.posts_grid_carousel .owl-item:nth-child(odd) .staff_posts_grid_post_floated_media{
float: left;
}
.staff_posts_grid.posts_grid_2.posts_grid_carousel .owl-item:nth-child(odd) .ingenious_staff_posts_grid_post_data{
text-align: left;
margin-left: 230px;
margin-top: 20px;
padding-right: 20px;
}
.staff_posts_grid.posts_grid_2.posts_grid_carousel .owl-item:nth-child(even) .ingenious_staff_posts_grid_post_data{
text-align: right;
margin-right: 230px;
margin-top: 20px;
padding-left: 20px;
}
.staff_posts_grid.posts_grid_2.posts_grid_carousel .owl-item:nth-child(odd) .staff_post{
position: relative;
z-index: 1;
}
.staff_posts_grid.posts_grid_2.posts_grid_carousel .owl-item:nth-child(odd) .staff_post:before{
content: '';
position: absolute;
z-index: 1;
top: 20px;
right: -1px;
height: 80%;
border-right: 2px dashed #7796ab;
}  .icon_shape{
position: absolute;
z-index: -1;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.icon_shape svg{
fill: transparent;
stroke: #000;
stroke-width: 1px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.icon_shape.shadow svg{
fill: #fff;
}  #comments .comment_section{
padding-top: 10px;
}
#comments .avatar_section{
float: left;
margin-right: 30px;
}
#comments .avatar{
display: block;
border-radius: 50%;
}
#comments .author_name{
font-style: normal;
font-weight: 600;
}
#comments .author_name a{
color: #363636;
}
#comments .comment_date{
color: #9b9b9b;
margin-right: 10px;
}
#comments .comment_content{
margin: 8px 0 12px 0;
}
.comment_body{
padding-bottom: 30px;
}
.comment_list > .comment:last-child .comment_body{
border-bottom: 0;
}
.comment_list{
border-bottom: 1px solid #e6e7e5;
margin-bottom: 40px;
margin-top: 40px;
}
#comments .comment-reply-link{
font-weight: 600;
padding: 5px 20px;
min-width: 100px;
}
#comments .comments_children{
padding-left: 65px;
padding-top: 20px;
background: #f8f8f7;
}
#comments .comment_list > * + *{
margin-top: 20px;
}
#commentform{
margin-left: -10px;
}
#commentform > *{
display: block;
width: 100%;
padding-left: 10px;
}
#commentform .comment-form-author,
#commentform .comment-form-email,
#commentform .comment-form-url{
float: left;
width: 33.333%;
}
#commentform label,
#commentform input:not([type='submit']),
#commentform textarea{
display: block;
width: 100%;
}
#commentform p:first-child{
margin-bottom: 10px;
}
#commentform p{
margin-bottom: 30px;
}
#commentform .form-submit{
text-indent: 0;
float: left;
}
#commentform script{
display: none;
}
.comments_nav{
margin-top: 40px;
}
.comments_nav .prev_section{
float: left;
}
.comments_nav .next_section{
float: right;
}
.comments_nav a{
text-decoration: none;
}
.comments_title,
.comment_reply_title{
font-size: 24px;
}  #scroll_to_top{
position: fixed;
right: 40px;
bottom: 40px;
z-index: 1000;
opacity: 0;
pointer-events: none;
width: 60px;
height: 60px;
color: #6a6a6a;
text-align: center;
cursor: pointer;
border-radius: 50%;
}
#scroll_to_top.show_scroll{
opacity: 1;
}
#scroll_to_top.hide_scroll{
opacity: 0;
}
#scroll_to_top i:before{
font-size: 60px;
margin: 0px;
line-height: 1em;
}  #banner_404{
margin: 80px 0 85px;
text-align: center;
padding: 0 20%;
}
#banner_404 > p{
font-size: 0.9em;
}
#banner_404 > * + *{
margin-top: 30px;
}
#banner_404_top{
font-weight: 600;
font-size: 150px;
color: #313131;
line-height: 1em;
display: block;
}
#banner_404_title{
color: #000;
font-size: 2.3em;
text-transform: uppercase;
}   .select2-container .select2-choice,
.select2-container .select2-choice .select2-arrow,
.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices{
background-image: none;
background-color: transparent;  
}
.select2-results .select2-result,
.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-ajax-error,
.select2-results .select2-selection-limit{
background-color: transparent;      
}
.select2-container .select2-choice{
line-height: inherit;
padding: 0;
height: auto;
}
.select2-search{
padding: 0;
}
.select2-search input[type="text"]{
background-image: none;
}
.select2-results{
margin: 0;
padding: 0;
}
.select2-results .select2-result-label{
padding: 0;
}
.select2-container .select2-choice .select2-arrow b{
background-image: none; 
}
.select2-container-active .select2-choice,
.select2-container-active .select2-choices,
.select2-drop{
-webkit-box-shadow: none;
box-shadow: none;
} .select2-drop{
z-index: 9999;
}
.select2-container .select2-choice{
position: relative;
z-index: 2;
}
.select2-container{
width: 270px;
max-width: 100%;
z-index: 1;
}
.select2-container li:before{
display: none;
}
.select2-container,
.select2-container .select2-choice .select2-arrow,
.select2-container-active,
.select2-container .select2-choice,
.select2-container .select2-choices,
.select2-container-active .select2-choice,
.select2-container-active .select2-choices,
.select2-drop-active,
.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices,
.select2-drop.select2-drop-above.select2-drop-active{
border-color: #e0e6ea;
}
.woocommerce .woocommerce-ordering .select2-container .select2-choice {
border: 1px solid #e0e6ea;
border-radius: 0;
}
.select2-container .select2-choice{
padding: 6px 10px;
border-radius: 0;
text-align: left;
}
.select2-container .select2-choice > .select2-chosen{
margin-right: 46px;
}
.select2-container .select2-choice .select2-arrow{
width: 36px;
}
.select2-container .select2-choice .select2-arrow b{
font-family: 'Font Awesome 5 Free';
font-weight: 900;
text-align: center;
}
.select2-container .select2-choice .select2-arrow b:before{
content: "\f107";
line-height: 42px;
}
.select2-search input[type="text"]{
border-top: 1px solid #f1f1f1;
border-bottom: 1px solid #f1f1f1;
border-left-style: none;
border-right-style: none;
padding: 5px 10px;
border-radius: 0;
}
.select2-results .select2-result,
.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-ajax-error,
.select2-results .select2-selection-limit{
padding: 8px 10px;
}
.select2-results .select2-result + .select2-result{
border-top: 1px solid #f1f1f1;
}
.select2-results .select2-highlighted{
background-color: transparent;
color: inherit;
color: #59ab66;
}
.select2-dropdown-open,
.select2-drop,
.select2-drop.select2-drop-above{
-webkit-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.2);
box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.2);
}
.select2-dropdown-open,
.select2-drop{
border-radius: 0 0 8px 8px;
}
.select2-drop.select2-drop-above{
border-radius: 8px 8px 0 0; 
}
.select2-drop.select2-drop-above{
border-bottom: 1px solid #e1e1e1;
}
.select2-drop.select2-drop-above .select2-search input{
margin-top: auto;
border-top-style: none;
}
.select2-container .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choice{
background-color: #fff;
border-radius: 0;
}
.select2-container .select2-selection--single{
border-radius: 0px;
padding: 10px;
box-sizing: content-box;
} .select2-results{
background-color: transparent;
}
.select2-container .select2-choice .select2-arrow b:after{
display: none;
}
.select2-container .select2-choice .select2-arrow{
border-left: 0;
}
.select2-container.select2-dropdown-open .select2-choice .select2-arrow{
border-left-style: none;    
}
.select2-drop.select2-drop-above .select2-search input{
border-radius: 0;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
height: 100%;
}   #mobile_header{
display: none;
padding: 14px 0;
}
body.cws_mobile #site_header{
display: none;
}
body.cws_mobile #mobile_header{
display: block;
}
#mobile_header.sandwich:before{
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;	
left: 0;
-webkit-transition: background-color .25s linear;
-moz-transition: background-color .25s linear;
-ms-transition: background-color .25s linear;
-o-transition: background-color .25s linear;
transition: background-color .25s linear;	
}
#mobile_header.sandwich.sandwich_active:before{
background-color: rgba(0, 0, 0, 0.3);
}  #mobile_menu_wrapper{
position: absolute;
left: 0;
top: 100%;
width: 100%;
display: none;
-webkit-box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.24);
-moz-box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.24);
box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.24);
width: calc(100% - 30px);
margin: 0 15px;
}
#mobile_menu_wrapper{
width: 100%;
margin: 0;
}
#mobile_menu_wrapper > .ingenious_layout_container{
display: block;
padding-top: 0px;
padding-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
width: 100%;
box-sizing: border-box;
}
#mobile_menu{
display: block;
}
#mobile_menu .menu-item:after{
content: "";
display: inline-block;
height: 1px;
width: calc(100% - 40px);
bottom: initial;
position: absolute;
margin: 0 auto;
left: 0px;
right: 0px;
top: 0px;
background-color: rgba(255, 255, 255, 0.5);
transform: initial;
}
#mobile_menu .sub-menu .menu-item:before{
content: "";
display: inline-block;
height: 1px;
width: 16px;
bottom: initial;
position: absolute;
left: 20px;
right: 0px;
top: 0px;
background-color: rgb(255, 255, 255);
transform: initial;
-webkit-transition: all .3s;
-moz-transition: all .3s;
-ms-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;	
}
.cws_mobile #mobile_menu .sub-menu .cws_megamenu_item .menu-item:before{
display: none;
}
#mobile_menu .sub-menu .menu-item:first-of-type:before{
display: none;
}
#mobile_menu .sub-menu .menu-item.current-menu-item + .menu-item:before{
width: calc(100% - 40px);
}
#mobile_menu .menu-item:first-of-type:after,
#mobile_menu > .menu-item.current_page_ancestor:after,
#mobile_menu > .menu-item.current_page_ancestor + .menu-item:after{
display: none;
} 
#mobile_menu > .menu-item.current_page_ancestor > .menu_wrap{
position: absolute;
background-color: #deebe1;
left: 0;
top: 0px;
width: 100%;
height: 48px;
}
#mobile_menu .menu-item:last-of-type{
border-bottom-style: none;
}
#mobile_menu .sub-menu .menu-item:first-of-type{
border-top: 1px solid transparent;  
}
#mobile_menu .menu-item{
display: block;
white-space: normal;
}
#mobile_menu .menu-item{
-webkit-transition: background-color .25s linear;
-moz-transition: background-color .25s linear;
-ms-transition: background-color .25s linear;
-o-transition: background-color .25s linear;
transition: background-color .25s linear;
}
#mobile_menu .menu-item.active{
background-color: rgba(0, 0, 0, 0.3);
}
#mobile_menu .sub-menu{
position: relative;
top: auto;
left: auto;
right: auto;
padding-left: 16px;
background-color: transparent;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
border-radius: 0;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
opacity: 1; 
}
#mobile_menu .sub-menu .menu-item.menu-item-has-children{
display: block;
}
#mobile_menu .sub-menu .menu-item.menu-item-has-children > *{
display: block;
}
#mobile_menu > .menu-item > .sub-menu{
border-top-style: none;
}
#mobile_menu .sub-menu{
margin-left: auto;
}
#mobile_menu .sub-menu:before{
display: none;
}
#mobile_menu .menu-item.right .sub-menu .sub-menu{
top: auto;
right: auto;
margin-right: auto;
}
#mobile_menu > .menu-item + .menu-item:before{
display: none !important;
}
#mobile_menu > .menu-item > a,
#mobile_menu .sub-menu .menu-item > a,
#mobile_menu > .menu-item > span,
#mobile_menu .sub-menu .menu-item > span{
padding: 0;
}
#mobile_menu .sub-menu .menu-item > a{
border: 0;
font-weight: 400;
margin: 0px;	
}
#mobile_menu .sub-menu .menu-item > a:before{
left: -15px;
}
#mobile_menu .menu-item .pointer{
display: block; 
}
#mobile_menu .menu-item > .pointer{
position: absolute;
right: 20px;
cursor: pointer;
}
#mobile_menu .sub-menu,
#mobile_menu .sub-menu .menu-item.menu-item-has-children > .sub-menu{
height: 0;
box-sizing: border-box;
overflow: hidden;
padding: 0;         
margin: 0;          
}
#mobile_menu .menu-item.active .sub-menu,
#mobile_menu .sub-menu .menu-item.menu-item-has-children.active > .sub-menu{
height: auto;
}
.main_menu .menu-item > .pointer{
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.main_menu .menu-item.active > .pointer{
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
#mobile_menu .menu-item > .depth,
#mobile_menu .menu-item.menu-item-has-children > .depth,
#mobile_menu .sub-menu .menu-item > .depth,
#mobile_menu .sub-menu .menu-item.menu-item-has-children > .depth,
#mobile_menu .menu-item > a,
#mobile_menu .menu-item.menu-item-has-children > a,
#mobile_menu .sub-menu .menu-item > a,
#mobile_menu .sub-menu .menu-item.menu-item-has-children > a,
#mobile_menu .menu-item > span,
#mobile_menu .menu-item.menu-item-has-children > span,
#mobile_menu .sub-menu .menu-item > span,
#mobile_menu .sub-menu .menu-item.menu-item-has-children > span{
display: inline;
} #mobile_header .site_header .ingenious_layout_container{
display: block;
}
#mobile_header #site_header{
padding-top: 20px;
padding-bottom: 20px;
}
#mobile_header .site_header .ingenious_layout_container > * + *,
#mobile_header .site_header .ingenious_layout_container + .ingenious_layout_container{
margin-top: 20px;
}
#mobile_header .header_logo_img{
margin-left: auto;
margin-right: auto;
}  .cws_loader_holder{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: transparent;
z-index: 1;
display: none;
}
.cws_loader_holder.active{
display: block;
}
.cws_loader_container{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #fafafa;
z-index: 1030;
-webkit-transition: opacity 0.8s ease;
-moz-transition: opacity 0.8s ease;
-ms-transition: opacity 0.8s ease;
transition: opacity 0.8s ease;
}
.cws_loader {
width: 100px;
height: 100px;
position: fixed;
top: 50%;
left: 50%;
margin: -50px 0 0 -50px;
border-radius: 50%;
animation: fadeIn 2s 1 ;
-webkit-animation-fill-mode: forwards; animation-fill-mode: forwards;
}
.cws_loader span {
color: black;
display: block;
top: 100%;
position: absolute;
font-size: 0.8em;
width: 100%;
font-family: 'Chathura', sans-serif;
text-align: center;
margin: 8px;
letter-spacing: 0.3em;
}
.hex:nth-child(1) {
top: 10px;
left: 17px;
-webkit-animation-delay: -0.1s;
-moz-animation-delay: -0.1s;
-ms-animation-delay: -0.1s;
-o-animation-delay: -0.1s;
animation-delay: -0.1s;
}
.hex:nth-child(2) {
top: 10px;
left: 51px;
-webkit-animation-delay: -0.2s;
-moz-animation-delay: -0.2s;
-ms-animation-delay: -0.2s;
-o-animation-delay: -0.2s;
animation-delay: -0.2s;
}
.hex:nth-child(3) {
top: 40px;
left: 70px;
-webkit-animation-delay: -0.3s;
-moz-animation-delay: -0.3s;
-ms-animation-delay: -0.3s;
-o-animation-delay: -0.3s;
animation-delay:-0.3s;
}
.hex:nth-child(4) {
top: 70px;
left: 51px;
-webkit-animation-delay: -0.4s;
-moz-animation-delay: -0.4s;
-ms-animation-delay: -0.4s;
-o-animation-delay: -0.4s;
animation-delay:-0.4s;
}
.hex:nth-child(5) {
top: 70px;
left: 17px;
-webkit-animation-delay: -0.5s;
-moz-animation-delay: -0.5s;
-ms-animation-delay: -0.5s;
-o-animation-delay: -0.5s;
animation-delay:-0.5s;
}
.hex:nth-child(6) {
top: 40px;
left: 0;
-webkit-animation-delay: -0.6s;
-moz-animation-delay: -0.6s;
-ms-animation-delay: -0.6s;
-o-animation-delay: -0.6s;
animation-delay:-0.6s;
}
.hex:nth-child(7) {
top: 40px;
left: 35px;
-webkit-animation-delay: -0.7s;
-moz-animation-delay: -0.7s;
-ms-animation-delay: -0.7s;
-o-animation-delay: -0.7s;
animation-delay: -0.7s;
}
.hex:nth-child(8) {
top: 10px;
left: 17px;
-webkit-animation-delay: -0.1s;
-moz-animation-delay: -0.1s;
-ms-animation-delay: -0.1s;
-o-animation-delay: -0.1s;
animation-delay: -0.1s;
}
.hex {
position: absolute;
width: 30px; 
height: 20px;
background: #38cfae;
opacity: 0.2;
animation: fade 1.5s infinite ease;
box-shadow: 0 0 20px #38cfae, 0 0 20px #38cfae;
opacity: 0.1;
}
.hex:before, .hex:after {
position: absolute;
content: "";
width: 0;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
}
.hex:before {
border-bottom: 8px solid #38cfae;
bottom: 100%;
}
.hex:after {
width: 0; 
top: 100%; 
border-top: 8px solid #38cfae;
}
@keyframes fade {
0% { opacity: 0.5; transform:scale(1); }
7% { opacity: 0; transform:scale(0.2);}
42% { opacity: 0; transform:scale(0.2);}
49% { opacity: 0.5; transform:scale(1);}
100% { opacity: 0.5;transform:scale(1); }
}
@keyframes fadeIn {
0% { opacity: 0; }
100% { opacity: 1; }
}  .wp-caption-text{
margin-top: 10px;
}
.gallery-caption{
margin-bottom: 30px;
margin-top: 10px;
}
.bypostauthor{
background-color: #fbfbfb;
padding: 20px;
}  #lang_sel,
.menu-item.menu-item-language .sub-menu.submenu-languages{
min-width: 150px;
}
#lang_sel ul li + li,
#lang_sel li > ul > li:first-child{
margin-top: auto;
}
#lang_sel ul li{
padding-left: 0;
}
#lang_sel ul li:before{
display: none;
}
#lang_sel > ul > li{
position: relative;
}
#lang_sel > ul > li > ul{
display: none;
position: absolute;
top: 100%;
left: 0;
width: 100%;
z-index: 2;
}
#lang_sel > ul > li:hover > ul{
display: block;
}
#lang_sel a{
display: block;
padding: 5px 24px 5px 12px;
}
#lang_sel > ul > li:after{
content: "";
display: block;
position: absolute;
top: 50%;
right: 12px;
margin-top: -3px;
margin-right: -6px;
width: 0;
height: 0;
border-width: 6px;
border-style: solid;
border-color: transparent;
border-top-color: #e1e1e1;
opacity: 0;	
}
.lang_bar .wpml-ls-legacy-dropdown .wpml-ls-item:before{
display: none;
}
.lang_bar.wpml_icon .wpml-ls-legacy-dropdown ul>.wpml-ls-item.wpml-ls-current-language:before{
display: inline-block;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
font-style: normal;
font-size: 25px;
content: "\f0ac";
position: absolute;
left: -20px;
top: 50%;
color: inherit;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
height: initial !important;
}
#lang_sel,
#lang_sel > ul > li > ul{
background-color: #fff; 
}
.widget #lang_sel a{
padding: 0 24px 0 12px;
}
.widget #lang_sel li ul li:first-of-type{
margin-top: auto;
}
.widget #lang_sel li ul li:last-of-type{
padding-bottom: 13px;
}
.widget #lang_sel>ul>li>ul{
padding-left: 0;
border-radius: 0 0 4px 4px;
}
.widget #lang_sel:hover,
.widget #lang_sel:hover>ul>li>ul{
-webkit-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.2);
box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.2);
}
.menu-item.menu-item-language img{
margin-right: 1ex;
}
#footer_icl #lang_sel > ul > li > ul{
top: auto;
bottom: 100%;
}
#footer_icl #lang_sel a{
padding-top: 8px;
padding-bottom: 8px;
}
#footer_icl{
margin-top: -8px;
margin-bottom: -8px;
}
#footer_icl #lang_sel,
#footer_icl #lang_sel > ul > li > ul{
background-color: #353535;  
}
#footer_icl #lang_sel > ul > li:after{
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
margin-top: -9px;
border-top-color: #fff;
}
.wpml-ls-statics-footer.wpml-ls-legacy-dropdown .wpml-ls-item:before{
display: none;
}
.wpml-ls-statics-footer.wpml-ls-legacy-dropdown .wpml-ls-sub-menu {
bottom: 100%;
top: initial;
}
.wpml-ls-statics-footer.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {
border: .35em solid transparent;
border-top: .35em solid transparent;
border-bottom: .5em solid;
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
}
body > .wpml-ls-statics-footer{
display: none;
} .my_param_block{
display: inline-block;
} @media screen and ( max-width: 1190px ){
#page.single_sidebar .posts_grid_4 .item,
#page.single_sidebar .grid_col_3,
#page.single_sidebar .crsl-grid-4 .item{
width: 33.33%;
}
#page.double_sidebar .posts_grid_3 .item,
#page.double_sidebar .grid_col_4,
#page.double_sidebar .crsl-grid-3 .item,
#page.double_sidebar .posts_grid_4 .item,
#page.double_sidebar .grid_col_3,
#page.double_sidebar .crsl-grid-4 .item{
width: 50%;
}
#footer_widgets_container{
margin-left: -10px;
margin-right: -10px;
}
#footer_widgets_container .widget{
padding-left: 10px;
padding-right: 10px;
}
#footer_widgets_container .widget:nth-child(1):nth-last-child(5),
#footer_widgets_container .widget:nth-child(2):nth-last-child(4),
#footer_widgets_container .widget:nth-child(3):nth-last-child(3),
#footer_widgets_container .widget:nth-child(4):nth-last-child(2),
#footer_widgets_container .widget:nth-child(5):nth-last-child(1)    {
width: 172px;
}
#footer_widgets_container .widget:nth-child(1):nth-last-child(4),
#footer_widgets_container .widget:nth-child(2):nth-last-child(3),
#footer_widgets_container .widget:nth-child(3):nth-last-child(2),
#footer_widgets_container .widget:nth-child(4):nth-last-child(1){
width: 220px;
}
#footer_widgets_container .widget:nth-child(1):nth-last-child(3),
#footer_widgets_container .widget:nth-child(2):nth-last-child(2),
#footer_widgets_container .widget:nth-child(3):nth-last-child(1){
width: 300px;
}
#footer_widgets_container .widget:nth-child(1):nth-last-child(2),
#footer_widgets_container .widget:nth-child(2):nth-last-child(1){
width: 460px;
}
#footer_widgets_container .widget{
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.vc_col-sm-4 .ingenious_milestone .ingenious_milestone_title {
font-size: 1em;
margin-top: -10px;
}
.vc_col-sm-4 .ingenious_milestone .odometer-inside {
font-size: 30px;
}
.vc_col-md-4 .vc_column-inner ,
.vc_col-sm-6 .vc_column-inner {
padding-bottom: 20px;
}
.md-p-0 .vc_column-inner{
padding: 0 !important;
}
.md-m-0 .vc_column-inner{
margin: 0 !important;
}
.posts_grid_fw_img .post_grid_post .back_img{
background-attachment: scroll;
}
#comments .comments_children {
padding-left: 50px;
}
.cws_sc_processes_wrap.col_4.horizontal .ingenious_process_column{
width: 33.33%;
}
.cws_sc_processes_wrap.col_4.horizontal .ingenious_process_column:nth-child(3n) .process_line{
display: none;
}
.cws_sc_processes_wrap.col_4.horizontal .ingenious_process_column:nth-child(4n) .process_line{
display: block;
}
}
@media screen and ( max-width: 1020px ){
.staff_posts_grid.posts_grid_2.posts_grid_carousel .staff_posts_grid_post_floated_media {
float: none !important;
}
.staff_posts_grid.posts_grid_2.posts_grid_carousel .ingenious_staff_posts_grid_post_data {
text-align: center !important;
margin-right: auto !important;
margin-left: auto !important;
padding: 0 !important;
}
}
@media screen and ( min-width: 981px ){
#page.single_sidebar .staff_posts_grid.posts_grid_2 .floated_media.posts_grid_post_floated_media.staff_posts_grid_post_floated_media,
#page.double_sidebar .staff_posts_grid.posts_grid_2 .floated_media.posts_grid_post_floated_media.staff_posts_grid_post_floated_media{
margin-right: auto;
}
#page.single_sidebar .staff_posts_grid.posts_grid_2 .floated_media.posts_grid_post_floated_media.staff_posts_grid_post_floated_media > .floated_media_wrapper,
#page.double_sidebar .staff_posts_grid.posts_grid_2 .floated_media.posts_grid_post_floated_media.staff_posts_grid_post_floated_media > .floated_media_wrapper{
float: none;
margin-right: auto;     
}
#page.single_sidebar .staff_posts_grid.posts_grid_2 .ingenious_staff_posts_grid_post_data,
#page.double_sidebar .staff_posts_grid.posts_grid_2 .ingenious_staff_posts_grid_post_data{
padding: 0;
}
#page.single_sidebar .staff_posts_grid.posts_grid_2 .ingenious_staff_posts_grid_post_data:not(:only-child),
#page.double_sidebar .staff_posts_grid.posts_grid_2 .ingenious_staff_posts_grid_post_data:not(:only-child){
margin-top: 20px;
}
#page.single_sidebar .staff_posts_grid.posts_grid_2 .staff_photo img,
#page.double_sidebar .staff_posts_grid.posts_grid_2 .staff_photo img{
margin-left: auto;
margin-right: auto;
border-radius: 6px;
}
#page.single_sidebar .staff_posts_grid.posts_grid_2 .staff_post.posts_grid_post,
#page.double_sidebar .staff_posts_grid.posts_grid_2 .staff_post.posts_grid_post{
color: inherit;
}
#page.single_sidebar .staff_posts_grid.posts_grid_2 .staff_post.posts_grid_post > .ingenious_wrapper,
#page.double_sidebar .staff_posts_grid.posts_grid_2 .staff_post.posts_grid_post > .ingenious_wrapper{
background-color: transparent !important;
}
#page.single_sidebar .staff_posts_grid.posts_grid_2 .staff_post.posts_grid_post .staff_posts_grid_post_data_divider,
#page.double_sidebar .staff_posts_grid.posts_grid_2 .staff_post.posts_grid_post .staff_posts_grid_post_data_divider{
background-color: #fff;
}
#page.single_sidebar .staff_posts_grid.posts_grid_2 .staff_post.posts_grid_post .post_social_links,
#page.double_sidebar .staff_posts_grid.posts_grid_2 .staff_post.posts_grid_post .post_social_links{
color: #fff;
}
}
@media screen and ( max-width: 980px ){
.posts_grid_4 .item,
.grid_col_3,
.crsl-grid-4 .item,
#page.double_sidebar .posts_grid_4 .item,
#page.double_sidebar .grid_col_3,
#page.double_sidebar .crsl-grid-4 .item{
width: 33.33%;      
}
.posts_grid_3 .item,
.grid_col_4,
.crsl-grid-3 .item{
width: 50%;
}
.posts_grid_2.staff_posts_grid .item{
width: 100%;
}
#footer_widgets_container{
margin-left: -9px;
margin-right: -9px;
}
#footer_widgets_container .widget{
padding-left: 9px;
padding-right: 9px;
}
#footer_widgets_container .widget:nth-child(1):nth-last-child(5),
#footer_widgets_container .widget:nth-child(2):nth-last-child(4),
#footer_widgets_container .widget:nth-child(3):nth-last-child(3){
width: 232px;
}
#footer_widgets_container .widget:nth-child(4):nth-last-child(2),
#footer_widgets_container .widget:nth-child(5):nth-last-child(1){
width: 360px;
}
#footer_widgets_container .widget:nth-child(1):nth-last-child(4),
#footer_widgets_container .widget:nth-child(2):nth-last-child(3),
#footer_widgets_container .widget:nth-child(3):nth-last-child(2),
#footer_widgets_container .widget:nth-child(4):nth-last-child(1){
width: 171px;
}
#footer_widgets_container .widget:nth-child(1):nth-last-child(3),
#footer_widgets_container .widget:nth-child(2):nth-last-child(2),
#footer_widgets_container .widget:nth-child(3):nth-last-child(1){
width: 234px;
}
#footer_widgets_container .widget:nth-child(1):nth-last-child(2),
#footer_widgets_container .widget:nth-child(2):nth-last-child(1){
width: 360px;
}
.vc_col-sm-4 .ingenious_services_column.icon_right .ingenious_services_icon,
.vc_col-sm-4 .ingenious_services_column.icon_left .ingenious_services_icon{
float: none;
margin: 0;
}
.vc_col-sm-4 .ingenious_services_column.icon_right .ingenious_services_desc,
.vc_col-sm-4 .ingenious_services_column.icon_left .ingenious_services_desc{
text-align: center !important;
}
.vc_row.over_section{
display: block;
}
.posts_grid_2 .post_post_header .info,
.posts_grid_2 .post_post_header .comments_link{
justify-content: flex-start;
}
.post_posts_grid.posts_grid_fw_img .floated_media_wrapper,
.post_posts_grid.posts_grid_medium .floated_media_wrapper{
float: none;
} 
.post_post_header{
margin-bottom: 10px;
}
.post_info_wrap{
display: block;
margin-bottom: 20px;
margin-top: 20px;
padding-top: 20px;
text-align: left;
}
#site_footer > div{
flex-direction: column-reverse;
align-items: center;
align-content: center;
display: flex;
}
#site_footer > div > * {
padding: 5px 0;
}
#site_footer .wpml_language_switch{
margin-left: 0;
}
.post_single.flex_col{
display: block;
}
.post_single.flex_col .single_col{
width: 100% !important;
}
.post_posts_grid .post_title.post_post_title {
font-size: 1.5em;
}
.portfolio_posts_grid.hexagon_grid.posts_grid_3 .ingenious_grid{
padding-top: 20px;
}
.posts_grid_hex_style.posts_grid_3 .portfolio_item_post{
margin-top: -20px;
}
.posts_grid_checkerboard .post_post:nth-child(even) .floated_media, 
.posts_grid_fw_img.img_check .post_post:nth-child(even) .floated_media, 
.posts_grid_fw_img.img_right .post_post .floated_media{
margin-left: initial;
margin-right: -30px;
}
.post_posts_grid.posts_grid_medium .floated_media > .floated_media_wrapper, 
.post_posts_grid.posts_grid_fw_img .floated_media > .floated_media_wrapper, 
.post_posts_grid.posts_grid_checkerboard .floated_media > .floated_media_wrapper, 
.post_posts_grid.posts_grid_small .floated_media > .floated_media_wrapper{
float: none;
margin: 0;
width: 100%;
max-width: 100%;
}
.posts_grid_checkerboard .post_post:nth-child(even) .post_post_header, 
.posts_grid_fw_img.img_check .post_post:nth-child(even) .post_post_header,
.posts_grid_fw_img.img_right .post_post .post_post_header,
.posts_grid_checkerboard .post_post:nth-child(even) .post_post_header > *, 
.posts_grid_fw_img.img_check .post_post:nth-child(even) .post_post_header > *, 
.posts_grid_fw_img.img_right .post_post .post_post_header > *,
.posts_grid_checkerboard .post_post:nth-child(even) .post_post_content_wrapper .date, 
.posts_grid_fw_img.img_check .post_post:nth-child(even) .post_post_content_wrapper .date, 
.posts_grid_fw_img.img_right .post_post .post_post_content_wrapper .date{
margin-right: 10px;
margin-left: initial;
}
.posts_grid_checkerboard .post_post:nth-child(even) .post_title_wrap, 
.posts_grid_fw_img.img_check .post_post:nth-child(even) .post_title_wrap, 
.posts_grid_fw_img.img_right .post_post .post_title_wrap,
.posts_grid_checkerboard .post_post:nth-child(even) .post_post_content, 
.posts_grid_fw_img.img_check .post_post:nth-child(even) .post_post_content, 
.posts_grid_fw_img.img_right .post_post .post_post_content{
text-align: left;
}
.cws_sc_processes_wrap.col_3.horizontal .ingenious_process_column,
.cws_sc_processes_wrap.col_4.horizontal .ingenious_process_column{
width: 50%;
}
.cws_sc_processes_wrap.col_4.horizontal .ingenious_process_column:nth-child(2n) .process_line,
.cws_sc_processes_wrap.col_3.horizontal .ingenious_process_column:nth-child(2n) .process_line{
display: none;
}
.cws_sc_processes_wrap.col_4.horizontal .ingenious_process_column:nth-child(3) .process_line,
.cws_sc_processes_wrap.col_3.horizontal .ingenious_process_column:nth-child(3) .process_line{
display: block;
}
}
@media screen and ( max-width: 980px ) and ( min-width: 768px ){
.vc_column_container:not(.vc_col-has-fill)>.vc_column-inner,
.cws-content > div.vc_row{
margin-left: 0px !important;
margin-right: 0px !important;
padding-left: 15px !important;
padding-right: 15px !important;
}
.vc_pie_chart .vc_pie_chart_value{
font-size: 1em !important;
}
h3.widgettitle{
font-size: 1.6em !important;
text-align: center !important;
line-height: 1em !important;
}
.wpb_content_element h4{
font-size: 1em !important;
text-align: center !important;
line-height: 1.5em !important;
}		
#page.single_sidebar .posts_grid_3 .item,
#page.single_sidebar .grid_col_4,
#page.single_sidebar .crsl-grid-3 .item,
#page.double_sidebar .posts_grid_3 .item,
#page.double_sidebar .grid_col_4,
#page.double_sidebar .crsl-grid-3 .item{
width: 33.33%;
}
.vc_column_container.vc_col-sm-3 .ingenious_pricing_plan .pricing_plan_price{
font-size: 57px;
}
.vc_column_container.vc_col-sm-3 .ingenious_pricing_plan .pricing_plan_button .ingenious_button{
min-width: 0;
}
}
@media screen and (max-width: 782px){
body.admin-bar #sticky{
margin-top: 46px;
}
.ingenious_services_column.circle.small .icon,
.ingenious_services_column.rhomb.small .icon{
width: 80px;
height: 80px;
line-height: 80px;
}
.ingenious_services_column.circle.small.cws_svg_icon .icon,
.ingenious_services_column.rhomb.small.cws_svg_icon .icon{
width: 70px;
height: 70px;
}
.ingenious_services_column.circle.medium .icon,
.ingenious_services_column.rhomb.medium .icon{
width: 100px;
height: 100px;
line-height: 100px;
}
.ingenious_services_column.circle.regular .icon,
.ingenious_services_column.rhomb.regular .icon{
width: 110px;
height: 110px;
line-height: 110px;
}
.ingenious_services_column.circle.large .icon,
.ingenious_services_column.rhomb.large .icon{
width: 115px;
height: 115px;
line-height: 115px;
}
.ingenious_services_column.circle.extra_large .icon,
.ingenious_services_column.rhomb.extra_large .icon{
width: 170px;
height: 170px;
line-height: 170px;
}
.ingenious_services_column.circle.medium .ingenious_services_icon .icon > i > svg,
.ingenious_services_column.rhomb.medium .ingenious_services_icon .icon > i > svg{
width: 40px !important;
height: 40px !important;
}
.ingenious_services_column.circle.regular .ingenious_services_icon .icon > i > svg,
.ingenious_services_column.rhomb.regular .ingenious_services_icon .icon > i > svg{
width: 50px !important;
height: 50px !important;
}
.ingenious_services_column.circle.large .ingenious_services_icon .icon > i > svg,
.ingenious_services_column.rhomb.large .ingenious_services_icon .icon > i > svg{
width: 60px !important;
height: 60px !important;
}
.ingenious_services_column.circle.extra_large .ingenious_services_icon .icon > i > svg,
.ingenious_services_column.rhomb.extra_large .ingenious_services_icon .icon > i > svg{
width: 70px !important;
height: 70px !important;
}
.ingenious_icon.mini{
width: 50px;
height: 50px;
line-height: 50px;
font-size: 25px;
}
.ingenious_icon.small{
width: 66px;
height: 66px;
line-height: 66px;
font-size: 28px;
}
.ingenious_icon.medium{
width: 85px;
height: 85px;
line-height: 85px;
font-size: 50px;
}
.ingenious_icon.large{
width: 100px;
height: 100px;
line-height: 100px;
font-size: 50px;
}
.ingenious_icon.large.cws_svg .svg {
width: 50px !important;
height: 50px !important;
}
.ingenious_icon.extra_large.cws_svg .svg {
width: 70px !important;
height: 70px !important;
}
.ingenious_icon.extra_large{
width: 120px;
height: 120px;
line-height: 120px;
font-size: 75px;
}
.ingenious_milestone_content .ingenious_milestone_icon{
font-size: 40px;
}
.ingenious_milestone_content .ingenious_milestone_icon > i{
width: 60px !important;
height: 60px !important;
}
.ingenious_milestone_number .odometer-inside{
font-size: 1em;
}
.ingenious_milestone .ingenious_milestone_title{
font-size: 1em;
}
.vc_col-sm-2{
width: 25% !important;
}	
.ingenious_button_wrapper .ingenious_button,
.ingenious_button_wrapper
{
width: 100% !important;
}	
.contact_form_no_shadow{
width: 100% !important;
}
.ingenious_services_data .ingenious_services_title{
font-size: 22px;
}
.wpcf7-form p.col_2{
width: 100%;
}
}
@media screen and ( max-width: 767px ){
.wpb_single_image.vc_align_left,
.wpb_single_image.vc_align_right{
text-align: center !important;
}
.ingenious_button.large{
padding: 9px 13px;
}
h3.widgettitle{
font-size: 1.5em !important;
text-align: center !important;
line-height: 1em !important;
}
.wpb_content_element h4{
font-size: 1.2em !important;
text-align: center !important;
line-height: 1.5em !important;
}
.vc_column_container>.vc_column-inner {
margin-top: 0px !important;
margin-right: 0px !important;
margin-bottom: 0px !important;
margin-left: 0px !important;
}
.vc_row-full-width + .vc_row[data-vc-full-width="true"]{
margin-bottom: auto;
}
.vc_column-inner{
padding-bottom: 20px;
}
.posts_grid_4 .item,
.grid_col_3,
.crsl-grid-4 .item,
#page.single_sidebar .posts_grid_4 .item,
#page.single_sidebar .grid_col_3,
#page.single_sidebar .crsl-grid-4 .item,
#page.double_sidebar .posts_grid_4 .item,
#page.double_sidebar .grid_col_3,
#page.double_sidebar .crsl-grid-4 .item{
width: 50%;     
}
#comments .comments_children{
padding-left: 18px;
}
#comments .comment_list > * + *,
#comments .comments_children > *{
margin-top: 20px;
}
#commentform .comment-form-author,
#commentform .comment-form-email,
#commentform .comment-form-url{
float: none;
width: 100%;
}
#site_footer .ingenious_layout_container > *{
display: block;
}
#site_footer{
text-align: center;
}
#site_footer .ingenious_layout_container > * + *{
margin-top: 10px;
}
#footer_social{
float: none;
}
#footer_widgets_container{
margin-left: -2%;
margin-right: -2%;
}
#footer_widgets_container .widget{
padding-left: 0%;
padding-right: 0%;
}
.widget_post_list .widget_post {
margin-right: 0px;
}
#footer_widgets_container .widget:nth-child(1):nth-last-child(5),
#footer_widgets_container .widget:nth-child(2):nth-last-child(4),
#footer_widgets_container .widget:nth-child(3):nth-last-child(3),
#footer_widgets_container .widget:nth-child(4):nth-last-child(2){
width: 46%;
}
#footer_widgets_container .widget:nth-child(5):nth-last-child(1){
width: 96%;
}
#footer_widgets_container .widget:nth-child(1):nth-last-child(4),
#footer_widgets_container .widget:nth-child(2):nth-last-child(3),
#footer_widgets_container .widget:nth-child(3):nth-last-child(2),
#footer_widgets_container .widget:nth-child(4):nth-last-child(1){
width: 46%;
}
#footer_widgets_container .widget:nth-child(1):nth-last-child(3),
#footer_widgets_container .widget:nth-child(2):nth-last-child(2){
width: 46%;     
}
#footer_widgets_container .widget:nth-child(3):nth-last-child(1){
width: 96%;     
}
#footer_widgets_container .widget:nth-child(1):nth-last-child(2),
#footer_widgets_container .widget:nth-child(2):nth-last-child(1){
width: 46%;
}
.ingenious_cta{
text-align: center;
}
.cta_holder{
display: block;
}
.cta_holder > *{
display: block;
vertical-align: baseline;
}
.cta_holder > * + *{
padding-left: 0;
margin-top: 12px;
}
.cta_icon{
margin-left: auto;
margin-right: auto;
}
#banner_404 > * + *{
margin-top: 20px;
}
#banner_404_number{
font-size: 160px;
}
#banner_404_content{
font-size: 24px;
line-height: 36px;
}
.post_posts_grid.posts_grid_small .floated_media,
.post_posts_grid.posts_grid_medium .floated_media{
margin-right: 0;
}
.post_posts_grid.posts_grid_small .floated_media > .floated_media_wrapper,
.post_posts_grid.posts_grid_medium .floated_media > .floated_media_wrapper{
max-width: calc( 100% - 60px );
}
.post_posts_grid.posts_grid_small .floated_media_wrapper,
.post_posts_grid.posts_grid_medium .floated_media_wrapper{
margin-left: 30px;
float: none;
}
}
@media screen and ( max-width: 730px ){
.posts_grid_hex_style.posts_grid_3 .portfolio_item_post,
.posts_grid_hex_style.posts_grid_4 .portfolio_item_post,
.posts_grid_hex_style.posts_grid_5 .portfolio_item_post{
width: 110px;
}
.portfolio_posts_grid:not(.posts_grid_carousel) .portfolio_item_post.hex_style{
margin-top: -30px;
}
.portfolio_posts_grid.posts_grid .item{
padding: 5px;
}
.portfolio_posts_grid.posts_grid_showcase.posts_grid .item,
.portfolio_posts_grid.posts_grid_showcase.posts_grid .old_article{
padding: 0;
height: auto;
}
.portfolio_item_post .side_load .load_wrap h3{
font-size: 20px;
}
.posts_grid_showcase.posts_grid .ingenious_grid{
margin: 0;
}
.portfolio_item_post .content_ajax{
left: 0;
width: 100%;
}
.posts_grid_3 .portfolio_item_post.hex_style .hover-effect,
.posts_grid_4 .portfolio_item_post.hex_style .hover-effect,
.posts_grid_5 .portfolio_item_post.hex_style .hover-effect{
width: 94px;
left: 1px;
top: 2px;
}
.portfolio_item_post.hex_style .links_wrap {
right: 31%;
transform: translateX(0); 
margin-right: 0; 
margin-bottom: 0; 
}
.portfolio_item_post:hover .links_wrap .links{
font-size: 12px;
}
}
@media screen and ( max-width: 700px ){
.small_type .latest_post_list_start, 
.small_type .latest_post_list_end {
margin: auto;
margin-left: 38px;
}   
.small_type .posts_time_line_wrap:before {
left: 45px;
}
.small_type .latest_post_post .latest_post_post_date {
margin-right: 30px !important;
margin-left: 30px !important;
}
.small_type .latest_post_post:nth-child(even) .latest_post_post_date .date ,
.small_type .latest_post_post:nth-child(odd) .latest_post_post_date .date {
top: 0; 
right: 0;
transform: rotate3d(0,0,1,-90deg);
left: -80px;
}
.small_type .latest_post_post:nth-child(even) {
flex-direction: row;
}
.small_type .latest_post_list_more {
margin-left: 9px;
}
.small_type .latest_post_post:nth-child(even) .latest_post_post_data:before {
right: initial;
left: -10px;
box-shadow: -3px 3px 5px -2px rgba(0, 0, 0, 0.2);
}
.small_type .latest_post_post:nth-child(even) .latest_post_post_data {
text-align: left;
flex-direction: row;
padding-right: 0;
}
.small_type .latest_post_post:nth-child(even) .latest_post_post_media {
float: left;
margin-right: 20px;
margin-left: 0;
}
}
@media screen and ( max-width: 660px ){
.portfolio_posts_grid.hexagon_grid.posts_grid_4 .ingenious_grid{
padding-top: 20px;
}
.posts_grid_hex_style.posts_grid_4 .portfolio_item_post{
margin-top: -20px;
}
}
@media screen and ( max-width: 600px ){
body.admin-bar #sticky{
margin-top: auto;
}   
.filter_wrap .filter {
margin: 0 20px 10px 20px;
}
.filter_wrap{
margin-bottom: 10px !important;
}
.large_type .latest_post_post .latest_post_post_media {
float: none !important;
margin-left: auto !important;
margin-right: auto !important;
width: 120px;
display: block;
}
.large_type .latest_post_post .latest_post_post_data {
text-align: center !important;
}
.large_type .latest_post_post:before {
top: initial; 
height: 32px;
bottom: 0;
}
.large_type .latest_post_post .latest_post_post_title {
margin-top: 0; 
}
.site_header:not(.menu_boxed) .ingenious_layout_container {
width: calc(100% - 40px);
margin: 0 20px;
}
.product .woo_product_post_title.posts_grid_post_title,
.product .ingenious_after_shop_loop_item_title_wrapper{
margin: 0 10px;
}
.cta_title {
font-size: 26px;
white-space: normal;
}
.posts_grid.hexagon_grid.hex_mobile .owl-item > .item.hex_style_2 {
width: 120px !important;
}
.posts_grid.hexagon_grid.hex_mobile .owl-item > .item.hex_style {
width: 108px !important;
margin-top: 0;
}
#banner_404 {
padding: 0 10%;
}
#banner_404_top {
font-size: 100px;
}
.post_posts_grid .pic.link_post .link, 
.post_single_post_media .pic.link_post .link{
font-size: 28px;
}
.post_posts_grid.posts_grid_medium .floated_media > .floated_media_wrapper, 
.post_posts_grid.posts_grid_fw_img .floated_media > .floated_media_wrapper, 
.post_posts_grid.posts_grid_checkerboard .floated_media > .floated_media_wrapper, 
.post_posts_grid.posts_grid_small .floated_media > .floated_media_wrapper {
margin-bottom: 20px;
max-width: 100% !important;
}
.woocommerce-tabs .wc-tabs > li {
float: none;
border-bottom: 2px solid #e0e6ea;
text-align: left;
}
.cws_sc_processes_wrap.col_2.horizontal .ingenious_process_column,
.cws_sc_processes_wrap.col_3.horizontal .ingenious_process_column,
.cws_sc_processes_wrap.col_4.horizontal .ingenious_process_column{
width: 100%;
}
.cws_sc_processes_wrap.col_4.horizontal .ingenious_process_column:nth-child(1n) .process_line,
.cws_sc_processes_wrap.col_3.horizontal .ingenious_process_column:nth-child(1n) .process_line,
.cws_sc_processes_wrap.col_2.horizontal .ingenious_process_column:nth-child(1n) .process_line{
display: none;
}
}
@media screen and ( max-width: 470px ) {
.portfolio_posts_grid.hexagon_grid .ingenious_grid{
padding-top: 0;
}
}
@media screen and ( max-width: 479px ){
.woocommerce-page .header_logo h1{
font-size: 2em;
}
.ingenious_services_column{
display: block;
}
#footer_widgets{
padding-bottom: 115px;
}
#page{
padding-bottom: 40px;
}
.vc_col-sm-2,
.vc_col-sm-3{
width: 100% !important;
}
.vc_pie_chart .vc_pie_chart_value{
font-size: 1.4em !important;
}
.ingenious_services_column.icon_right .ingenious_services_icon{
float: none;
}
.ingenious_services_column.icon_right .ingenious_services_title,
.ingenious_services_column.icon_right .ingenious_services_desc,
.ingenious_services_column.icon_right .ingenious_services_button,
.ingenious_services_column.icon_left .ingenious_services_title,
.ingenious_services_column.icon_left .ingenious_services_desc,
.ingenious_services_column.icon_left .ingenious_services_button
{
text-align: center;
}
.ingenious_icon_wrapper{
text-align: center;
}
#scroll_to_top {
right: 5px;
bottom: 5px;
}
.post_post_media .link{
font-size: 1.2em;
}
.post_post_media > .link:before{
font-size: 35px;		
}
.post_posts_grid.posts_grid_checkerboard .format-quote.has-post-thumbnail .floated_media > .floated_media_wrapper,
.post_posts_grid.posts_grid_checkerboard .format-link.has-post-thumbnail .floated_media > .floated_media_wrapper
{
max-width: calc( 100% - 30px ) !important;
}
.post_post_media .date{
display: none;
}
.post_media .quote-wrap .text,
.post_media .quote-wrap .author_position{
font-size: 14px;
}
.post_media .quote-wrap .author{
font-size: 16px;
}
.wpcf7-form p{
width: 100% !important;
}
.ingenious_button_wrapper .ingenious_button,
.ingenious_button_wrapper
{
width: 100% !important;
}
.ingenious_cta.style_2.left_overlay.button_regular .ingenious_button_wrapper{
margin-left: 0px;
}
.ingenious_cta.style_2.right_overlay.button_regular .ingenious_button_wrapper{
margin-right: 0px;
}	
.ingenious_cta.style_1 .cta_description p:first-child{
font-size: 1em !important;
}
.ingenious_cta.style_1 .cta_description p:last-child{
font-size: 1.2em !important;
}
.ingenious_cta.style_2 .cta_description p:first-child{
font-size: 1.5em !important;
}
.ingenious_cta.style_2 .cta_description p:last-child{
font-size: 1.1em !important;
}	
.ingenious_cta.style_3 .cta_description p:first-child{
font-size: 1.3em !important;
}
.ingenious_cta.style_3 .cta_description p:last-child{
font-size: 1.1em !important;
}		
.ingenious_cta.style_3 .cta_offer_wrap .cta_offer{
font-size: 1.5em !important;
}
.ingenious_cta.style_3 .cta_offer_wrap .cta_offer_descr{
font-size: 1em !important;
}
.style_3.right_overlay .cta_overlay{
right: -11%;
}
.style_3 .cta_overlay{
width: 60%;
}
.style_3.right_overlay .cta_offer_wrap{
right: 10px;
}
.style_3.cta_anim.right_overlay .cta_offer_wrap {
transform: translateY(-10%) translateX(110%);
}
.style_3.cta_anim.right_overlay:hover .cta_offer_wrap {
transform: translateY(-10%) translateX(0%);
}	
.style_3 .cta_offer_wrap{
top: initial;
width: initial;		
text-align: right;
bottom: 0px;
transform: translateY(-10%);
}
.ingenious_cta.style_3 .cta_offer_wrap .ingenious_button.small{
padding: 6px 0px;
}
.ingenious_cta.style_2.button_regular .ingenious_button_wrapper,
.ingenious_cta.style_2.button_regular .ingenious_button_wrapper .ingenious_button{
width: 140px !important;
}
.row_step {
position: absolute;
z-index: 16;
left: 50%;
top: 0px;
width: 100px;
height: 100px;
margin-left: 0px;
margin-top: 0px;
text-align: center;
transform: translate(-50%,-70%);
}
.cws-content > div.vc_row .cws-image-bg .cws-triangle-overlay
{
clip-path: polygon( 100% 0, 0% 0px, 0% calc(100% - 0px), 100% 100% ) !important;
-webkit-clip-path: polygon( 100% 0, 0% 0px, 0% calc(100% - 0px), 100% 100% ) !important;
}
h3.widgettitle{
font-size: 1.5em !important;
text-align: center !important;
line-height: 1em !important;
}
.wpb_content_element h4{
font-size: 1.1em !important;
text-align: center !important;
line-height: 1.5em !important;
}	
.post_post_content_wrapper .post-password-form input[type="submit"]{
margin-top: 20px;
width: 100%;
margin-bottom: 60px;
}
#page_title{
font-size: 2.2em;
line-height: 1.7em;
}
.vc_pie_chart .wpb_pie_chart_heading{
margin-top: 30px;
}
.wpb_single_image.vc_align_left{
text-align: right;
}
.alignright,
.alignleft{
float: none !important;
}
.ingenious_button_wrapper.alignright,
.ingenious_button_wrapper.alignleft{
float: none !important;
text-align: center;
width: 100% !important;
margin: 0px;	    
}
.vc_column_container>.vc_column-inner.center_on_mobile{
text-align: center;
}
.vc_column_container:not(.vc_col-has-fill)>.vc_column-inner,
.cws-content > div.vc_row{
margin-left: 0px !important;
margin-right: 0px !important;
padding-left: 15px !important;
padding-right: 15px !important;
}
.cws-content .vc_row{
padding-left: 0px !important;
padding-right: 0px !important;
}
.vc_row[data-vc-full-width]{
overflow: visible !important;
}	
.floated_media.posts_grid_post_floated_media.staff_posts_grid_post_floated_media{
margin-right: auto;
}
.floated_media.posts_grid_post_floated_media.staff_posts_grid_post_floated_media > .floated_media_wrapper{
float: none;
margin-right: auto;
}
.ingenious_staff_posts_grid_post_data{
padding: 0;
}
.ingenious_staff_posts_grid_post_data:not(:only-child){
margin-top: 20px;
}
.staff_posts_grid .staff_photo img{
margin-left: auto;
margin-right: auto;
border-radius: 6px;
}
.staff_post.posts_grid_post{
color: inherit;
}
.staff_post.posts_grid_post > .ingenious_wrapper{
background-color: transparent !important;
}
.staff_post.posts_grid_post .staff_posts_grid_post_data_divider{
background-color: #fff;
}
.staff_post.posts_grid_post .post_social_links{
color: #fff;
}
.posts_grid_2 .item,
.grid_col_6,
.crsl-grid-2 .item,
.posts_grid_3 .item,
.grid_col_4,
.crsl-grid-3 .item,
.posts_grid_4 .item,
.grid_col_3,
.crsl-grid-4 .item{
width: 100%;
}
#footer_widgets_container,
#footer_widgets_container .widget{
margin-left: auto;
margin-right: auto;
text-align: center;
}
#footer_widgets_container .widget.widget-ingenious-latest-posts{
text-align: left;
}
#footer_widgets_container .widget:nth-child(1n+1):nth-last-child(1n+1){
width: 100%;
}
.ingenious_banner .banner_wrapper > *,
.ingenious_banner .banner_title,
.ingenious_banner.icon_left .banner_wrapper > *,
.ingenious_banner.icon_left .banner_title{
float: none;
margin-left: auto;
margin-right: auto;
}
#banner_404_number{
font-size: 120px;
}
#banner_404_content{
font-size: 24px;
line-height: 36px;
}
}
@media screen and ( max-width: 1200px ) {
#gallery-1 .gallery-item.medium_size.col_4{
width: 33%;
}
#gallery-1 .gallery-item.thumbnail_size.col_6,
#gallery-1 .gallery-item.thumbnail_size.col_5{
width: 25%;
}
#gallery-1 .gallery-item.mini_size.col_9,
#gallery-1 .gallery-item.mini_size.col_8{
width: 14%;
}
}
@media screen and ( max-width: 980px ) {
#gallery-1 .gallery-item.medium_size.col_3,
#gallery-1 .gallery-item.medium_size.col_4{
width: 50%;
}
#gallery-1 .gallery-item.thumbnail_size.col_6,
#gallery-1 .gallery-item.thumbnail_size.col_5,
#gallery-1 .gallery-item.thumbnail_size.col_4{
width: 33%;
}
#gallery-1 .gallery-item.mini_size.col_9,
#gallery-1 .gallery-item.mini_size.col_8,
#gallery-1 .gallery-item.mini_size.col_7{
width: 20%;
}
}
@media screen and ( max-width: 770px ) {
#gallery-1 .gallery-item.big_size.col_2,
#gallery-1 .gallery-item.big_size.col_3{
width: 100%;
}
}
@media screen and ( max-width: 730px ) {
#gallery-1 .gallery-item.mini_size.col_9,
#gallery-1 .gallery-item.mini_size.col_8,
#gallery-1 .gallery-item.mini_size.col_7{
width: 25%;
}
}
@media screen and ( max-width: 700px ) {
.portfolio_single_content{
padding: 40px;
}
}   
@media screen and ( max-width: 620px ) {
#gallery-1 .gallery-item.thumbnail_size.col_6,
#gallery-1 .gallery-item.thumbnail_size.col_5,
#gallery-1 .gallery-item.thumbnail_size.col_4,
#gallery-1 .gallery-item.thumbnail_size.col_3{
width: 50%;
}
}
@media screen and ( max-width: 550px ) {
#gallery-1 .gallery-item.medium_size.col_2,
#gallery-1 .gallery-item.medium_size.col_3,
#gallery-1 .gallery-item.medium_size.col_4{
width: 100%;
}
#gallery-1 .gallery-item.mini_size.col_9,
#gallery-1 .gallery-item.mini_size.col_8,
#gallery-1 .gallery-item.mini_size.col_7{
width: 33%;
}
}
@media screen and ( max-width: 450px ) {
#gallery-1 .gallery-item.thumbnail_size.col_6,
#gallery-1 .gallery-item.thumbnail_size.col_5,
#gallery-1 .gallery-item.thumbnail_size.col_4,
#gallery-1 .gallery-item.thumbnail_size.col_3,
#gallery-1 .gallery-item.thumbnail_size.col_2{
width: 100%;
}
#gallery-1 .gallery-item.mini_size.col_9,
#gallery-1 .gallery-item.mini_size.col_8,
#gallery-1 .gallery-item.mini_size.col_7{
width: 50%;
}
}
@media screen and ( max-width: 400px ) {
#gallery-1 .gallery-item.big_size{
padding: 0;
}
.portfolio_single_content{
padding: 40px 15px;
}
}  @media(max-width: 991px){
.ingenious_services_column{
text-align: center !important;
}
.ingenious_button.large{
font-size: 14px;
padding: 14px 15px;
text-align: center !important;
}
}
@media(max-width: 767px){
.ingenious_benefits.regular .icon{
width: 60px;
height: 60px;
line-height: 60px;
}
.benefits_hover_content{
padding: 30px 15px 15px 15px;
}
.ingenious_services_desc p{
text-align: center !important;
}
} .vc_row > .cws_spacing:not(:first-child){
display: none;
}
.vc_row > .cws_spacing:last-child{
display: block;
}
.custom_spacing{
display: block;
clear: none;
}
.cws_spacing:not(.custom_spacing){ clear: both; }
.cws_spacing .cws_spacing{ display: none; }
.cws_spacing .cws_spacing_default{ display: block; }
@media screen and (max-width: 1199px){
.cws_spacing .cws_spacing_default{ display: none; }
.cws_spacing .cws_spacing_size_sm_desctop{ display: block; }
}
@media screen and (max-width: 991px){
.cws_spacing .cws_spacing_size_sm_desctop{ display: none; }
.cws_spacing .cws_spacing_tablet{ display: block; }
}
@media screen and (max-width: 767px){
.cws_spacing .cws_spacing_tablet{ display: none; }
.cws_spacing .cws_spacing_mobile{ display: block; }
} @media screen and (max-width: 1199px){
#mobile_menu .cws_megamenu_item .widget.widget_nav_menu{
padding: 0 !important;
}
#mobile_menu .widget .widgettitle{
margin: 0;
line-height: initial;
}
#mobile_menu .cws_megamenu_item .widget.widget_nav_menu .menu-item{
padding-left: 0 !important;
}
#mobile_menu .cws_megamenu_item .widget .menu .menu-item > a:before{
display: none;
}
#mobile_menu .cws_megamenu_item .widget.widget_nav_menu .menu-item{
position: relative;
}
#mobile_menu .cws_megamenu_item .widget.widget_nav_menu .menu-item:before{
content: "";
display: inline-block !important;
height: 1px;
width: 16px;
bottom: initial;
position: absolute;
left: 0;
right: 0px;
top: 0px;
background-color: rgb(255, 255, 255);
}
#mobile_menu .cws_megamenu_item .widget.widget_nav_menu .menu-item:after{
content: '';
display: block !important;
height: 1px;
width: 100%;
bottom: initial;
position: absolute;
margin: 0 auto;
left: 0;
right: 0px;
top: 0px;
background-color: rgba(255, 255, 255, 0.5);
}
#mobile_menu .cws_megamenu_item .widget.widget_nav_menu .menu-item:first-child:before,
#mobile_menu .cws_megamenu_item .widget.widget_nav_menu .menu-item:first-child:after{
display: none !important;
}
}
@media screen and (max-width: 1199px) and (min-width: 992px){
.ingenious_milestone_icon i{
width: 50px !important;
height: 50px !important;
position: relative;
}
.ingenious_milestone_icon i svg{
transform-origin: unset !important;
position: absolute;
left: 0;
top: 0;
}
}
@media screen and (max-width: 991px){
.row_step{
display: none;
}
.single_sidebar .post_posts_grid.posts_grid_medium .floated_media > .floated_media_wrapper,
.single_sidebar .post_posts_grid.posts_grid_fw_img .floated_media > .floated_media_wrapper,
.single_sidebar .post_posts_grid.posts_grid_checkerboard .floated_media > .floated_media_wrapper,
.single_sidebar .post_posts_grid.posts_grid_small .floated_media > .floated_media_wrapper,
.double_sidebar .post_posts_grid.posts_grid_medium .floated_media > .floated_media_wrapper,
.double_sidebar .post_posts_grid.posts_grid_fw_img .floated_media > .floated_media_wrapper,
.double_sidebar .post_posts_grid.posts_grid_checkerboard .floated_media > .floated_media_wrapper,
.double_sidebar .post_posts_grid.posts_grid_small .floated_media > .floated_media_wrapper{
max-width: 100%;
}
.post_media, .pic,
.post_media > img, .pic > img{
width: 100%;
}
}
@media screen and (max-width: 767px){
.ingenious_benefits .benefits_icon i{
width: 45px !important;
height: 45px !important;
}
.posts_grid_checkerboard .post_post:nth-child(even) .post_post_header,
.posts_grid_checkerboard .post_post:nth-child(even) .post_post_header .meta_wrapper{
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.pagination .page_links{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: center;
justify-content: center;
}
.pagination .page_links > *{
margin: 4px 4px;
}
.ingenious_milestone_number .odometer-inside{
font-size: 2em;
}
.posts_grid_checkerboard .post_post:nth-child(even) .floated_media, 
.posts_grid_fw_img.img_check .post_post:nth-child(even) .floated_media, 
.posts_grid_fw_img.img_right .post_post .floated_media{
margin-right: 0;
}
.cws-content .cws-overlay-bg{
position: static;
left: auto;
top: auto;
}
}
@media screen and (max-width: 400px){
.ingenious_icon_wrapper.icon-align-left,
.ingenious_icon_wrapper.icon-align-center,
.ingenious_icon_wrapper.icon-align-right
{
display: block;
}
}   .wp-block-image.alignfull img {
max-width: 100vw;
position: relative;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
width: 100vw;
border-radius: 0;
}   .compose-mode  .vc_vc_column.vc_container-block {
position: static;
}
.compose-mode  .vc_vc_column.vc_container-block > .vc_column_container {
position: relative;
}
.compose-mode .vc_child-element-move .vc_btn-content,
.compose-mode .vc_element-move .vc_btn-content {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.compose-mode .body {
background-color: #fff;
}
.compose-mode .vc_container-block.vc_vc_row:hover {
z-index: 14;
}
.compose-mode .vc_control-btn-append {
top: 0 !important;
}