html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
background-color: transparent;
}
a:active,
a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
mark {
background: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 1em 40px;
}
hr {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: textfield;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
} @media print {
*,
*:before,
*:after {
background: transparent !important;
color: #000 !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
a[href^="#"]:after,
a[href^="javascript:"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
.navbar {
display: none;
}
.btn > .caret,
.dropup > .btn > .caret {
border-top-color: #000 !important;
}
.label {
border: 1px solid #000;
}
.table {
border-collapse: collapse !important;
}
.table td,
.table th {
background-color: #fff !important;
}
.table-bordered th,
.table-bordered td {
border: 1px solid #ddd !important;
}
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html {
font-size: 10px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 1.42857143;
color: #333333;
background-color: #ffffff;
}
input,
button,
select,
textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
a {
color: inherit;
text-decoration: none;
}
a:hover,
a:focus {
}
a:focus {
}
figure {
margin: 0;
}
img {
vertical-align: middle;
max-width: 100%;
height: auto;
}
.img-responsive {
display: block;
max-width: 100%;
height: auto;
}
.img-rounded {
border-radius: 6px;
}
.img-thumbnail {
padding: 4px;
line-height: 1.42857143;
background-color: #ffffff;
border: 1px solid #dddddd;
border-radius: 4px;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
display: inline-block;
max-width: 100%;
height: auto;
}
.img-circle {
border-radius: 50%;
}
hr {
margin-top: 20px;
margin-bottom: 20px;
border: 0;
border-top: 1px solid #eeeeee;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto;
}
[role="button"] {
cursor: pointer;
}
.container {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
}
@media (min-width: 768px) {
.container {
width: 750px;
}
}
@media (min-width: 992px) {
.container {
width: 970px;
}
}
@media (min-width: 1200px) {
.container {
width: 1100px;
}
}
.container-fluid {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
}
.row {
margin-left: -15px;
margin-right: -15px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
float: left;
}
.col-xs-12 {
width: 100%;
}
.col-xs-11 {
width: 91.66666667%;
}
.col-xs-10 {
width: 83.33333333%;
}
.col-xs-9 {
width: 75%;
}
.col-xs-8 {
width: 66.66666667%;
}
.col-xs-7 {
width: 58.33333333%;
}
.col-xs-6 {
width: 50%;
}
.col-xs-5 {
width: 41.66666667%;
}
.col-xs-4 {
width: 33.33333333%;
}
.col-xs-3 {
width: 25%;
}
.col-xs-2 {
width: 16.66666667%;
}
.col-xs-1 {
width: 8.33333333%;
}
.col-xs-pull-12 {
right: 100%;
}
.col-xs-pull-11 {
right: 91.66666667%;
}
.col-xs-pull-10 {
right: 83.33333333%;
}
.col-xs-pull-9 {
right: 75%;
}
.col-xs-pull-8 {
right: 66.66666667%;
}
.col-xs-pull-7 {
right: 58.33333333%;
}
.col-xs-pull-6 {
right: 50%;
}
.col-xs-pull-5 {
right: 41.66666667%;
}
.col-xs-pull-4 {
right: 33.33333333%;
}
.col-xs-pull-3 {
right: 25%;
}
.col-xs-pull-2 {
right: 16.66666667%;
}
.col-xs-pull-1 {
right: 8.33333333%;
}
.col-xs-pull-0 {
right: auto;
}
.col-xs-push-12 {
left: 100%;
}
.col-xs-push-11 {
left: 91.66666667%;
}
.col-xs-push-10 {
left: 83.33333333%;
}
.col-xs-push-9 {
left: 75%;
}
.col-xs-push-8 {
left: 66.66666667%;
}
.col-xs-push-7 {
left: 58.33333333%;
}
.col-xs-push-6 {
left: 50%;
}
.col-xs-push-5 {
left: 41.66666667%;
}
.col-xs-push-4 {
left: 33.33333333%;
}
.col-xs-push-3 {
left: 25%;
}
.col-xs-push-2 {
left: 16.66666667%;
}
.col-xs-push-1 {
left: 8.33333333%;
}
.col-xs-push-0 {
left: auto;
}
.col-xs-offset-12 {
margin-left: 100%;
}
.col-xs-offset-11 {
margin-left: 91.66666667%;
}
.col-xs-offset-10 {
margin-left: 83.33333333%;
}
.col-xs-offset-9 {
margin-left: 75%;
}
.col-xs-offset-8 {
margin-left: 66.66666667%;
}
.col-xs-offset-7 {
margin-left: 58.33333333%;
}
.col-xs-offset-6 {
margin-left: 50%;
}
.col-xs-offset-5 {
margin-left: 41.66666667%;
}
.col-xs-offset-4 {
margin-left: 33.33333333%;
}
.col-xs-offset-3 {
margin-left: 25%;
}
.col-xs-offset-2 {
margin-left: 16.66666667%;
}
.col-xs-offset-1 {
margin-left: 8.33333333%;
}
.col-xs-offset-0 {
margin-left: 0%;
}
@media (min-width: 768px) {
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
float: left;
}
.col-sm-12 {
width: 100%;
}
.col-sm-11 {
width: 91.66666667%;
}
.col-sm-10 {
width: 83.33333333%;
}
.col-sm-9 {
width: 75%;
}
.col-sm-8 {
width: 66.66666667%;
}
.col-sm-7 {
width: 58.33333333%;
}
.col-sm-6 {
width: 50%;
}
.col-sm-5 {
width: 41.66666667%;
}
.col-sm-4 {
width: 33.33333333%;
}
.col-sm-3 {
width: 25%;
}
.col-sm-2 {
width: 16.66666667%;
}
.col-sm-1 {
width: 8.33333333%;
}
.col-sm-pull-12 {
right: 100%;
}
.col-sm-pull-11 {
right: 91.66666667%;
}
.col-sm-pull-10 {
right: 83.33333333%;
}
.col-sm-pull-9 {
right: 75%;
}
.col-sm-pull-8 {
right: 66.66666667%;
}
.col-sm-pull-7 {
right: 58.33333333%;
}
.col-sm-pull-6 {
right: 50%;
}
.col-sm-pull-5 {
right: 41.66666667%;
}
.col-sm-pull-4 {
right: 33.33333333%;
}
.col-sm-pull-3 {
right: 25%;
}
.col-sm-pull-2 {
right: 16.66666667%;
}
.col-sm-pull-1 {
right: 8.33333333%;
}
.col-sm-pull-0 {
right: auto;
}
.col-sm-push-12 {
left: 100%;
}
.col-sm-push-11 {
left: 91.66666667%;
}
.col-sm-push-10 {
left: 83.33333333%;
}
.col-sm-push-9 {
left: 75%;
}
.col-sm-push-8 {
left: 66.66666667%;
}
.col-sm-push-7 {
left: 58.33333333%;
}
.col-sm-push-6 {
left: 50%;
}
.col-sm-push-5 {
left: 41.66666667%;
}
.col-sm-push-4 {
left: 33.33333333%;
}
.col-sm-push-3 {
left: 25%;
}
.col-sm-push-2 {
left: 16.66666667%;
}
.col-sm-push-1 {
left: 8.33333333%;
}
.col-sm-push-0 {
left: auto;
}
.col-sm-offset-12 {
margin-left: 100%;
}
.col-sm-offset-11 {
margin-left: 91.66666667%;
}
.col-sm-offset-10 {
margin-left: 83.33333333%;
}
.col-sm-offset-9 {
margin-left: 75%;
}
.col-sm-offset-8 {
margin-left: 66.66666667%;
}
.col-sm-offset-7 {
margin-left: 58.33333333%;
}
.col-sm-offset-6 {
margin-left: 50%;
}
.col-sm-offset-5 {
margin-left: 41.66666667%;
}
.col-sm-offset-4 {
margin-left: 33.33333333%;
}
.col-sm-offset-3 {
margin-left: 25%;
}
.col-sm-offset-2 {
margin-left: 16.66666667%;
}
.col-sm-offset-1 {
margin-left: 8.33333333%;
}
.col-sm-offset-0 {
margin-left: 0%;
}
}
@media (min-width: 992px) {
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
float: left;
}
.col-md-12 {
width: 100%;
}
.col-md-11 {
width: 91.66666667%;
}
.col-md-10 {
width: 83.33333333%;
}
.col-md-9 {
width: 75%;
}
.col-md-8 {
width: 66.66666667%;
}
.col-md-7 {
width: 58.33333333%;
}
.col-md-6 {
width: 50%;
}
.col-md-5 {
width: 41.66666667%;
}
.col-md-4 {
width: 33.33333333%;
}
.col-md-3 {
width: 25%;
}
.col-md-2 {
width: 16.66666667%;
}
.col-md-1 {
width: 8.33333333%;
}
.col-md-pull-12 {
right: 100%;
}
.col-md-pull-11 {
right: 91.66666667%;
}
.col-md-pull-10 {
right: 83.33333333%;
}
.col-md-pull-9 {
right: 75%;
}
.col-md-pull-8 {
right: 66.66666667%;
}
.col-md-pull-7 {
right: 58.33333333%;
}
.col-md-pull-6 {
right: 50%;
}
.col-md-pull-5 {
right: 41.66666667%;
}
.col-md-pull-4 {
right: 33.33333333%;
}
.col-md-pull-3 {
right: 25%;
}
.col-md-pull-2 {
right: 16.66666667%;
}
.col-md-pull-1 {
right: 8.33333333%;
}
.col-md-pull-0 {
right: auto;
}
.col-md-push-12 {
left: 100%;
}
.col-md-push-11 {
left: 91.66666667%;
}
.col-md-push-10 {
left: 83.33333333%;
}
.col-md-push-9 {
left: 75%;
}
.col-md-push-8 {
left: 66.66666667%;
}
.col-md-push-7 {
left: 58.33333333%;
}
.col-md-push-6 {
left: 50%;
}
.col-md-push-5 {
left: 41.66666667%;
}
.col-md-push-4 {
left: 33.33333333%;
}
.col-md-push-3 {
left: 25%;
}
.col-md-push-2 {
left: 16.66666667%;
}
.col-md-push-1 {
left: 8.33333333%;
}
.col-md-push-0 {
left: auto;
}
.col-md-offset-12 {
margin-left: 100%;
}
.col-md-offset-11 {
margin-left: 91.66666667%;
}
.col-md-offset-10 {
margin-left: 83.33333333%;
}
.col-md-offset-9 {
margin-left: 75%;
}
.col-md-offset-8 {
margin-left: 66.66666667%;
}
.col-md-offset-7 {
margin-left: 58.33333333%;
}
.col-md-offset-6 {
margin-left: 50%;
}
.col-md-offset-5 {
margin-left: 41.66666667%;
}
.col-md-offset-4 {
margin-left: 33.33333333%;
}
.col-md-offset-3 {
margin-left: 25%;
}
.col-md-offset-2 {
margin-left: 16.66666667%;
}
.col-md-offset-1 {
margin-left: 8.33333333%;
}
.col-md-offset-0 {
margin-left: 0%;
}
}
@media (min-width: 1200px) {
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
float: left;
}
.col-lg-12 {
width: 100%;
}
.col-lg-11 {
width: 91.66666667%;
}
.col-lg-10 {
width: 83.33333333%;
}
.col-lg-9 {
width: 75%;
}
.col-lg-8 {
width: 66.66666667%;
}
.col-lg-7 {
width: 58.33333333%;
}
.col-lg-6 {
width: 50%;
}
.col-lg-5 {
width: 41.66666667%;
}
.col-lg-4 {
width: 33.33333333%;
}
.col-lg-3 {
width: 25%;
}
.col-lg-2 {
width: 16.66666667%;
}
.col-lg-1 {
width: 8.33333333%;
}
.col-lg-pull-12 {
right: 100%;
}
.col-lg-pull-11 {
right: 91.66666667%;
}
.col-lg-pull-10 {
right: 83.33333333%;
}
.col-lg-pull-9 {
right: 75%;
}
.col-lg-pull-8 {
right: 66.66666667%;
}
.col-lg-pull-7 {
right: 58.33333333%;
}
.col-lg-pull-6 {
right: 50%;
}
.col-lg-pull-5 {
right: 41.66666667%;
}
.col-lg-pull-4 {
right: 33.33333333%;
}
.col-lg-pull-3 {
right: 25%;
}
.col-lg-pull-2 {
right: 16.66666667%;
}
.col-lg-pull-1 {
right: 8.33333333%;
}
.col-lg-pull-0 {
right: auto;
}
.col-lg-push-12 {
left: 100%;
}
.col-lg-push-11 {
left: 91.66666667%;
}
.col-lg-push-10 {
left: 83.33333333%;
}
.col-lg-push-9 {
left: 75%;
}
.col-lg-push-8 {
left: 66.66666667%;
}
.col-lg-push-7 {
left: 58.33333333%;
}
.col-lg-push-6 {
left: 50%;
}
.col-lg-push-5 {
left: 41.66666667%;
}
.col-lg-push-4 {
left: 33.33333333%;
}
.col-lg-push-3 {
left: 25%;
}
.col-lg-push-2 {
left: 16.66666667%;
}
.col-lg-push-1 {
left: 8.33333333%;
}
.col-lg-push-0 {
left: auto;
}
.col-lg-offset-12 {
margin-left: 100%;
}
.col-lg-offset-11 {
margin-left: 91.66666667%;
}
.col-lg-offset-10 {
margin-left: 83.33333333%;
}
.col-lg-offset-9 {
margin-left: 75%;
}
.col-lg-offset-8 {
margin-left: 66.66666667%;
}
.col-lg-offset-7 {
margin-left: 58.33333333%;
}
.col-lg-offset-6 {
margin-left: 50%;
}
.col-lg-offset-5 {
margin-left: 41.66666667%;
}
.col-lg-offset-4 {
margin-left: 33.33333333%;
}
.col-lg-offset-3 {
margin-left: 25%;
}
.col-lg-offset-2 {
margin-left: 16.66666667%;
}
.col-lg-offset-1 {
margin-left: 8.33333333%;
}
.col-lg-offset-0 {
margin-left: 0%;
}
}
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
content: " ";
display: table;
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after {
clear: both;
}
.center-block {
display: block;
margin-left: auto;
margin-right: auto;
}
.pull-right {
float: right !important;
}
.pull-left {
float: left !important;
}
.hide {
display: none !important;
}
.show {
display: block !important;
}
.invisible {
visibility: hidden;
}
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.hidden {
display: none !important;
}
.affix {
position: fixed;
}
.fade {
opacity: 0;
-webkit-transition: opacity 0.15s linear;
-o-transition: opacity 0.15s linear;
transition: opacity 0.15s linear;
}
.fade.in {
opacity: 1;
}
.collapse {
display: none;
}
.collapse.in {
display: block;
}
tr.collapse.in {
display: table-row;
}
tbody.collapse.in {
display: table-row-group;
}
.collapsing {
position: relative;
height: 0;
overflow: hidden;
-webkit-transition-property: height, visibility;
-o-transition-property: height, visibility;
transition-property: height, visibility;
-webkit-transition-duration: 0.35s;
-o-transition-duration: 0.35s;
transition-duration: 0.35s;
-webkit-transition-timing-function: ease;
-o-transition-timing-function: ease;
transition-timing-function: ease;
}
@-ms-viewport {
width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
display: none !important;
}
@media (max-width: 767px) {
.visible-xs {
display: block !important;
}
table.visible-xs {
display: table !important;
}
tr.visible-xs {
display: table-row !important;
}
th.visible-xs,
td.visible-xs {
display: table-cell !important;
}
}
@media (max-width: 767px) {
.visible-xs-block {
display: block !important;
}
}
@media (max-width: 767px) {
.visible-xs-inline {
display: inline !important;
}
}
@media (max-width: 767px) {
.visible-xs-inline-block {
display: inline-block !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm {
display: block !important;
}
table.visible-sm {
display: table !important;
}
tr.visible-sm {
display: table-row !important;
}
th.visible-sm,
td.visible-sm {
display: table-cell !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-block {
display: block !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline {
display: inline !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline-block {
display: inline-block !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md {
display: block !important;
}
table.visible-md {
display: table !important;
}
tr.visible-md {
display: table-row !important;
}
th.visible-md,
td.visible-md {
display: table-cell !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-block {
display: block !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline {
display: inline !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline-block {
display: inline-block !important;
}
}
@media (min-width: 1200px) {
.visible-lg {
display: block !important;
}
table.visible-lg {
display: table !important;
}
tr.visible-lg {
display: table-row !important;
}
th.visible-lg,
td.visible-lg {
display: table-cell !important;
}
}
@media (min-width: 1200px) {
.visible-lg-block {
display: block !important;
}
}
@media (min-width: 1200px) {
.visible-lg-inline {
display: inline !important;
}
}
@media (min-width: 1200px) {
.visible-lg-inline-block {
display: inline-block !important;
}
}
@media (max-width: 767px) {
.hidden-xs {
display: none !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.hidden-sm {
display: none !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.hidden-md {
display: none !important;
}
}
@media (min-width: 1200px) {
.hidden-lg {
display: none !important;
}
}
.visible-print {
display: none !important;
}
@media print {
.visible-print {
display: block !important;
}
table.visible-print {
display: table !important;
}
tr.visible-print {
display: table-row !important;
}
th.visible-print,
td.visible-print {
display: table-cell !important;
}
}
.visible-print-block {
display: none !important;
}
@media print {
.visible-print-block {
display: block !important;
}
}
.visible-print-inline {
display: none !important;
}
@media print {
.visible-print-inline {
display: inline !important;
}
}
.visible-print-inline-block {
display: none !important;
}
@media print {
.visible-print-inline-block {
display: inline-block !important;
}
}
@media print {
.hidden-print {
display: none !important;
}
}.portfolio-layout-masonry[data-grid-cols="3"] .portfolio_item.cl-msn-size-wide .grid-holder-inner .entry-media.entry-overlay-color .post-thumbnail figure.darken img.attachment-masonry_wide.size-masonry_wide.wp-post-image{
object-fit: cover !important;
height: 478px !important;
}
.post-thumbnail figure {
height: 100% !important;
margin: 0 !important;
}
form.wpcf7-form.init p {
margin-top: 0;
}
.cl_contact_form7.style-simple input:not([type="submit"]), .cl_contact_form7.style-simple textarea, .cl_contact_form7.style-simple select{
background: transparent !important;
}
.portfolio-filter-items img.attachment-portfolio_entry.size-portfolio_entry.wp-post-image{
height: 248px !important;
object-fit: cover !important;
}
.single-portfolio-text-column{
padding-top: 30px !important;
} .current_page_item a, .header_container.cl-header-light.menu_style-border_effect_two #navigation nav > ul > li.current-menu-item > a:after{
color: #1fb4cc !important;
}
.header_container.cl-header-light.menu_style-border_effect_two #navigation nav > ul > li.current-menu-item > a:after{
background-color: #1fb4cc !important;
}
.header-el.cl-h-cl_header_button{
text-align: center;
}
.contact-us-paragraph .cl_socialicondiv i:hover {
transform: translate3d(0,-2px,0);
transition: all 0.5s;
color: #1fb4cc !important;
}
.about-slider img.attachment-full.size-full, .home-slider .cl_media.cl-element.type-image.position_center, .services-slider img.attachment-full.size-full, .portfolio-slider img.attachment-full.size-full{
cursor: pointer;
}
footer#colophon .footer-widget:nth-child(3) img:hover {
transform: translate3d(0,-4px,0);
transition: all 0.5s;
}
#copyright .copyright-widget span{
color: #1fb4cc !important;
}
#copyright{
padding-top: 5px !important;
padding-bottom: 5px !important;
}
footer .wp-block-image{
margin-top: 0 !important;
}
footer#colophon .footer-widget:nth-child(4){
margin-bottom: 0 !important;
}
.about-slider h4{
padding-bottom: 40px !important;
margin-top: -20px !important;
} .services-table-cell .col-content {
display: table;
}
.services-table-cell .col-content .cl_icon, .services-table-cell .col-content .cl-text{
display: table-cell;
vertical-align: top;
}
.services-table-cell .col-content .cl_icon{
padding-top: 6px;
}
.services-second-section{
padding-bottom: 0 !important;
}
.btn-style-rounded_border:hover, .portfolio_navigation .portfolio_single_right:hover, .portfolio_navigation .portfolio_single_left:hover {
background-color: #1b1f21 !important;
color: white !important;
}
.header_container.cl-header-light:not(.cl-responsive-header) .cl-btn:hover{
border-color: white !important;
background-color: #FFFFFF !important;
color: #1b1f21 !important;
}
.cl-filters.cl-filter-small .selected{
-webkit-box-shadow: 0 9px 26px rgb(0 0 0 / 15%);
}
.single-portfolio.cl-with-sticky .cl_column.cl-sticky h2 {
text-transform: uppercase;
color: #8f8f8f;
font-size: 17px;
}
.cl_service.cl-element.type_icon.media_top.align_center.cl-hover-none.dark-text h3{
color: #222;
}
.services-approach-columns{
padding-top: 0 !important;
}
.services-approach{
padding-bottom: 0 !important;
}
.services-text-image img{
width: 50px !important;
height: 85px;
}
#features, .contact-us-row, .contact-us-row .cl_col_wrapper{
padding-bottom: 0 !important;
}
.contact-page-form{
padding-top: 25px !important;
}
.services-text-image-first-column {
padding-left: 20px !important;
padding-right: 60px !important;
}
.services-text-image-second-column{
padding-left: 60px !important;
padding-right: 20px !important;
}
.home-slider .cl_media.cl-element.type-image.position_center{
display: inline-block;
position: absolute;
left: 50%;
bottom: 0;
top: 100%;
transform: translate(-50%,-50%);
}
.about-slider .cl_media.cl-element.type-image.position_center{
display: inline-block;
position: absolute;
left: 50%;
bottom: 0;
top: 85%;
transform: translate(-50%,0);
}
.services-slider .col-content, .portfolio-slider .col-content{
position: relative;
}
.services-slider .cl_media.cl-element.type-image.position_center, .portfolio-slider .cl_media.cl-element.type-image.position_center{
left: 50%;
top: 95%;
position: absolute;
bottom: 0;
transform: translate(-50%,0);
}
.about-slider-row.light-text h2:not(.custom_font), .light-text .h2{
margin-top: 0 !important;
}
.about-slider .cl_col_wrapper{
padding-top: 0 !important;
}
.branding-and-identity-mobile p, .website-and-digital-mobile p, .ecommerce-section-mobile p, .website-and-digital p{
color: #8c8c8c;
}
.services-text-image p{
color: #6b6a68;
}
.services-name-arrow .col-content .cl-text:nth-child(3) {
margin-top: 0 !important;
padding-top: 10px !important;
}
.services-name-arrow .col-content .cl-text:nth-child(3) img{
height: 18px !important;
width: 90px !important;
}
.cl-mobile-menu{
opacity: 0.5;
}
.cl-mobile-menu nav > ul > li > a{
font-size: 18px !important;
line-height: 50px !important;
}
.single-portfolio-back-button{
position: relative;
border: 1px solid #ebebeb;
padding: 9px 15px;
background: #fff;
color: #222;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
top: 22px !important;
z-index: 999;
font-size: 13px;
}
.single-portfolio-back-button:hover, .portfolio-back-button:hover{
background-color: #1b1f21 !important;
color: white !important;
}
.portfolio-back-button{
position: relative;
border: 1px solid #ebebeb;
padding: 9px 15px;
background: #fff;
color: #222;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
z-index: 999;
top: -22px !important;
font-size: 13px;
}
.portfolio-single-category{
color: #6a6a6a !important;
}
.column-linking, .second-section-second-column, .second-section-third-column{
transition-duration: 0.3s;
}
.column-linking:hover, .second-section-second-column:hover, .second-section-third-column:hover{
transform: scale(0.95);
transition-duration: 0.3s;
}
.our-team .owl-item .team-thumbnail{
width: 100%;
padding-top: 125%;
position: relative;
}
.our-team .owl-item img.attachment-team_entry.size-team_entry.wp-post-image{
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
height: 100%;
object-fit: cover;
}
.imageservicescolumn .cl_col_wrapper .col-content div:nth-child(2){
display: none;
}
#logo img{
padding: 7px !important;
}
.footerlogo{
width: 90% !important;
}
.single-post .entry-single-tool a:hover, .single-post .form-submit input#submit:hover, #blog-entries article .entry-overlay-color:hover .entry-overlay {
background: #1fb4cc!important;
opacity: 0.8;
transition: all 0.3s ease;
}
.single-post p.logged-in-as a:hover, #blog-entries .grid-style .entry-tools .entry-tool-single>a>i:hover , #blog-entries .grid-style .entry-tools .entry-tool-single>a>span:hover{
color: #1fb4cc!important;
}
@media (min-width: 768px){
.blog-entries-homepage .container {
width: 750px !important;
}
}
@media (min-width: 992px){
.blog-entries-homepage .container {
width: 970px !important;
}
}
@media (min-width: 1200px){
.blog-entries-homepage .container {
width: 1020px !important;
}
}
@media (min-width: 1200px){
footer#colophon .footer-widget:nth-child(2){
padding-left: 50px !important;
}
.expertise-section h2:nth-child(3){
font-size: 41px !important;
}
}
@media (min-width: 992px){
.portfolio-layout-masonry[data-grid-cols="3"] .portfolio_item, .portfolio-layout-masonry[data-grid-cols="3"] .portfolio_item.cl-msn-size-long{
width: 33.33% !important;
}
footer#colophon .footer-widget:nth-child(2){
padding-left: 30px;
}
} 
@media (max-width: 1200px){
.about-paragraph-section p{
font-size: 23px !important;
}
}
@media (max-width: 992px){
.about-paragraph-section p{
font-size: 20px !important;
}
.about-slider .cl_media.cl-element.type-image.position_center{
top: 100% !important;
}
.second-section-third-column{
padding-top: 30px !important;
}
.portfolio-filter-items{
padding-top: 20px !important;
}
.about-slider-heading{
font-size: 35px !important;
}
.about-slider .cl_col_wrapper{
padding-bottom: 0 !important;
padding-left: 0px !important;
padding-right: 0px !important;
}
.cl_slider .cl-row .cl_row-flex{
max-height: 80vh !important;
}
.home .cl_slider-fullheight.cl_slider-force-fullheight{
height: 85vh !important;
}
footer#colophon .footer-widget:nth-child(2){
padding-left: 15px;
}
.main.header-row .c-right .header-el.cl-h-cl_header_menu{
order: 1;
margin-left: 15px;
}	
} 
@media (max-width: 991px){
#logo img {
height: 70px;
}
}
@media (max-width: 992px) and (min-width: 768px){
.contact-us-paragraph p{
font-size: 15px;
}
.website-and-digital-mobile, .ecommerce-section-mobile, .branding-and-identity-mobile{
font-size: 13px !important;
}
div#text-5 a img {
padding-bottom: 10px !important;
}
}
@media (max-width: 768px){
.second-section-second-column{
padding-top: 30px !important;
}
.about-slider .cl_col_wrapper{
padding-left: 0px !important;
padding-right: 0px !important;
}
.contact-us-row{
padding-bottom: 0 !important;
}
footer .wp-block-image{
margin-top: 2em !important;
}
.single-portfolio-text-column{
padding-top: 0 !important;
}
.services-text-image-first-column {
padding-right: 20px !important;
}
.services-text-image-second-column{
padding-left: 20px !important;
}
.services-text-image-first-column .cl_col_wrapper {
padding-bottom: 0 !important;
}
.services-text-image-second-column .cl_col_wrapper{
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.website-and-digital-mobile{
padding-top: 0 !important;
padding-bottom: 10px !important;
}
.ecommerce-section-mobile{
padding-top: 0 !important;
}
.branding-and-identity-mobile{
padding-bottom: 10px !important;
}
.cl-element.cl_column_inner:nth-child(2) .wrapper{
padding-top: 0 !important;
}
.imageservicescolumn .cl_col_wrapper .col-content div:nth-child(2){
display: block;
}
.services-name-arrow .cl_col_wrapper .col-content div:nth-child(5){
display: none;
}
}
@media (max-width: 767px){
footer .wp-block-image{
max-width: 65% !important;
}
}
@media (max-width: 728px){
.about-slider h1.cl-custom-heading{
margin-top: 35px !important;
}
}
@media (max-width: 683px){
.expertise-section h2:nth-child(3){
font-size: 38px !important;
}
.contact-section h2:nth-child(2){
font-size: 29px !important;
}
.about-paragraph-section p{
font-size: 18px !important;
line-height: 30px !important;
}
}
@media (max-width: 655px){
.swiper-button-next, .swiper-button-prev{
height: 30px !important;
}
}
@media (max-width: 575px){
.about-slider .cl_col_wrapper{
padding-left: 0px !important;
padding-right: 0px !important;
}
.expertise-section h2:nth-child(3){
font-size: 33px !important;
}
.contact-section h2:nth-child(2){
font-size: 26px !important;
}
}
@media (max-width: 566px){
.about-paragraph-section p{
font-size: 16px !important;
}
}
@media (max-width: 533px){
.about-slider h1.cl-custom-heading mark.highlight{
font-size: 45px !important;
}
.about-slider-row .row.cl_row-sortable.cl_row-fullheight.cl_row-flex.cl_row-cp-stretch.cl-col-tablet-none{
padding-left: 0 !important;
padding-right: 0 !important;
}
}
@media (max-width: 477px){
.home-slider h1 .highlight, .home-slider h2 span{
font-size: 30px !important;
}
.about-slider h1 .highlight, .about-slider h2 span{
font-size: 30px !important;
}
.portfolio-slider h1, .portfolio-slider h2 span{
font-size: 30px !important;
}
.services-slider h1{
font-size: 35px !important;
}
.services-slider h2 span{
font-size: 26px !important;
}
.services-slider-row .row.cl_row-sortable.cl_row-fullheight.cl_row-flex.cl_row-cp-stretch.cl-col-tablet-none{
padding-left: 15px !important;
padding-right: 15px !important;
}
}
@media (max-width:464px){
.about-slider-row .container.container-content .row.cl_row-sortable.cl_row-fullheight.cl_row-flex.cl_row-cp-stretch.cl-col-tablet-none{
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media (max-width:452px){
.about-slider-row .container.container-content .row.cl_row-sortable.cl_row-fullheight.cl_row-flex.cl_row-cp-stretch.cl-col-tablet-none{
padding-left: 10px !important;
padding-right: 10px !important;
}
.home-slider .homeheadertext {
font-size: 25px !important;
}
.about-slider .cl_col_wrapper .col-content, .about-slider .cl_col_wrapper .col-content .cl-custom-heading span{
text-align: center !important;
}
.home-slider .cl_col_wrapper .col-content{
text-align: center !important;
}
.portfolio-slider .cl_col_wrapper .col-content, .portfolio-slider .cl_col_wrapper .col-content .cl-custom-heading span{
text-align: center !important;
}
.services-slider .cl_col_wrapper .col-content, .services-slider .cl_col_wrapper .col-content .cl-custom-heading span{
text-align: center !important;
}
.services-slider h2 span{
font-size: 24px !important;
line-height: 35px !important;
}
}
@media (max-width: 435px){
.home-slider h1 .highlight, .home-slider h2 span{
font-size: 30px !important;
line-height: 40px !important;
}
.expertise-section h2:nth-child(3){
font-size: 28px !important;
}
.contact-section h2:nth-child(2){
font-size: 23px !important;
}
}
@media (max-width: 410px){
.about-slider h1.cl-custom-heading mark.highlight{
font-size: 40px !important;
}
}
@media (max-width: 394px){
.home-slider h1 .highlight, .home-slider h2 span{
font-size: 26px !important;
line-height: 35px !important;
}
.home-slider .cl-btn-div a{
font-size: 12px !important;
}
.about-slider-row .container.container-content .row.cl_row-sortable.cl_row-fullheight.cl_row-flex.cl_row-cp-stretch.cl-col-tablet-none{
padding-left: 0 !important;
padding-right: 0 !important;
}
.about-paragraph-section p{
font-size: 15px !important;
}
.services-slider h2 span{
font-size: 22px !important;
}
.services-slider h1{
font-size: 26px !important;
line-height: 35px !important;
}
}
@media (max-width: 366px){
.home-slider .homeheadertext{
font-size: 23px !important;
}
.home-slider .cl_col_wrapper .col-content .cl-btn-div{
margin-bottom: 15px !important;
}
}
@media (max-width: 347px){
.about-slider h1{
margin-top: 60px !important;
}
.home-slider .homeheadertext{
font-size: 21px !important;
}
}
@media (max-width: 345px){
.home-slider h1 .highlight, .home-slider h2 span{
font-size: 24px !important;
line-height: 30px !important;
}
}
@media (max-width: 366px){
.home-slider .homeheadertext{
font-size: 25px !important;
line-height: 29px;
}
}
@media (max-width: 328px){
.home-slider h1 .highlight, .home-slider h2 span{
font-size: 20px !important;
line-height: 40px !important;
}
.about-slider h1.cl-custom-heading mark.highlight{
font-size: 30px !important;
}
.about-slider .cl_media.cl-element.type-image.position_center{
top: 98% !important;
}
}
@media (max-width: 310px){
.home-slider h1 .highlight, .home-slider h2 span{
font-size: 18px !important;
line-height: 20px !important;
}
.home-slider .homeheadertext{
font-size: 14px !important;
}
}.cl-row{
margin-left: 0;
margin-right: 0;
float: none;
width: 100%;
clear: both;
position:relative;
}
.cl-row.disabled_row{
display:none;
}
.cl-row.cl-parallax{
overflow:hidden; 
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.cl-row > .wrapper-layers{
width: 100%;
height: 100%;
position: absolute;
overflow: hidden;
top: 0;
opacity:0;
left: 0;
will-change: position;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.cl-row .bg-layer{
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000;
perspective: 1000;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.cl_column{
min-height:40px;
}
.cl_column.disabled_col{
display:none;
}
.cl_column .overlay{
z-index:0 !important;
}
.cl_column .column_link{
position:absolute;
z-index:9999;
left:0;
top:0;
width:100%;
height:100%;
}
.cl_column > .cl_col_wrapper{
background-repeat: no-repeat;
background-position: left top;
border-top-width: 0;
border-right-width: 0;
border-left-width: 0;
border-bottom-width: 0;
position:relative;
height:100%;
width:100%;
}
.cl_column.cl-border-rounded > .cl_col_wrapper{
border-radius:6px;
}
.cl_column > .cl_col_wrapper > .col-content{
z-index:9;
position:relative;
min-height:40px;
height:100%;
}
.cl_column.align-h-middle{
text-align:center;
}
.cl_column.align-h-right{
text-align:right;
}
.cl_column.align-v-middle > .cl_col_wrapper{
display:table;
width:100%;
table-layout:fixed;
}
.cl_column.align-v-middle > .cl_col_wrapper > .col-content{
display:table-cell;
vertical-align: middle;
width:100%;
}
.cl_column.align-v-bottom > .cl_col_wrapper{
display:table;
width:100%;
}
.cl_column.align-v-bottom > .cl_col_wrapper > .col-content{
display:table-cell;
vertical-align: bottom
} .cl_column.effect-image_zoom{
overflow:hidden;
}
.cl_column.effect-image_zoom > .cl_col_wrapper > .bg-layer{
-webkit-transition: background-color 0.3s ease-in-out, opacity 0.5s ease-in-out, -webkit-transform .5s cubic-bezier(.19,1,.22,1);
-moz-transition: background-color 0.3s ease-in-out, opacity 0.5s ease-in-out, -moz-transform .5s cubic-bezier(.19,1,.22,1);
transition: background-color 0.3s ease-in-out, opacity 0.5s ease-in-out, transform .5s cubic-bezier(.19,1,.22,1);
-webkit-transform: scale(1.0);
-moz-transform: scale(1.0);
-o-transform: scale(1.0);
-ms-transform: scale(1.0);
transform: scale(1.0);
}
.cl_column.effect-image_zoom:hover > .cl_col_wrapper > .bg-layer{
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.row.cl_row-fullheight {
min-height: 100vh
}
@media (max-width: 767px){
.cl-element.cl_slider .row.cl_row-flex:not(.cl-col-tablet-full){
box-sizing: border-box;
display: flex;
-webkit-flex: 1 1 auto;
display: -webkit-flex;
display: -ms-flexbox;
}
}
@media (min-width: 768px){
.cl-element .row.cl_row-flex:not(.cl-col-tablet-full) {
box-sizing: border-box;
display: flex;
-webkit-flex: 1 1 auto;
display: -webkit-flex;
display: -ms-flexbox;
}
}
@media (min-width:992px){
.row.cl_row-flex.cl-col-tablet-full {
box-sizing: border-box;
display: flex;
-webkit-flex: 1 1 auto;
display: -webkit-flex;
display: -ms-flexbox;
}
}
@media (min-width:768px) and (max-width:991px){
.cl-col-tablet-full > .cl_column{
width:100%;
margin-top:20px;
}
.container-content.container-fluid > .cl-col-tablet-full > .cl_column{
margin-top:0;
}
.cl-col-tablet-full > .cl_column:first-child{
margin-top:0px;
}
.cl-col-tablet-half > .cl_column{
width:50%;
}
.cl-col-tablet-one_third > .cl_column{
width:33.333333%;
}
}
.row.cl_row-flex>.cl_element-container, .row.cl_row-flex>.cl_cl_column {
display: flex
}
@media (max-width:767px){
.row > .cl_column{
width:100%;
}
}
.row.cl_row-flex.cl_row-fullheight>.cl_cl_column>.cl_element-container{
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.row.cl_row-cp-stretch {
-webkit-align-items: stretch;
-ms-flex-line-pack: stretch;
align-items: stretch
}
.row.cl_row-cp-top {
-webkit-align-items: flex-start;
-ms-flex-line-pack: start;
align-items: flex-start
}
.row.cl_row-cp-bottom {
-webkit-align-items: flex-end;
-ms-flex-line-pack: end;
align-items: flex-end
}
.row.cl_row-cp-middle {
-webkit-align-items: center;
-ms-flex-line-pack: center;
align-items: center
}
@media (min-width:768px){
.row.cl_row-cp-middle.cl_row-fullheight:not(.cl-col-tablet-full){
box-sizing: border-box;
display: flex;
-webkit-flex: 1 1 auto;
display: -webkit-flex;
display: -ms-flexbox;
}
}
.row.cl_row-equal_height > .cl_cl_column, .row.cl_row-equal_height > .cl_column{
-webkit-align-items: stretch;
-ms-flex-line-pack: stretch;
align-items: stretch;
display:-webkit-flex;
display:-webkit-box;
display:-moz-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
}
.row > .cl_column.align-v-middle{
-webkit-align-items: center;
-ms-flex-line-pack: center;
align-items: center;
display:-webkit-flex;
display:-webkit-box;
display:-moz-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
}
.row.cl_row-equal_height > .cl_column.align-v-middle{
-webkit-align-items: center;
-ms-flex-line-pack: center;
align-items: center;
}
.cl-row{
background-size:cover !important;
-webkit-background-size:cover !important;
-moz-background-size:cover !important;
background-repeat: no-repeat;
background-position:left top;
border-top-width:0;
border-right-width:0;
border-left-width:0;
border-bottom-width:0;
}
.cl-row .row.with_padd{
padding-top:35px;
padding-bottom:35px;
}
.cl-row .row.no_padd{
padding-top:0px;
padding-bottom:0px;
}
.cl-row .row.cl_row-flex{
padding-top:0px;
padding-bottom:0px;
}
.cl-row .overlay{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:99;
}
.light-text{
color:#fff;
}
.video-section{
top: 0;
left: 0;
width: 100%;
overflow: hidden;
height: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position:absolute;
}
.video-section video{
top: 0px;
left: 0px;
position: relative;
-webkit-backface-visibility: hidden!important;
min-width: 100%;
min-height: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.video-section iframe{
position: relative;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 9;
border:none;
}
.video-section.social-video{
position: absolute;
top: 0;
left: 0;
overflow: hidden;
width: 100%;
min-height: 100%;
z-index: 2;
-webkit-transform-style: preserve-3d;
}
.cl-video-centered{
display: inline-block;
padding: 56.25% 0 0;
margin: 0;
width: 100%;
height: 0;
position: relative;
}
.cl-video-centered iframe{
position:absolute;
}
.container-content{
z-index: 999;
position: relative;
} html:not(.no-cssanimations) .animate_on_visible:not(.reveal-right):not(.reveal-left):not(.reveal-top):not(.reveal-bottom):not(.start_animation) {
opacity: 0;
-webkit-animation-duration: 0.6s;
-moz-animation-duration: 0.6s;
-o-animation-duration: 0.6s;
animation-duration: 0.6s;
-webkit-perspective: 1000;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-o-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
}
html:not(.no-cssanimations) .animate_on_visible.start_animation:not(.zoom-reverse).top-t-bottom {
-webkit-animation-name: anim_ttb;
-moz-animation-name: anim_ttb;
-o-animation-name: anim_ttb;
animation-name: anim_ttb;
opacity: 1;
}
html:not(.no-cssanimations) .animate_on_visible.start_animation:not(.zoom-reverse).bottom-t-top {
-webkit-animation-name: anim_btt;
-moz-animation-name: anim_btt;
-o-animation-name: anim_btt;
animation-name: anim_btt;
opacity: 1;
}
html:not(.no-cssanimations) .animate_on_visible.start_animation:not(.zoom-reverse).left-t-right {
-webkit-animation-name: anim_ltr;
-moz-animation-name: anim_ltr;
-o-animation-name: anim_ltr;
animation-name: anim_ltr;
opacity: 1;
}
html:not(.no-cssanimations) .animate_on_visible.start_animation:not(.zoom-reverse).right-t-left {
-webkit-animation-name: anim_rtl;
-moz-animation-name: anim_rtl;
-o-animation-name: anim_rtl;
animation-name: anim_rtl;
opacity: 1;
}
html:not(.no-cssanimations) .animate_on_visible.start_animation:not(.zoom-reverse).zoom-in {
-webkit-animation-name: zoom-in;
-moz-animation-name: zoom-in;
-o-animation-name: zoom-in;
animation-name: zoom-in;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
}
html:not(.no-cssanimations) .animate_on_visible.start_animation:not(.zoom-reverse).zoom-out {
-webkit-animation-name: zoom-out;
-moz-animation-name: zoom-out;
-o-animation-name: zoom-out;
animation-name: zoom-out;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
}
html:not(.no-cssanimations) .animate_on_visible.zoom-reverse {
-webkit-animation-name: zoom-reverse;
-moz-animation-name: zoom-reverse;
-o-animation-name: zoom-reverse;
animation-name: zoom-reverse;
-webkit-animation-duration: 0.3s;
-moz-animation-duration: 0.3s;
-o-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-o-transform: scale(0.5);
-ms-transform: scale(0.5);
transform: scale(0.5);
opacity: 0;
}
html:not(.no-cssanimations) .animate_on_visible.start_animation:not(.zoom-reverse).alpha-anim {
-webkit-animation-name: alpha-in;
-moz-animation-name: alpha-in;
-o-animation-name: alpha-in;
animation-name: alpha-in;
opacity: 1;
}
html:not(.no-cssanimations) .animate_on_visible.start_animation:not(.zoom-reverse).flip-in {
-webkit-animation-name: flip-in;
-moz-animation-name: flip-in;
-o-animation-name: flip-in;
animation-name: flip-in;
opacity: 1;
}
html:not(.no-cssanimations) .animate_on_visible.reveal-left{
overflow: hidden;
-webkit-clip-path: polygon(0 0,0 0,0 100%,0 100%);
clip-path: polygon(0 0,0 0,0 100%,0 100%);
opacity: 0;
transition: opacity 1.3s ease 167ms,-webkit-clip-path 1.1s cubic-bezier(0.778,0.128,0.15,0.84);
transition: clip-path 1.1s cubic-bezier(0.778,0.128,0.15,0.84),opacity 1.3s ease 167ms;
transition: clip-path 1.1s cubic-bezier(0.778,0.128,0.15,0.84),opacity 1.3s ease 167ms,-webkit-clip-path 1.1s cubic-bezier(0.778,0.128,0.15,0.84);
}
html:not(.no-cssanimations) .animate_on_visible.reveal-left.start_animation{
opacity: 1;
-webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
}
html:not(.no-cssanimations) .animate_on_visible.reveal-right {
overflow: hidden;
-webkit-clip-path: polygon(100% 0,100% 0,100% 100%,100% 100%);
clip-path: polygon(100% 0,100% 0,100% 100%,100% 100%);
opacity: 0;
transition: opacity 1.1s ease 167ms,-webkit-clip-path 1.1s cubic-bezier(0.778,0.128,0.15,0.84);
transition: clip-path 1.1s cubic-bezier(0.778,0.128,0.15,0.84),opacity 1.1s ease 167ms;
transition: clip-path 1.1s cubic-bezier(0.778,0.128,0.15,0.84),opacity 1.1s ease 167ms,-webkit-clip-path 1.1s cubic-bezier(0.778,0.128,0.15,0.84);
}
html:not(.no-cssanimations) .animate_on_visible.start_animation.reveal-right{
opacity: 1;
-webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
}
html:not(.no-cssanimations) .animate_on_visible.reveal-top {
overflow: hidden;
-webkit-clip-path: polygon(0 0,100% 0,100% 0,0 0);
clip-path: polygon(0 0,100% 0,100% 0,0 0);
opacity: 0;
transition: opacity 1.1s ease 167ms,-webkit-clip-path 1.1s cubic-bezier(0.778,0.128,0.15,0.84);
transition: clip-path 1.1s cubic-bezier(0.778,0.128,0.15,0.84),opacity 1.1s ease 167ms;
transition: clip-path 1.1s cubic-bezier(0.778,0.128,0.15,0.84),opacity 1.1s ease 167ms,-webkit-clip-path 1.1s cubic-bezier(0.778,0.128,0.15,0.84);
}
html:not(.no-cssanimations) .animate_on_visible.start_animation.reveal-top{
opacity: 1; 
-webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
}
html:not(.no-cssanimations) .animate_on_visible.reveal-bottom {
overflow: hidden;
-webkit-clip-path: polygon(0 100%,100% 100%,100% 100%,0 100%);
clip-path: polygon(0 100%,100% 100%,100% 100%,0 100%);
opacity: 0;
transition: opacity 1.1s ease 167ms,-webkit-clip-path 1.1s cubic-bezier(0.778,0.128,0.15,0.84);
transition: clip-path 1.1s cubic-bezier(0.778,0.128,0.15,0.84),opacity 1.1s ease 167ms;
transition: clip-path 1.1s cubic-bezier(0.778,0.128,0.15,0.84),opacity 1.1s ease 167ms,-webkit-clip-path 1.1s cubic-bezier(0.778,0.128,0.15,0.84);
}
html:not(.no-cssanimations) .animate_on_visible.start_animation.reveal-bottom{
opacity: 1; 
-webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
}
.cl_row-flex{
-webkit-perspective: 2000px;
perspective: 2000px;
}
html:not(.no-cssanimations) .animate_on_visible[data-speed="100"] {
-webkit-animation-duration: 0.1s;
-moz-animation-duration: 0.1s;
-o-animation-duration: 0.1s;
animation-duration: 0.1s;
}
html:not(.no-cssanimations) .animate_on_visible[data-speed="200"] {
-webkit-animation-duration: 0.2s;
-moz-animation-duration: 0.2s;
-o-animation-duration: 0.2s;
animation-duration: 0.2s;
}
html:not(.no-cssanimations) .animate_on_visible[data-speed="300"] {
-webkit-animation-duration: 0.3s;
-moz-animation-duration: 0.3s;
-o-animation-duration: 0.3s;
animation-duration: 0.3s;
}
html:not(.no-cssanimations) .animate_on_visible[data-speed="400"] {
-webkit-animation-duration: 0.3s;
-moz-animation-duration: 0.3s;
-o-animation-duration: 0.3s;
animation-duration: 0.3s;
}
html:not(.no-cssanimations) .animate_on_visible[data-speed="500"] {
-webkit-animation-duration: 0.5s;
-moz-animation-duration: 0.5s;
-o-animation-duration: 0.5s;
animation-duration: 0.5s;
}
html:not(.no-cssanimations) .animate_on_visible[data-speed="600"] {
-webkit-animation-duration: 0.6s;
-moz-animation-duration: 0.6s;
-o-animation-duration: 0.6s;
animation-duration: 0.6s;
}
html:not(.no-cssanimations) .animate_on_visible[data-speed="700"] {
-webkit-animation-duration: 0.7s;
-moz-animation-duration: 0.7s;
-o-animation-duration: 0.7s;
animation-duration: 0.7s;
}
html:not(.no-cssanimations) .animate_on_visible[data-speed="800"] {
-webkit-animation-duration: 0.8s;
-moz-animation-duration: 0.8s;
-o-animation-duration: 0.8s;
animation-duration: 0.8s;
}
html:not(.no-cssanimations) .animate_on_visible[data-speed="900"] {
-webkit-animation-duration: 0.9s;
-moz-animation-duration: 0.9s;
-o-animation-duration: 0.9s;
animation-duration: 0.9s;
}
html:not(.no-cssanimations) .animate_on_visible[data-speed="1000"] {
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
} @-webkit-keyframes anim_ttb {
0% {
-webkit-transform: translate3d(0, -100px, 0);
opacity: 0;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@-moz-keyframes anim_ttb {
0% {
-moz-transform: translate3d(0, -100px, 0);
opacity: 0;
}
100% {
-moz-transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@-o-keyframes anim_ttb {
0% {
-o-transform: translate3d(0, -100px, 0);
opacity: 0;
}
100% {
-o-transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes anim_ttb {
0% {
transform: translate3d(0, -100px, 0);
opacity: 0;
}
100% {
transform: translate3d(0, 0, 0);
opacity: 1;
}
} @-webkit-keyframes anim_btt {
0% {
-webkit-transform: translate3d(0, 100px, 0);
opacity: 0;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@-moz-keyframes anim_btt {
0% {
-moz-transform: translate3d(0, 100px, 0);
opacity: 0;
}
100% {
-moz-transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@-o-keyframes anim_btt {
0% {
-o-transform: translate3d(0, 100px, 0);
opacity: 0;
}
100% {
-o-transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes anim_btt {
0% {
transform: translate3d(0, 100px, 0);
opacity: 0;
}
100% {
transform: translate3d(0, 0, 0);
opacity: 1;
}
} @-webkit-keyframes anim_ltr {
0% {
-webkit-transform: translate3d(-100px, 0, 0);
opacity: 0;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@-moz-keyframes anim_ltr {
0% {
-moz-transform: translate3d(-100px, 0, 0);
opacity: 0;
}
100% {
-moz-transform: translate3d(0, 0);
opacity: 1;
}
}
@-o-keyframes anim_ltr {
0% {
-o-transform: translate3d(-100px, 0);
opacity: 0;
}
100% {
-o-transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes anim_ltr {
0% {
transform: translate3d(-100px, 0, 0);
opacity: 0;
}
100% {
transform: translate3d(0, 0, 0);
opacity: 1;
}
} @-webkit-keyframes anim_rtl {
0% {
-webkit-transform: translate3d(100px, 0, 0);
opacity: 0;
}
100% {
-webkit-transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@-moz-keyframes anim_rtl {
0% {
-moz-transform: translate3d(100px, 0, 0);
opacity: 0;
}
100% {
-moz-transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@-o-keyframes anim_rtl {
0% {
-o-transform: translate3d(100px, 0, 0);
opacity: 0;
}
100% {
-o-transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes anim_rtl {
0% {
transform: translate3d(100px, 0, 0);
opacity: 0;
}
100% {
transform: translate3d(0, 0, 0);
opacity: 1;
}
} @-webkit-keyframes zoom-in {
0% {
-webkit-transform: scale(0.5);
opacity: 0.1;
}
100% {
-webkit-transform: scale(1);
opacity: 1;
}
}
@-moz-keyframes zoom-in {
0% {
-moz-transform: scale(0.5);
opacity: 0.1;
}
100% {
-moz-transform: scale(1);
opacity: 1;
}
}
@-o-keyframes zoom-in {
0% {
-o-transform: scale(0.5);
opacity: 0.1;
}
100% {
-o-transform: scale(1);
opacity: 1;
}
}
@keyframes zoom-in {
0% {
transform: scale(0.5);
opacity: 0.1;
}
100% {
transform: scale(1);
opacity: 1;
}
} @-webkit-keyframes zoom-out {
0% {
-webkit-transform: scale(1.5);
opacity: 0.1;
}
100% {
-webkit-transform: scale(1);
opacity: 1;
}
}
@-moz-keyframes zoom-out {
0% {
-moz-transform: scale(1.5);
opacity: 0.1;
}
100% {
-moz-transform: scale(1);
opacity: 1;
}
}
@-o-keyframes zoom-out {
0% {
-o-transform: scale(1.5);
opacity: 0.1;
}
100% {
-o-transform: scale(1);
opacity: 1;
}
}
@keyframes zoom-out {
0% {
transform: scale(1.5);
opacity: 0.1;
}
100% {
transform: scale(1);
opacity: 1;
}
} @-webkit-keyframes zoom-reverse {
0% {
-webkit-transform: scale(1);
opacity: 1;
}
100% {
-webkit-transform: scale(0.5);
opacity: 0;
}
}
@-moz-keyframes zoom-reverse {
0% {
-moz-transform: scale(1);
opacity: 1;
}
100% {
-moz-transform: scale(0.5);
opacity: 0;
}
}
@-o-keyframes zoom-reverse {
0% {
-o-transform: scale(1);
opacity: 1;
}
100% {
-o-transform: scale(0.5);
opacity: 0;
}
}
@keyframes zoom-reverse {
0% {
transform: scale(1);
opacity: 1;
}
100% {
transform: scale(0.5);
opacity: 0;
}
} @-webkit-keyframes alpha-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-moz-keyframes alpha-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-o-keyframes alpha-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes alpha-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
} @-webkit-keyframes flip-in {
0% {
opacity: 0;
-webkit-transform: rotateX(-45deg) translateY(120px);
}
100% {
-webkit-transform: rotateX(0deg) translate(0px, 0px);
opacity: 1;
}
}
@-moz-keyframes flip-in {
0% {
opacity: 0;
-moz-webkit-transform: rotateX(-45deg) translateY(120px);
}
100% {
-moz-transform: rotateX(0deg) translate(0px, 0px);
opacity: 1;
}
}
@-o-keyframes flip-in {
0% {
opacity: 0;
-o-transform: rotateX(-45deg) translateY(120px);
}
100% {
-o-transform: rotateX(0deg) translate(0px, 0px);
opacity: 1;
}
}
@keyframes flip-in {
0% {
opacity: 0;
transform: rotateX(-45deg) translateY(120px);
}
100% { 
transform: rotateX(0deg) translate(0px, 0px);
opacity: 1;
}
} @-webkit-keyframes reveal-right {
0% {
-webkit-transform: translateX(-90%);
}
100% {
-webkit-transform: translate(0px, 0px);
}
}
@-moz-keyframes reveal-right {
0% {
-moz-transform: translateX(-90%);
}
100% {
-moz-transform: translate(0px, 0px);
}
}
@-o-keyframes reveal-right {
0% {
-o-transform: translateX(-90%);
}
100% {
-o-transform: translate(0px, 0px);
}
}
@keyframes reveal-right {
0% {
transform: translateX(-90%);
}
100% { 
transform: translate(0px, 0px);
}
}  .cl-gradient-azure_pop{
background: #ef32d9; background: -webkit-linear-gradient(to left, #ef32d9 , #89fffd); background: linear-gradient(to left, #ef32d9 , #89fffd); }
.cl-gradient-love_couple{
background: #3a6186; background: -webkit-linear-gradient(to left, #3a6186 , #89253e); background: linear-gradient(to left, #3a6186 , #89253e); }
.cl-gradient-disco{
background: #4ECDC4; background: -webkit-linear-gradient(to left, #4ECDC4 , #556270); background: linear-gradient(to left, #4ECDC4 , #556270); }
.cl-gradient-limeade{
background: #A1FFCE; background: -webkit-linear-gradient(to left, #A1FFCE , #FAFFD1); background: linear-gradient(to left, #A1FFCE , #FAFFD1); }
.cl-gradient-dania{
background: #BE93C5; background: -webkit-linear-gradient(to left, #BE93C5 , #7BC6CC); background: linear-gradient(to left, #BE93C5 , #7BC6CC); }
.cl-gradient-shades_of_grey{
background: #bdc3c7; background: -webkit-linear-gradient(to left, #bdc3c7 , #2c3e50); background: linear-gradient(to left, #bdc3c7 , #2c3e50); }
.cl-gradient-dusk{
background: #ffd89b; background: -webkit-linear-gradient(to left, #ffd89b , #19547b); background: linear-gradient(to left, #ffd89b , #19547b); }
.cl-gradient-delhi{
background: #808080; background: -webkit-linear-gradient(to left, #808080 , #3fada8); background: linear-gradient(to left, #808080 , #3fada8); }
.cl-gradient-sun_horizon{
background: #fceabb; background: -webkit-linear-gradient(to left, #fceabb , #f8b500); background: linear-gradient(to left, #fceabb , #f8b500); }
.cl-gradient-blood_red{
background: #f85032; background: -webkit-linear-gradient(to left, #f85032 , #e73827); background: linear-gradient(to left, #f85032 , #e73827); }
.cl-gradient-sherbert{
background: #f79d00; background: -webkit-linear-gradient(to left, #f79d00 , #64f38c); background: linear-gradient(to left, #f79d00 , #64f38c); }
.cl-gradient-firewatch{
background: #cb2d3e; background: -webkit-linear-gradient(to left, #cb2d3e , #ef473a); background: linear-gradient(to left, #cb2d3e , #ef473a); }
.cl-gradient-frost{
background: #000428; background: -webkit-linear-gradient(to left, #000428 , #004e92); background: linear-gradient(to left, #000428 , #004e92); }
.cl-gradient-mauve{
background: #42275a; background: -webkit-linear-gradient(to left, #42275a , #734b6d); background: linear-gradient(to left, #42275a , #734b6d); }
.cl-gradient-deep_sea{
background: #2C3E50; background: -webkit-linear-gradient(to left, #2C3E50 , #4CA1AF); background: linear-gradient(to left, #2C3E50 , #4CA1AF); }
.cl-gradient-solid_vault{
background: #3a7bd5; background: -webkit-linear-gradient(to left, #3a7bd5 , #3a6073); background: linear-gradient(to left, #3a7bd5 , #3a6073); }
.cl-gradient-deep_space{
background: #000000; background: -webkit-linear-gradient(to left, #000000 , #434343); background: linear-gradient(to left, #000000 , #434343); }
.cl-gradient-suzy{
background: #834d9b; background: -webkit-linear-gradient(to left, #834d9b , #d04ed6); background: linear-gradient(to left, #834d9b , #d04ed6); }  .cl_column > .cl_col_wrapper > .col-content > .cl-element:first-child{
margin-top:0px !important;
} .cl-text{min-height:40px}
.header-el .cl-text{min-height:30px;}
.cl-text p{margin-top:10px; margin-bottom:10px;}
.cl-text p:first-child{margin-top:0 !important}
.cl-text p:last-child{margin-bottom:0 !important;}
.cl_column_inner{
min-height:40px;
}
.cl_column_inner > .wrapper{
background-repeat: no-repeat;
background-position: left top;
border-top-width: 0;
border-right-width: 0;
border-left-width: 0;
border-bottom-width: 0;
position:relative;
height:100%;
width:100%;
}
.cl_column_inner > .wrapper > .col-content{
z-index:9;
position:relative;
min-height:40px;
height:100%;
}
.cl_column_inner > .wrapper > .col-content > .cl-element:first-child{
margin-top:0 !important;
}
.cl_column_inner.cl-inline-column  > .wrapper > .col-content > .cl-element{
display:inline-block;
width:auto;
}  .cl_page_header{
min-height:40px;
width:100%;
border-left-width: 0;
border-style:solid;
border-top-width:0;
border-right-width:0;
border-bottom-width:0;
border-color:rgba(0,0,0,0);
position:relative;
z-index:9;
}
.cl_page_header.cl-parallax{
overflow:hidden; 
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.cl_page_header .wrapper-layers{
width: 100%;
height: 100%;
position: absolute;
overflow: hidden;
top: 0;
opacity:0;
left: 0;
will-change: position;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.cl_page_header .wrapper-content{
width:100%;
}
.cl_page_header .bg-layer{
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000;
perspective: 1000;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.cl_page_header.border_top{
border-top-width:1px;
}
.cl_page_header.border_bottom{
border-bottom-width:1px;
}
.cl_page_header .overlay{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:0;
}
.cl_page_header.simple{
display:-webkit-flex;
display:-webkit-box;
display:-moz-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
align-items: center;
}
.cl_page_header.simple .wrapper-content{
height:100%;
}
.cl_page_header.simple .container{
height:100%;
}
.cl_page_header.simple .container .row{
height:100%;
}
.cl_page_header.simple .col-sm-12{
display:-webkit-flex;
display:-webkit-box;
display:-moz-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex;
align-items: center;
height:100%;
}
.cl_page_header.simple .col-sm-12 .title_part{
justify-content:flex-start;
width:100%;
}
.cl_page_header.modern.modern-center{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: center;
justify-content: center;
}
.cl_page_header.modern.modern-center .title_part h1, .cl_page_header.modern.modern-center .title_part .subtitle{
text-align:center;
width:100%;
display:block;
}
.cl_page_header.modern.modern-left_center{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: center;
}
.cl_page_header.modern.modern-right_center{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: center;
}
.cl_page_header.modern.modern-right_center .title_part h1, .cl_page_header.modern.modern-right_center .title_part .subtitle{
text-align:right;
width:100%;
display:block;
}
.cl_page_header.modern.modern-left_bottom{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: flex-end;
padding-bottom:50px;
}
.cl_page_header.modern.modern-center_bottom{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: flex-end;
padding-bottom:50px;
}
.cl_page_header.modern.modern-center_bottom .title_part h1, .cl_page_header.modern.modern-center_bottom .title_part .subtitle{
text-align:center;
width:100%;
display:block;
}
.cl_page_header.modern.modern-right_bottom{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: flex-end;
padding-bottom:30px;
}
.cl_page_header.modern.modern-right_bottom .title_part h1, .cl_page_header.modern.modern-right_bottom .title_part .subtitle{
text-align:right;
width:100%;
display:block;
} .cl_page_header.modern-effect-gradient_shadow .effect-wrapper{
position: absolute;
left: 0;
width: 100%;
bottom: -200px;
height: 400px;
background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.5) 100%)!important;
}
@media (max-width:569px){
.cl_page_header{
max-height:70vw;
}
.cl_page_header h1{
font-size:24px !important;
line-height:1 !important;
}
.cl_page_header .subtitle{
padding-top:5px;
font-size:14px !important;
line-height:1.5 !important;
}
}
@media (max-width:767px){
.cl_page_header{
padding-top:0px !important
}
}
.breadcrumbss {
justify-content:flex-end;
width:100%;
}
.breadcrumbss .page_parents li:first-child {
padding-right:0px;
padding-left:0;
}
.breadcrumbss .page_parents li {
float:left;
padding-left:0px;
position:relative;
padding-left:15px;
font-weight:400;
padding-right:11px;
font-size:12px;
opacity:0.7;
}
.breadcrumbss .page_parents li:after {
content: "/";
position: absolute;
left: 0;
top: 1px;
width: 3px;
font-size: 12px;
height: 7px;
display: inline;
margin-top: 0;
}
.breadcrumbss .page_parents li:first-child:after {
content:'' !important;
display:none;
}
.breadcrumbss .page_parents li.home:after{
content:'' !important;
display:none;
}
.breadcrumbss .page_parents li:last-child {
margin-right:0px;
padding-right:0;
}
.breadcrumbss .page_parents li a {
font-size:12px;
font-weight:400;
color:inherit;
}
.breadcrumbss .page_parents li.home{
opacity:1;
}
.breadcrumbss .page_parents li.home a{
font-weight:bold;
}
.breadcrumbss .page_parents li a:hover {
text-decoration:none;
}
.breadcrumbss .page_parents li:last-child a {
margin-right:0px;
}
.breadcrumbss .page_parents {
margin: 0;
background: rgba(255,255,255,1);
padding: 4px 17px;
border-top: 1px solid #ebebeb;
border-right: 1px solid #ebebeb;
border-left: 1px solid #ebebeb;
list-style: none;
position: absolute;
margin-top: 0px;
-webkit-transition-duration: 0.1s;
-moz-transition-duration: 0.1s;
-o-transition-duration: 0.1s;
-ms-transition-duration: 0.1s;
transition-duration: 0.1s;
right: 16px;
bottom: -1px;
z-index: 99999;
}  .cl_service{
border-top-width: 0;
border-right-width: 0;
border-left-width: 0;
border-bottom-width: 0;
border-style:solid;
} .cl_service.cl-hover-wrapper_accent_color .wrapper-form, .cl_service.cl-hover-wrapper_accent_color .wrapper-form i{
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
-ms-transition-duration: 0.2s;
transition-duration: 0.2s;
}
.cl_service.cl-hover-wrapper_accent_color:hover .wrapper-form i{
color:#fff !important;
}
.cl_service div.content p{
margin:0;
}
.cl_service.media_aside{
display:table;
}
.cl_service.type_text .icon_wrapper{
display:none;
}
.cl_service.align_left *{
text-align:left;
}
.cl_service.align_center *{
text-align:center;
}
.cl_service.align_center i{
line-height:1.5;
}
.cl_service.align_right *{
text-align:right;
}
.cl_service.align_right.media_aside{
direction: rtl;
}
.cl_service.media_aside .icon_wrapper{
display:table-cell;
vertical-align: top;
}
.cl_service.media_aside .box-content{
display:table-cell;
vertical-align: top
}
.cl_service.media_aside.align_left .icon_wrapper{
padding-right:20px;
padding-bottom:0px !important;
padding-left:0px !important;
padding-top:6px;
}
.cl_service.media_aside.align_right .icon_wrapper{
padding-left:20px;
padding-bottom:0px !important;
padding-right:0px !important;
}
.cl_service.media_top .icon_wrapper{
padding-bottom:20px; 
padding-right:0px !important;
padding-left:0px !important; 
}
.cl_service .icon_wrapper:not(.wrapper_none) .wrapper-form{
position:relative;
display: inline-block;
}
.cl_service.type_svg .icon_wrapper .wrapper-form{
position:relative;
display: inline-block;
}
.cl_service.media_top.align_center .icon_wrapper .wrapper-form{
margin:0 auto;
}
.cl_service .icon_wrapper.wrapper_circle .wrapper-form{
border-radius:50%;
-webkit-border-radius:50%;
-moz-border-radius:50%; 
border-width:1px;
border-style:solid;
}
.cl_service .icon_wrapper.wrapper_square .wrapper-form{
border-width:1px;
border-style:solid;
}
.cl_service .icon_wrapper:not(.wrapper_none) .wrapper-form i{
text-align: center;
width: 100%;
height: 100%;
float: left;
display: table;
margin-top: 1px;
}
.cl_service .icon_wrapper.with-shadow .wrapper-form{
-webkit-box-shadow: 0 5px 25px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 5px 25px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0 5px 25px 0px rgba(0, 0, 0, 0.1);
}
.cl_service .icon_wrapper:not(.wrapper_none) .wrapper-form i:before{
display: table-cell; vertical-align: middle;
}
.cl_service.type_svg:not(.align_center) .icon_wrapper:not(.wrapper_none) .wrapper-form svg{
left:50%;
transform:translateX(-50%) translateY(-50%);
position:absolute;
}
.cl_service .icon_wrapper i:before{
width:auto !important;
min-width:1em;
}
.cl_service .subtitle{
display:block;
}
.cl_service .subtitle.default{
color:#a7a7a7;
font-size:14px;
font-weight:400;
line-height:18px;
}
.cl_service .subtitle p{
padding:0px;
margin:0px;
}
.cl_service.type_custom .icon_wrapper .wrapper-form{
overflow:hidden;
} 
.cl_service.type_custom .icon_wrapper.wrapper_circle img{
top: 50%;
position: absolute;
left: 50%;
transform: translate(-50%, -50%);
}
.cl_service .box-content h1 p,
.cl_service .box-content h2 p,
.cl_service .box-content h3 p,
.cl_service .box-content h4 p,
.cl_service .box-content h5 p,
.cl_service .box-content h6 p{
margin:0;
}
.cl_media.position_left{
display:inline-block;
}
.cl_service.type_custom.media_top .icon_wrapper.wrapper_none .wrapper-form{
width:100% !important;
}
.cl_service.type_custom.media_top .icon_wrapper.wrapper_none .wrapper-form img{
max-height:100%;
} .cl_share{display: inline-block;}
.cl_share.round{
border:1px solid;
border-radius:50%;
-webkit-border-radius:50%;
-moz-border-radius:50%;
-o-border-radius:50%;
height: 100%;
text-align: center;
}
.cl_share.square{
border:1px solid;
}
.cl_share > a > i{
width: 100%;
height: 100%;
display: inline-block;
position: relative;
text-align: center;
} .cl_socialicon{
display: inline-block;
-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
-moz-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
}
.cl_socialicon a{
-webkit-transition: color 0.2s ease-in-out;
-moz-transition: color 0.2s ease-in-out;
transition: color 0.2s ease-in-out;
}
.cl_socialicon.round{
border:1px solid;
border-radius:50%;
-webkit-border-radius:50%;
-moz-border-radius:50%;
-o-border-radius:50%;
height: 100%;
text-align: center;
}
.cl_socialicon.square{
border:1px solid;
}
.cl_socialicon > a > i{
width: 100%;
height: 100%;
display: inline-block;
position: relative;
text-align: center;
} .icon-svg path {
fill: transparent
}  .cl_slider{
min-height:400px;
}
.cl_slider .cl-slide > .cl-row{
height:100%;
}
.cl_slider .container-content{
height:100%;
}
.cl_slider .cl_row-flex{
height:100% !important;
min-height:auto !important;
}
.cl_slider .swiper-slide-active .container-content{
opacity:1;
transform: translateY(0px);
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-webkit-transition: opacity 0.4s ease-in-out, -webkit-transform .35s ease-in-out;
-moz-transition: opacity 0.4s ease-in-out, -moz-transform .35s ease-in-out;
transition: opacity 0.4s ease-in-out, transform .35s ease-in-out;
}
.cl_slider.cl-animateScroll .swiper-slide-active .container-content{
transform: translateY(70px);
-webkit-transform: translateY(70px);
-moz-transform: translateY(70px);
opacity:0;
}
.swiper-button-prev, .swiper-button-next{
background-size:18px;
}
.cl_slider[data-navigation-style="rounded_left_bottom"] .swiper-button-white{
border: 1px solid rgba(255,255,255,0.6); 
}
.cl_slider[data-navigation-style="rounded_left_bottom"] .swiper-button-prev{
left:40px;
bottom:40px;
top:auto;
width: 50px;
height: 50px;
border-radius: 50%;
background-size:12px;
}
.cl_slider[data-navigation-style="rounded_left_bottom"] .swiper-button-next{
left:100px;
bottom:40px;
top:auto;
width: 50px;
height: 50px;
border-radius: 50%;
background-size:12px;
}
.cl_slider > .swiper-pagination .swiper-pagination-bullet{
background:#fff;
-webkit-transition: background-color 0.2s ease-in-out;
-moz-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
}
.cl_slider > .swiper-pagination.cl-dark-pagination .swiper-pagination-bullet{
background:#565656;
}
.cl_slider[data-pagination-style="lines"] .swiper-pagination-bullet{
width:3px;
height:12px;
border-radius:0;
-webkit-transition: background-color 0.2s ease-in-out, height 0.2s ease-in-out;
-moz-transition: background-color 0.2s ease-in-out, height 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out, height 0.2s ease-in-out;
}
.cl_slider[data-pagination-style="lines"] .swiper-pagination-bullet-active{
height:20px;
}
@media (max-width:767px){
.cl_slider{
max-height:60vh !important;
}
.cl_slider .cl-text{
font-size:16px !important;
line-height:28px !important;
}
}
@media (max-width:882px){
.cl_slider .cl-row .container-content > .row{
padding-left:40px;
padding-right:40px;
}
}
@media (max-width:991px){
.cl_slider{
max-height:70vh;
}
.cl_slider .cl-row .cl_row-flex{
max-height:70vh;
min-height:inherit !important;
}
.cl_slider-force-fullheight{
max-height:100vh !important;
height:100vh !important;
}
}
.cl_slider[data-effect="interleave"] .swiper-slide{
overflow:hidden;
}
.cl_slider[data-effect="slide"][data-direction="vertical"] .swiper-slide{
overflow:hidden;
}
.cl_slider[data-direction="vertical"] .cl-slider-nav{
display:none;
}
@media (max-width:991px){
.cl_slider.cl_slider-responsive-plain[data-direction="vertical"]{
height:auto !important;
max-height:none !important;
}
.cl_slider.cl_slider-responsive-plain[data-direction="vertical"] .cl-row .cl_row-flex{
max-height:none !important;
height:auto !important;
}
.cl_slider.cl_slider-responsive-plain[data-direction="vertical"] .cl-slide{
height:auto !important;
}
.cl_slider.cl_slider-responsive-plain[data-direction="vertical"] .cl-slide > .cl-row{
height:auto !important;
}
.cl_slider.cl_slider-responsive-plain[data-direction="vertical"] .cl-slider-pagination{
display:none;
}
.cl_slider.cl_slider-responsive-plain[data-direction="vertical"] .swiper-wrapper, .cl_slider-responsive-plain.cl_slider[data-direction="vertical"] .swiper-wrapper .swiper-slide,  .cl_slider.cl_slider-responsive-plain[data-direction="vertical"] .swiper-wrapper .swiper-slide .cl-row{
transform: translate3d(0px, 0, 0px) !important;
}
}
.cl_slider[data-anchors="1"] .swiper-pagination-bullet{
position:relative;
}
.cl_slider[data-anchors="1"][data-direction="vertical"] .swiper-pagination-bullet:after{
content: attr(data-label);
position: absolute;
right: 20px;
top: -8px;
min-width: 120px;
text-align: center;
color: #fff;
background: #222;
padding: 2px 8px;
border-radius: 20px;
opacity:0;
-webkit-transition: opacity 0.2s ease-in-out, -webkit-transform .25s ease-in-out;
-moz-transition: opacity 0.2s ease-in-out, -moz-transform .25s ease-in-out;
transition: opacity 0.2s ease-in-out, transform .25s ease-in-out;
transform:translateX(-20px);
-webkit-transform:translateX(-20px);
-moz-transform:translateX(-20px);
}
.cl_slider[data-anchors="1"][data-direction="vertical"] .swiper-pagination-bullet:hover:after{
opacity:1;
transform:translateX(0px);
-webkit-transform:translateX(0px);
-moz-transform:translateX(0px);
}  .cl-custom-heading{
border-top-width:0;
border-right-width:0;
border-bottom-width:0;
border-left-width:0;
}
.cl-custom-heading p{
margin:0;
}
.cl-custom-heading span{
display:block;
}
.cl-custom-heading span span{
display:inline;
} #testimonial-entries .testimonial_item{
padding: 20px 40px;
text-align: center;
padding-bottom:0px;
}
#testimonial-entries .testimonial_item .content{
font-size: 20px;
line-height: 38px;
padding-bottom: 20px;
font-weight:400;
}
#testimonial-entries .testimonial_item .title{
font-size: 16px;
line-height: 24px;
font-weight:600;
} .cl-btn p{
margin:0;
} .cl_counter.animate_on_visible{
opacity:1 !important;
}
.cl_counter{
font-size:44px;
line-height:44px;
font-weight:bold;
text-align:center;
}
.cl_counter.align-center{
text-align:center;
}
.cl_counter.align-left{
text-align:left;
}
.cl_counter.align-right{
text-align:right;
} .cl_countdown{
text-align:center;
}
.cl_countdown .group{
padding:0 5px;
}
.cl_countdown.large .group{
display:inline-block;
padding:0 20px;
text-align:center;
}
.cl_countdown.large .group span{
display:block;
}
.cl_countdown.large .group span.value{
font-size:64px;
line-height:78px;
font-weight:bold;
letter-spacing:1.5px;
color:#222;
}
.cl_countdown.large .group span.type{
text-transform: uppercase;
font-weight:300;
font-size:16px;
}  .cl_blog.blog-simplified #blog-entries .grid-style .grid-holder .grid-holder-inner{
border-width:0;
}
.cl_blog.blog-simplified .grid-entries article .entry-readmore{
display:none !important;
}
.cl_blog.blog-simplified  #blog-entries .grid-style .entry-meta{
margin-bottom:20px;
}
.cl_blog.blog-simplified #blog-entries .grid-style .entry-tools .entry-tool-single{
display:inline-block;
float:none;
padding-bottom:0;
}
.cl_blog.blog-simplified #blog-entries .grid-style .entry-tools{
top:auto;
transform:none;
-webkit-transform:none;
-moz-transform:none;
}
.cl_blog.blog-simplified #blog-entries .grid-style .grid-holder .entry-wrapper{
padding:20px;
padding-top:30px;
}
.cl_blog.blog-simplified #blog-entries .grid-style .entry-content{
padding-top:10px;
}
.cl_blog.blog-simplified #blog-entries .grid-style .entry-tools{
left:0px;
right:auto;
position:relative;
}
.cl_blog #blog-entries .grid-style.format-quote .entry-wrapper i{
top:24px;
}
.cl_blog.blog-simplified.blog-simplified-font #blog-entries .grid-style h2{
font-size:16px;
line-height:22px;
} .cl_blog .cl-carousel article{
width:100%;
padding: 0px 10px;
}
.cl_blog .owl-dots{ margin-top:45px; } .cl_clients:not(.cl-carousel){
display: flex;
display: -webkit-flex;
display: -ms-flexbox;
}
.client-item{
width:100%;
display:inline-block;
padding:15% 17%;
display:flex;
align-items:center;
}
.cl_clients:not(.cl-carousel) .client-item{
padding:20px;
}
@media (max-width:480px){
.cl_clients:not(.cl-carousel){
flex-flow:row wrap;
}
.cl_clients:not(.cl-carousel) .client-item{
width:100%;
}
}
@media (max-width:767px){
.cl_clients:not(.cl-carousel){
flex-flow:row wrap;
}
.cl_clients:not(.cl-carousel) .client-item{
width:50%;
}
}
@media (min-width:768px) and (max-width:991px){
.cl_clients:not(.cl-carousel){
flex-flow:row wrap;
}
.cl_clients:not(.cl-carousel) .client-item{
width:33.33%;
}
}
@media (min-width:992px){
.cl_clients.items_2:not(.cl-carousel){
flex-flow:row wrap;
}
.cl_clients.items_2:not(.cl-carousel) .client-item{
width:50%;
}
.cl_clients.items_3:not(.cl-carousel){
flex-flow:row wrap;
}
.cl_clients.items_3:not(.cl-carousel) .client-item{
width:33.33%;
}
.cl_clients.items_4:not(.cl-carousel){
flex-flow:row wrap;
}
.cl_clients.items_4:not(.cl-carousel) .client-item{
width:25%;
}
.cl_clients.items_5:not(.cl-carousel){
flex-flow:row wrap;
}
.cl_clients.items_5:not(.cl-carousel) .client-item{
width:20%;
}
.cl_clients.items_6:not(.cl-carousel){
flex-flow:row wrap;
}
.cl_clients.items_6:not(.cl-carousel) .client-item{
width:16.66%;
}
.cl_clients.items_7:not(.cl-carousel){
flex-flow:row wrap;
}
.cl_clients.items_7:not(.cl-carousel) .client-item{
width:14.28%;
}
}
.cl_clients.cl-carousel .owl-stage{
display: flex;
display: -webkit-flex;
display: -ms-flexbox;
align-items: center;
}
.cl_clients.style_overlay_title .client-item{
position:relative;
display:table;
}
.cl_clients.style_overlay_title .client-item .overlay-bg{
width:100%;
height:100%;
left:0;
top:0;
position:absolute;
opacity:0;
-webkit-transition: opacity 0.2s ease-in-out;
-moz-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
text-align:center;
display:table;
}
.cl_clients.style_overlay_title .client-item:hover .overlay-bg{
opacity:1;
}
.cl_clients.style_overlay_title .client-item .overlay-bg .inner{
display:table-cell;
vertical-align: middle;
color:#fff;
font-weight:600;
} .cl_progress_bar .labels{
font-weight:600;
}
.cl_progress_bar .labels .title{
display:inline-block;
}
.cl_progress_bar .labels .title p{
margin:0;
display:inline-block;
}
.cl_progress_bar .labels .percentage{
float:right;
}
.cl_progress_bar .progress{
width: 100%;
height: 7px;
margin-top: 5px;
position:relative;
}
.cl_progress_bar .bar{
-webkit-transition: all 1000ms cubic-bezier(0.778,0.128,0.15,0.84);
-moz-transition: all 1000ms cubic-bezier(0.785,0.135,0.15,0.84);
-o-transition: all 1000ms cubic-bezier(0.785,0.135,0.15,0.84);
transition: all 1000ms cubic-bezier(0.785,0.135,0.15,0.84);
position:absolute;
width:0;
left:0;
top:0;
height:100%;
}
.light-text .cl_progress_bar .labels{
color:#fff;
} .cl_cl_team .cl_team .team-item{
position:relative;
} .cl_team.style-simple .team-item .team-media-wrapper{
position:relative;
}
.cl_team.style-simple .team-item .team-media-wrapper img{
width:100%;
max-width:auto;
}
.cl_team.style-simple .team-item .team-overlay{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
opacity:0;
background:rgba(0,0,0,0.7);
display: flex;
display: flex;
display: -webkit-flex;
display: -ms-flexbox;
align-items: center;
-webkit-transition: opacity 0.2s ease-in-out;
-moz-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
}
.cl_team.style-simple .team-item .team-media-wrapper:hover .team-overlay{
opacity:1;
}
.cl_team.style-simple .team-item .team-social{
text-align:center;
width:100%;
-webkit-transition: opacity 0.2s ease-in-out, -webkit-transform .25s ease-in-out;
-moz-transition: opacity 0.2s ease-in-out, -moz-transform .25s ease-in-out;
transition: opacity 0.2s ease-in-out, transform .25s ease-in-out;
transform:translateY(-20px);
-webkit-transform:translateY(-20px);
-moz-transform:translateY(-20px);
opacity:0;
}
.cl_team.style-simple .team-item .team-social a{
padding-left:5px;
padding-right:5px;
font-size:18px;
color:#fff;
}
.cl_team.style-simple .team-item .team-media-wrapper:hover .team-social{
transform:translateY(0px);
-webkit-transform:translateY(0px);
-moz-transform:translateY(0px);
opacity:1;
}
.cl_team.style-simple .team-item .team-content{
text-align:center;
}
.cl_team.style-simple .team-item .team-name{
margin-top:20px;
margin-bottom:0;
line-height:20px;
}
.cl_team.style-simple .team-item .team-position{
font-size:12px;
}
.cl_team.style-simple .team-item .team-desc{
padding-top:4px;
} .cl_team.style-photo .team-item .team-media-wrapper{
position:relative;
overflow:hidden;
}
.cl_team.style-photo .team-item .team-media-wrapper img{
width:100%;
max-width:auto;
}
.cl_team.style-photo .team-item .team-overlay{
position:absolute;
left:0;
top:0;
width:100.5%;
height:100%;
opacity:0;
background:rgba(255,255,255,0.95);
display: flex;
display: flex;
display: -webkit-flex;
display: -ms-flexbox;
align-items: center;
-webkit-transition: opacity 0.2s ease-in-out;
-moz-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
}
.cl_team.style-photo .team-item .team-media-wrapper:hover .team-overlay{
opacity:1;
}
.cl_team.style-photo .team-item .team-social{
text-align:center;
width:100%;
-webkit-transition: opacity 0.2s ease-in-out, -webkit-transform .25s ease-in-out;
-moz-transition: opacity 0.2s ease-in-out, -moz-transform .25s ease-in-out;
transition: opacity 0.2s ease-in-out, transform .25s ease-in-out;
transform:translateY(-20px);
-webkit-transform:translateY(-20px);
-moz-transform:translateY(-20px);
opacity:0;
}
.cl_team.style-photo .team-item .team-social a{
color: #777;
box-shadow:0 0 1px #777;
-webkit-box-shadow:0 0 1px #777;
-moz-box-shadow:0 0 1px #777;
border-radius: 15px;
-webkit-border-radius:15px;
-moz-border-radius:15px;
margin-right: 10px;
line-height: 30px;
width: 30px;
height: 30px;
display: inline-block;
}
.cl_team.style-photo .team-item .team-social a:hover{
color:#fff;
box-shadow:0 0 1px rgba(255,255,255,0.0);
-webkit-box-shadow:0 0 1px rgba(255,255,255,0.0);
-moz-box-shadow:0 0 1px rgba(255,255,255,0.0);
background-color:#323232;
}
.cl_team.style-photo .team-item .team-social a:last-child{
margin-right:0px;
}
.cl_team.style-photo .team-overlay-wrapper{
width:100%;
}
.cl_team.style-photo .team-item .team-media-wrapper:hover .team-social{
transform:translateY(0px);
-webkit-transform:translateY(0px);
-moz-transform:translateY(0px);
opacity:1;
}
.cl_team.style-photo .team-item .team-content{
text-align:center;
width:100%;
-webkit-transition: opacity 0.2s ease-in-out, -webkit-transform .25s ease-in-out;
-moz-transition: opacity 0.2s ease-in-out, -moz-transform .25s ease-in-out;
transition: opacity 0.2s ease-in-out, transform .25s ease-in-out;
transform:translateY(20px);
-webkit-transform:translateY(20px);
-moz-transform:translateY(20px);
opacity:0;
}
.cl_team.style-photo .team-media-wrapper:hover .team-content{
transform:translateY(0px);
-webkit-transform:translateY(0px);
-moz-transform:translateY(0px);
opacity:1;
}
.cl_team.style-photo .team-item .team-name{
margin-top:20px;
margin-bottom:0;
line-height:20px;
color:#383838;
}
.cl_team.style-photo .team-item .team-position{
font-size:12px;
}
.cl_team.style-photo .team-item .team-desc{
padding-top:4px;
display:none;
} .cl_team:not(.is_single){
display: flex;
display: flex;
display: -webkit-flex;
display: -ms-flexbox;
flex-flow: row wrap;
}
.cl_team.is_single .team-item{
padding:0px !important;
}
@media (min-width:768px){
.cl_team[data-columns="4"]:not(.is_single) .team-item{
width:25%;
}
.cl_team[data-columns="3"]:not(.is_single) .team-item{
width:33.3%;
}
.cl_team[data-columns="2"]:not(.is_single) .team-item{
width:50%;
}
.cl_team[data-columns="5"]:not(.is_single) .team-item{
width:20%;
}
.cl_team[data-columns="6"]:not(.is_single) .team-item{
width:16.6%;
}
}
@media (min-width: 570px) and (max-width:768px){
.cl_team:not(.is_single) .team-item{
width:50%;
}
}
@media (max-width: 569px){
.cl_team:not(.is_single) .team-item{
width:100%;
} 
}
.cl_team.cl-carousel .team-item{
width:100% !important;
} .cl_divider .inner{width:100%;}
.cl_divider  .inner.simple{ 
border-left: 0;
border-bottom: 0;
border-right: 0;}
.cl_divider .inner.two{ 
border-top:1px;
border-bottom:1px;
height:6px;
border-left:0px;
border-right:0px;
clear: both;
position: relative;
z-index: 11;
}
.cl_divider span.inner{
border-top:1px;
border-bottom:0px;
border-left:0px;
border-right:0px;
clear: both;
position: relative;
z-index: 11;
}
.cl_divider i{    
margin-left: 10px;
margin-right: 10px;
}
.cl_divider{min-height:10px;}
.cl_divider .wrapper{display: flex;  display: -webkit-flex; display: flex; }
@media (max-width:400px){
.cl_divider .wrapper{
max-width:130px;
}
}
.cl_divider .wrapper.left_divider{position:absolute; left:0;}
.cl_divider .wrapper.center_divider{position:absolute;left:0; right:0; margin:auto;}
.cl_divider .wrapper.right_divider{position:absolute; right:0;}
.cl_divider .wrapper.icon{align-items: center;  -webkit-align-items: center; }
.cl_divider span.left{width:100%;}
.cl_divider span.right{width:100%;} .cl_media{
position:relative;
}
.cl_media video, .cl_media iframe{
width:100%;
display:block;
}
.cl_media .video{
position:relative;
}
.cl_media a img{
width:100%;
}
.cl_media .placeholder-img{
width:100%;
max-width:none;
}
.cl_media .image-wrapper{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-webkit-transition-duration: 0.25s;
-moz-transition-duration: 0.25s;
-o-transition-duration: 0.25s;
-ms-transition-duration: 0.25s;
transition-duration: 0.25s;
z-index:999;
background-position: center;
}
.cl_media .play-button{
width: 80px;
height: 80px;
position: absolute;
left: 50%;
margin-left: -40px;
margin-top: -40px;
top: 50%;
background: rgba(0,0,0,0.8);
border-radius: 50%;
box-shadow: 0 3px 5px rgba(50,50,93,0.05), 0 1px 2px rgba(0,0,0,0.04);
-webkit-box-shadow: 0 3px 5px rgba(50,50,93,0.05), 0 1px 2px rgba(0,0,0,0.04);
-moz-box-shadow: 0 3px 5px rgba(50,50,93,0.05), 0 1px 2px rgba(0,0,0,0.04);
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
transition: all .25s ease;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
transform: translateY(0px);
}
.cl_media .play-button:hover{
box-shadow: 0 7px 14px rgba(50,50,93,0.4), 0 3px 6px rgba(0,0,0,0.1);
-webkit-box-shadow: 0 7px 14px rgba(50,50,93,0.4), 0 3px 6px rgba(0,0,0,0.1);
-moz-box-shadow: 0 7px 14px rgba(50,50,93,0.4), 0 3px 6px rgba(0,0,0,0.1);
-webkit-transform: translateY(-2px);
-moz-transform: translateY(-2px);
transform: translateY(-2px);
}
.cl_media .play-button i{
width: 85px;
height: 100%;
text-align: center;
line-height: 80px;
color: #fff;
float: left;
font-size: 24px;
}
.cl_media.show-video .image-wrapper{
opacity:0;
}
.cl_media iframe, .cl_media video{
border:none;
}
.cl_media.hide-video iframe, .cl_media.hide-video video{
opacity:0;
-webkit-transition-duration: 0.25s;
-moz-transition-duration: 0.25s;
-o-transition-duration: 0.25s;
-ms-transition-duration: 0.25s;
transition-duration: 0.25s;
}
.cl_media.show-video iframe, .cl_media.show-video video{
opacity:1;
z-index:9999;
}
.cl_media.add-shadow .inner img,  .cl_media.add-shadow .inner .image-wrapper{
box-shadow: 0 14px 44px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 14px 44px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 14px 44px rgba(0, 0, 0, 0.1);
}
.cl_media.show-video .play-button{
display:none;
}
.cl_media.show-video .image-wrapper{
z-index:-1;
}
.cl_media.position_left .inner{
float:none;
margin:0;
width:100%;
}
.cl_media.position_left .inner img, .cl_media.position_left .inner{
text-align:left;
width:100%;
}
.cl_media.position_right .inner{
text-align:right;
width:100%;
}
.cl_media.position_center.type-image, .cl_media.position_center.type-live , .cl_media.position_center.type-video{
display: flex;
display: flex;
display: -webkit-flex;
display: -ms-flexbox;
flex-flow: row wrap;
justify-content:center;
}
.cl_media.position_right.type-video{
display: flex;
display: flex;
display: -webkit-flex;
display: -ms-flexbox;
flex-flow: row wrap;
justify-content:flex-end;
}
.cl_media.position_left.type-video{
display: flex;
display: flex;
display: -webkit-flex;
display: -ms-flexbox;
flex-flow: row wrap;
justify-content:flex-start;
}
.cl_media.cl-custom-width.position_left.type-image{
display: flex;
display: flex;
display: -webkit-flex;
display: -ms-flexbox;
flex-flow: row wrap;
justify-content:flex-start;
}
.cl_media.cl-custom-width.position_right.type-image{
display: flex;
display: flex;
display: -webkit-flex;
display: -ms-flexbox;
flex-flow: row wrap;
justify-content:flex-end;
}
.cl_media.position_stretch .inner{
width:100%;
max-width:none;
display:block;
}
.cl_media.position_stretch.type-image .inner img{
max-width:none;
width:100%;
}
.cl_media.type-video .inner{
width:100%;
display: block;
}
.cl_media .lightbox{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.8);
opacity:0;
-webkit-transition: opacity 0.1s ease-in-out;
-moz-transition: opacity 0.1s ease-in-out;
transition: opacity 0.1s ease-in-out;
}
.cl_media .lightbox i{
color: #fff;
width: 60px;
text-align: center;
line-height: 60px;
height: 60px;
position: absolute;
left: 50%;
margin-left: -30px;
font-size: 32px;
top: 50%;
margin-top: -30px;
-webkit-perspective: 1000;
-moz-perspective: 1000;
-ms-perspective: 1000;
perspective: 1000;
opacity: 0;
-webkit-transform: translatex(-20px);
-moz-transform: translatex(-20px);
-ms-transform: translatex(-20px);
transform: translatex(-20px);
-webkit-transition: opacity 0.25s ease-in-out, -webkit-transform .3s cubic-bezier(.19,1,.22,1);
-moz-transition: opacity 0.25s ease-in-out, -moz-transform .3s cubic-bezier(.19,1,.22,1);
transition: opacity 0.25s ease-in-out, transform .3s cubic-bezier(.19,1,.22,1);
}
.cl_media .lightbox:hover{
opacity:1;
}
.cl_media .lightbox:hover i{
-webkit-transform: translatex(0px);
-moz-transform: translatex(0px);
-ms-transform: translatex(0px);
transform: translatex(0px);
opacity: 1;
}
.cl_media .inner{
position:relative;
width:auto;
display:inline-block;
}
.cl_media .custom-link{
position:absolute;
width:100%;
height:100%;
z-index:99;
}
@media (max-width:992px){
.cl_media .inner{
max-width:100%;
}
} .cl-map-fullheight{
height:100%;
}
@media (max-width:767px){
.cl_map.cl-map-fullheight{
height:400px;
}
}
@media (min-width:768px) and (max-width:991px) {
.cl-col-tablet-full .cl_map.cl-map-fullheight{
height:400px;
}
}
.cl_map.cl-map-fullheight .cl-map-element{
height:100% !important;
} .cl_contact_form7.style-simple label{
width:100%;
}
.cl_contact_form7.style-simple input:not([type="submit"]), .cl_contact_form7.style-simple  select{
width:50%;
height:40px;
padding:0 10px;
color:#777;
}
.cl_contact_form7.style-simple textarea{
width:80%;
}
.cl_contact_form7.style-simple input:not([type="submit"]), .cl_contact_form7.style-simple textarea, .cl_contact_form7.style-simple  select{
border-width:1px;
border-style:solid;
background:#fff;
}
.cl_contact_form7.style-dark input:not(.cl-btn), .cl_contact_form7.style-dark textarea, .cl_contact_form7.style-dark select{
border-width:1px;
border-style:solid;
border-left:0;
border-right:0;
border-top:0;
background: transparent;
border-color:rgba(255, 255, 255, 0.28);
}
@media (max-width:767px){
.cl_contact_form7.style-dark textarea{
max-width:100%;
display:block;
}
}
div.wpcf7-validation-errors{
border: 2px solid #444;
padding: 10px 20px;
margin: 40px 0;
width: 82%;
}
div.wpcf7-mail-sent-ok{
padding: 10px 20px;
margin: 40px 0;
width: 82%;
}  .cl_gallery:not(.cl-carousel){
display: flex;
display: -webkit-flex;
display: -ms-flexbox;
}
.gallery-item{
width:100%;
display:inline-block;
display:flex;
align-items:center;
justify-content: center;
}
.cl_gallery:not(.cl-carousel) .gallery-item{
padding:20px;
}
@media (max-width:480px){
.cl_gallery:not(.cl-carousel){
flex-flow:row wrap;
}
.cl_gallery:not(.cl-carousel) .gallery-item{
width:100%;
}
}
@media (max-width:767px){
.cl_gallery:not(.cl-carousel){
flex-flow:row wrap;
}
.cl_gallery:not(.cl-carousel) .gallery-item{
width:50%;
}
}
@media (min-width:768px) and (max-width:991px){
.cl_gallery:not(.cl-carousel){
flex-flow:row wrap;
}
.cl_gallery:not(.cl-carousel) .gallery-item{
width:50%;
}
}
@media (min-width:992px){
.cl_gallery.items_2:not(.cl-carousel){
flex-flow:row wrap;
}
.cl_gallery.items_2:not(.cl-carousel) .gallery-item{
width:50%;
}
.cl_gallery.items_3:not(.cl-carousel){
flex-flow:row wrap;
}
.cl_gallery.items_3:not(.cl-carousel) .gallery-item{
width:33.33%;
}
.cl_gallery.items_4:not(.cl-carousel){
flex-flow:row wrap;
}
.cl_gallery.items_4:not(.cl-carousel) .gallery-item{
width:25%;
}
.cl_gallery.items_5:not(.cl-carousel){
flex-flow:row wrap;
}
.cl_gallery.items_5:not(.cl-carousel) .gallery-item{
width:20%;
}
.cl_gallery.items_6:not(.cl-carousel){
flex-flow:row wrap;
}
.cl_gallery.items_6:not(.cl-carousel) .gallery-item{
width:16.66%;
}
.cl_gallery.items_7:not(.cl-carousel){
flex-flow:row wrap;
}
.cl_gallery.items_7:not(.cl-carousel) .gallery-item{
width:14.28%;
}
}
.cl_gallery.cl-carousel .owl-stage{
display: flex;
display: -webkit-flex;
display: -ms-flexbox;
align-items: center;
}
.cl_gallery.with-lightbox .gallery-item .inner-wrapper{
position:relative;
width: 100%;
}
.cl_gallery[data-items="1"] .gallery-item .inner-wrapper img{
max-width:none;
}
.cl_gallery.with-lightbox .gallery-item .overlay{
position:absolute;
left:0;
top:0;
width:100%;
bottom:100%;
background:rgba(0,0,0,0.85);
opacity: 0;
-webkit-transition: opacity 0.2s ease-in-out;
-moz-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
}
.cl_gallery.with-lightbox .gallery-item .overlay i{
color: #fff;
width: 60px;
text-align: center;
line-height: 60px;
height: 60px;
position: absolute;
left: 50%;
margin-left: -30px;
font-size: 32px;
top: 50%;
margin-top: -30px;
-webkit-perspective: 1000;
-moz-perspective: 1000;
-ms-perspective: 1000;
perspective: 1000;
opacity: 0;
-webkit-transform: translatex(-20px);
-moz-transform: translatex(-20px);
-ms-transform: translatex(-20px);
transform: translatex(-20px);
-webkit-transition: opacity 0.2s ease-in-out, -webkit-transform .25s cubic-bezier(.19,1,.22,1);
-moz-transition: opacity 0.2s ease-in-out, -moz-transform .25s cubic-bezier(.19,1,.22,1);
transition: opacity 0.2s ease-in-out, transform .25s cubic-bezier(.19,1,.22,1);
}
.cl_gallery.with-lightbox .gallery-item:hover .overlay i{
-webkit-transform: translatex(0px);
-moz-transform: translatex(0px);
-ms-transform: translatex(0px);
transform: translatex(0px);
opacity: 1;
}
.cl_gallery.with-lightbox .gallery-item:hover .overlay{
opacity:1;
} .cl_toggles .toggles_wrapper{
min-height:30px;
}
.cl_toggles .toggles_wrapper > .cl_toggle{
margin-bottom:20px;
}
.cl_toggle .toggle_wrapper{
min-height:0px;
}
.cl_toggle > .toggle_wrapper > .cl-element:first-child{
margin-top:0 !important;
}
.cl_toggles.style-simple .cl_toggle > .title{
margin-bottom:10px;
padding-bottom:5px;
border-bottom-width:1px;
border-bottom-style:solid;
}
.cl_toggle .cl-text{
min-height:20px;
} .cl_list.style-simple .list-wrapper{
margin:0;
padding:0;
list-style:none;
}
.cl_list.style-simple .list-wrapper li{
display:flex;
}
.cl_list.style-simple i{
display:inline-block;
}
.cl_list.style-simple span{
display:inline-block;
}
.cl_list .cl_list_item.with_icon span{
padding-left:10px;
}
.cl_list p{
margin:0;
padding:0;
} .cl_blog .news-entries article{
overflow:hidden;
margin-bottom:0 !important;
}
.cl_blog .news-entries article .entry-media, .cl_blog .news-entries article .grid-holder, .cl_blog .news-entries article .grid-holder-inner{
height:100%;
}
.cl_blog .news-entries article img{
max-width:none;
position:absolute;
left: 50%;
top:50%;
transform: translate3d(-50%, -50%, 0) scale(1);
-webkit-transform: translate3d(-50%, -50%, 0) scale(1);
-moz-transform: translate3d(-50%, -50%, 0) scale(1);
-webkit-backface-visibility: hidden; 
width:auto;
}
.cl_blog .news-entries{
display:flex;
flex-flow: row wrap;
}
.cl_blog .news-entries .flex-wrap{
display:flex;
flex-flow: row wrap;
}
.cl_blog .news-entries .parent-wrap > article{
width:100%;
}
.cl_blog .news-entries .semi-wrap{
width:100%;
}
.cl_blog .news-entries .semi-wrap > article{
width:50%;
}
.cl_blog .news-entries .flex-wrap.semi-width article{
width:50%;
}
.cl_blog .news-entries .flex-wrap.full-height article .post-thumbnail{
height:460px;
}
.cl_blog .news-entries .flex-wrap.semi-height article .post-thumbnail{
height:230px;
}
.cl_blog .news-entries .flex-wrap.onethird-height article .post-thumbnail{
height:153.33333px;
}
.cl_blog .news-entries .flex-wrap.full-width-img > article .post-thumbnail img{
width:100%;
}
@media (min-width:992px){
.cl_blog .news-entries .flex-wrap.full-height-img > article .post-thumbnail img{
height:100%;
}
.cl_blog .news-entries.news-layout-grid_1 > .parent-wrap{
width:50%;
}
.cl_blog .news-entries.news-layout-grid_1 .flex-wrap.first-wrap{
padding-right:2px;
}
.cl_blog .news-entries.news-layout-grid_1 .flex-wrap.inner-wrap{
padding-top:2px;
}
.cl_blog .news-entries.news-layout-grid_1 .flex-wrap.inner-wrap > article:first-child .grid-holder{
padding-right:2px;
}
.cl_blog .news-entries.news-layout-grid_1 .flex-wrap.inner-wrap > article:first-child .grid-holder .grid-holder-inner{
overflow:hidden;
}
.cl_blog .news-entries.news-layout-grid_2 > .parent-wrap{
width:50%;
}
.cl_blog .news-entries.news-layout-grid_2 article .grid-holder{
padding:1px;
}
.cl_blog .news-entries.news-layout-grid_2 article .grid-holder .grid-holder-inner{
overflow:hidden;
}
.cl_blog .news-entries.news-layout-grid_3 > .first-wrap{
width:75%;
}
.cl_blog .news-entries.news-layout-grid_3 > .second-wrap{
width:25%;
}
.cl_blog .news-entries.news-layout-grid_3 article .grid-holder{
padding:1px;
}
.cl_blog .news-entries.news-layout-grid_3 article .grid-holder .grid-holder-inner{
overflow:hidden;
}
}
@media (max-width:991px){
.cl_blog .news-entries > .parent-wrap{
width:100%;
}
.cl_blog .news-entries .flex-wrap.onethird-height article .post-thumbnail img{
width:100%;
}
}
@media (max-width: 480px){
.cl_blog .news-entries article img{
height:100%;
width:auto;
}
.cl_blog .news-entries .flex-wrap.onethird-height article .post-thumbnail img{
width:100%;
height:auto;
}
.cl_blog .news-entries .flex-wrap.full-width-img > article .post-thumbnail img{
height:auto;
}
}
.cl_blog .news-entries article .shadow{
height: 80%;
width: 100%;
position: absolute;
bottom:0;
left:0;
background: -moz-linear-gradient(top,rgba(0,0,0,0) 40%,rgba(0,0,0,.55) 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(40%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,.55)));
background: -webkit-linear-gradient(top,rgba(0,0,0,0) 40%,rgba(0,0,0,.55) 100%);
background: -o-linear-gradient(top,rgba(0,0,0,0) 40%,rgba(0,0,0,.55) 100%);
background: -ms-linear-gradient(top,rgba(0,0,0,0) 40%,rgba(0,0,0,.55) 100%);
background: linear-gradient(to bottom,rgba(0,0,0,0) 40%,rgba(0,0,0,.55) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#b3000000', GradientType=0);
transform: translateY(0);
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
opacity:1;
-webkit-transition: opacity 0.8s ease-in-out, -webkit-transform .8s cubic-bezier(.19,1,.22,1);
-moz-transition: opacity 0.8s ease-in-out, -moz-transform .8s cubic-bezier(.19,1,.22,1);
transition: opacity 0.8s ease-in-out, transform .8s cubic-bezier(.19,1,.22,1);
}
.cl_blog .news-entries article .grid-holder .grid-holder-inner{
position:relative;
}
.cl_blog .news-entries article .content{
position: absolute;
bottom: 0;
left:0;
width:100%;
color:#fff;
padding:0 20px;
padding-bottom:12px;
}
.cl_blog .news-entries article .content h2{
color:#fff;
font-size:13px;
}
.cl_blog .news-entries .large-text article h2{
font-size:18px;
line-height:30px;
}
.cl_blog .news-entries .post-categories{
list-style:none;
margin:0;
padding:0;
margin-bottom:5px;
}
.cl_blog .news-entries .post-categories li{
display:inline-block;
margin-right:7px;
padding:0px 5px;
text-transform:uppercase;
font-size:10px;
font-weight:600;
background-color:rgba(0,0,0,0.8);
line-height:18px;
-webkit-transition: background-color 0.3s ease-in-out;
-moz-transition: background-color 0.3s ease-in-out;
transition: background-color 0.3s ease-in-out;
}
.cl_blog .news-entries .post-categories li a{
z-index: 99999;
position: relative;
}
.cl_blog .news-entries article .entry-media{
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: opacity 0.8s ease-in-out, -webkit-transform .8s cubic-bezier(.19,1,.22,1);
-moz-transition: opacity 0.8s ease-in-out, -moz-transform .8s cubic-bezier(.19,1,.22,1);
transition: opacity 0.8s ease-in-out, transform .8s cubic-bezier(.19,1,.22,1);
-webkit-backface-visibility: hidden; 
}
.cl_blog .news-entries article:hover .shadow{
transform: translateY(20%);
-webkit-transform: translateY(20%);
-moz-transform: translateY(20%);
opacity:0.7;
}
.cl_blog .news-entries article:hover .entry-media{
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.cl_blog .news-entries article:hover .entry-media img{
transform: translate3d(-50%, -50%, 0) scale(1);
-webkit-transform: translate3d(-50%, -50%, 0) scale(1);
-moz-transform: translate3d(-50%, -50%, 0) scale(1);
}
.cl_blog .news-entries article .entry-link{
z-index:9999;
}  .cl_tabs .tab-content .tab-pane{
display:none;
}
.cl_tabs .tab-content .active{
display:block;
}
.cl_tabs .fade{
opacity: 0;
-webkit-transition: opacity .15s linear;
-o-transition: opacity .15s linear;
transition: opacity .15s linear;
}
.cl_tabs .fade.in{
opacity:1;
}
.cl_tabs .cl-nav-tabs, .cl_tabs .cl-nav-tabs li{
list-style:none;
padding: 0;
display: inline-block;
margin: 0;
position: relative;
}
@media (max-width:767px){
.cl_tabs .cl-nav-tabs, .cl_tabs .cl-nav-tabs li{
display:block;
width:100%;
}
}
.cl_tabs .tab_panel_content > .cl-element:first-child{
margin-top:0 !important;
}
.cl_tabs .tab_panel_content > .cl_element > .cl-element:first-child{
margin-top:0 !important;
}
.cl_tabs.style-simple .cl-nav-tabs li a{
height: 40px;
line-height: 40px;
display: block;
margin: 0;
padding: 0 14px;
font-size: 14px;
text-decoration: none;
font-style: normal;
color: #989898;
text-transform: uppercase;
letter-spacing: 0px;
font-weight: 700;
-webkit-transition: color .3s ease-in-out;
-moz-transition: color .3s ease-in-out;
transition: color .3s ease-in-out;
}
.cl_tabs.style-simple .cl-nav-tabs li:first-child a{
padding-left:0;
}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform,height}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:10px 0;display:block}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}.swiper-pagination-progress{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progress .swiper-pagination-progressbar{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar{-webkit-transform-origin:right top;-moz-transform-origin:right top;-ms-transform-origin:right top;-o-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progress{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progress{width:4px;height:100%;left:0;top:0}.swiper-pagination-progress.swiper-pagination-white{background:rgba(255,255,255,.5)}.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar{background:#fff}.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar{background:#000}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper{-ms-perspective:1200px}.swiper-container-cube,.swiper-container-flip{overflow:visible}.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-slide{visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.creative-search {
position: relative;
text-align: center;
}
.creative-search {
position: fixed;
z-index: 1000;
top: 0;
left: 0;
overflow: hidden;
width: 100%;
height: 100vh;
}
.creative-search::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
background: rgba(0,0,0,0.3);
}
.search__inner {
position: absolute;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 50%;
background: #f0f0f0;
}
.search__inner--up {
color: #dce6e6;
background: #2d3535;
}
.search__inner--down {
top: 50%;
background: #22d2d2;
}
.btn--search-close {
font-size: 2em;
position: absolute;
z-index: 100;
top: 1.25em;
right: 1.25em;
display: none;
padding: 0;
background: none;
border: none;
}
.btn--search-close {
display: block;
}
.btn--search-close svg{
display: block;
width: 1.5em;
height: 1.5em;
margin: 0 auto;
fill: currentColor;
}
.search__form {
width: 75%;
max-width: 900px;
margin: 0 auto;
}
.search__input {
font-family: inherit;
font-size: 7vw;
line-height: 1;
background-color:transparent;
display: inline-block;
box-sizing: border-box;
width: 100%;
padding: 0 0 0.1em 0;
color: inherit;
border-bottom: 4px solid;
}
.search__input::-webkit-input-placeholder {
opacity: 0.1; color: #fff;
}
.search__input::-moz-placeholder {
opacity: 0.1; color: #fff;
}
.search__input:-ms-input-placeholder {
opacity: 0.1; color: #fff;
}
.search__input::-webkit-search-cancel-button,
.search__input::-webkit-search-decoration {
-webkit-appearance: none;
}
.search__input::-ms-clear {
display: none;
}
.search__info {
font-size: 90%;
font-weight: bold;
display: block;
width: 100%;
margin: 0 auto;
padding: 0.85em 0;
text-align: right;
}
.search__related {
display: flex;
width: 75%;
max-width: 900px;
pointer-events: none;
}
.search__suggestion {
width: 50%;
padding: 0 5em 0 0;
text-align: left;
}
.search__suggestion:last-child {
padding: 0 0 0 1em;
}
.search__suggestion h3 {
font-size: 1.35em;
margin: 0;
margin-bottom:0.75em;
}
.search__suggestion h3::before {
content: '\21FE';
display: inline-block;
padding: 0 0.5em 0 0;
}
.search__suggestion p {
font-size: 1.15em;
line-height: 1.4;
margin: 0.75em 0 0 0;
}   #wrapper {
transition: transform 0.6s, opacity 0.6s;
transition-timing-function: cubic-bezier(0.2,1,0.3,1);
}
.main-wrap--hide {
opacity: 0;
transform: scale3d(0.8,0.8,1);
}
.creative-search {
pointer-events: none;
}
.search--open {
pointer-events: auto;
}
.creative-search::before {
opacity: 0;
transition: opacity 0.6s;
transition-timing-function: cubic-bezier(0.2,1,0.3,1);
}
.search--open::before {
opacity: 1;
} .btn--search {
transition: opacity 0s;
}
.main-wrap--hide .btn--search {
opacity: 0;
transition-delay: 0s;
} .btn--search-close {
opacity: 0;
transform: scale3d(0.8, 0.8, 1);
transition: opacity 0.6s, transform 0.6s;
transition-timing-function: cubic-bezier(0.2,1,0.3,1);
}
.search--open .btn--search-close {
opacity: 1;
transform: scale3d(1, 1, 1);
} .search__inner {
transition: transform 0.6s;
transition-timing-function: cubic-bezier(0.2,1,0.3,1);
}
.search__inner--up {
transform: translate3d(0,-100%,0);
}
.search__inner--down {
transform: translate3d(0,100%,0);
}
.search--open .search__inner {
transform: translate3d(0,0,0);
}
.search__suggestion {
transform: translate3d(0,150px,0);
transition: transform 1s;
transition-timing-function: cubic-bezier(0.2,1,0.3,1);
}
.search--open .search__suggestion {
transform: translate3d(0,0,0);
transition-delay: 0.05s;
}
.search--open .search__suggestion:last-child {
transition-delay: 0.1s;
}
.search__suggestion .widget-title{
margin-bottom:0.75em;
}
@media screen and (max-width: 40em) {
.btn--search-close {
font-size: 1.25em;
}
.search__suggestion {
width: 100%;
}
.search__suggestion:last-child {
display: none;
}
}body{}