html {
line-height: 1.15;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%
}
body {
margin: 0
}
.wrapper article,
.wrapper aside,
.wrapper footer,
.wrapper header,
.wrapper nav,
.wrapper section {
display: block
}
.wrapper h1 {
font-size: 2em;
margin: .67em 0
}
.wrapper figcaption,
.wrapper figure {
display: block
}
.wrapper figure {
margin: 1em 40px
}
.wrapper hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0;
overflow: visible
}
.wrapper main {
display: block
}
.wrapper pre {
font-family: monospace, monospace;
font-size: 1em
}
a {
background-color: transparent;
-webkit-text-decoration-skip: objects
}
.wrapper abbr[title] {
border-bottom: none;
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted
}
.wrapper b,
.wrapper strong {
font-weight: inherit
}
.wrapper b,
.wrapper strong {
font-weight: bolder
}
.wrapper code,
.wrapper kbd,
.wrapper samp {
font-family: monospace, monospace;
font-size: 1em
}
.wrapper dfn {
font-style: italic
}
.wrapper mark {
background-color: #ff0;
color: #000
}
.wrapper small {
font-size: 80%
}
.wrapper sub,
.wrapper sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
.wrapper sub {
bottom: -.25em
}
.wrapper sup {
top: -.5em
}
.wrapper audio,
.wrapper video {
display: inline-block
}
.wrapper audio:not([controls]) {
display: none;
height: 0
}
.wrapper img {
border-style: none
}
.wrapper svg:not(:root) {
overflow: hidden
}
.wrapper button,
.wrapper input,
.wrapper optgroup,
.wrapper select,
.wrapper textarea {
font-family: "Raleway", sans-serif;
font-size: 100%;
line-height: 1.15;
margin: 0
}
.wrapper button {
overflow: visible
}
.wrapper button,
.wrapper select {
text-transform: none
}
.wrapper [type=reset],
.wrapper [type=submit],
.wrapper button,
.wrapper html [type=button] {
-webkit-appearance: button
}
.wrapper [type=button]::-moz-focus-inner,
.wrapper [type=reset]::-moz-focus-inner,
.wrapper [type=submit]::-moz-focus-inner,
.wrapper button::-moz-focus-inner {
border-style: none;
padding: 0
}
.wrapper [type=button]:-moz-focusring,
.wrapper [type=reset]:-moz-focusring,
.wrapper [type=submit]:-moz-focusring,
.wrapper button:-moz-focusring {
outline: 1px dotted ButtonText
}
.wrapper input {
overflow: visible
}
.wrapper [type=checkbox],
.wrapper [type=radio] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0
}
.wrapper [type=number]::-webkit-inner-spin-button,
.wrapper [type=number]::-webkit-outer-spin-button {
height: auto
}
.wrapper [type=search] {
-webkit-appearance: textfield;
outline-offset: -2px
}
.wrapper [type=search]::-webkit-search-cancel-button,
.wrapper [type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
.wrapper ::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit
}
.wrapper fieldset {
padding: .35em .75em .625em
}
.wrapper legend {
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: table;
max-width: 100%;
padding: 0;
color: inherit;
white-space: normal
}
.wrapper progress {
display: inline-block;
vertical-align: baseline
}
.wrapper textarea {
overflow: auto
}
.wrapper details {
display: block
}
.wrapper summary {
display: list-item
}
.wrapper menu {
display: block
}
.wrapper canvas {
display: inline-block
}
.wrapper template {
display: none
}
.wrapper [hidden] {
display: none
}
.wrapper .margin-lg-0t {
margin-top: 0
}
.wrapper .margin-lg-5t {
margin-top: 5px
}
.wrapper .margin-lg-10t {
margin-top: 10px
}
.wrapper .margin-lg-15t {
margin-top: 15px
}
.wrapper .margin-lg-20t {
margin-top: 20px
}
.wrapper .margin-lg-25t {
margin-top: 25px
}
.wrapper .margin-lg-30t {
margin-top: 30px
}
.wrapper .margin-lg-35t {
margin-top: 35px
}
.wrapper .margin-lg-40t {
margin-top: 40px
}
.wrapper .margin-lg-45t {
margin-top: 45px
}
.wrapper .margin-lg-50t {
margin-top: 50px
}
.wrapper .margin-lg-55t {
margin-top: 55px
}
.wrapper .margin-lg-60t {
margin-top: 60px
}
.wrapper .margin-lg-65t {
margin-top: 65px
}
.wrapper .margin-lg-70t {
margin-top: 70px
}
.wrapper .margin-lg-75t {
margin-top: 75px
}
.wrapper .margin-lg-80t {
margin-top: 80px
}
.wrapper .margin-lg-85t {
margin-top: 85px
}
.wrapper .margin-lg-90t {
margin-top: 90px
}
.wrapper .margin-lg-95t {
margin-top: 95px
}
.wrapper .margin-lg-100t {
margin-top: 100px
}
.wrapper .margin-lg-105t {
margin-top: 105px
}
.wrapper .margin-lg-110t {
margin-top: 110px
}
.wrapper .margin-lg-115t {
margin-top: 115px
}
.wrapper .margin-lg-120t {
margin-top: 120px
}
.wrapper .margin-lg-125t {
margin-top: 125px
}
.wrapper .margin-lg-130t {
margin-top: 130px
}
.wrapper .margin-lg-135t {
margin-top: 135px
}
.wrapper .margin-lg-140t {
margin-top: 140px
}
.wrapper .margin-lg-145t {
margin-top: 145px
}
.wrapper .margin-lg-150t {
margin-top: 150px
}
.wrapper .margin-lg-155t {
margin-top: 155px
}
.wrapper .margin-lg-160t {
margin-top: 160px
}
.wrapper .margin-lg-165t {
margin-top: 165px
}
.wrapper .margin-lg-170t {
margin-top: 170px
}
.wrapper .margin-lg-175t {
margin-top: 175px
}
.wrapper .margin-lg-180t {
margin-top: 180px
}
.wrapper .margin-lg-185t {
margin-top: 185px
}
.wrapper .margin-lg-190t {
margin-top: 190px
}
.wrapper .margin-lg-195t {
margin-top: 195px
}
.wrapper .margin-lg-200t {
margin-top: 200px
}
.wrapper .margin-lg-0b {
margin-bottom: 0
}
.wrapper .margin-lg-5b {
margin-bottom: 5px
}
.wrapper .margin-lg-10b {
margin-bottom: 10px
}
.wrapper .margin-lg-15b {
margin-bottom: 15px
}
.wrapper .margin-lg-20b {
margin-bottom: 20px
}
.wrapper .margin-lg-25b {
margin-bottom: 25px
}
.wrapper .margin-lg-30b {
margin-bottom: 30px
}
.wrapper .margin-lg-35b {
margin-bottom: 35px
}
.wrapper .margin-lg-40b {
margin-bottom: 40px
}
.wrapper .margin-lg-45b {
margin-bottom: 45px
}
.wrapper .margin-lg-50b {
margin-bottom: 50px
}
.wrapper .margin-lg-55b {
margin-bottom: 55px
}
.wrapper .margin-lg-60b {
margin-bottom: 60px
}
.wrapper .margin-lg-65b {
margin-bottom: 65px
}
.wrapper .margin-lg-70b {
margin-bottom: 70px
}
.wrapper .margin-lg-75b {
margin-bottom: 75px
}
.wrapper .margin-lg-80b {
margin-bottom: 80px
}
.wrapper .margin-lg-85b {
margin-bottom: 85px
}
.wrapper .margin-lg-90b {
margin-bottom: 90px
}
.wrapper .margin-lg-95b {
margin-bottom: 95px
}
.wrapper .margin-lg-100b {
margin-bottom: 100px
}
.wrapper .margin-lg-105b {
margin-bottom: 105px
}
.wrapper .margin-lg-110b {
margin-bottom: 110px
}
.wrapper .margin-lg-115b {
margin-bottom: 115px
}
.wrapper .margin-lg-120b {
margin-bottom: 120px
}
.wrapper .margin-lg-125b {
margin-bottom: 125px
}
.wrapper .margin-lg-130b {
margin-bottom: 130px
}
.wrapper .margin-lg-135b {
margin-bottom: 135px
}
.wrapper .margin-lg-140b {
margin-bottom: 140px
}
.wrapper .margin-lg-145b {
margin-bottom: 145px
}
.wrapper .margin-lg-150b {
margin-bottom: 150px
}
.wrapper .margin-lg-155b {
margin-bottom: 155px
}
.wrapper .margin-lg-160b {
margin-bottom: 160px
}
.wrapper .margin-lg-165b {
margin-bottom: 165px
}
.wrapper .margin-lg-170b {
margin-bottom: 170px
}
.wrapper .margin-lg-175b {
margin-bottom: 175px
}
.wrapper .margin-lg-180b {
margin-bottom: 180px
}
.wrapper .margin-lg-185b {
margin-bottom: 185px
}
.wrapper .margin-lg-190b {
margin-bottom: 190px
}
.wrapper .margin-lg-195b {
margin-bottom: 195px
}
.wrapper .margin-lg-200b {
margin-bottom: 200px
}
.wrapper .padding-lg-0t {
padding-top: 0
}
.wrapper .padding-lg-5t {
padding-top: 5px
}
.wrapper .padding-lg-10t {
padding-top: 10px
}
.wrapper .padding-lg-15t {
padding-top: 15px
}
.wrapper .padding-lg-20t {
padding-top: 20px
}
.wrapper .padding-lg-25t {
padding-top: 25px
}
.wrapper .padding-lg-30t {
padding-top: 30px
}
.wrapper .padding-lg-35t {
padding-top: 35px
}
.wrapper .padding-lg-40t {
padding-top: 40px
}
.wrapper .padding-lg-45t {
padding-top: 45px
}
.wrapper .padding-lg-50t {
padding-top: 50px
}
.wrapper .padding-lg-55t {
padding-top: 55px
}
.wrapper .padding-lg-60t {
padding-top: 60px
}
.wrapper .padding-lg-65t {
padding-top: 65px
}
.wrapper .padding-lg-70t {
padding-top: 70px
}
.wrapper .padding-lg-75t {
padding-top: 75px
}
.wrapper .padding-lg-80t {
padding-top: 80px
}
.wrapper .padding-lg-85t {
padding-top: 85px
}
.wrapper .padding-lg-90t {
padding-top: 90px
}
.wrapper .padding-lg-95t {
padding-top: 95px
}
.wrapper .padding-lg-100t {
padding-top: 100px
}
.wrapper .padding-lg-105t {
padding-top: 105px
}
.wrapper .padding-lg-110t {
padding-top: 110px
}
.wrapper .padding-lg-115t {
padding-top: 115px
}
.wrapper .padding-lg-120t {
padding-top: 120px
}
.wrapper .padding-lg-125t {
padding-top: 125px
}
.wrapper .padding-lg-130t {
padding-top: 130px
}
.wrapper .padding-lg-135t {
padding-top: 135px
}
.wrapper .padding-lg-140t {
padding-top: 140px
}
.wrapper .padding-lg-145t {
padding-top: 145px
}
.wrapper .padding-lg-150t {
padding-top: 150px
}
.wrapper .padding-lg-155t {
padding-top: 155px
}
.wrapper .padding-lg-160t {
padding-top: 160px
}
.wrapper .padding-lg-165t {
padding-top: 165px
}
.wrapper .padding-lg-170t {
padding-top: 170px
}
.wrapper .padding-lg-175t {
padding-top: 175px
}
.wrapper .padding-lg-180t {
padding-top: 180px
}
.wrapper .padding-lg-185t {
padding-top: 185px
}
.wrapper .padding-lg-190t {
padding-top: 190px
}
.wrapper .padding-lg-195t {
padding-top: 195px
}
.wrapper .padding-lg-200t {
padding-top: 200px
}
.wrapper .padding-lg-0b {
padding-bottom: 0
}
.wrapper .padding-lg-5b {
padding-bottom: 5px
}
.wrapper .padding-lg-10b {
padding-bottom: 10px
}
.wrapper .padding-lg-15b {
padding-bottom: 15px
}
.wrapper .padding-lg-20b {
padding-bottom: 20px
}
.wrapper .padding-lg-25b {
padding-bottom: 25px
}
.wrapper .padding-lg-30b {
padding-bottom: 30px
}
.wrapper .padding-lg-35b {
padding-bottom: 35px
}
.wrapper .padding-lg-40b {
padding-bottom: 40px
}
.wrapper .padding-lg-45b {
padding-bottom: 45px
}
.wrapper .padding-lg-50b {
padding-bottom: 50px
}
.wrapper .padding-lg-55b {
padding-bottom: 55px
}
.wrapper .padding-lg-60b {
padding-bottom: 60px
}
.wrapper .padding-lg-65b {
padding-bottom: 65px
}
.wrapper .padding-lg-70b {
padding-bottom: 70px
}
.wrapper .padding-lg-75b {
padding-bottom: 75px
}
.wrapper .padding-lg-80b {
padding-bottom: 80px
}
.wrapper .padding-lg-85b {
padding-bottom: 85px
}
.wrapper .padding-lg-90b {
padding-bottom: 90px
}
.wrapper .padding-lg-95b {
padding-bottom: 95px
}
.wrapper .padding-lg-100b {
padding-bottom: 100px
}
.wrapper .padding-lg-105b {
padding-bottom: 105px
}
.wrapper .padding-lg-110b {
padding-bottom: 110px
}
.wrapper .padding-lg-115b {
padding-bottom: 115px
}
.wrapper .padding-lg-120b {
padding-bottom: 120px
}
.wrapper .padding-lg-125b {
padding-bottom: 125px
}
.wrapper .padding-lg-130b {
padding-bottom: 130px
}
.wrapper .padding-lg-135b {
padding-bottom: 135px
}
.wrapper .padding-lg-140b {
padding-bottom: 140px
}
.wrapper .padding-lg-145b {
padding-bottom: 145px
}
.wrapper .padding-lg-150b {
padding-bottom: 150px
}
.wrapper .padding-lg-155b {
padding-bottom: 155px
}
.wrapper .padding-lg-160b {
padding-bottom: 160px
}
.wrapper .padding-lg-165b {
padding-bottom: 165px
}
.wrapper .padding-lg-170b {
padding-bottom: 170px
}
.wrapper .padding-lg-175b {
padding-bottom: 175px
}
.wrapper .padding-lg-180b {
padding-bottom: 180px
}
.wrapper .padding-lg-185b {
padding-bottom: 185px
}
.wrapper .padding-lg-190b {
padding-bottom: 190px
}
.wrapper .padding-lg-195b {
padding-bottom: 195px
}
.wrapper .padding-lg-200b {
padding-bottom: 200px
}
@media screen and (max-width: 1199px) {
.wrapper .margin-md-0t {
margin-top: 0
}
.wrapper .margin-md-5t {
margin-top: 5px
}
.wrapper .margin-md-10t {
margin-top: 10px
}
.wrapper .margin-md-15t {
margin-top: 15px
}
.wrapper .margin-md-20t {
margin-top: 20px
}
.wrapper .margin-md-25t {
margin-top: 25px
}
.wrapper .margin-md-30t {
margin-top: 30px
}
.wrapper .margin-md-35t {
margin-top: 35px
}
.wrapper .margin-md-40t {
margin-top: 40px
}
.wrapper .margin-md-45t {
margin-top: 45px
}
.wrapper .margin-md-50t {
margin-top: 50px
}
.wrapper .margin-md-55t {
margin-top: 55px
}
.wrapper .margin-md-60t {
margin-top: 60px
}
.wrapper .margin-md-65t {
margin-top: 65px
}
.wrapper .margin-md-70t {
margin-top: 70px
}
.wrapper .margin-md-75t {
margin-top: 75px
}
.wrapper .margin-md-80t {
margin-top: 80px
}
.wrapper .margin-md-85t {
margin-top: 85px
}
.wrapper .margin-md-90t {
margin-top: 90px
}
.wrapper .margin-md-95t {
margin-top: 95px
}
.wrapper .margin-md-100t {
margin-top: 100px
}
.wrapper .margin-md-105t {
margin-top: 105px
}
.wrapper .margin-md-110t {
margin-top: 110px
}
.wrapper .margin-md-115t {
margin-top: 115px
}
.wrapper .margin-md-120t {
margin-top: 120px
}
.wrapper .margin-md-125t {
margin-top: 125px
}
.wrapper .margin-md-130t {
margin-top: 130px
}
.wrapper .margin-md-135t {
margin-top: 135px
}
.wrapper .margin-md-140t {
margin-top: 140px
}
.wrapper .margin-md-145t {
margin-top: 145px
}
.wrapper .margin-md-150t {
margin-top: 150px
}
.wrapper .margin-md-155t {
margin-top: 155px
}
.wrapper .margin-md-160t {
margin-top: 160px
}
.wrapper .margin-md-165t {
margin-top: 165px
}
.wrapper .margin-md-170t {
margin-top: 170px
}
.wrapper .margin-md-175t {
margin-top: 175px
}
.wrapper .margin-md-180t {
margin-top: 180px
}
.wrapper .margin-md-185t {
margin-top: 185px
}
.wrapper .margin-md-190t {
margin-top: 190px
}
.wrapper .margin-md-195t {
margin-top: 195px
}
.wrapper .margin-md-200t {
margin-top: 200px
}
.wrapper .margin-md-0b {
margin-bottom: 0
}
.wrapper .margin-md-5b {
margin-bottom: 5px
}
.wrapper .margin-md-10b {
margin-bottom: 10px
}
.wrapper .margin-md-15b {
margin-bottom: 15px
}
.wrapper .margin-md-20b {
margin-bottom: 20px
}
.wrapper .margin-md-25b {
margin-bottom: 25px
}
.wrapper .margin-md-30b {
margin-bottom: 30px
}
.wrapper .margin-md-35b {
margin-bottom: 35px
}
.wrapper .margin-md-40b {
margin-bottom: 40px
}
.wrapper .margin-md-45b {
margin-bottom: 45px
}
.wrapper .margin-md-50b {
margin-bottom: 50px
}
.wrapper .margin-md-55b {
margin-bottom: 55px
}
.wrapper .margin-md-60b {
margin-bottom: 60px
}
.wrapper .margin-md-65b {
margin-bottom: 65px
}
.wrapper .margin-md-70b {
margin-bottom: 70px
}
.wrapper .margin-md-75b {
margin-bottom: 75px
}
.wrapper .margin-md-80b {
margin-bottom: 80px
}
.wrapper .margin-md-85b {
margin-bottom: 85px
}
.wrapper .margin-md-90b {
margin-bottom: 90px
}
.wrapper .margin-md-95b {
margin-bottom: 95px
}
.wrapper .margin-md-100b {
margin-bottom: 100px
}
.wrapper .margin-md-105b {
margin-bottom: 105px
}
.wrapper .margin-md-110b {
margin-bottom: 110px
}
.wrapper .margin-md-115b {
margin-bottom: 115px
}
.wrapper .margin-md-120b {
margin-bottom: 120px
}
.wrapper .margin-md-125b {
margin-bottom: 125px
}
.wrapper .margin-md-130b {
margin-bottom: 130px
}
.wrapper .margin-md-135b {
margin-bottom: 135px
}
.wrapper .margin-md-140b {
margin-bottom: 140px
}
.wrapper .margin-md-145b {
margin-bottom: 145px
}
.wrapper .margin-md-150b {
margin-bottom: 150px
}
.wrapper .margin-md-155b {
margin-bottom: 155px
}
.wrapper .margin-md-160b {
margin-bottom: 160px
}
.wrapper .margin-md-165b {
margin-bottom: 165px
}
.wrapper .margin-md-170b {
margin-bottom: 170px
}
.wrapper .margin-md-175b {
margin-bottom: 175px
}
.wrapper .margin-md-180b {
margin-bottom: 180px
}
.wrapper .margin-md-185b {
margin-bottom: 185px
}
.wrapper .margin-md-190b {
margin-bottom: 190px
}
.wrapper .margin-md-195b {
margin-bottom: 195px
}
.wrapper .margin-md-200b {
margin-bottom: 200px
}
.wrapper .padding-md-0t {
padding-top: 0
}
.wrapper .padding-md-5t {
padding-top: 5px
}
.wrapper .padding-md-10t {
padding-top: 10px
}
.wrapper .padding-md-15t {
padding-top: 15px
}
.wrapper .padding-md-20t {
padding-top: 20px
}
.wrapper .padding-md-25t {
padding-top: 25px
}
.wrapper .padding-md-30t {
padding-top: 30px
}
.wrapper .padding-md-35t {
padding-top: 35px
}
.wrapper .padding-md-40t {
padding-top: 40px
}
.wrapper .padding-md-45t {
padding-top: 45px
}
.wrapper .padding-md-50t {
padding-top: 50px
}
.wrapper .padding-md-55t {
padding-top: 55px
}
.wrapper .padding-md-60t {
padding-top: 60px
}
.wrapper .padding-md-65t {
padding-top: 65px
}
.wrapper .padding-md-70t {
padding-top: 70px
}
.wrapper .padding-md-75t {
padding-top: 75px
}
.wrapper .padding-md-80t {
padding-top: 80px
}
.wrapper .padding-md-85t {
padding-top: 85px
}
.wrapper .padding-md-90t {
padding-top: 90px
}
.wrapper .padding-md-95t {
padding-top: 95px
}
.wrapper .padding-md-100t {
padding-top: 100px
}
.wrapper .padding-md-105t {
padding-top: 105px
}
.wrapper .padding-md-110t {
padding-top: 110px
}
.wrapper .padding-md-115t {
padding-top: 115px
}
.wrapper .padding-md-120t {
padding-top: 120px
}
.wrapper .padding-md-125t {
padding-top: 125px
}
.wrapper .padding-md-130t {
padding-top: 130px
}
.wrapper .padding-md-135t {
padding-top: 135px
}
.wrapper .padding-md-140t {
padding-top: 140px
}
.wrapper .padding-md-145t {
padding-top: 145px
}
.wrapper .padding-md-150t {
padding-top: 150px
}
.wrapper .padding-md-155t {
padding-top: 155px
}
.wrapper .padding-md-160t {
padding-top: 160px
}
.wrapper .padding-md-165t {
padding-top: 165px
}
.wrapper .padding-md-170t {
padding-top: 170px
}
.wrapper .padding-md-175t {
padding-top: 175px
}
.wrapper .padding-md-180t {
padding-top: 180px
}
.wrapper .padding-md-185t {
padding-top: 185px
}
.wrapper .padding-md-190t {
padding-top: 190px
}
.wrapper .padding-md-195t {
padding-top: 195px
}
.wrapper .padding-md-200t {
padding-top: 200px
}
.wrapper .padding-md-0b {
padding-bottom: 0
}
.wrapper .padding-md-5b {
padding-bottom: 5px
}
.wrapper .padding-md-10b {
padding-bottom: 10px
}
.wrapper .padding-md-15b {
padding-bottom: 15px
}
.wrapper .padding-md-20b {
padding-bottom: 20px
}
.wrapper .padding-md-25b {
padding-bottom: 25px
}
.wrapper .padding-md-30b {
padding-bottom: 30px
}
.wrapper .padding-md-35b {
padding-bottom: 35px
}
.wrapper .padding-md-40b {
padding-bottom: 40px
}
.wrapper .padding-md-45b {
padding-bottom: 45px
}
.wrapper .padding-md-50b {
padding-bottom: 50px
}
.wrapper .padding-md-55b {
padding-bottom: 55px
}
.wrapper .padding-md-60b {
padding-bottom: 60px
}
.wrapper .padding-md-65b {
padding-bottom: 65px
}
.wrapper .padding-md-70b {
padding-bottom: 70px
}
.wrapper .padding-md-75b {
padding-bottom: 75px
}
.wrapper .padding-md-80b {
padding-bottom: 80px
}
.wrapper .padding-md-85b {
padding-bottom: 85px
}
.wrapper .padding-md-90b {
padding-bottom: 90px
}
.wrapper .padding-md-95b {
padding-bottom: 95px
}
.wrapper .padding-md-100b {
padding-bottom: 100px
}
.wrapper .padding-md-105b {
padding-bottom: 105px
}
.wrapper .padding-md-110b {
padding-bottom: 110px
}
.wrapper .padding-md-115b {
padding-bottom: 115px
}
.wrapper .padding-md-120b {
padding-bottom: 120px
}
.wrapper .padding-md-125b {
padding-bottom: 125px
}
.wrapper .padding-md-130b {
padding-bottom: 130px
}
.wrapper .padding-md-135b {
padding-bottom: 135px
}
.wrapper .padding-md-140b {
padding-bottom: 140px
}
.wrapper .padding-md-145b {
padding-bottom: 145px
}
.wrapper .padding-md-150b {
padding-bottom: 150px
}
.wrapper .padding-md-155b {
padding-bottom: 155px
}
.wrapper .padding-md-160b {
padding-bottom: 160px
}
.wrapper .padding-md-165b {
padding-bottom: 165px
}
.wrapper .padding-md-170b {
padding-bottom: 170px
}
.wrapper .padding-md-175b {
padding-bottom: 175px
}
.wrapper .padding-md-180b {
padding-bottom: 180px
}
.wrapper .padding-md-185b {
padding-bottom: 185px
}
.wrapper .padding-md-190b {
padding-bottom: 190px
}
.wrapper .padding-md-195b {
padding-bottom: 195px
}
.wrapper .padding-md-200b {
padding-bottom: 200px
}
}
@media screen and (max-width: 991px) {
.wrapper .margin-sm-0t {
margin-top: 0
}
.wrapper .margin-sm-5t {
margin-top: 5px
}
.wrapper .margin-sm-10t {
margin-top: 10px
}
.wrapper .margin-sm-15t {
margin-top: 15px
}
.wrapper .margin-sm-20t {
margin-top: 20px
}
.wrapper .margin-sm-25t {
margin-top: 25px
}
.wrapper .margin-sm-30t {
margin-top: 30px
}
.wrapper .margin-sm-35t {
margin-top: 35px
}
.wrapper .margin-sm-40t {
margin-top: 40px
}
.wrapper .margin-sm-45t {
margin-top: 45px
}
.wrapper .margin-sm-50t {
margin-top: 50px
}
.wrapper .margin-sm-55t {
margin-top: 55px
}
.wrapper .margin-sm-60t {
margin-top: 60px
}
.wrapper .margin-sm-65t {
margin-top: 65px
}
.wrapper .margin-sm-70t {
margin-top: 70px
}
.wrapper .margin-sm-75t {
margin-top: 75px
}
.wrapper .margin-sm-80t {
margin-top: 80px
}
.wrapper .margin-sm-85t {
margin-top: 85px
}
.wrapper .margin-sm-90t {
margin-top: 90px
}
.wrapper .margin-sm-95t {
margin-top: 95px
}
.wrapper .margin-sm-100t {
margin-top: 100px
}
.wrapper .margin-sm-105t {
margin-top: 105px
}
.wrapper .margin-sm-110t {
margin-top: 110px
}
.wrapper .margin-sm-115t {
margin-top: 115px
}
.wrapper .margin-sm-120t {
margin-top: 120px
}
.wrapper .margin-sm-125t {
margin-top: 125px
}
.wrapper .margin-sm-130t {
margin-top: 130px
}
.wrapper .margin-sm-135t {
margin-top: 135px
}
.wrapper .margin-sm-140t {
margin-top: 140px
}
.wrapper .margin-sm-145t {
margin-top: 145px
}
.wrapper .margin-sm-150t {
margin-top: 150px
}
.wrapper .margin-sm-155t {
margin-top: 155px
}
.wrapper .margin-sm-160t {
margin-top: 160px
}
.wrapper .margin-sm-165t {
margin-top: 165px
}
.wrapper .margin-sm-170t {
margin-top: 170px
}
.wrapper .margin-sm-175t {
margin-top: 175px
}
.wrapper .margin-sm-180t {
margin-top: 180px
}
.wrapper .margin-sm-185t {
margin-top: 185px
}
.wrapper .margin-sm-190t {
margin-top: 190px
}
.wrapper .margin-sm-195t {
margin-top: 195px
}
.wrapper .margin-sm-200t {
margin-top: 200px
}
.wrapper .margin-sm-0b {
margin-bottom: 0
}
.wrapper .margin-sm-5b {
margin-bottom: 5px
}
.wrapper .margin-sm-10b {
margin-bottom: 10px
}
.wrapper .margin-sm-15b {
margin-bottom: 15px
}
.wrapper .margin-sm-20b {
margin-bottom: 20px
}
.wrapper .margin-sm-25b {
margin-bottom: 25px
}
.wrapper .margin-sm-30b {
margin-bottom: 30px
}
.wrapper .margin-sm-35b {
margin-bottom: 35px
}
.wrapper .margin-sm-40b {
margin-bottom: 40px
}
.wrapper .margin-sm-45b {
margin-bottom: 45px
}
.wrapper .margin-sm-50b {
margin-bottom: 50px
}
.wrapper .margin-sm-55b {
margin-bottom: 55px
}
.wrapper .margin-sm-60b {
margin-bottom: 60px
}
.wrapper .margin-sm-65b {
margin-bottom: 65px
}
.wrapper .margin-sm-70b {
margin-bottom: 70px
}
.wrapper .margin-sm-75b {
margin-bottom: 75px
}
.wrapper .margin-sm-80b {
margin-bottom: 80px
}
.wrapper .margin-sm-85b {
margin-bottom: 85px
}
.wrapper .margin-sm-90b {
margin-bottom: 90px
}
.wrapper .margin-sm-95b {
margin-bottom: 95px
}
.wrapper .margin-sm-100b {
margin-bottom: 100px
}
.wrapper .margin-sm-105b {
margin-bottom: 105px
}
.wrapper .margin-sm-110b {
margin-bottom: 110px
}
.wrapper .margin-sm-115b {
margin-bottom: 115px
}
.wrapper .margin-sm-120b {
margin-bottom: 120px
}
.wrapper .margin-sm-125b {
margin-bottom: 125px
}
.wrapper .margin-sm-130b {
margin-bottom: 130px
}
.wrapper .margin-sm-135b {
margin-bottom: 135px
}
.wrapper .margin-sm-140b {
margin-bottom: 140px
}
.wrapper .margin-sm-145b {
margin-bottom: 145px
}
.wrapper .margin-sm-150b {
margin-bottom: 150px
}
.wrapper .margin-sm-155b {
margin-bottom: 155px
}
.wrapper .margin-sm-160b {
margin-bottom: 160px
}
.wrapper .margin-sm-165b {
margin-bottom: 165px
}
.wrapper .margin-sm-170b {
margin-bottom: 170px
}
.wrapper .margin-sm-175b {
margin-bottom: 175px
}
.wrapper .margin-sm-180b {
margin-bottom: 180px
}
.wrapper .margin-sm-185b {
margin-bottom: 185px
}
.wrapper .margin-sm-190b {
margin-bottom: 190px
}
.wrapper .margin-sm-195b {
margin-bottom: 195px
}
.wrapper .margin-sm-200b {
margin-bottom: 200px
}
.wrapper .padding-sm-0t {
padding-top: 0
}
.wrapper .padding-sm-5t {
padding-top: 5px
}
.wrapper .padding-sm-10t {
padding-top: 10px
}
.wrapper .padding-sm-15t {
padding-top: 15px
}
.wrapper .padding-sm-20t {
padding-top: 20px
}
.wrapper .padding-sm-25t {
padding-top: 25px
}
.wrapper .padding-sm-30t {
padding-top: 30px
}
.wrapper .padding-sm-35t {
padding-top: 35px
}
.wrapper .padding-sm-40t {
padding-top: 40px
}
.wrapper .padding-sm-45t {
padding-top: 45px
}
.wrapper .padding-sm-50t {
padding-top: 50px
}
.wrapper .padding-sm-55t {
padding-top: 55px
}
.wrapper .padding-sm-60t {
padding-top: 60px
}
.wrapper .padding-sm-65t {
padding-top: 65px
}
.wrapper .padding-sm-70t {
padding-top: 70px
}
.wrapper .padding-sm-75t {
padding-top: 75px
}
.wrapper .padding-sm-80t {
padding-top: 80px
}
.wrapper .padding-sm-85t {
padding-top: 85px
}
.wrapper .padding-sm-90t {
padding-top: 90px
}
.wrapper .padding-sm-95t {
padding-top: 95px
}
.wrapper .padding-sm-100t {
padding-top: 100px
}
.wrapper .padding-sm-105t {
padding-top: 105px
}
.wrapper .padding-sm-110t {
padding-top: 110px
}
.wrapper .padding-sm-115t {
padding-top: 115px
}
.wrapper .padding-sm-120t {
padding-top: 120px
}
.wrapper .padding-sm-125t {
padding-top: 125px
}
.wrapper .padding-sm-130t {
padding-top: 130px
}
.wrapper .padding-sm-135t {
padding-top: 135px
}
.wrapper .padding-sm-140t {
padding-top: 140px
}
.wrapper .padding-sm-145t {
padding-top: 145px
}
.wrapper .padding-sm-150t {
padding-top: 150px
}
.wrapper .padding-sm-155t {
padding-top: 155px
}
.wrapper .padding-sm-160t {
padding-top: 160px
}
.wrapper .padding-sm-165t {
padding-top: 165px
}
.wrapper .padding-sm-170t {
padding-top: 170px
}
.wrapper .padding-sm-175t {
padding-top: 175px
}
.wrapper .padding-sm-180t {
padding-top: 180px
}
.wrapper .padding-sm-185t {
padding-top: 185px
}
.wrapper .padding-sm-190t {
padding-top: 190px
}
.wrapper .padding-sm-195t {
padding-top: 195px
}
.wrapper .padding-sm-200t {
padding-top: 200px
}
.wrapper .padding-sm-0b {
padding-bottom: 0
}
.wrapper .padding-sm-5b {
padding-bottom: 5px
}
.wrapper .padding-sm-10b {
padding-bottom: 10px
}
.wrapper .padding-sm-15b {
padding-bottom: 15px
}
.wrapper .padding-sm-20b {
padding-bottom: 20px
}
.wrapper .padding-sm-25b {
padding-bottom: 25px
}
.wrapper .padding-sm-30b {
padding-bottom: 30px
}
.wrapper .padding-sm-35b {
padding-bottom: 35px
}
.wrapper .padding-sm-40b {
padding-bottom: 40px
}
.wrapper .padding-sm-45b {
padding-bottom: 45px
}
.wrapper .padding-sm-50b {
padding-bottom: 50px
}
.wrapper .padding-sm-55b {
padding-bottom: 55px
}
.wrapper .padding-sm-60b {
padding-bottom: 60px
}
.wrapper .padding-sm-65b {
padding-bottom: 65px
}
.wrapper .padding-sm-70b {
padding-bottom: 70px
}
.wrapper .padding-sm-75b {
padding-bottom: 75px
}
.wrapper .padding-sm-80b {
padding-bottom: 80px
}
.wrapper .padding-sm-85b {
padding-bottom: 85px
}
.wrapper .padding-sm-90b {
padding-bottom: 90px
}
.wrapper .padding-sm-95b {
padding-bottom: 95px
}
.wrapper .padding-sm-100b {
padding-bottom: 100px
}
.wrapper .padding-sm-105b {
padding-bottom: 105px
}
.wrapper .padding-sm-110b {
padding-bottom: 110px
}
.wrapper .padding-sm-115b {
padding-bottom: 115px
}
.wrapper .padding-sm-120b {
padding-bottom: 120px
}
.wrapper .padding-sm-125b {
padding-bottom: 125px
}
.wrapper .padding-sm-130b {
padding-bottom: 130px
}
.wrapper .padding-sm-135b {
padding-bottom: 135px
}
.wrapper .padding-sm-140b {
padding-bottom: 140px
}
.wrapper .padding-sm-145b {
padding-bottom: 145px
}
.wrapper .padding-sm-150b {
padding-bottom: 150px
}
.wrapper .padding-sm-155b {
padding-bottom: 155px
}
.wrapper .padding-sm-160b {
padding-bottom: 160px
}
.wrapper .padding-sm-165b {
padding-bottom: 165px
}
.wrapper .padding-sm-170b {
padding-bottom: 170px
}
.wrapper .padding-sm-175b {
padding-bottom: 175px
}
.wrapper .padding-sm-180b {
padding-bottom: 180px
}
.wrapper .padding-sm-185b {
padding-bottom: 185px
}
.wrapper .padding-sm-190b {
padding-bottom: 190px
}
.wrapper .padding-sm-195b {
padding-bottom: 195px
}
.wrapper .padding-sm-200b {
padding-bottom: 200px
}
}
@media screen and (max-width: 767px) {
.wrapper .margin-xs-0t {
margin-top: 0
}
.wrapper .margin-xs-5t {
margin-top: 5px
}
.wrapper .margin-xs-10t {
margin-top: 10px
}
.wrapper .margin-xs-15t {
margin-top: 15px
}
.wrapper .margin-xs-20t {
margin-top: 20px
}
.wrapper .margin-xs-25t {
margin-top: 25px
}
.wrapper .margin-xs-30t {
margin-top: 30px
}
.wrapper .margin-xs-35t {
margin-top: 35px
}
.wrapper .margin-xs-40t {
margin-top: 40px
}
.wrapper .margin-xs-45t {
margin-top: 45px
}
.wrapper .margin-xs-50t {
margin-top: 50px
}
.wrapper .margin-xs-55t {
margin-top: 55px
}
.wrapper .margin-xs-60t {
margin-top: 60px
}
.wrapper .margin-xs-65t {
margin-top: 65px
}
.wrapper .margin-xs-70t {
margin-top: 70px
}
.wrapper .margin-xs-75t {
margin-top: 75px
}
.wrapper .margin-xs-80t {
margin-top: 80px
}
.wrapper .margin-xs-85t {
margin-top: 85px
}
.wrapper .margin-xs-90t {
margin-top: 90px
}
.wrapper .margin-xs-95t {
margin-top: 95px
}
.wrapper .margin-xs-100t {
margin-top: 100px
}
.wrapper .margin-xs-105t {
margin-top: 105px
}
.wrapper .margin-xs-110t {
margin-top: 110px
}
.wrapper .margin-xs-115t {
margin-top: 115px
}
.wrapper .margin-xs-120t {
margin-top: 120px
}
.wrapper .margin-xs-125t {
margin-top: 125px
}
.wrapper .margin-xs-130t {
margin-top: 130px
}
.wrapper .margin-xs-135t {
margin-top: 135px
}
.wrapper .margin-xs-140t {
margin-top: 140px
}
.wrapper .margin-xs-145t {
margin-top: 145px
}
.wrapper .margin-xs-150t {
margin-top: 150px
}
.wrapper .margin-xs-155t {
margin-top: 155px
}
.wrapper .margin-xs-160t {
margin-top: 160px
}
.wrapper .margin-xs-165t {
margin-top: 165px
}
.wrapper .margin-xs-170t {
margin-top: 170px
}
.wrapper .margin-xs-175t {
margin-top: 175px
}
.wrapper .margin-xs-180t {
margin-top: 180px
}
.wrapper .margin-xs-185t {
margin-top: 185px
}
.wrapper .margin-xs-190t {
margin-top: 190px
}
.wrapper .margin-xs-195t {
margin-top: 195px
}
.wrapper .margin-xs-200t {
margin-top: 200px
}
.wrapper .margin-xs-0b {
margin-bottom: 0
}
.wrapper .margin-xs-5b {
margin-bottom: 5px
}
.wrapper .margin-xs-10b {
margin-bottom: 10px
}
.wrapper .margin-xs-15b {
margin-bottom: 15px
}
.wrapper .margin-xs-20b {
margin-bottom: 20px
}
.wrapper .margin-xs-25b {
margin-bottom: 25px
}
.wrapper .margin-xs-30b {
margin-bottom: 30px
}
.wrapper .margin-xs-35b {
margin-bottom: 35px
}
.wrapper .margin-xs-40b {
margin-bottom: 40px
}
.wrapper .margin-xs-45b {
margin-bottom: 45px
}
.wrapper .margin-xs-50b {
margin-bottom: 50px
}
.wrapper .margin-xs-55b {
margin-bottom: 55px
}
.wrapper .margin-xs-60b {
margin-bottom: 60px
}
.wrapper .margin-xs-65b {
margin-bottom: 65px
}
.wrapper .margin-xs-70b {
margin-bottom: 70px
}
.wrapper .margin-xs-75b {
margin-bottom: 75px
}
.wrapper .margin-xs-80b {
margin-bottom: 80px
}
.wrapper .margin-xs-85b {
margin-bottom: 85px
}
.wrapper .margin-xs-90b {
margin-bottom: 90px
}
.wrapper .margin-xs-95b {
margin-bottom: 95px
}
.wrapper .margin-xs-100b {
margin-bottom: 100px
}
.wrapper .margin-xs-105b {
margin-bottom: 105px
}
.wrapper .margin-xs-110b {
margin-bottom: 110px
}
.wrapper .margin-xs-115b {
margin-bottom: 115px
}
.wrapper .margin-xs-120b {
margin-bottom: 120px
}
.wrapper .margin-xs-125b {
margin-bottom: 125px
}
.wrapper .margin-xs-130b {
margin-bottom: 130px
}
.wrapper .margin-xs-135b {
margin-bottom: 135px
}
.wrapper .margin-xs-140b {
margin-bottom: 140px
}
.wrapper .margin-xs-145b {
margin-bottom: 145px
}
.wrapper .margin-xs-150b {
margin-bottom: 150px
}
.wrapper .margin-xs-155b {
margin-bottom: 155px
}
.wrapper .margin-xs-160b {
margin-bottom: 160px
}
.wrapper .margin-xs-165b {
margin-bottom: 165px
}
.wrapper .margin-xs-170b {
margin-bottom: 170px
}
.wrapper .margin-xs-175b {
margin-bottom: 175px
}
.wrapper .margin-xs-180b {
margin-bottom: 180px
}
.wrapper .margin-xs-185b {
margin-bottom: 185px
}
.wrapper .margin-xs-190b {
margin-bottom: 190px
}
.wrapper .margin-xs-195b {
margin-bottom: 195px
}
.wrapper .margin-xs-200b {
margin-bottom: 200px
}
.wrapper .padding-xs-0t {
padding-top: 0
}
.wrapper .padding-xs-5t {
padding-top: 5px
}
.wrapper .padding-xs-10t {
padding-top: 10px
}
.wrapper .padding-xs-15t {
padding-top: 15px
}
.wrapper .padding-xs-20t {
padding-top: 20px
}
.wrapper .padding-xs-25t {
padding-top: 25px
}
.wrapper .padding-xs-30t {
padding-top: 30px
}
.wrapper .padding-xs-35t {
padding-top: 35px
}
.wrapper .padding-xs-40t {
padding-top: 40px
}
.wrapper .padding-xs-45t {
padding-top: 45px
}
.wrapper .padding-xs-50t {
padding-top: 50px
}
.wrapper .padding-xs-55t {
padding-top: 55px
}
.wrapper .padding-xs-60t {
padding-top: 60px
}
.wrapper .padding-xs-65t {
padding-top: 65px
}
.wrapper .padding-xs-70t {
padding-top: 70px
}
.wrapper .padding-xs-75t {
padding-top: 75px
}
.wrapper .padding-xs-80t {
padding-top: 80px
}
.wrapper .padding-xs-85t {
padding-top: 85px
}
.wrapper .padding-xs-90t {
padding-top: 90px
}
.wrapper .padding-xs-95t {
padding-top: 95px
}
.wrapper .padding-xs-100t {
padding-top: 100px
}
.wrapper .padding-xs-105t {
padding-top: 105px
}
.wrapper .padding-xs-110t {
padding-top: 110px
}
.wrapper .padding-xs-115t {
padding-top: 115px
}
.wrapper .padding-xs-120t {
padding-top: 120px
}
.wrapper .padding-xs-125t {
padding-top: 125px
}
.wrapper .padding-xs-130t {
padding-top: 130px
}
.wrapper .padding-xs-135t {
padding-top: 135px
}
.wrapper .padding-xs-140t {
padding-top: 140px
}
.wrapper .padding-xs-145t {
padding-top: 145px
}
.wrapper .padding-xs-150t {
padding-top: 150px
}
.wrapper .padding-xs-155t {
padding-top: 155px
}
.wrapper .padding-xs-160t {
padding-top: 160px
}
.wrapper .padding-xs-165t {
padding-top: 165px
}
.wrapper .padding-xs-170t {
padding-top: 170px
}
.wrapper .padding-xs-175t {
padding-top: 175px
}
.wrapper .padding-xs-180t {
padding-top: 180px
}
.wrapper .padding-xs-185t {
padding-top: 185px
}
.wrapper .padding-xs-190t {
padding-top: 190px
}
.wrapper .padding-xs-195t {
padding-top: 195px
}
.wrapper .padding-xs-200t {
padding-top: 200px
}
.wrapper .padding-xs-0b {
padding-bottom: 0
}
.wrapper .padding-xs-5b {
padding-bottom: 5px
}
.wrapper .padding-xs-10b {
padding-bottom: 10px
}
.wrapper .padding-xs-15b {
padding-bottom: 15px
}
.wrapper .padding-xs-20b {
padding-bottom: 20px
}
.wrapper .padding-xs-25b {
padding-bottom: 25px
}
.wrapper .padding-xs-30b {
padding-bottom: 30px
}
.wrapper .padding-xs-35b {
padding-bottom: 35px
}
.wrapper .padding-xs-40b {
padding-bottom: 40px
}
.wrapper .padding-xs-45b {
padding-bottom: 45px
}
.wrapper .padding-xs-50b {
padding-bottom: 50px
}
.wrapper .padding-xs-55b {
padding-bottom: 55px
}
.wrapper .padding-xs-60b {
padding-bottom: 60px
}
.wrapper .padding-xs-65b {
padding-bottom: 65px
}
.wrapper .padding-xs-70b {
padding-bottom: 70px
}
.wrapper .padding-xs-75b {
padding-bottom: 75px
}
.wrapper .padding-xs-80b {
padding-bottom: 80px
}
.wrapper .padding-xs-85b {
padding-bottom: 85px
}
.wrapper .padding-xs-90b {
padding-bottom: 90px
}
.wrapper .padding-xs-95b {
padding-bottom: 95px
}
.wrapper .padding-xs-100b {
padding-bottom: 100px
}
.wrapper .padding-xs-105b {
padding-bottom: 105px
}
.wrapper .padding-xs-110b {
padding-bottom: 110px
}
.wrapper .padding-xs-115b {
padding-bottom: 115px
}
.wrapper .padding-xs-120b {
padding-bottom: 120px
}
.wrapper .padding-xs-125b {
padding-bottom: 125px
}
.wrapper .padding-xs-130b {
padding-bottom: 130px
}
.wrapper .padding-xs-135b {
padding-bottom: 135px
}
.wrapper .padding-xs-140b {
padding-bottom: 140px
}
.wrapper .padding-xs-145b {
padding-bottom: 145px
}
.wrapper .padding-xs-150b {
padding-bottom: 150px
}
.wrapper .padding-xs-155b {
padding-bottom: 155px
}
.wrapper .padding-xs-160b {
padding-bottom: 160px
}
.wrapper .padding-xs-165b {
padding-bottom: 165px
}
.wrapper .padding-xs-170b {
padding-bottom: 170px
}
.wrapper .padding-xs-175b {
padding-bottom: 175px
}
.wrapper .padding-xs-180b {
padding-bottom: 180px
}
.wrapper .padding-xs-185b {
padding-bottom: 185px
}
.wrapper .padding-xs-190b {
padding-bottom: 190px
}
.wrapper .padding-xs-195b {
padding-bottom: 195px
}
.wrapper .padding-xs-200b {
padding-bottom: 200px
}
}
.wrapper .no-padd {
padding-right: 0;
padding-left: 0
}
.wrapper .padd-only-xs {
padding-right: 0;
padding-left: 0
}
@media screen and (max-width: 767px) {
.wrapper .padd-only-xs {
/*padding-right: 15px;*/
/*padding-left: 15px;*/
}
}
.wrapper .cs-column-container .column-inner {
max-width: 1170px;
margin-right: auto;
margin-left: auto
}
@media screen and (max-width: 1199px) {
.wrapper .cs-column-container .column-inner {
max-width: 970px
}
}
@media screen and (max-width: 991px) {
.wrapper .cs-column-container .column-inner {
max-width: 750px
}
}
@media screen and (max-width: 767px) {
.wrapper .cs-column-container .column-inner {
max-width: calc(100% - 30px)
}
}
.wrapper .gallery {
margin-right: -15px;
margin-left: -15px
}
.wrapper .gallery-item {
display: inline-block;
width: 100%;
margin: 0;
padding: 0 15px 15px;
text-align: center;
vertical-align: top
}
.wrapper figure {
margin: 0
}
.wrapper .gallery .gallery-icon img {
margin: 0 auto
}
.wrapper .gallery-caption {
display: block;
padding-top: 15px;
color: #7e7d7d;
font-size: 13px;
font-style: italic;
line-height: 21px
}
.wrapper .gallery-columns-1 .gallery-item {
max-width: 100%
}
.wrapper .gallery-columns-2 .gallery-item {
max-width: 50%
}
.wrapper .gallery-columns-3 .gallery-item {
max-width: 33.333333%
}
.wrapper .gallery-columns-4 .gallery-item {
max-width: 25%
}
.wrapper .gallery-columns-5 .gallery-item {
max-width: 20%
}
.wrapper .gallery-columns-6 .gallery-item {
max-width: 16.66%
}
.wrapper .gallery-columns-7 .gallery-item {
max-width: 14.28%
}
.wrapper .gallery-columns-8 .gallery-item {
max-width: 12.5%
}
.wrapper .gallery-columns-9 .gallery-item {
max-width: 11.111111%
}
.wrapper .wp-caption {
max-width: 100%
}
.wrapper .wp-caption img[class*=wp-image-] {
display: block;
margin: 0
}
.wrapper .wp-caption .wp-caption-text {
margin-top: 10px;
color: #383c50;
font-size: 14px;
font-style: italic;
line-height: 1
}
.wrapper .wp-caption p:empty {
display: none
}
.wrapper .aligncenter, .wrapper .align-center {
display: block;
margin: 0 auto;
clear: both
}
.wrapper .alignleft, .wrapper .align-left {
margin-right: 25px;
margin-bottom: 15px;
float: left
}
.wrapper .alignright, .wrapper .align-right {
margin-bottom: 15px;
margin-left: 25px;
float: right
}
.wrapper .screen-reader-text {
display: none
}
.wrapper .bypostauthor {
font-family: inherit
}
@media screen and (max-width: 767px) {
body.theme-plugin-disable {
font-size: 18px
}
}
@media screen and (max-width: 767px) {
.theme-plugin-disable html:root {
font-size: 18px
}
}
@media screen and (max-width: 767px) {
.wrapper .theme-plugin-disable li,
.wrapper .theme-plugin-disable ol,
.wrapper .theme-plugin-disable p,
.wrapper .theme-plugin-disable ul {
font-size: 18px
}
}
body, html {
overflow-x: hidden
}
html:root {
font-size: 16px;
line-height: 1.6
}
body {
position: relative;
margin: 0;
padding: 0;
color: rgba(56, 60, 80, .8);
font-size: 16px;
font-weight: 300;
font-family: "Raleway", sans-serif;
line-height: 1.6;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
word-wrap: break-word
}
.wrapper h1,
.wrapper h2,
.wrapper h3,
.wrapper h4,
.wrapper h5,
.wrapper h6 {
margin-top: 20px;
margin-bottom: 20px
}
.wrapper h1:first-child,
.wrapper h2:first-child,
.wrapper h3:first-child,
.wrapper h4:first-child,
.wrapper h5:first-child,
.wrapper h6:first-child {
margin-top: 0
}
.wrapper h1:last-child,
.wrapper h2:last-child,
.wrapper h3:last-child,
.wrapper h4:last-child,
.wrapper h5:last-child,
.wrapper h6:last-child {
margin-bottom: 0
}
.wrapper h1 {
color: #383c50;
font-family: "Raleway", sans-serif;
font-size: 60px;
font-weight: 900;
line-height: 1.1
}
.wrapper h2 {
color: #383c50;
font-family: "Raleway", sans-serif;
font-size: 50px;
font-weight: 900;
line-height: 1.2
}
.wrapper h3 {
color: #383c50;
font-family: "Raleway", sans-serif;
font-size: 40px;
font-weight: 900;
line-height: 1.2
}
.wrapper h4 {
color: #383c50;
font-family: "Raleway", sans-serif;
font-size: 30px;
font-weight: 300;
letter-spacing: 2.5px;
line-height: 1.2
}
.wrapper h5 {
color: #383c50;
font-family: "Raleway", sans-serif;
font-size: 20px;
font-weight: 300;
letter-spacing: 1.18px;
line-height: 1.2
}
.wrapper h6 {
color: #383c50;
font-family: "Raleway", sans-serif;
font-size: 16px;
font-weight: 300;
line-height: 1.2
}
.wrapper p {
margin-top: 20px;
margin-bottom: 20px;
color: rgba(56, 60, 80, .8);
font-size: 16px;
font-weight: 400;
line-height: 1.5
}
@media screen and (max-width: 764px) {
.wrapper h1 {
font-size: 36px;
}
.wrapper h2 {
font-size: 24px;
}
.wrapper h3 {
font-size: 18px;
}
.wrapper h4 {
font-size: 16px;
}
.wrapper h5 {
font-size: 14px;
}
.wrapper h6 {
font-size: 12px;
}
.wrapper p {
font-size: 12px;
}
}
.wrapper p:first-child {
margin-top: 0
}
.wrapper p:last-child {
margin-bottom: 0
}
.wrapper p:empty + h1,
.wrapper p:empty + h2,
.wrapper p:empty + h3,
.wrapper p:empty + h4,
.wrapper p:empty + h5,
.wrapper p:empty + h6,
.wrapper p:empty + p {
margin-top: 0;
margin-bottom: 0
}
.wrapper ol,
.wrapper ul {
margin-top: 20px;
margin-bottom: 20px;
padding-left: 30px
}
.wrapper ol:first-child,
.wrapper ul:first-child {
margin-top: 0
}
.wrapper ol:last-child,
.wrapper ul:last-child {
margin-bottom: 0
}
.wrapper ol ol,
.wrapper ol ul,
.wrapper ul ol,
.wrapper ul ul {
margin-top: 0;
margin-bottom: 0
}
.wrapper ul {
list-style: disc
}
.wrapper ol {
list-style: decimal
}
.wrapper li,
.wrapper ol,
.wrapper ul {
font-size: 16px;
font-weight: 400;
line-height: 1.6
}
.wrapper a {
color: inherit;
text-decoration: none;
cursor: pointer
}
.wrapper a:focus,
.wrapper a:hover {
text-decoration: none;
cursor: pointer
}
.wrapper img {
max-width: 100%;
height: auto;
vertical-align: middle
}
.wrapper blockquote {
margin: 20px 0;
padding: 0 0 0 25px;
border-left-width: 4px;
border-left-style: solid;
border-left-color: #383c50;
font-style: italic
}
.wrapper blockquote:first-child {
margin-top: 0
}
.wrapper blockquote:last-child {
margin-bottom: 0
}
.wrapper table {
width: 100%;
margin-top: 20px;
margin-bottom: 20px;
border-width: 1px;
border-collapse: collapse;
border-spacing: 0;
table-layout: fixed
}
.wrapper table:first-child {
margin-top: 0
}
.wrapper table:last-child {
margin-bottom: 0
}
.wrapper table,
.wrapper td,
.wrapper th {
border: 1px solid #191919
}
.wrapper td,
.wrapper th {
padding: 7px
}
.wrapper th {
font-weight: 900
}
.wrapper dl {
margin-top: 20px;
margin-bottom: 20px
}
.wrapper dl:first-child {
margin-top: 0
}
.wrapper dl:last-child {
margin-bottom: 0
}
.wrapper dt {
color: #383c50;
font-weight: 900
}
.wrapper dd {
margin: 0 0 25px
}
.wrapper address,
.wrapper cite,
.wrapper dfn,
.wrapper em,
.wrapper i {
font-style: italic
}
.wrapper address {
margin-top: 20px;
margin-bottom: 20px
}
.wrapper address:first-child {
margin-top: 0
}
.wrapper address:last-child {
margin-bottom: 0
}
.wrapper abbr, .wrapper abbr[title], .wrapper acronym {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
cursor: help
}
.wrapper b, .wrapper strong {
font-weight: 900
}
.wrapper big {
font-size: 125%
}
.wrapper code, .wrapper kbd, .wrapper pre, .wrapper samp, .wrapper tt, .wrapper var {
font-family: Inconsolata, monospace;
font-size: inherit
}
.wrapper code, .wrapper kbd {
padding: 2px 4px;
background-color: #383c50;
color: #fff
}
.wrapper del {
text-decoration: line-through;
opacity: .8
}
.wrapper ins, .wrapper mark {
padding: 2px 4px;
background: #eef1f2;
text-decoration: none
}
.wrapper pre {
max-width: 100%;
margin-top: 20px;
margin-bottom: 20px;
padding: 25px;
border: 1px solid #383c50;
background-color: #eef1f2;
color: #383c50;
font-size: 16px;
line-height: 1.2;
white-space: pre-wrap;
overflow: auto;
word-wrap: break-word
}
.wrapper sub,
.wrapper sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline
}
.wrapper sub {
bottom: -3px
}
.wrapper sup {
top: -6px
}
.wrapper embed,
.wrapper iframe,
.wrapper object,
.wrapper video {
max-width: 100%;
margin-top: 20px;
margin-bottom: 20px;
vertical-align: middle
}
.wrapper embed:first-child,
.wrapper iframe:first-child,
.wrapper object:first-child,
.wrapper video:first-child {
margin-top: 0
}
.wrapper embed:last-child,
.wrapper iframe:last-child,
.wrapper object:last-child,
.wrapper video:last-child {
margin-bottom: 0
}
.wrapper .s-back-switch {
background-repeat: no-repeat;
background-position: center;
background-size: cover
}
.wrapper .s-back-sibling-switch {
position: relative
}
.wrapper .s-back-sibling-switch .s-sibling-switch {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-repeat: no-repeat;
background-position: center;
background-size: cover
}
.wrapper .cs-overlay,
.wrapper .enable_overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(17, 17, 17, .3)
}
.wrapper .cs-overlay--dark,
.wrapper .enable_overlay--dark {
background-color: rgba(17, 17, 17, .7)
}
.wrapper .cs-half-bg {
position: relative
}
.wrapper .cs-half-bg .wpb_column {
z-index: 10
}
.wrapper .cs-half-bg__wrapp {
display: block;
position: absolute;
top: 0;
right: 0;
width: 50%;
height: 100%;
background-color: #eef1f2
}
@media screen and (max-width: 991px) {
.wrapper .cs-half-bg__wrapp {
width: 100%
}
}
.wrapper .cs-fullheight {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.wrapper .cs-fullheight__content {
width: 100%;
max-width: 1170px;
margin-top: 120px;
margin-bottom: 120px
}
@media screen and (max-width: 1199px) {
.wrapper .cs-fullheight__content {
max-width: 970px
}
}
@media screen and (max-width: 991px) {
.wrapper .cs-fullheight__content {
max-width: 750px;
margin-top: 70px;
margin-bottom: 70px
}
}
@media screen and (max-width: 767px) {
.wrapper .cs-fullheight__content {
max-width: calc(100% - 30px)
}
}
.wrapper .no-scroll {
overflow-y: hidden !important
}
.wrapper .t-center {
text-align: center
}
.wrapper .wpb_single_image.wpb_content_element {
margin-bottom: 30px
}
.wrapper.cs-main-wrapp {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
min-height: 100vh
}
.wrapper .cs-main-wrapp__inner {
-webkit-box-flex: 2;
-ms-flex-positive: 2;
flex-grow: 2
}
.cs-loader {
position: fixed;
top: -1px;
right: -1px;
bottom: -1px;
left: -1px;
padding: 0;
-webkit-transition: border-width .3s, background-color .29s 10ms;
-o-transition: border-width .3s, background-color .29s 10ms;
transition: border-width .3s, background-color .29s 10ms;
border: 50vw solid #383c50;
border-top-width: 50vh;
border-bottom-width: 50vh;
background: #383c50;
z-index: 100000;
pointer-events: none
}
.cs-loader.loaded {
-webkit-transition: border-width .3s .4s, background-color 50ms .35s;
-o-transition: border-width .3s .4s, background-color 50ms .35s;
transition: border-width .3s .4s, background-color 50ms .35s;
border-width: 0;
background: 0 0
}
.cs-loader.loaded.hide-bar {
-webkit-transition: border-width .3s, background-color .29s 10ms;
-o-transition: border-width .3s, background-color .29s 10ms;
transition: border-width .3s, background-color .29s 10ms
}
.cs-loader__scale {
-webkit-transform: scaleY(0);
-ms-transform: scaleY(0);
transform: scaleY(0);
-webkit-transition: -webkit-transform .3s;
transition: -webkit-transform .3s;
-o-transition: transform .3s;
transition: transform .3s;
transition: transform .3s, -webkit-transform .3s
}
.cs-loader.loading .cs-loader__scale {
-webkit-transform: scaleY(1);
-ms-transform: scaleY(1);
transform: scaleY(1);
-webkit-transition: -webkit-transform .3s;
transition: -webkit-transform .3s;
-o-transition: transform .3s;
transition: transform .3s;
transition: transform .3s, -webkit-transform .3s
}
.cs-loader.loaded .cs-loader__scale {
-webkit-transform: scaleY(0);
-ms-transform: scaleY(0);
transform: scaleY(0)
}
.cs-loader.hide-bar .cs-loader__scale {
-webkit-transform: scaleY(0);
-ms-transform: scaleY(0);
transform: scaleY(0)
}
.cs-loader__bg {
position: absolute;
top: 50%;
left: 50%;
padding: 30px 60px;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background: #fff
}
.cs-loader__progress {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: -webkit-transform .3s;
transition: -webkit-transform .3s;
-o-transition: transform .3s;
transition: transform .3s;
transition: transform .3s, -webkit-transform .3s;
background: rgba(56, 60, 80, .5);
overflow: hidden
}
.cs-loader__logo {
color: #383c50;
font-family: "Raleway", sans-serif;
font-size: 30px;
font-weight: 300;
line-height: 1.4;
text-transform: uppercase
}
.cs-loader__logo--light {
position: absolute;
top: 50%;
left: 50%;
margin-left: 100%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: margin-left .3s;
-o-transition: margin-left .3s;
transition: margin-left .3s;
color: #fff
}
.cs-loader__logo img {
display: block;
min-width: 100px;
max-width: 200px
}
body:not(.loaded), html:not(.loaded) {
overflow: hidden
}
.wrapper .cs-btn--btn,
.wrapper .frm_form_submit_style,
.wrapper .frm_style_formidable-style.with_frm_style .frm_submit button,
.wrapper .frm_style_formidable-style.with_frm_style .frm_submit input[type=button],
.wrapper .frm_style_formidable-style.with_frm_style input[type=submit],
.wrapper .frm_style_formidable-style.with_frm_style.frm_login_form input[type=submit],
.wrapper button[type=submit],
.wrapper input[type=submit] {
padding: 0;
border: 0;
border-radius: 0;
background-color: transparent;
cursor: pointer
}
.wrapper .cs-btn--btn:hover,
.wrapper .frm_form_submit_style:hover,
.wrapper .frm_style_formidable-style.with_frm_style .frm_submit button:hover,
.wrapper .frm_style_formidable-style.with_frm_style .frm_submit input[type=button]:hover,
.wrapper .frm_style_formidable-style.with_frm_style input[type=submit]:hover,
.wrapper .frm_style_formidable-style.with_frm_style.frm_login_form input[type=submit]:hover,
.wrapper button[type=submit]:hover, input[type=submit]:hover {
cursor: pointer
}
.wrapper .cs-btn--btn,
.wrapper .frm_form_submit_style,
.wrapper .frm_style_formidable-style-2-2.with_frm_style .frm_submit button,
.wrapper .frm_style_formidable-style-2-2.with_frm_style .frm_submit input[type=button],
.wrapper .frm_style_formidable-style-2-2.with_frm_style input[type=submit],
.wrapper .frm_style_formidable-style-2-2.with_frm_style.frm_login_form input[type=submit],
.wrapper .frm_style_formidable-style.with_frm_style .frm_submit button,
.wrapper .frm_style_formidable-style.with_frm_style .frm_submit input[type=button],
.wrapper .frm_style_formidable-style.with_frm_style input[type=submit],
.wrapper .frm_style_formidable-style.with_frm_style.frm_login_form input[type=submit] {
margin: 0;
padding: 0;
border: 0;
border-radius: 0;
outline: 0;
background: 0 0;
-webkit-box-shadow: none;
box-shadow: none
}
.wrapper .cs-btn--btn:hover,
.wrapper .frm_form_submit_style:hover,
.wrapper .frm_style_formidable-style-2-2.with_frm_style .frm_submit button:hover,
.wrapper .frm_style_formidable-style-2-2.with_frm_style .frm_submit input[type=button]:hover,
.wrapper .frm_style_formidable-style-2-2.with_frm_style input[type=submit]:hover,
.wrapper .frm_style_formidable-style-2-2.with_frm_style.frm_login_form input[type=submit]:hover,
.wrapper .frm_style_formidable-style.with_frm_style .frm_submit button:hover,
.wrapper .frm_style_formidable-style.with_frm_style .frm_submit input[type=button]:hover,
.wrapper .frm_style_formidable-style.with_frm_style input[type=submit]:hover,
.wrapper .frm_style_formidable-style.with_frm_style.frm_login_form input[type=submit]:hover {
background-color: transparent
}
.wrapper .cs-btn,
.wrapper .cs-btn--btn,
.wrapper .frm_form_submit_style,
.wrapper .frm_style_formidable-style-2-2.with_frm_style .frm_submit button,
.wrapper .frm_style_formidable-style-2-2.with_frm_style .frm_submit input[type=button],
.wrapper .frm_style_formidable-style-2-2.with_frm_style input[type=submit],
.wrapper .frm_style_formidable-style-2-2.with_frm_style.frm_login_form input[type=submit],
.wrapper .frm_style_formidable-style.with_frm_style .frm_submit button,
.wrapper .frm_style_formidable-style.with_frm_style .frm_submit input[type=button],
.wrapper .frm_style_formidable-style.with_frm_style input[type=submit],
.wrapper .frm_style_formidable-style.with_frm_style.frm_login_form input[type=submit],
.wrapper button[type=submit],
.wrapper input[type=submit] {
display: inline-block;
-webkit-transition: color .2s ease, border .2s ease;
-o-transition: color .2s ease, border .2s ease;
transition: color .2s ease, border .2s ease;
border-bottom: 2px solid #383c50;
color: #383c50;
font-family: "Raleway", sans-serif;
font-size: 16px;
font-weight: 300;
letter-spacing: 3px;
line-height: 1.8;
text-decoration: none;
text-transform: uppercase
}
.wrapper .cs-btn--btn:focus,
.wrapper .cs-btn--btn:hover,
.wrapper .cs-btn:focus, .cs-btn:hover,
.wrapper .frm_form_submit_style:focus,
.wrapper .frm_form_submit_style:hover,
.wrapper .frm_style_formidable-style-2-2.with_frm_style .frm_submit button:focus,
.wrapper .frm_style_formidable-style-2-2.with_frm_style .frm_submit button:hover,
.wrapper .frm_style_formidable-style-2-2.with_frm_style .frm_submit input[type=button]:focus,
.wrapper .frm_style_formidable-style-2-2.with_frm_style .frm_submit input[type=button]:hover,
.wrapper .frm_style_formidable-style-2-2.with_frm_style input[type=submit]:focus,
.wrapper .frm_style_formidable-style-2-2.with_frm_style input[type=submit]:hover,
.wrapper .frm_style_formidable-style-2-2.with_frm_style.frm_login_form input[type=submit]:focus,
.wrapper .frm_style_formidable-style-2-2.with_frm_style.frm_login_form input[type=submit]:hover,
.wrapper .frm_style_formidable-style.with_frm_style .frm_submit button:focus,
.wrapper .frm_style_formidable-style.with_frm_style .frm_submit button:hover,
.wrapper .frm_style_formidable-style.with_frm_style .frm_submit input[type=button]:focus,
.wrapper .frm_style_formidable-style.with_frm_style .frm_submit input[type=button]:hover,
.wrapper .frm_style_formidable-style.with_frm_style input[type=submit]:focus,
.wrapper .frm_style_formidable-style.with_frm_style input[type=submit]:hover,
.wrapper .frm_style_formidable-style.with_frm_style.frm_login_form input[type=submit]:focus,
.wrapper .frm_style_formidable-style.with_frm_style.frm_login_form input[type=submit]:hover,
.wrapper button[type=submit]:focus,
.wrapper button[type=submit]:hover,
.wrapper input[type=submit]:focus,
.wrapper input[type=submit]:hover {
border-bottom: 2px solid rgba(56, 60, 80, .8);
color: rgba(56, 60, 80, .8)
}
.wrapper .cs-btn--c-custom {
border-bottom: 2px solid #fff;
color: #fff
}
.wrapper .cs-btn--c-custom:focus,
.wrapper .cs-btn--c-custom:hover {
border-bottom: 2px solid rgba(255, 255, 255, .8);
color: rgba(255, 255, 255, .8)
}
.wrapper .cs-btn--xs-mt {
margin-top: 14px
}
.wrapper .cs-socials {
position: relative;
margin: 0;
padding: 0;
list-style: none
}
.wrapper .cs-socials__item {
display: inline-block;
margin-left: 12px
}
.wrapper .cs-socials__item:first-child {
margin-left: 0
}
.wrapper .cs-socials__item a {
display: inline-block;
-webkit-transition: color .2s ease;
-o-transition: color .2s ease;
transition: color .2s ease;
color: #191919;
font-size: 16px;
font-weight: 900;
line-height: 1
}
.wrapper .cs-socials__item a:hover {
color: rgba(25, 25, 25, .7)
}
.wrapper .cs-socials__item a i {
font-weight: 900
}
.wrapper .cs-socials--c-custom .cs-socials__item a {
color: #fff
}
.wrapper .cs-socials--c-custom .cs-socials__item a:hover {
color: rgba(255, 255, 255, .8)
}
.wrapper .cs-socials--menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.wrapper .cs-socials--menu .cs-socials__item {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.wrapper .cs-socials--menu .cs-socials__item a {
color: #191919
}
.wrapper .cs-socials--menu .cs-socials__item a:hover {
color: rgba(25, 25, 25, .7)
}
.wrapper .cs-socials--nav-menu {
text-align: center
}
.wrapper .cs-socials--nav-menu .cs-socials__item a {
color: #fff
}
.wrapper .cs-socials--nav-menu .cs-socials__item a:hover {
color: rgba(255, 255, 255, .7)
}
.wrapper .cs-socials--footer .cs-socials__item a {
color: #fff
}
.wrapper .cs-socials--footer .cs-socials__item a:hover {
color: rgba(255, 255, 255, .7)
}
.wrapper .cs-socials--footer .cs-socials__item a i {
font-weight: 400
}
.wrapper .cs-socials--coming {
margin-top: 30px;
text-align: center
}
.wrapper .cs-socials--coming .cs-socials__item {
margin: 0 1px
}
.wrapper .cs-socials--coming .cs-socials__item a {
width: 30px;
-webkit-transition: color .2s ease, background-color .2s ease;
-o-transition: color .2s ease, background-color .2s ease;
transition: color .2s ease, background-color .2s ease;
background-color: transparent;
font-size: 12px;
line-height: 30px
}
.wrapper .cs-socials--coming .cs-socials__item a:hover {
background-color: #040404
}
.wrapper .cs-socials--blocks .cs-socials__item a {
width: 24px;
padding: 0;
-webkit-transition: color .2s ease, background-color .2s ease;
-o-transition: color .2s ease, background-color .2s ease;
transition: color .2s ease, background-color .2s ease;
border: 0;
background-color: transparent;
color: #7e7d7d;
font-size: 12px;
line-height: 24px;
text-align: center
}
.wrapper .cs-socials--blocks .cs-socials__item a:hover {
background-color: #111;
color: #fff
}
.wrapper .cs-top-header {
padding: 12px 0;
background-color: #23252d
}
.wrapper .cs-top-header__content-wr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
max-width: 1170px;
margin-right: auto;
margin-left: auto
}
@media screen and (max-width: 1199px) {
.wrapper .cs-top-header__content-wr {
max-width: 970px
}
}
@media screen and (max-width: 991px) {
.wrapper .cs-top-header__content-wr {
max-width: 750px
}
}
@media screen and (max-width: 767px) {
.wrapper .cs-top-header__content-wr {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
max-width: calc(100% - 30px)
}
}
.wrapper .cs-top-header__links {
margin: 0;
padding: 0;
line-height: 16px;
list-style: none
}
.wrapper .cs-top-header__links-item {
display: inline-block;
position: relative;
margin-right: 15px;
font-family: "Raleway", sans-serif;
font-size: 12px;
font-weight: 100;
letter-spacing: .3px;
line-height: 16px;
vertical-align: top
}
.wrapper .cs-top-header__links-item:last-child {
margin-right: 0
}
.wrapper .cs-top-header__links-item:not(:last-child) a:after {
position: absolute;
top: 0;
left: calc(100% + 9px);
width: 1px;
height: 100%;
background-color: rgba(255, 255, 255, .7);
content: ""
}
.wrapper .cs-top-header__links-item a {
display: inline-block;
position: relative;
-webkit-transition: opacity .2s ease;
-o-transition: opacity .2s ease;
transition: opacity .2s ease;
color: #fff;
font-family: inherit;
font-size: inherit;
font-weight: inherit;
letter-spacing: inherit;
line-height: inherit
}
.wrapper .cs-top-header__links-item a:hover {
opacity: .7
}
@media screen and (max-width: 767px) {
.wrapper .cs-top-header__desc {
margin-top: 5px
}
}
.wrapper .cs-top-header__desc p {
color: #fff;
font-family: "Raleway", sans-serif;
font-size: 12px;
font-weight: 100;
letter-spacing: .6px;
line-height: 16px
}
.wrapper .cs-logo {
position: relative
}
.wrapper .cs-logo__link {
display: inline-block;
-webkit-transition: opacity .2s ease, visibility .2s ease, color .2s ease;
-o-transition: opacity .2s ease, visibility .2s ease, color .2s ease;
transition: opacity .2s ease, visibility .2s ease, color .2s ease;
color: #191919;
font-family: "Raleway", sans-serif;
font-size: 18px;
font-weight: 900;
letter-spacing: 9px;
line-height: 1.2;
opacity: 1;
visibility: visible
}
.wrapper .cs-logo__link:hover {
color: rgba(25, 25, 25, .7)
}
.wrapper .cs-logo__link--light {
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
color: #fff;
opacity: 0;
visibility: hidden
}
.wrapper .cs-logo__link--light:hover {
color: rgba(255, 255, 255, .7)
}
.wrapper .cs-logo--header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 15%
}
@media screen and (max-width: 1024px) {
.wrapper .cs-logo--header {
width: 80%
}
}
.wrapper .cs-nav-menu {
display: none;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-left: 20px;
cursor: pointer
}
@media screen and (max-width: 1024px) {
.wrapper .cs-nav-menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
}
.wrapper .cs-nav-menu:focus .cs-nav-menu__icon i:before, .cs-nav-menu:hover .cs-nav-menu__icon i:before {
top: -10px
}
.wrapper .cs-nav-menu:focus .cs-nav-menu__icon i:after, .cs-nav-menu:hover .cs-nav-menu__icon i:after {
top: 10px
}
.wrapper .cs-nav-menu:focus .cs-nav-menu__icon--active,
.wrapper .cs-nav-menu:hover .cs-nav-menu__icon--active {
-webkit-transform: scale(.8);
-ms-transform: scale(.8);
transform: scale(.8)
}
.wrapper .cs-nav-menu:focus .cs-nav-menu__icon--active i:after,
.wrapper .cs-nav-menu:focus .cs-nav-menu__icon--active i:before,
.wrapper .cs-nav-menu:hover .cs-nav-menu__icon--active i:after,
.wrapper .cs-nav-menu:hover .cs-nav-menu__icon--active i:before {
top: 0
}
.wrapper .cs-nav-menu__icon {
position: relative;
width: 26px;
height: 24px;
margin-left: 20px;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: -webkit-transform .2s ease;
transition: -webkit-transform .2s ease;
-o-transition: transform .2s ease;
transition: transform .2s ease;
transition: transform .2s ease, -webkit-transform .2s ease;
text-align: center;
text-decoration: none
}
.wrapper .cs-nav-menu__icon i {
display: inline-block;
position: absolute;
top: 50%;
left: 50%;
width: 26px;
height: 3px;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: background-color .2s ease;
-o-transition: background-color .2s ease;
transition: background-color .2s ease;
background-color: #191919
}
.wrapper .cs-nav-menu__icon i:after,
.wrapper .cs-nav-menu__icon i:before {
position: absolute;
left: 0;
width: 26px;
height: 3px;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
-webkit-transition: top .2s ease, -webkit-transform .2s ease;
transition: top .2s ease, -webkit-transform .2s ease;
-o-transition: top .2s ease, transform .2s ease;
transition: top .2s ease, transform .2s ease;
transition: top .2s ease, transform .2s ease, -webkit-transform .2s ease;
background-color: #191919;
content: ""
}
.wrapper .cs-nav-menu__icon i:before {
top: -7px
}
.wrapper .cs-nav-menu__icon i:after {
top: 7px
}
.wrapper .cs-nav-menu__icon--active i {
background-color: transparent !important
}
.wrapper .cs-nav-menu__icon--active i:after,
.wrapper .cs-nav-menu__icon--active i:before {
top: 0
}
.wrapper .cs-nav-menu__icon--active i:before {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg)
}
.wrapper .cs-nav-menu__icon--active i:after {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.wrapper .cs-nav-menu__label {
position: relative;
width: 40px;
height: 24px
}
.wrapper .cs-nav-menu__label--toggle.cs-nav-menu__text--open {
-webkit-transform: translateY(-40%) rotateX(-180deg);
transform: translateY(-40%) rotateX(-180deg);
opacity: 0
}
.wrapper .cs-nav-menu__label--toggle.cs-nav-menu__text--close {
-webkit-transform: translateY(-40%) rotateZ(0);
-ms-transform: translateY(-40%) rotate(0);
transform: translateY(-40%) rotateZ(0);
opacity: 1
}
.wrapper .cs-nav-menu__text {
position: absolute;
top: 50%;
right: 0;
-webkit-transform: translateY(-40%) translateZ(0);
transform: translateY(-40%) translateZ(0);
-webkit-transition: opacity .2s ease, -webkit-transform .2s ease;
transition: opacity .2s ease, -webkit-transform .2s ease;
-o-transition: opacity .2s ease, transform .2s ease;
transition: opacity .2s ease, transform .2s ease;
transition: opacity .2s ease, transform .2s ease, -webkit-transform .2s ease;
color: #191919;
font-family: "Raleway", sans-serif;
font-size: 12px;
font-weight: 300;
line-height: 1;
text-transform: uppercase
}
.wrapper .cs-nav-menu__text--close {
-webkit-transform: translateY(-40%) rotateX(180deg);
transform: translateY(-40%) rotateX(180deg);
opacity: 0
}
.wrapper .cs-header {
position: relative;
z-index: 999
}
.wrapper .cs-header__wrapp {
position: relative;
padding: 30px 0;
background-color: #fff
}
.wrapper .cs-header__content-wr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
max-width: 1170px;
margin-right: auto;
margin-left: auto
}
@media screen and (max-width: 1199px) {
.wrapper .cs-header__content-wr {
max-width: 970px
}
}
@media screen and (max-width: 991px) {
.wrapper .cs-header__content-wr {
max-width: 750px
}
}
@media screen and (max-width: 767px) {
.wrapper .cs-header__content-wr {
max-width: calc(100% - 30px)
}
}
.wrapper .cs-header__nav {
display: block;
width: auto;
text-align: center
}
@media screen and (max-width: 1024px) {
.wrapper .cs-header__nav {
display: none;
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 100vh;
padding: 20px 15px;
background-color: #191919;
text-align: left;
overflow-y: auto
}
}
@media screen and (max-width: 1024px) {
.wrapper .cs-header__inner {
max-width: 970px;
margin-right: auto;
margin-left: auto
}
}
@media screen and (max-width: 991px) {
.wrapper .cs-header__inner {
max-width: 750px
}
}
@media screen and (max-width: 767px) {
.wrapper .cs-header__inner {
max-width: 100%
}
}
.wrapper .cs-header .main-menu {
margin: 0;
padding: 0;
list-style: none
}
@media screen and (min-width: 1025px) {
.wrapper .cs-header .main-menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
}
.wrapper .cs-header .main-menu > li {
display: inline-block;
margin: 0
}
@media screen and (max-width: 1024px) {
.wrapper .cs-header .main-menu > li {
display: block;
margin: 0
}
}
.wrapper .cs-header .main-menu > li > a {
display: inline-block;
padding: 5px 10px;
color: #191919;
font-family: "Raleway", sans-serif;
font-size: 13px;
font-weight: 900;
letter-spacing: 2.6px;
line-height: 1
}
@media screen and (max-width: 1024px) {
.wrapper .cs-header .main-menu > li > a {
color: #fff
}
}
.wrapper .cs-header .main-menu > li.current-menu-ancestor > a,
.wrapper .cs-header .main-menu > li.current-menu-item > a,
.wrapper .cs-header .main-menu > li.current-menu-parent > a,
.wrapper .cs-header .main-menu > li:hover > a {
color: rgba(25, 25, 25, .7)
}
@media screen and (max-width: 1024px) {
.wrapper .cs-header .main-menu > li.current-menu-ancestor > a,
.wrapper .cs-header .main-menu > li.current-menu-item > a,
.wrapper .cs-header .main-menu > li.current-menu-parent > a,
.wrapper .cs-header .main-menu > li:hover > a {
color: rgba(255, 255, 255, .7)
}
}
.wrapper .cs-header .main-menu li {
position: relative;
font-size: initial;
line-height: normal
}
@media screen and (min-width: 1025px) {
.wrapper .cs-header .main-menu li:hover > .sub-menu {
opacity: 1;
visibility: visible
}
}
.wrapper .cs-header .main-menu li a {
-webkit-transition: color .2s ease;
-o-transition: color .2s ease;
transition: color .2s ease;
text-transform: uppercase
}
.wrapper .cs-header .sub-menu {
display: block;
position: absolute;
top: calc(100% + 20px);
left: -12px;
min-width: 180px;
margin: 0;
padding: 20px 0;
-webkit-transition: visibility .2s ease, opacity .2s ease;
-o-transition: visibility .2s ease, opacity .2s ease;
transition: visibility .2s ease, opacity .2s ease;
border-radius: 2px;
background-color: #191919;
text-align: left;
white-space: nowrap;
opacity: 0;
visibility: hidden
}
@media screen and (max-width: 1024px) {
.wrapper .cs-header .sub-menu {
position: static;
padding: 7px 10px;
opacity: 1;
visibility: visible
}
}
.wrapper .cs-header .sub-menu > li.current-menu-ancestor > a,
.wrapper .cs-header .sub-menu > li.current-menu-item > a,
.wrapper .cs-header .sub-menu > li.current-menu-parent > a,
.wrapper .cs-header .sub-menu > li:hover > a {
color: rgba(255, 255, 255, .7)
}
.wrapper .cs-header .sub-menu li {
display: block
}
.wrapper .cs-header .sub-menu li a {
display: block;
padding: 8px 24px;
color: #fff;
font-family: "Raleway", sans-serif;
font-size: 13px;
font-weight: 400;
letter-spacing: 2.5px;
line-height: 1.5
}
@media screen and (max-width: 1024px) {
.wrapper .cs-header .sub-menu li a {
padding: 5px 12px
}
}
.wrapper .cs-header .sub-menu .sub-menu {
top: -20px;
left: 100%
}
.wrapper .cs-header__socials {
display: none;
margin-top: 15px
}
@media screen and (max-width: 1024px) {
.wrapper .cs-header__socials {
display: block
}
}
.wrapper .cs-header__nav-btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
width: 15%
}
@media screen and (max-width: 1024px) {
.wrapper .cs-header__nav-btn .cs-socials {
display: none
}
}
.wrapper .cs-header--fixed .cs-header__wrapp {
position: absolute;
top: 0;
left: 0;
width: 100%;
-webkit-transition: background-color .2s ease;
-o-transition: background-color .2s ease;
transition: background-color .2s ease;
background-color: transparent
}
.edit .wrapper .cs-header--fixed .cs-header__wrapp {
top: 40px;
}
.wrapper .cs-header--scroll-menu .cs-header__wrapp {
position: fixed;
background-color: #fff
}
.wrapper .cs-header--open-filter-menu .cs-header__wrapp,
.wrapper .cs-header--open-menu .cs-header__wrapp {
background-color: #fff
}
.wrapper .cs-header--fixed:not([class$="-menu"]) .cs-logo__link {
opacity: 0;
visibility: hidden
}
.wrapper .cs-header--fixed:not([class$="-menu"]) .cs-logo__link--light {
opacity: 1;
visibility: visible
}
.wrapper .cs-header--fixed:not([class$="-menu"]) .cs-nav-menu__text {
color: #fff
}
.wrapper .cs-header--fixed:not([class$="-menu"]) .cs-nav-menu__icon i {
background-color: #fff
}
.wrapper .cs-header--fixed:not([class$="-menu"]) .cs-nav-menu__icon i:after,
.wrapper .cs-header--fixed:not([class$="-menu"]) .cs-nav-menu__icon i:before {
background-color: #fff
}
.wrapper .cs-header--fixed:not([class$="-menu"]) .cs-socials--menu .cs-socials__item a {
color: #fff
}
.wrapper .cs-header--fixed:not([class$="-menu"]) .cs-socials--menu .cs-socials__item a:hover {
color: rgba(255, 255, 255, .7)
}
.wrapper .cs-header--fixed:not([class$="-menu"]) .cs-filter-menu-icon {
border: 2px solid #fff;
color: #fff
}
.wrapper .cs-header--fixed:not([class$="-menu"]) .cs-filter-menu-icon:focus,
.wrapper .cs-header--fixed:not([class$="-menu"]) .cs-filter-menu-icon:hover {
background-color: #fff;
color: #191919
}
.wrapper .cs-header--fixed:not([class$="-menu"]) .main-menu > li > a {
color: #fff
}
.wrapper .cs-header--fixed:not([class$="-menu"]) .main-menu > li.current-menu-ancestor > a,
.wrapper .cs-header--fixed:not([class$="-menu"]) .main-menu > li.current-menu-item > a,
.wrapper .cs-header--fixed:not([class$="-menu"]) .main-menu > li.current-menu-parent > a,
.wrapper .cs-header--fixed:not([class$="-menu"]) .main-menu > li:hover > a {
color: rgba(255, 255, 255, .7)
}
.wrapper .cs-filter-menu-icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 24px;
margin-left: 20px;
padding: 0 6px;
-webkit-transition: background-color .2s ease, color .2s ease;
-o-transition: background-color .2s ease, color .2s ease;
transition: background-color .2s ease, color .2s ease;
border: 2px solid #191919;
background-color: transparent;
color: #191919;
font-family: "Raleway", sans-serif;
font-size: 10px;
font-weight: 900;
line-height: 28px;
text-align: center;
text-decoration: none
}
.wrapper .cs-filter-menu-icon i {
font-size: 12px;
line-height: 20px
}
.wrapper .cs-filter-menu-icon:focus,
.wrapper .cs-filter-menu-icon:hover {
background-color: #191919;
color: #fff
}
.wrapper .cs-filter-menu {
display: none;
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 100vh;
padding: 20px 15px;
background-color: #191919;
text-align: left;
overflow-y: auto
}
.wrapper .cs-filter-menu__inner {
max-width: 1170px;
margin-right: auto;
margin-left: auto
}
@media screen and (max-width: 1199px) {
.wrapper .cs-filter-menu__inner {
max-width: 970px
}
}
@media screen and (max-width: 991px) {
.wrapper .cs-filter-menu__inner {
max-width: 750px
}
}
@media screen and (max-width: 767px) {
.wrapper .cs-filter-menu__inner {
max-width: 100%
}
}
.wrapper .cs-filter-menu__items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.wrapper .cs-filter-menu__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: calc(33.333333% - 100px);
margin-right: 100px;
margin-bottom: 35px
}
@media screen and (max-width: 1199px) {
.wrapper .cs-filter-menu__item {
width: calc(33.333333% - 50px);
margin-right: 50px
}
}
@media screen and (max-width: 991px) {
.wrapper .cs-filter-menu__item {
width: calc(33.333333% - 30px);
margin-right: 30px
}
}
@media screen and (max-width: 767px) {
.wrapper .cs-filter-menu__item {
width: 100%;
max-width: 500px;
margin-right: 0
}
}
.wrapper .cs-filter-menu__title {
margin-bottom: 10px;
color: #fff;
text-transform: uppercase
}
.wrapper .cs-filter-menu__category {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin-top: 0;
margin-bottom: 0;
padding-bottom: 40px;
padding-left: 0;
list-style: none
}
.wrapper .cs-filter-menu__category:after {
position: absolute;
top: 13px;
left: 1px;
width: 100%;
height: calc(100% - 13px);
border: 1px solid #eef1f2;
content: "";
z-index: 20
}
.wrapper .cs-filter-menu__list-item {
position: relative;
padding-right: 15px;
padding-left: 0;
-webkit-transition: color .2s ease, padding-left .2s ease;
-o-transition: color .2s ease, padding-left .2s ease;
transition: color .2s ease, padding-left .2s ease;
background-color: #191919;
color: #fff;
letter-spacing: 1.5px;
cursor: pointer;
z-index: 30
}
.wrapper .cs-filter-menu__list-item:before {
position: absolute;
top: 5px;
left: 0;
width: 0;
height: 0;
-webkit-transition: opacity .2s ease, visibility .2s ease;
-o-transition: opacity .2s ease, visibility .2s ease;
transition: opacity .2s ease, visibility .2s ease;
border-top: 5px solid #fff;
border-right: 5px solid transparent;
content: "";
opacity: 0;
visibility: hidden
}
.wrapper .cs-filter-menu__list-item--active {
padding-left: 10px
}
.wrapper .cs-filter-menu__list-item--active:before {
opacity: 1;
visibility: visible
}
.wrapper .cs-filter-menu__link {
margin-top: 30px;
text-align: center
}
.wrapper .cs-filter-bottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
padding: 18px 35px 18px 50px
}
@media screen and (max-width: 1199px) {
.wrapper .cs-filter-bottom {
padding: 18px 15px
}
}
@media screen and (max-width: 767px) {
.wrapper .cs-filter-bottom {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
.wrapper .cs-filter-bottom .cs-socials {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
@media screen and (max-width: 767px) {
.wrapper .cs-filter-bottom .cs-socials {
margin-top: 10px
}
}
.wrapper .cs-filter-bottom__dropdown {
display: inline-block;
position: relative;
margin-right: 56px;
vertical-align: middle
}
@media screen and (max-width: 991px) {
.wrapper .cs-filter-bottom__dropdown {
margin-right: 20px
}
}
.wrapper .cs-filter-bottom__btn {
display: block;
position: relative;
-webkit-transition: color .3s ease-in, border .3s ease-in;
-o-transition: color .3s ease-in, border .3s ease-in;
transition: color .3s ease-in, border .3s ease-in;
border-bottom: 1px solid rgba(255, 255, 255, .8);
background-color: transparent;
color: rgba(255, 255, 255, .8);
font-family: "Raleway", sans-serif;
font-size: 16px;
font-weight: 300;
letter-spacing: 3px;
line-height: 1.8;
text-transform: uppercase
}
.wrapper .cs-filter-bottom__btn--active, .cs-filter-bottom__btn:focus, .cs-filter-bottom__btn:hover {
border-bottom: 1px solid #fff;
color: #fff;
cursor: pointer
}
.wrapper .cs-filter-bottom__menu {
position: absolute;
bottom: calc(100% + 15px);
left: 0;
width: 100%;
min-width: 150px;
max-height: 0;
margin: 0;
padding: 0;
-webkit-transition: max-height .6s ease;
-o-transition: max-height .6s ease;
transition: max-height .6s ease;
list-style: none;
overflow: hidden;
z-index: 100;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.wrapper .cs-filter-bottom__menu--hide, .cs-filter-bottom__menu--show {
-webkit-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
transform-origin: 50% 0
}
.wrapper .cs-filter-bottom__menu--show {
max-height: 500px;
overflow: auto
}
.wrapper .cs-filter-bottom__item {
display: block;
padding-right: 15px;
padding-left: 15px;
-webkit-transition: color .2s ease, background-color .2s ease;
-o-transition: color .2s ease, background-color .2s ease;
transition: color .2s ease, background-color .2s ease;
background-color: #000;
color: rgba(255, 255, 255, .8);
font-size: 16px;
font-weight: 400;
line-height: 1.6;
cursor: pointer
}
.wrapper .cs-filter-bottom__item:nth-child(2) {
padding-top: 7px
}
.wrapper .cs-filter-bottom__item:last-child {
padding-bottom: 7px
}
.wrapper .cs-filter-bottom__item--active, .cs-filter-bottom__item:hover {
background-color: #fff;
color: #000
}
.wrapper .cs-filter-top {
margin-bottom: 20px;
}
@media screen and (max-width: 991px) {
.wrapper .cs-filter-top {
margin-bottom: 40px
}
}
.wrapper .cs-filter-top__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
max-width: 1170px;
margin-right: auto;
margin-left: auto;
padding: 20px 0 20px
}
@media screen and (max-width: 1199px) {
.wrapper .cs-filter-top__list {
max-width: 970px
}
}
@media screen and (max-width: 991px) {
.wrapper .cs-filter-top__list {
max-width: 750px;
padding: 40px 0
}
}
@media screen and (max-width: 767px) {
.wrapper .cs-filter-top__list {
max-width: calc(110% - 30px)
}
}
.wrapper .cs-filter-top__item {
display: block;
position: relative;
margin: 3px 15px;
-webkit-transition: color .3s ease-in, border .3s ease-in;
-o-transition: color .3s ease-in, border .3s ease-in;
transition: color .3s ease-in, border .3s ease-in;
border-bottom: 1px solid transparent;
background-color: transparent;
color: rgba(56, 60, 80, .7);
font-family: "Raleway", sans-serif;
font-size: 16px;
font-weight: 300;
letter-spacing: 3px;
line-height: 1.8;
text-transform: uppercase
}
@media screen and (max-width: 991px) {
.wrapper .cs-filter-top__item {
margin: 10px 15px
}
}
@media screen and (max-width: 767px) {
.wrapper .cs-filter-top__item {
margin: 5px 10px
}
}
.wrapper .cs-filter-top__item--active,
.wrapper .cs-filter-top__item:focus,
.wrapper .cs-filter-top__item:hover {
border-bottom: 1px solid #383c50;
color: #383c50;
cursor: pointer
}
.wrapper .cs-filter-top__item:empty {
display: none
}
.wrapper .cs-filter-content {
position: relative;
padding-top: 120px;
padding-bottom: 97px;
background-color: #fff
}
@media screen and (max-width: 1199px) {
.wrapper .cs-filter-content {
padding-top: 55px;
padding-bottom: 55px
}
}
@media screen and (max-width: 767px) {
.wrapper .cs-filter-content {
max-width: 500px;
margin-right: auto;
margin-left: auto;
padding-top: 40px;
padding-bottom: 40px
}
}
.wrapper .cs-filter-content__icon {
position: absolute;
top: 0;
right: 0;
width: 16px;
height: 16px;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: top .4s ease, right .4s ease, -webkit-transform .2s ease;
transition: top .4s ease, right .4s ease, -webkit-transform .2s ease;
-o-transition: top .4s ease, right .4s ease, transform .2s ease;
transition: top .4s ease, right .4s ease, transform .2s ease;
transition: top .4s ease, right .4s ease, transform .2s ease, -webkit-transform .2s ease;
background-color: transparent;
text-align: center;
text-decoration: none
}
.wrapper .cs-filter-content__icon:hover {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2)
}
.wrapper .cs-filter-content__icon i {
display: inline-block;
position: absolute;
top: 50%;
left: 50%;
width: 16px;
height: 1px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: background-color .2s ease;
-o-transition: background-color .2s ease;
transition: background-color .2s ease;
background-color: #fff
}
.wrapper .cs-filter-content__icon i:after,
.wrapper .cs-filter-content__icon i:before {
position: absolute;
left: 0;
width: 16px;
height: 1px;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
-webkit-transition: top .2s ease, -webkit-transform .2s ease;
transition: top .2s ease, -webkit-transform .2s ease;
-o-transition: top .2s ease, transform .2s ease;
transition: top .2s ease, transform .2s ease;
transition: top .2s ease, transform .2s ease, -webkit-transform .2s ease;
background-color: #fff;
content: ""
}
.wrapper .cs-filter-content__icon i:before {
top: -5px
}
.wrapper .cs-filter-content__icon i:after {
top: 5px
}
.wrapper .cs-filter-content__icon--active {
top: 22px;
right: 22px
}
@media screen and (max-width: 767px) {
.wrapper .cs-filter-content__icon--active {
top: 12px;
right: 12px
}
}
.wrapper .cs-filter-content__icon--active i {
background-color: transparent
}
.wrapper .cs-filter-content__icon--active i:after,
.wrapper .cs-filter-content__icon--active i:before {
top: 0
}
.wrapper .cs-filter-content__icon--active i:before {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg)
}
.wrapper .cs-filter-content__icon--active i:after {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.wrapper .cs-filter-content__icon--active:hover i {
background-color: transparent
}
.wrapper .cs-filter-content__wrapp {
max-width: 80%;
margin-right: auto;
margin-left: auto;
text-align: center
}
@media screen and (max-width: 767px) {
.wrapper .cs-filter-content__wrapp {
max-width: 90%
}
}
.wrapper .cs-filter-content__title {
margin-bottom: 0
}
.wrapper .cs-filter-content__desc {
margin-top: 30px
}
@media screen and (max-width: 991px) {
.wrapper .cs-filter-content__desc {
margin-top: 20px
}
}
.wrapper .cs-filter-content__desc p {
color: rgba(56, 60, 80, .6);
font-family: "Raleway", sans-serif;
font-size: 25px;
font-weight: 300;
line-height: 1.4
}
@media screen and (max-width: 991px) {
.wrapper .cs-filter-content__desc p {
font-size: 20px
}
}
@media screen and (max-width: 767px) {
.wrapper .cs-filter-content__desc p {
font-size: 20px
}
}
@media screen and (max-width: 480px) {
.wrapper .cs-filter-content__desc p {
font-size: 18px
}
}
.wrapper .cs-filter-content__desc p:empty {
display: none
}
.wrapper .cs-filter-content__desc + .cs-filter-content__list {
margin-top: 42px
}
@media screen and (max-width: 1199px) {
.wrapper .cs-filter-content__desc + .cs-filter-content__list {
margin-top: 30px
}
}
.wrapper .cs-filter-content__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0;
padding: 0
}
.wrapper .cs-filter-content__item {
display: block;
position: relative;
margin: 10px 15px;
-webkit-transition: color .3s ease-in, border .3s ease-in;
-o-transition: color .3s ease-in, border .3s ease-in;
transition: color .3s ease-in, border .3s ease-in;
border-bottom: 2px solid transparent;
background-color: transparent;
color: rgba(56, 60, 80, .7);
font-family: "Raleway", sans-serif;
font-size: 16px;
font-weight: 300;
letter-spacing: 1.5px;
line-height: 1.8;
text-transform: uppercase
}
@media screen and (max-width: 991px) {
.wrapper .cs-filter-content__item {
margin: 10px 15px
}
}
@media screen and (max-width: 767px) {
.wrapper .cs-filter-content__item {
margin: 5px 10px
}
}
.wrapper .cs-filter-content__item--active,
.wrapper .cs-filter-content__item:focus,
.wrapper .cs-filter-content__item:hover {
border-bottom: 2px solid #383c50;
color: #383c50;
cursor: pointer
}
.wrapper .cs-filter-content__item:empty {
display: none
}
.wrapper .cs-banner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
min-height: 534px
}
@media screen and (max-width: 991px) {
.wrapper .cs-banner {
min-height: auto
}
}
.wrapper .cs-banner__content {
position: relative;
width: 100%;
max-width: 1170px;
/*margin-top: 178px;*/
/*margin-bottom: 178px;*/
text-align: center
}
@media screen and (max-width: 1199px) {
.wrapper .cs-banner__content {
max-width: 970px
}
}
@media screen and (max-width: 991px) {
.wrapper .cs-banner__content {
max-width: 750px;
/*margin-top: 150px;*/
/*margin-bottom: 150px;*/
}
}
@media screen and (max-width: 767px) {
.wrapper .cs-banner__content {
max-width: calc(100% - 30px)
}
}
.wrapper .cs-banner__title {
margin-bottom: 0;
color: #fff;
word-wrap: break-word
}
.wrapper .cs-banner h1.cs-banner__title {
font-size: 90px;
text-transform: uppercase;
}
@media screen and (max-width: 991px) {
.wrapper .cs-banner h1.cs-banner__title {
font-size: 80px
}
}
@media screen and (max-width: 767px) {
.wrapper .cs-banner h1.cs-banner__title {
font-size: 55px
}
}
@media screen and (max-width: 480px) {
.wrapper .cs-banner h1.cs-banner__title {
font-size: 39px
}
}
.wrapper .cs-banner h2.cs-banner__title {
font-size: 80px
}
@media screen and (max-width: 991px) {
.wrapper .cs-banner h2.cs-banner__title {
font-size: 70px
}
}
@media screen and (max-width: 767px) {
.wrapper .cs-banner h2.cs-banner__title {
font-size: 45px
}
}
@media screen and (max-width: 480px) {
.wrapper .cs-banner h2.cs-banner__title {
font-size: 38px
}
}
.wrapper .cs-banner__desc {
margin-top: 15px
}
.wrapper .cs-banner__desc--w-small {
max-width: 320px;
margin-right: auto;
margin-left: auto
}
.wrapper .cs-banner__desc h6 {
color: #fff;
letter-spacing: 1.2px
}
.wrapper .cs-banner__top-arrow {
position: absolute;
top: 83px;
cursor: pointer;
z-index: 150
}
@media screen and (max-width: 991px) {
.wrapper .cs-banner__top-arrow {
top: 30px
}
}
@media screen and (max-width: 767px) {
.wrapper .cs-banner__top-arrow {
top: 15px
}
}
.wrapper .cs-banner__top-arrow i {
display: block;
position: relative;
width: 26px;
height: 40px
}
.wrapper .cs-banner__top-arrow i:after, .wrapper .cs-banner__top-arrow i:before {
position: absolute;
top: 50%;
width: 2px;
height: 15px;
background-color: #fff;
content: ""
}
.wrapper .cs-banner__top-arrow i:before {
left: 7px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg)
}
.wrapper .cs-banner__top-arrow i:after {
right: 7px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.wrapper .cs-banner__btm-arrow {
position: absolute;
bottom: 83px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
cursor: pointer;
z-index: 150
}
@media screen and (max-width: 991px) {
.wrapper .cs-banner__btm-arrow {
bottom: 30px
}
}
@media screen and (max-width: 767px) {
.wrapper .cs-banner__btm-arrow {
bottom: 15px
}
}
.wrapper .cs-banner__btm-arrow i {
display: block;
position: relative;
width: 26px;
height: 40px
}
.wrapper .cs-banner__btm-arrow i:after, .wrapper .cs-banner__btm-arrow i:before {
position: absolute;
top: 50%;
width: 2px;
height: 15px;
background-color: #fff;
content: ""
}
.wrapper .cs-banner__btm-arrow i:before {
left: 7px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.wrapper .cs-banner__btm-arrow i:after {
right: 7px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg)
}
.wrapper .cs-banner__items-row {
margin-top: 165px
}
@media screen and (max-width: 991px) {
.wrapper .cs-banner__items-row {
margin-top: 80px;
margin-bottom: 16px
}
}
.wrapper .cs-banner__item {
display: inline-block;
margin: 0 40px 15px
}
.wrapper .cs-banner__item-icon {
margin-right: 15px;
color: #fff
}
.wrapper .cs-banner__item-link, .wrapper .cs-banner__item-text {
display: inline-block;
color: #fff;
vertical-align: baseline
}
.wrapper .cs-banner__item-link {
-webkit-transition: color .2s ease;
-o-transition: color .2s ease;
transition: color .2s ease
}
.wrapper .cs-banner__item-link:hover {
color: rgba(255, 255, 255, .7)
}
.wrapper .cs-banner__item-text {
margin-top: 0
}
.wrapper .cs-banner--fullheight:not(.wrapper .cs-banner--font-normal) h1.cs-banner__title {
letter-spacing: 20px
}
@media screen and (max-width: 480px) {
.wrapper .cs-banner--fullheight:not(.cs-banner--font-normal) h1.cs-banner__title {
letter-spacing: 10px
}
}
@media screen and (min-width: 992px) {
.wrapper .cs-banner--fullheight:not(.cs-banner--font-normal) h1.cs-banner__title {
font-size: 120px
}
}
.wrapper .cs-banner--column .cs-banner__content {
margin-bottom: 0 !important
}
.wrapper .cs-banner--full {
min-height: 100%
}
.js-banner-animation {
opacity: 0
}
.js-banner-animation .cs-banner__items-row {
opacity: 0;
-webkit-transition: opacity .5s .3s;
-o-transition: opacity .5s .3s;
transition: opacity .5s .3s
}
.js-banner-animation--animated .cs-banner__items-row {
opacity: 1
}
.js-parallax-banner-item {
position: absolute;
top: 0;
left: 0;
width: 100%
}
.js-parallax-banner-parent {
overflow: hidden
}
.wrapper .cs-video {
position: relative
}
.wrapper .cs-video.play .cs-video__play {
opacity: 0;
visibility: hidden
}
.wrapper .cs-video.play .cs-video__close, .cs-video.play .cs-video__wrapper {
display: block;
opacity: 1;
visibility: visible
}
@media screen and (max-width: 767px) {
.wrapper .cs-video.play .cs-video__close,
.wrapper .cs-video.play .cs-video__wrapper {
z-index: 2
}
}
.wrapper .cs-video__close,
.wrapper .cs-video__play {
position: absolute;
right: 35px;
width: 60px;
height: 60px;
-webkit-transition: background-color .2s ease, opacity .2s ease, visibility .2s ease;
-o-transition: background-color .2s ease, opacity .2s ease, visibility .2s ease;
transition: background-color .2s ease, opacity .2s ease, visibility .2s ease;
border-radius: 50%;
background-color: #fff;
font-size: 21px;
line-height: 60px;
z-index: 1
}
@media screen and (max-width: 767px) {
.wrapper .cs-video__close,
.wrapper .cs-video__play {
right: 25px;
width: 45px;
height: 45px;
font-size: 16px;
line-height: 45px
}
}
.wrapper .cs-video__close:before,
.wrapper .cs-video__play:before {
display: inline-block;
position: absolute;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
color: #111;
font-family: FontAwesome
}
.wrapper .cs-video__close:hover,
.wrapper .cs-video__play:hover {
background-color: rgba(255, 255, 255, .85)
}
.wrapper .cs-video__close:hover:before,
.wrapper .cs-video__play:hover:before {
opacity: .85
}
.wrapper .cs-video__play {
bottom: 50px
}
.wrapper .cs-video__play:before {
left: 54%
}
.wrapper .cs-video__close {
top: 50px;
opacity: 0;
visibility: hidden
}
.wrapper .cs-video__close:before {
left: 50%
}
.wrapper .cs-header--fixed + * .cs-video__close {
top: 115px
}
.wrapper .cs-video__wrapper {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-transition: opacity .2s ease, visibility .2s ease;
-o-transition: opacity .2s ease, visibility .2s ease;
transition: opacity .2s ease, visibility .2s ease;
opacity: 0;
overflow: hidden;
visibility: hidden
}
.wrapper .cs-video__wrapper iframe {
display: block;
margin-bottom: 0;
border: 0
}
.wrapper .cs-heading--right {
text-align: right
}
.wrapper .cs-heading--center {
text-align: center
}
.wrapper .cs-heading--c-custom .cs-heading__subtitle,
.wrapper .cs-heading--c-custom .cs-heading__title {
color: #fff
}
.wrapper .cs-heading--c-custom .cs-heading__content {
color: rgba(255, 255, 255, .8)
}
.wrapper .cs-heading--c-custom .cs-heading__content * {
color: inherit
}
.wrapper .cs-heading--c-custom .cs-heading__content h1,
.wrapper .cs-heading--c-custom .cs-heading__content h2,
.wrapper .cs-heading--c-custom .cs-heading__content h3,
.wrapper .cs-heading--c-custom .cs-heading__content h4,
.wrapper .cs-heading--c-custom .cs-heading__content h5,
.wrapper .cs-heading--c-custom .cs-heading__content h6 {
color: #fff
}
.wrapper .cs-heading--light-opacity .cs-heading__subtitle {
color: rgba(255, 255, 255, .7)
}
.wrapper .cs-heading--light-opacity .cs-heading__title {
color: #fff
}
.wrapper .cs-heading--light-opacity .cs-heading__content {
color: rgba(255, 255, 255, .7)
}
.wrapper .cs-heading--light-opacity .cs-heading__content * {
color: inherit
}
.wrapper .cs-heading--coming {
margin-bottom: 22px
}
.wrapper .cs-heading--coming .cs-heading__title {
letter-spacing: 1px
}
.wrapper .cs-heading--coming .cs-heading__title + .cs-heading__content {
margin-top: 9px
}
.wrapper .cs-heading--coming .cs-heading__subtitle {
margin-bottom: 30px
}
@media screen and (max-width: 991px) {
.wrapper .cs-heading--coming .cs-heading__subtitle {
margin-bottom: 15px
}
}
.wrapper .cs-heading--protected {
margin-bottom: 40px
}
.wrapper .cs-heading--protected .cs-heading__subtitle {
margin-bottom: 15px
}
.wrapper .cs-heading--error {
position: relative
}
.wrapper .cs-heading--error .cs-heading__subtitle {
margin-bottom: 23px;
text-transform: uppercase
}
.wrapper .cs-heading--search {
margin-bottom: 30px
}
.wrapper .cs-heading--comments .cs-heading__subtitle {
text-transform: uppercase
}
.wrapper .cs-heading--comments .cs-heading__title {
text-transform: uppercase
}
.wrapper .cs-heading--modern h3.cs-heading__title {
font-size: 36px;
line-height: 1.16667
}
.wrapper .cs-heading--modern h4.cs-heading__title {
font-size: 32px
}
.wrapper .cs-heading--modern .cs-heading__title {
font-family: "Raleway", sans-serif;
letter-spacing: 0
}
.wrapper .cs-heading--modern .cs-heading__title:not(.cs-heading__title--main) {
font-weight: 400
}
.wrapper .cs-heading--modern .cs-heading__subtitle {
margin-bottom: 16px;
letter-spacing: .8px
}
.wrapper .cs-heading--blog {
margin-bottom: 42px;
padding: 0 0
}
.wrapper .cs-heading--blog .cs-heading__title {
font-weight: 900
}
@media screen and (max-width: 991px) {
.wrapper .cs-heading--blog {
margin-bottom: 30px;
padding: 0
}
}
.wrapper .cs-heading--detail .cs-heading__subtitle {
margin-bottom: 22px
}
.wrapper .cs-heading__subtitle {
margin-bottom: 6px;
letter-spacing: 1.2px
}
.wrapper .cs-heading__subtitle + .cs-heading__content {
margin-top: 25px
}
.wrapper .cs-heading__title {
margin-top: 0;
margin-bottom: 0;
word-wrap: break-word
}
.wrapper .cs-heading__title + .cs-heading__content {
margin-top: 15px
}
.wrapper .cs-heading h1.cs-heading__title {
font-size: 90px
}
@media screen and (max-width: 991px) {
.wrapper .cs-heading h1.cs-heading__title {
font-size: 80px
}
}
@media screen and (max-width: 767px) {
.wrapper .cs-heading h1.cs-heading__title {
font-size: 55px
}
}
.wrapper .cs-heading h2.cs-heading__title {
font-size: 80px
}
@media screen and (max-width: 991px) {
.wrapper .cs-heading h2.cs-heading__title {
font-size: 70px
}
}
@media screen and (max-width: 767px) {
.wrapper .cs-heading h2.cs-heading__title {
font-size: 45px
}
}
@media screen and (max-width: 480px) {
.wrapper .cs-heading h2.cs-heading__title {
font-size: 38px
}
}
.wrapper .cs-heading__content h1,
.wrapper .cs-heading__content h2,
.wrapper .cs-heading__content h3,
.wrapper .cs-heading__content h4,
.wrapper .cs-heading__content h5,
.wrapper .cs-heading__content h6 {
letter-spacing: .8px
}
.wrapper .cs-heading__content ul {
padding-left: 20px
}
.wrapper .cs-heading__content li {
color: rgba(56, 60, 80, .8)
}
.wrapper .cs-heading__content p:empty {
display: none
}
.wrapper .cs-heading__btn {
margin-top: 30px;
letter-spacing: 2px
}
.wrapper .cs-parent {
position: relative;
overflow: hidden
}
.wrapper .cs-parent__img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 284px
}
@media screen and (max-width: 991px) {
.wrapper .cs-parent__img {
height: 240px
}
}
.wrapper .cs-parent__img--not-empty {
height: 446px
}
@media screen and (max-width: 991px) {
.wrapper .cs-parent__img--not-empty {
height: 365px
}
}
.wrapper .cs-parent__content-wr {
position: relative;
max-width: 1170px;
min-height: 283px;
margin-right: auto;
margin-left: auto
}
@media screen and (max-width: 1199px) {
.wrapper .cs-parent__content-wr {
max-width: 970px
}
}
@media screen and (max-width: 991px) {
.wrapper .cs-parent__content-wr {
max-width: 750px;
min-height: 230px
}
}
@media screen and (max-width: 767px) {
.wrapper .cs-parent__content-wr {
max-width: calc(100% - 30px)
}
}
.wrapper .cs-parent__heading {
padding: 68px 0 70px
}
@media screen and (max-width: 991px) {
.wrapper .cs-parent__heading {
padding: 50px 0
}
}
.wrapper .cs-counter {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative
}
.wrapper .cs-counter--img-right {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse
}
@media screen and (max-width: 991px) {
.wrapper .cs-counter {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
.cs-counter__img-wrapp {
height: 100%
}
@media screen and (max-width: 991px) {
.wrapper .cs-counter__img-wrapp {
min-height: 350px
}
}
.wrapper .cs-counter__wrapp {
padding-top: 75px;
padding-bottom: 70px;
background-color: #fff;
text-align: center
}
@media screen and (max-width: 1199px) {
.wrapper .cs-counter__wrapp {
padding: 55px 0
}
}
@media screen and (max-width: 767px) {
.wrapper .cs-counter__wrapp {
padding: 20px
}
}
.wrapper .cs-counter__info {
max-width: 82%;
margin-right: auto;
margin-left: auto
}
@media screen and (max-width: 767px) {
.wrapper .cs-counter__info {
max-width: 100%
}
}
.wrapper .cs-counter__title {
margin-bottom: 19px
}
.wrapper .cs-counter__desc p {
color: rgba(56, 60, 80, .6);
font-family: "Raleway", sans-serif;
font-size: 25px;
font-weight: 300;
line-height: 1.4
}
@media screen and (max-width: 767px) {
.wrapper .cs-counter__desc p {
font-size: 20px
}
}
@media screen and (max-width: 480px) {
.wrapper .cs-counter__desc p {
font-size: 18px
}
}
.wrapper .cs-counter__desc p:empty {
display: none
}
.wrapper .cs-counter__numbers {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 28px
}
.wrapper .cs-counter__numbers:empty {
display: none
}
@media screen and (max-width: 1199px) {
.wrapper .cs-counter__numbers {
margin-top: 10px
}
}
.wrapper .cs-counter__item {
margin-top: 20px;
padding: 0 25px
}
@media screen and (max-width: 1199px) {
.wrapper .cs-counter__item {
padding: 0 15px
}
}
.wrapper .cs-counter__item-number {
margin-bottom: 0;
font-size: 46px;
line-height: 1.09
}
@media screen and (max-width: 767px) {
.wrapper .cs-counter__item-number {
font-size: 34px
}
}
.wrapper .cs-counter__item-title {
margin-top: 0;
color: #383c50;
font-family: "Raleway", sans-serif;
font-size: 18px;
letter-spacing: .8px
}
@media screen and (max-width: 767px) {
.wrapper .cs-counter__item-title {
font-size: 16px
}
}
.wrapper .cs-awards__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
padding: 30px 0
}
@media screen and (max-width: 991px) {
.wrapper .cs-awards__item {
padding: 15px 0
}
}
.wrapper .cs-awards__item:last-child .cs-awards__separator:before {
height: calc(100% - 8px)
}
.wrapper .cs-awards__date {
width: 14%;
min-width: 73px;
margin-bottom: 0;
padding-top: 5px;
padding-left: 10px;
color: rgba(56, 60, 80, .6);
font-weight: 100;
letter-spacing: 1.6px
}
.wrapper .cs-awards__separator {
display: inline-block;
position: relative;
width: 2px
}
.wrapper .cs-awards__separator:before {
position: absolute;
top: 25px;
left: 0;
width: 1px;
height: calc(100% + 37px);
border-radius: 50%;
background-color: rgba(56, 60, 80, .3);
content: ""
}
@media screen and (max-width: 991px) {
.wrapper .cs-awards__separator:before {
height: calc(100% + 7px)
}
}
.wrapper .cs-awards__separator:after {
position: absolute;
top: 11px;
left: -3px;
width: 7px;
height: 7px;
border-radius: 50%;
background-color: #383c50;
content: ""
}
.wrapper .cs-awards__date + .cs-awards__info,
.wrapper .cs-awards__separator + .cs-awards__info {
padding-left: 30px
}
.wrapper .cs-awards__info {
width: 86%
}
.wrapper .cs-awards__info--empty {
width: 100%
}
.wrapper .cs-awards__title {
margin-top: 0;
margin-bottom: 0;
letter-spacing: .4px
}
.wrapper .cs-awards__title-link {
display: inline-block
}
.wrapper .cs-awards__title-link .cs-awards__title {
-webkit-transition: color .2s ease, border-color .2s ease;
-o-transition: color .2s ease, border-color .2s ease;
transition: color .2s ease, border-color .2s ease;
border-bottom: 2px solid #383c50
}
.wrapper .cs-awards__title-link:hover .cs-awards__title {
border-bottom: 1px solid rgba(56, 60, 80, .7);
color: rgba(56, 60, 80, .7)
}
.wrapper .cs-awards__title + .cs-awards__subtitle,
.wrapper .cs-awards__title-link + .cs-awards__subtitle {
margin-top: 18px
}
@media screen and (max-width: 991px) {
.cs-awards__title + .cs-awards__subtitle, .cs-awards__title-link + .cs-awards__subtitle {
margin-top: 10px
}
}
.wrapper .cs-awards__subtitle p {
color: rgba(56, 60, 80, .6)
}
.wrapper .frm_style_formidable-style.with_frm_style input[type=email],
.wrapper .frm_style_formidable-style.with_frm_style input[type=file],
.wrapper .frm_style_formidable-style.with_frm_style input[type=number],
.wrapper .frm_style_formidable-style.with_frm_style input[type=password],
.wrapper .frm_style_formidable-style.with_frm_style input[type=search],
.wrapper .frm_style_formidable-style.with_frm_style input[type=tel],
.wrapper .frm_style_formidable-style.with_frm_style input[type=text],
.wrapper .frm_style_formidable-style.with_frm_style input[type=url],
.wrapper .frm_style_formidable-style.with_frm_style label.frm_primary_label,
.wrapper .frm_style_formidable-style.with_frm_style select,
.wrapper .frm_style_formidable-style.with_frm_style textarea,
.wrapper .frm_style_formidable-style.with_frm_style.frm_login_form label,
.wrapper input[type=email],
.wrapper input[type=file],
.wrapper input[type=number],
.wrapper input[type=password],
.wrapper input[type=search],
.wrapper input[type=tel],
.wrapper input[type=text],
.wrapper input[type=url],
.wrapper label,
.wrapper select,
.wrapper textarea {
font-family: "Raleway", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 22px;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.wrapper .frm_style_formidable-style.with_frm_style label.frm_primary_label,
.wrapper .frm_style_formidable-style.with_frm_style.frm_login_form label,
.wrapper label {
color: #383c50;
letter-spacing: .8px
}
.wrapper .frm_style_formidable-style.with_frm_style label.frm_primary_label .frm_required,
.wrapper .frm_style_formidable-style.with_frm_style.frm_login_form label .frm_required,
.wrapper label .frm_required {
color: inherit
}
.wrapper .frm_style_formidable-style.with_frm_style label.frm_primary_label,
.wrapper .frm_style_formidable-style.with_frm_style.frm_login_form label {
padding: 0
}
.wrapper .frm_style_formidable-style.with_frm_style input[type=email],
.wrapper .frm_style_formidable-style.with_frm_style input[type=file],
.wrapper .frm_style_formidable-style.with_frm_style input[type=number],
.wrapper .frm_style_formidable-style.with_frm_style input[type=password],
.wrapper .frm_style_formidable-style.with_frm_style input[type=search],
.wrapper .frm_style_formidable-style.with_frm_style input[type=tel],
.wrapper .frm_style_formidable-style.with_frm_style input[type=text],
.wrapper .frm_style_formidable-style.with_frm_style input[type=url],
.wrapper .frm_style_formidable-style.with_frm_style textarea,
.wrapper input[type=email], input[type=number],
.wrapper input[type=password],
.wrapper input[type=search],
.wrapper input[type=tel],
.wrapper input[type=text],
.wrapper textarea {
height: auto;
padding: 5px 20px;
-webkit-transition: border .2s ease, background-color .2s ease, color .2s ease;
-o-transition: border .2s ease, background-color .2s ease, color .2s ease;
transition: border .2s ease, background-color .2s ease, color .2s ease;
border: 1px solid #eef1f2;
border-radius: 0;
background-color: #eef1f2;
color: #b9bdc3;
-webkit-box-shadow: none;
box-shadow: none
}
.wrapper .frm_style_formidable-style.with_frm_style input[type=email]::-webkit-input-placeholder,
.wrapper .frm_style_formidable-style.with_frm_style input[type=file]::-webkit-input-placeholder,
.wrapper .frm_style_formidable-style.with_frm_style input[type=number]::-webkit-input-placeholder,
.wrapper .frm_style_formidable-style.with_frm_style input[type=password]::-webkit-input-placeholder,
.wrapper .frm_style_formidable-style.with_frm_style input[type=search]::-webkit-input-placeholder,
.wrapper .frm_style_formidable-style.with_frm_style input[type=tel]::-webkit-input-placeholder,
.wrapper .frm_style_formidable-style.with_frm_style input[type=text]::-webkit-input-placeholder,
.wrapper .frm_style_formidable-style.with_frm_style input[type=url]::-webkit-input-placeholder,
.wrapper .frm_style_formidable-style.with_frm_style textarea::-webkit-input-placeholder,
.wrapper input[type=email]::-webkit-input-placeholder,
.wrapper input[type=number]::-webkit-input-placeholder,
.wrapper input[type=password]::-webkit-input-placeholder,
.wrapper input[type=search]::-webkit-input-placeholder,
.wrapper input[type=tel]::-webkit-input-placeholder,
.wrapper input[type=text]::-webkit-input-placeholder,
.wrapper textarea::-webkit-input-placeholder {
color: #b9bdc3
}
.wrapper .frm_style_formidable-style.with_frm_style input[type=email]:-ms-input-placeholder,
.wrapper .frm_style_formidable-style.with_frm_style input[type=file]:-ms-input-placeholder,
.wrapper .frm_style_formidable-style.with_frm_style input[type=number]:-ms-input-placeholder,
.wrapper .frm_style_formidable-style.with_frm_style input[type=password]:-ms-input-placeholder,
.wrapper .frm_style_formidable-style.with_frm_style input[type=search]:-ms-input-placeholder,
.wrapper .frm_style_formidable-style.with_frm_style input[type=tel]:-ms-input-placeholder,
.wrapper .frm_style_formidable-style.with_frm_style input[type=text]:-ms-input-placeholder,
.wrapper .frm_style_formidable-style.with_frm_style input[type=url]:-ms-input-placeholder,
.wrapper .frm_style_formidable-style.with_frm_style textarea:-ms-input-placeholder,
.wrapper input[type=email]:-ms-input-placeholder, input[type=number]:-ms-input-placeholder,
.wrapper input[type=password]:-ms-input-placeholder, input[type=search]:-ms-input-placeholder,
.wrapper input[type=tel]:-ms-input-placeholder,
.wrapper input[type=text]:-ms-input-placeholder,
.wrapper textarea:-ms-input-placeholder {
color: #b9bdc3
}
.wrapper .frm_style_formidable-style.with_frm_style input[type=email]::-ms-input-placeholder,
.wrapper .frm_style_formidable-style.with_frm_style input[type=file]::-ms-input-placeholder,
.wrapper .frm_style_formidable-style.with_frm_style input[type=number]::-ms-input-placeholder,
.wrapper .frm_style_formidable-style.with_frm_style input[type=password]::-ms-input-placeholder,
.wrapper .frm_style_formidable-style.with_frm_style input[type=search]::-ms-input-placeholder,
.wrapper .frm_style_formidable-style.with_frm_style input[type=tel]::-ms-input-placeholder,
.wrapper .frm_style_formidable-style.with_frm_style input[type=text]::-ms-input-placeholder,
.wrapper .frm_style_formidable-style.with_frm_style input[type=url]::-ms-input-placeholder,
.wrapper .frm_style_formidable-style.with_frm_style textarea::-ms-input-placeholder,
.wrapper input[type=email]::-ms-input-placeholder, input[type=number]::-ms-input-placeholder,
.wrapper input[type=password]::-ms-input-placeholder,
.wrapper input[type=search]::-ms-input-placeholder,
.wrapper input[type=tel]::-ms-input-placeholder,
.wrapper input[type=text]::-ms-input-placeholder,
.wrapper textarea::-ms-input-placeholder {
color: #b9bdc3
}
.wrapper .frm_style_formidable-style.with_frm_style input[type=email]::placeholder,
.wrapper .frm_style_formidable-style.with_frm_style input[type=file]::placeholder,
.wrapper .frm_style_formidable-style.with_frm_style input[type=number]::placeholder,
.wrapper .frm_style_formidable-style.with_frm_style input[type=password]::placeholder,
.wrapper .frm_style_formidable-style.with_frm_style input[type=search]::placeholder,
.wrapper .frm_style_formidable-style.with_frm_style input[type=tel]::placeholder,
.wrapper .frm_style_formidable-style.with_frm_style input[type=text]::placeholder,
.wrapper .frm_style_formidable-style.with_frm_style input[type=url]::placeholder,
.wrapper .frm_style_formidable-style.with_frm_style textarea::placeholder,
.wrapper input[type=email]::placeholder,
.wrapper input[type=number]::placeholder,
.wrapper input[type=password]::placeholder,
.wrapper input[type=search]::placeholder,
.wrapper input[type=tel]::placeholder,
.wrapper input[type=text]::placeholder,
.wrapper textarea::placeholder {
color: #b9bdc3
}
.wrapper .frm_style_formidable-style.with_frm_style input[type=email]:focus,
.wrapper .frm_style_formidable-style.with_frm_style input[type=file]:focus,
.wrapper .frm_style_formidable-style.with_frm_style input[type=number]:focus,
.wrapper .frm_style_formidable-style.with_frm_style input[type=password]:focus,
.wrapper .frm_style_formidable-style.with_frm_style input[type=search]:focus,
.wrapper .frm_style_formidable-style.with_frm_style input[type=tel]:focus,
.wrapper .frm_style_formidable-style.with_frm_style input[type=text]:focus,
.wrapper .frm_style_formidable-style.with_frm_style input[type=url]:focus,
.wrapper .frm_style_formidable-style.with_frm_style textarea:focus,
.wrapper input[type=email]:focus,
.wrapper input[type=number]:focus,
.wrapper input[type=password]:focus,
.wrapper input[type=search]:focus,
.wrapper input[type=tel]:focus,
.wrapper input[type=text]:focus,
.wrapper textarea:focus {
border: 1px solid transparent;
outline: 0;
background-color: rgba(56, 60, 80, .34);
color: #383c50;
-webkit-box-shadow: none;
box-shadow: none
}
.wrapper .frm_style_formidable-style.with_frm_style input[type=email]:focus::-webkit-input-placeholder,
.wrapper .frm_style_formidable-style.with_frm_style input[type=file]:focus::-webkit-input-placeholder,
.wrapper .frm_style_formidable-style.with_frm_style input[type=number]:focus::-webkit-input-placeholder,
.wrapper .frm_style_formidable-style.with_frm_style input[type=password]:focus::-webkit-input-placeholder,
.wrapper .frm_style_formidable-style.with_frm_style input[type=search]:focus::-webkit-input-placeholder,
.wrapper .frm_style_formidable-style.with_frm_style input[type=tel]:focus::-webkit-input-placeholder,
.wrapper .frm_style_formidable-style.with_frm_style input[type=text]:focus::-webkit-input-placeholder,
.wrapper .frm_style_formidable-style.with_frm_style input[type=url]:focus::-webkit-input-placeholder,
.wrapper .frm_style_formidable-style.with_frm_style textarea:focus::-webkit-input-placeholder,
.wrapper input[type=email]:focus::-webkit-input-placeholder,
.wrapper input[type=number]:focus::-webkit-input-placeholder,
.wrapper input[type=password]:focus::-webkit-input-placeholder,
.wrapper input[type=search]:focus::-webkit-input-placeholder,
.wrapper input[type=tel]:focus::-webkit-input-placeholder,
.wrapper input[type=text]:focus::-webkit-input-placeholder,
.wrapper textarea:focus::-webkit-input-placeholder {
color: #383c50
}
.wrapper .frm_style_formidable-style.with_frm_style input[type=email]:focus:-ms-input-placeholder,
.wrapper .frm_style_formidable-style.with_frm_style input[type=file]:focus:-ms-input-placeholder,
.wrapper .frm_style_formidable-style.with_frm_style input[type=number]:focus:-ms-input-placeholder,
.wrapper .frm_style_formidable-style.with_frm_style input[type=password]:focus:-ms-input-placeholder,
.wrapper .frm_style_formidable-style.with_frm_style input[type=search]:focus:-ms-input-placeholder,
.wrapper .frm_style_formidable-style.with_frm_style input[type=tel]:focus:-ms-input-placeholder,
.wrapper .frm_style_formidable-style.with_frm_style input[type=text]:focus:-ms-input-placeholder,
.wrapper .frm_style_formidable-style.with_frm_style input[type=url]:focus:-ms-input-placeholder,
.wrapper .frm_style_formidable-style.with_frm_style textarea:focus:-ms-input-placeholder,
.wrapper input[type=email]:focus:-ms-input-placeholder,
.wrapper input[type=number]:focus:-ms-input-placeholder,
.wrapper input[type=password]:focus:-ms-input-placeholder,
.wrapper input[type=search]:focus:-ms-input-placeholder,
.wrapper input[type=tel]:focus:-ms-input-placeholder,
.wrapper input[type=text]:focus:-ms-input-placeholder,
.wrapper textarea:focus:-ms-input-placeholder {
color: #383c50
}
.frm_style_formidable-style.with_frm_style input[type=email]:focus::-ms-input-placeholder,
.wrapper .frm_style_formidable-style.with_frm_style input[type=file]:focus::-ms-input-placeholder,
.wrapper .frm_style_formidable-style.with_frm_style input[type=number]:focus::-ms-input-placeholder,
.wrapper .frm_style_formidable-style.with_frm_style input[type=password]:focus::-ms-input-placeholder,
.wrapper .frm_style_formidable-style.with_frm_style input[type=search]:focus::-ms-input-placeholder,
.wrapper .frm_style_formidable-style.with_frm_style input[type=tel]:focus::-ms-input-placeholder,
.wrapper .frm_style_formidable-style.with_frm_style input[type=text]:focus::-ms-input-placeholder,
.wrapper .frm_style_formidable-style.with_frm_style input[type=url]:focus::-ms-input-placeholder,
.wrapper .frm_style_formidable-style.with_frm_style textarea:focus::-ms-input-placeholder,
.wrapper input[type=email]:focus::-ms-input-placeholder,
.wrapper input[type=number]:focus::-ms-input-placeholder,
.wrapper input[type=password]:focus::-ms-input-placeholder,
.wrapper input[type=search]:focus::-ms-input-placeholder,
.wrapper input[type=tel]:focus::-ms-input-placeholder,
.wrapper input[type=text]:focus::-ms-input-placeholder,
.wrapper textarea:focus::-ms-input-placeholder {
color: #383c50
}
.frm_style_formidable-style.with_frm_style input[type=email]:focus::placeholder,
.wrapper .frm_style_formidable-style.with_frm_style input[type=file]:focus::placeholder,
.wrapper .frm_style_formidable-style.with_frm_style input[type=number]:focus::placeholder,
.wrapper .frm_style_formidable-style.with_frm_style input[type=password]:focus::placeholder,
.wrapper .frm_style_formidable-style.with_frm_style input[type=search]:focus::placeholder,
.wrapper .frm_style_formidable-style.with_frm_style input[type=tel]:focus::placeholder,
.wrapper .frm_style_formidable-style.with_frm_style input[type=text]:focus::placeholder,
.wrapper .frm_style_formidable-style.with_frm_style input[type=url]:focus::placeholder,
.wrapper .frm_style_formidable-style.with_frm_style textarea:focus::placeholder,
.wrapper input[type=email]:focus::placeholder,
.wrapper input[type=number]:focus::placeholder,
.wrapper input[type=password]:focus::placeholder,
.wrapper input[type=search]:focus::placeholder,
.wrapper input[type=tel]:focus::placeholder,
.wrapper input[type=text]:focus::placeholder,
.wrapper textarea:focus::placeholder {
color: #383c50
}
.wrapper .frm_style_formidable-style.with_frm_style textarea,
.wrapper textarea {
height: 119px;
resize: none
}
.wrapper .cs-form .frm_style_formidable-style.with_frm_style label.frm_primary_label,
.wrapper .cs-form .frm_style_formidable-style.with_frm_style.frm_login_form label,
.wrapper .cs-form label {
display: block;
margin-bottom: 6px
}
.wrapper .cs-form .frm_style_formidable-style.with_frm_style input[type=email],
.wrapper .cs-form .frm_style_formidable-style.with_frm_style input[type=file],
.wrapper .cs-form .frm_style_formidable-style.with_frm_style input[type=number],
.wrapper .cs-form .frm_style_formidable-style.with_frm_style input[type=password],
.wrapper .cs-form .frm_style_formidable-style.with_frm_style input[type=search],
.wrapper .cs-form .frm_style_formidable-style.with_frm_style input[type=tel],
.wrapper .cs-form .frm_style_formidable-style.with_frm_style input[type=text],
.wrapper .cs-form .frm_style_formidable-style.with_frm_style input[type=url],
.wrapper .cs-form .frm_style_formidable-style.with_frm_style textarea,
.wrapper .cs-form input[type=email],
.wrapper .cs-form input[type=number],
.wrapper .cs-form input[type=password],
.wrapper .cs-form input[type=search],
.wrapper .cs-form input[type=tel],
.wrapper .cs-form input[type=text],
.wrapper .cs-form textarea {
display: block;
width: 100%;
margin-bottom: 11px;
outline: 0;
-webkit-box-shadow: none;
box-shadow: none
}
.wrapper .cs-form .frm_style_formidable-style.with_frm_style input[type=email]:focus,
.wrapper .cs-form .frm_style_formidable-style.with_frm_style input[type=file]:focus,
.wrapper .cs-form .frm_style_formidable-style.with_frm_style input[type=number]:focus,
.wrapper .cs-form .frm_style_formidable-style.with_frm_style input[type=password]:focus,
.wrapper .cs-form .frm_style_formidable-style.with_frm_style input[type=search]:focus,
.wrapper .cs-form .frm_style_formidable-style.with_frm_style input[type=tel]:focus,
.wrapper .cs-form .frm_style_formidable-style.with_frm_style input[type=text]:focus,
.wrapper .cs-form .frm_style_formidable-style.with_frm_style input[type=url]:focus,
.wrapper .cs-form .frm_style_formidable-style.with_frm_style textarea:focus,
.wrapper .cs-form input[type=email]:focus, .cs-form input[type=number]:focus,
.wrapper .cs-form input[type=password]:focus, .cs-form input[type=search]:focus,
.wrapper .cs-form input[type=tel]:focus, .cs-form input[type=text]:focus,
.wrapper .cs-form textarea:focus {
border: 1px solid transparent;
outline: 0;
background-color: rgba(56, 60, 80, .34);
-webkit-box-shadow: none;
box-shadow: none
}
.wrapper .cs-form .frm_style_formidable-style.with_frm_style input[type=email],
.wrapper .cs-form .frm_style_formidable-style.with_frm_style input[type=file],
.wrapper .cs-form .frm_style_formidable-style.with_frm_style input[type=number],
.wrapper .cs-form .frm_style_formidable-style.with_frm_style input[type=password],
.wrapper .cs-form .frm_style_formidable-style.with_frm_style input[type=search],
.wrapper .cs-form .frm_style_formidable-style.with_frm_style input[type=tel],
.wrapper .cs-form .frm_style_formidable-style.with_frm_style input[type=text],
.wrapper .cs-form .frm_style_formidable-style.with_frm_style input[type=url],
.wrapper .cs-form .frm_style_formidable-style.with_frm_style textarea,
.wrapper .cs-form .wpcf7-form-control-wrap input[type=email],
.wrapper .cs-form .wpcf7-form-control-wrap input[type=file],
.wrapper .cs-form .wpcf7-form-control-wrap input[type=number],
.wrapper .cs-form .wpcf7-form-control-wrap input[type=password],
.wrapper .cs-form .wpcf7-form-control-wrap input[type=search],
.wrapper .cs-form .wpcf7-form-control-wrap input[type=tel],
.wrapper .cs-form .wpcf7-form-control-wrap input[type=text],
.wrapper .cs-form .wpcf7-form-control-wrap input[type=url],
.wrapper .cs-form .wpcf7-form-control-wrap textarea {
margin-bottom: 0
}
.wrapper .cs-form .frm_style_formidable-style.with_frm_style .form-field,
.wrapper .cs-form .wpcf7-form-control-wrap {
display: block;
margin-bottom: 11px !important
}
.wrapper .cs-form--white .frm_style_formidable-style.with_frm_style label.frm_primary_label,
.wrapper .cs-form--white .frm_style_formidable-style.with_frm_style.frm_login_form label,
.wrapper .cs-form--white label {
color: rgba(56, 60, 80, .8)
}
.wrapper .cs-form--white .frm_style_formidable-style.with_frm_style input[type=email],
.wrapper .cs-form--white .frm_style_formidable-style.with_frm_style input[type=file],
.wrapper .cs-form--white .frm_style_formidable-style.with_frm_style input[type=number],
.wrapper .cs-form--white .frm_style_formidable-style.with_frm_style input[type=password],
.wrapper .cs-form--white .frm_style_formidable-style.with_frm_style input[type=search],
.wrapper .cs-form--white .frm_style_formidable-style.with_frm_style input[type=tel],
.wrapper .cs-form--white .frm_style_formidable-style.with_frm_style input[type=text],
.wrapper .cs-form--white .frm_style_formidable-style.with_frm_style input[type=url],
.wrapper .cs-form--white .frm_style_formidable-style.with_frm_style textarea,
.wrapper .cs-form--white .wpcf7-form-control-wrap input[type=email],
.wrapper .cs-form--white .wpcf7-form-control-wrap input[type=file],
.wrapper .cs-form--white .wpcf7-form-control-wrap input[type=number],
.wrapper .cs-form--white .wpcf7-form-control-wrap input[type=password],
.wrapper .cs-form--white .wpcf7-form-control-wrap input[type=search],
.wrapper .cs-form--white .wpcf7-form-control-wrap input[type=tel],
.wrapper .cs-form--white .wpcf7-form-control-wrap input[type=text],
.wrapper .cs-form--white .wpcf7-form-control-wrap input[type=url],
.wrapper .cs-form--white .wpcf7-form-control-wrap textarea,
.wrapper .cs-form--white input[type=email],
.wrapper .cs-form--white input[type=password],
.wrapper .cs-form--white input[type=search],
.wrapper .cs-form--white input[type=tel],
.wrapper .cs-form--white input[type=text],
.wrapper .cs-form--white textarea {
border: 1px solid #fff;
background-color: #fff;
color: #383c50
}
.wrapper .cs-form--white .frm_style_formidable-style.with_frm_style input[type=email]::-webkit-input-placeholder,
.wrapper .cs-form--white .frm_style_formidable-style.with_frm_style input[type=file]::-webkit-input-placeholder,
.wrapper .cs-form--white .frm_style_formidable-style.with_frm_style input[type=number]::-webkit-input-placeholder,
.wrapper .cs-form--white .frm_style_formidable-style.with_frm_style input[type=password]::-webkit-input-placeholder,
.wrapper .cs-form--white .frm_style_formidable-style.with_frm_style input[type=search]::-webkit-input-placeholder,
.wrapper .cs-form--white .frm_style_formidable-style.with_frm_style input[type=tel]::-webkit-input-placeholder,
.wrapper .cs-form--white .frm_style_formidable-style.with_frm_style input[type=text]::-webkit-input-placeholder,
.wrapper .cs-form--white .frm_style_formidable-style.with_frm_style input[type=url]::-webkit-input-placeholder,
.wrapper .cs-form--white .frm_style_formidable-style.with_frm_style textarea::-webkit-input-placeholder,
.wrapper .cs-form--white .wpcf7-form-control-wrap input[type=email]::-webkit-input-placeholder,
.wrapper .cs-form--white .wpcf7-form-control-wrap input[type=file]::-webkit-input-placeholder,
.wrapper .cs-form--white .wpcf7-form-control-wrap input[type=number]::-webkit-input-placeholder,
.wrapper .cs-form--white .wpcf7-form-control-wrap input[type=password]::-webkit-input-placeholder,
.wrapper .cs-form--white .wpcf7-form-control-wrap input[type=search]::-webkit-input-placeholder,
.wrapper .cs-form--white .wpcf7-form-control-wrap input[type=tel]::-webkit-input-placeholder,
.wrapper .cs-form--white .wpcf7-form-control-wrap input[type=text]::-webkit-input-placeholder,
.wrapper .cs-form--white .wpcf7-form-control-wrap input[type=url]::-webkit-input-placeholder,
.wrapper .cs-form--white .wpcf7-form-control-wrap textarea::-webkit-input-placeholder,
.wrapper .cs-form--white input[type=email]::-webkit-input-placeholder,
.wrapper .cs-form--white input[type=password]::-webkit-input-placeholder,
.wrapper .cs-form--white input[type=search]::-webkit-input-placeholder,
.wrapper .cs-form--white input[type=tel]::-webkit-input-placeholder,
.wrapper .cs-form--white input[type=text]::-webkit-input-placeholder,
.wrapper .cs-form--white textarea::-webkit-input-placeholder {
color: #383c50
}
.wrapper .cs-form--white .frm_style_formidable-style.with_frm_style input[type=email]:-ms-input-placeholder,
.wrapper .cs-form--white .frm_style_formidable-style.with_frm_style input[type=file]:-ms-input-placeholder,
.wrapper .cs-form--white .frm_style_formidable-style.with_frm_style input[type=number]:-ms-input-placeholder,
.wrapper .cs-form--white .frm_style_formidable-style.with_frm_style input[type=password]:-ms-input-placeholder,
.wrapper .cs-form--white .frm_style_formidable-style.with_frm_style input[type=search]:-ms-input-placeholder,
.wrapper .cs-form--white .frm_style_formidable-style.with_frm_style input[type=tel]:-ms-input-placeholder,
.wrapper .cs-form--white .frm_style_formidable-style.with_frm_style input[type=text]:-ms-input-placeholder,
.wrapper .cs-form--white .frm_style_formidable-style.with_frm_style input[type=url]:-ms-input-placeholder,
.wrapper .cs-form--white .frm_style_formidable-style.with_frm_style textarea:-ms-input-placeholder,
.wrapper .cs-form--white .wpcf7-form-control-wrap input[type=email]:-ms-input-placeholder,
.wrapper .cs-form--white .wpcf7-form-control-wrap input[type=file]:-ms-input-placeholder,
.wrapper .cs-form--white .wpcf7-form-control-wrap input[type=number]:-ms-input-placeholder,
.wrapper .cs-form--white .wpcf7-form-control-wrap input[type=password]:-ms-input-placeholder,
.wrapper .cs-form--white .wpcf7-form-control-wrap input[type=search]:-ms-input-placeholder,
.wrapper .cs-form--white .wpcf7-form-control-wrap input[type=tel]:-ms-input-placeholder,
.wrapper .cs-form--white .wpcf7-form-control-wrap input[type=text]:-ms-input-placeholder,
.wrapper .cs-form--white .wpcf7-form-control-wrap input[type=url]:-ms-input-placeholder,
.wrapper .cs-form--white .wpcf7-form-control-wrap textarea:-ms-input-placeholder,
.wrapper .cs-form--white input[type=email]:-ms-input-placeholder,
.wrapper .cs-form--white input[type=password]:-ms-input-placeholder,
.wrapper .cs-form--white input[type=search]:-ms-input-placeholder,
.wrapper .cs-form--white input[type=tel]:-ms-input-placeholder,
.wrapper .cs-form--white input[type=text]:-ms-input-placeholder,
.wrapper .cs-form--white textarea:-ms-input-placeholder {
color: #383c50
}
.wrapper .cs-form--white .frm_style_formidable-style.with_frm_style input[type=email]::-ms-input-placeholder,
.wrapper .cs-form--white .frm_style_formidable-style.with_frm_style input[type=file]::-ms-input-placeholder,
.wrapper .cs-form--white .frm_style_formidable-style.with_frm_style input[type=number]::-ms-input-placeholder,
.wrapper .cs-form--white .frm_style_formidable-style.with_frm_style input[type=password]::-ms-input-placeholder,
.wrapper .cs-form--white .frm_style_formidable-style.with_frm_style input[type=search]::-ms-input-placeholder,
.wrapper .cs-form--white .frm_style_formidable-style.with_frm_style input[type=tel]::-ms-input-placeholder,
.wrapper .cs-form--white .frm_style_formidable-style.with_frm_style input[type=text]::-ms-input-placeholder,
.wrapper .cs-form--white .frm_style_formidable-style.with_frm_style input[type=url]::-ms-input-placeholder,
.wrapper .cs-form--white .frm_style_formidable-style.with_frm_style textarea::-ms-input-placeholder,
.wrapper .cs-form--white .wpcf7-form-control-wrap input[type=email]::-ms-input-placeholder,
.wrapper .cs-form--white .wpcf7-form-control-wrap input[type=file]::-ms-input-placeholder,
.wrapper .cs-form--white .wpcf7-form-control-wrap input[type=number]::-ms-input-placeholder,
.wrapper .cs-form--white .wpcf7-form-control-wrap input[type=password]::-ms-input-placeholder,
.wrapper .cs-form--white .wpcf7-form-control-wrap input[type=search]::-ms-input-placeholder,
.wrapper .cs-form--white .wpcf7-form-control-wrap input[type=tel]::-ms-input-placeholder,
.wrapper .cs-form--white .wpcf7-form-control-wrap input[type=text]::-ms-input-placeholder,
.wrapper .cs-form--white .wpcf7-form-control-wrap input[type=url]::-ms-input-placeholder,
.wrapper .cs-form--white .wpcf7-form-control-wrap textarea::-ms-input-placeholder,
.wrapper .cs-form--white input[type=email]::-ms-input-placeholder,
.wrapper .cs-form--white input[type=password]::-ms-input-placeholder,
.wrapper .cs-form--white input[type=search]::-ms-input-placeholder,
.wrapper .cs-form--white input[type=tel]::-ms-input-placeholder,
.wrapper .cs-form--white input[type=text]::-ms-input-placeholder,
.wrapper .cs-form--white textarea::-ms-input-placeholder {
color: #383c50
}
.wrapper .cs-form--white .frm_style_formidable-style.with_frm_style input[type=email]::placeholder,
.wrapper .cs-form--white .frm_style_formidable-style.with_frm_style input[type=file]::placeholder,
.wrapper .cs-form--white .frm_style_formidable-style.with_frm_style input[type=number]::placeholder,
.wrapper .cs-form--white .frm_style_formidable-style.with_frm_style input[type=password]::placeholder,
.wrapper .cs-form--white .frm_style_formidable-style.with_frm_style input[type=search]::placeholder,
.wrapper .cs-form--white .frm_style_formidable-style.with_frm_style input[type=tel]::placeholder,
.wrapper .cs-form--white .frm_style_formidable-style.with_frm_style input[type=text]::placeholder,
.wrapper .cs-form--white .frm_style_formidable-style.with_frm_style input[type=url]::placeholder,
.wrapper .cs-form--white .frm_style_formidable-style.with_frm_style textarea::placeholder,
.wrapper .cs-form--white .wpcf7-form-control-wrap input[type=email]::placeholder,
.wrapper .cs-form--white .wpcf7-form-control-wrap input[type=file]::placeholder,
.wrapper .cs-form--white .wpcf7-form-control-wrap input[type=number]::placeholder,
.wrapper .cs-form--white .wpcf7-form-control-wrap input[type=password]::placeholder,
.wrapper .cs-form--white .wpcf7-form-control-wrap input[type=search]::placeholder,
.wrapper .cs-form--white .wpcf7-form-control-wrap input[type=tel]::placeholder,
.wrapper .cs-form--white .wpcf7-form-control-wrap input[type=text]::placeholder,
.wrapper .cs-form--white .wpcf7-form-control-wrap input[type=url]::placeholder,
.wrapper .cs-form--white .wpcf7-form-control-wrap textarea::placeholder,
.wrapper .cs-form--white input[type=email]::placeholder,
.wrapper .cs-form--white input[type=password]::placeholder,
.wrapper .cs-form--white input[type=search]::placeholder,
.wrapper .cs-form--white input[type=tel]::placeholder,
.wrapper .cs-form--white input[type=text]::placeholder,
.wrapper .cs-form--white textarea::placeholder {
color: #383c50
}
.wrapper .cs-form--white .frm_style_formidable-style.with_frm_style input[type=email]:focus,
.wrapper .cs-form--white .frm_style_formidable-style.with_frm_style input[type=file]:focus,
.wrapper .cs-form--white .frm_style_formidable-style.with_frm_style input[type=number]:focus,
.wrapper .cs-form--white .frm_style_formidable-style.with_frm_style input[type=password]:focus,
.wrapper .cs-form--white .frm_style_formidable-style.with_frm_style input[type=search]:focus,
.wrapper .cs-form--white .frm_style_formidable-style.with_frm_style input[type=tel]:focus,
.wrapper .cs-form--white .frm_style_formidable-style.with_frm_style input[type=text]:focus,
.wrapper .cs-form--white .frm_style_formidable-style.with_frm_style input[type=url]:focus,
.wrapper .cs-form--white .frm_style_formidable-style.with_frm_style textarea:focus,
.wrapper .cs-form--white .wpcf7-form-control-wrap input[type=email]:focus,
.wrapper .cs-form--white .wpcf7-form-control-wrap input[type=file]:focus,
.wrapper .cs-form--white .wpcf7-form-control-wrap input[type=number]:focus,
.wrapper .cs-form--white .wpcf7-form-control-wrap input[type=password]:focus,
.wrapper .cs-form--white .wpcf7-form-control-wrap input[type=search]:focus,
.wrapper .cs-form--white .wpcf7-form-control-wrap input[type=tel]:focus,
.wrapper .cs-form--white .wpcf7-form-control-wrap input[type=text]:focus,
.wrapper .cs-form--white .wpcf7-form-control-wrap input[type=url]:focus,
.wrapper .cs-form--white .wpcf7-form-control-wrap textarea:focus,
.wrapper .cs-form--white input[type=email]:focus,
.wrapper .cs-form--white input[type=password]:focus,
.wrapper .cs-form--white input[type=search]:focus,
.wrapper .cs-form--white input[type=tel]:focus,
.wrapper .cs-form--white input[type=text]:focus,
.wrapper .cs-form--white textarea:focus {
border: 1px solid #d7d7d7;
background-color: #fff;
color: #383c50
}
.wrapper .cs-form--white .frm_style_formidable-style.with_frm_style input[type=email]:focus::-webkit-input-placeholder,
.wrapper .cs-form--white .frm_style_formidable-style.with_frm_style input[type=file]:focus::-webkit-input-placeholder,
.wrapper .cs-form--white .frm_style_formidable-style.with_frm_style input[type=number]:focus::-webkit-input-placeholder,
.wrapper .cs-form--white .frm_style_formidable-style.with_frm_style input[type=password]:focus::-webkit-input-placeholder,
.wrapper .cs-form--white .frm_style_formidable-style.with_frm_style input[type=search]:focus::-webkit-input-placeholder,
.wrapper .cs-form--white .frm_style_formidable-style.with_frm_style input[type=tel]:focus::-webkit-input-placeholder,
.wrapper .cs-form--white .frm_style_formidable-style.with_frm_style input[type=text]:focus::-webkit-input-placeholder,
.wrapper .cs-form--white .frm_style_formidable-style.with_frm_style input[type=url]:focus::-webkit-input-placeholder,
.wrapper .cs-form--white .frm_style_formidable-style.with_frm_style textarea:focus::-webkit-input-placeholder,
.wrapper .cs-form--white .wpcf7-form-control-wrap input[type=email]:focus::-webkit-input-placeholder,
.wrapper .cs-form--white .wpcf7-form-control-wrap input[type=file]:focus::-webkit-input-placeholder,
.wrapper .cs-form--white .wpcf7-form-control-wrap input[type=number]:focus::-webkit-input-placeholder,
.wrapper .cs-form--white .wpcf7-form-control-wrap input[type=password]:focus::-webkit-input-placeholder,
.wrapper .cs-form--white .wpcf7-form-control-wrap input[type=search]:focus::-webkit-input-placeholder,
.wrapper .cs-form--white .wpcf7-form-control-wrap input[type=tel]:focus::-webkit-input-placeholder,
.wrapper .cs-form--white .wpcf7-form-control-wrap input[type=text]:focus::-webkit-input-placeholder,
.wrapper .cs-form--white .wpcf7-form-control-wrap input[type=url]:focus::-webkit-input-placeholder,
.wrapper .cs-form--white .wpcf7-form-control-wrap textarea:focus::-webkit-input-placeholder,
.wrapper .cs-form--white input[type=email]:focus::-webkit-input-placeholder,
.wrapper .cs-form--white input[type=password]:focus::-webkit-input-placeholder,
.wrapper .cs-form--white input[type=search]:focus::-webkit-input-placeholder,
.wrapper .cs-form--white input[type=tel]:focus::-webkit-input-placeholder,
.wrapper .cs-form--white input[type=text]:focus::-webkit-input-placeholder,
.wrapper .cs-form--white textarea:focus::-webkit-input-placeholder {
color: #383c50
}
.wrapper .cs-form--white .frm_style_formidable-style.with_frm_style input[type=email]:focus:-ms-input-placeholder,
.wrapper .cs-form--white .frm_style_formidable-style.with_frm_style input[type=file]:focus:-ms-input-placeholder,
.wrapper .cs-form--white .frm_style_formidable-style.with_frm_style input[type=number]:focus:-ms-input-placeholder,
.wrapper .cs-form--white .frm_style_formidable-style.with_frm_style input[type=password]:focus:-ms-input-placeholder,
.wrapper .cs-form--white .frm_style_formidable-style.with_frm_style input[type=search]:focus:-ms-input-placeholder,
.wrapper .cs-form--white .frm_style_formidable-style.with_frm_style input[type=tel]:focus:-ms-input-placeholder,
.wrapper .cs-form--white .frm_style_formidable-style.with_frm_style input[type=text]:focus:-ms-input-placeholder,
.wrapper .cs-form--white .frm_style_formidable-style.with_frm_style input[type=url]:focus:-ms-input-placeholder,
.wrapper .cs-form--white .frm_style_formidable-style.with_frm_style textarea:focus:-ms-input-placeholder,
.wrapper .cs-form--white .wpcf7-form-control-wrap input[type=email]:focus:-ms-input-placeholder,
.wrapper .cs-form--white .wpcf7-form-control-wrap input[type=file]:focus:-ms-input-placeholder,
.wrapper .cs-form--white .wpcf7-form-control-wrap input[type=number]:focus:-ms-input-placeholder,
.wrapper .cs-form--white .wpcf7-form-control-wrap input[type=password]:focus:-ms-input-placeholder,
.wrapper .cs-form--white .wpcf7-form-control-wrap input[type=search]:focus:-ms-input-placeholder,
.wrapper .cs-form--white .wpcf7-form-control-wrap input[type=tel]:focus:-ms-input-placeholder,
.wrapper .cs-form--white .wpcf7-form-control-wrap input[type=text]:focus:-ms-input-placeholder,
.wrapper .cs-form--white .wpcf7-form-control-wrap input[type=url]:focus:-ms-input-placeholder,
.wrapper .cs-form--white .wpcf7-form-control-wrap textarea:focus:-ms-input-placeholder,
.wrapper .cs-form--white input[type=email]:focus:-ms-input-placeholder,
.wrapper .cs-form--white input[type=password]:focus:-ms-input-placeholder,
.wrapper .cs-form--white input[type=search]:focus:-ms-input-placeholder,
.wrapper .cs-form--white input[type=tel]:focus:-ms-input-placeholder,
.wrapper .cs-form--white input[type=text]:focus:-ms-input-placeholder,
.wrapper .cs-form--white textarea:focus:-ms-input-placeholder {
color: #383c50
}
.cs-form--white .frm_style_formidable-style.with_frm_style input[type=email]:focus::-ms-input-placeholder,
.wrapper .cs-form--white .frm_style_formidable-style.with_frm_style input[type=file]:focus::-ms-input-placeholder,
.wrapper .cs-form--white .frm_style_formidable-style.with_frm_style input[type=number]:focus::-ms-input-placeholder,
.wrapper .cs-form--white .frm_style_formidable-style.with_frm_style input[type=password]:focus::-ms-input-placeholder,
.wrapper .cs-form--white .frm_style_formidable-style.with_frm_style input[type=search]:focus::-ms-input-placeholder,
.wrapper .cs-form--white .frm_style_formidable-style.with_frm_style input[type=tel]:focus::-ms-input-placeholder,
.wrapper .cs-form--white .frm_style_formidable-style.with_frm_style input[type=text]:focus::-ms-input-placeholder,
.wrapper .cs-form--white .frm_style_formidable-style.with_frm_style input[type=url]:focus::-ms-input-placeholder,
.wrapper .cs-form--white .frm_style_formidable-style.with_frm_style textarea:focus::-ms-input-placeholder,
.wrapper .cs-form--white .wpcf7-form-control-wrap input[type=email]:focus::-ms-input-placeholder,
.wrapper .cs-form--white .wpcf7-form-control-wrap input[type=file]:focus::-ms-input-placeholder,
.wrapper .cs-form--white .wpcf7-form-control-wrap input[type=number]:focus::-ms-input-placeholder,
.wrapper .cs-form--white .wpcf7-form-control-wrap input[type=password]:focus::-ms-input-placeholder,
.wrapper .cs-form--white .wpcf7-form-control-wrap input[type=search]:focus::-ms-input-placeholder,
.wrapper .cs-form--white .wpcf7-form-control-wrap input[type=tel]:focus::-ms-input-placeholder,
.wrapper .cs-form--white .wpcf7-form-control-wrap input[type=text]:focus::-ms-input-placeholder,
.wrapper .cs-form--white .wpcf7-form-control-wrap input[type=url]:focus::-ms-input-placeholder,
.wrapper .cs-form--white .wpcf7-form-control-wrap textarea:focus::-ms-input-placeholder,
.wrapper .cs-form--white input[type=email]:focus::-ms-input-placeholder,
.wrapper .cs-form--white input[type=password]:focus::-ms-input-placeholder,
.wrapper .cs-form--white input[type=search]:focus::-ms-input-placeholder,
.wrapper .cs-form--white input[type=tel]:focus::-ms-input-placeholder,
.wrapper .cs-form--white input[type=text]:focus::-ms-input-placeholder,
.wrapper .cs-form--white textarea:focus::-ms-input-placeholder {
color: #383c50
}
.cs-form--white .frm_style_formidable-style.with_frm_style input[type=email]:focus::placeholder,
.wrapper .cs-form--white .frm_style_formidable-style.with_frm_style input[type=file]:focus::placeholder,
.wrapper .cs-form--white .frm_style_formidable-style.with_frm_style input[type=number]:focus::placeholder,
.wrapper .cs-form--white .frm_style_formidable-style.with_frm_style input[type=password]:focus::placeholder,
.wrapper .cs-form--white .frm_style_formidable-style.with_frm_style input[type=search]:focus::placeholder,
.wrapper .cs-form--white .frm_style_formidable-style.with_frm_style input[type=tel]:focus::placeholder,
.wrapper .cs-form--white .frm_style_formidable-style.with_frm_style input[type=text]:focus::placeholder,
.wrapper .cs-form--white .frm_style_formidable-style.with_frm_style input[type=url]:focus::placeholder,
.wrapper .cs-form--white .frm_style_formidable-style.with_frm_style textarea:focus::placeholder,
.wrapper .cs-form--white .wpcf7-form-control-wrap input[type=email]:focus::placeholder,
.wrapper .cs-form--white .wpcf7-form-control-wrap input[type=file]:focus::placeholder,
.wrapper .cs-form--white .wpcf7-form-control-wrap input[type=number]:focus::placeholder,
.wrapper .cs-form--white .wpcf7-form-control-wrap input[type=password]:focus::placeholder,
.wrapper .cs-form--white .wpcf7-form-control-wrap input[type=search]:focus::placeholder,
.wrapper .cs-form--white .wpcf7-form-control-wrap input[type=tel]:focus::placeholder,
.wrapper .cs-form--white .wpcf7-form-control-wrap input[type=text]:focus::placeholder,
.wrapper .cs-form--white .wpcf7-form-control-wrap input[type=url]:focus::placeholder,
.wrapper .cs-form--white .wpcf7-form-control-wrap textarea:focus::placeholder,
.wrapper .cs-form--white input[type=email]:focus::placeholder,
.wrapper .cs-form--white input[type=password]:focus::placeholder,
.wrapper .cs-form--white input[type=search]:focus::placeholder,
.wrapper .cs-form--white input[type=tel]:focus::placeholder,
.wrapper .cs-form--white input[type=text]:focus::placeholder,
.wrapper .cs-form--white textarea:focus::placeholder {
color: #383c50
}
.wrapper .cs-form--width {
max-width: 500px;
margin-left: auto
}
@media screen and (max-width: 991px) {
.wrapper .cs-form--width {
max-width: none
}
}
.wrapper .cs-form--xs-width {
max-width: 400px;
margin-right: auto;
margin-left: auto;
text-align: center
}
@media screen and (max-width: 767px) {
.wrapper .cs-form--xs-width {
max-width: 290px
}
}
.wrapper .cs-form--md-height input[type=email],
.wrapper .cs-form--md-height input[type=password],
.wrapper .cs-form--md-height input[type=search],
.wrapper .cs-form--md-height input[type=tel],
.wrapper .cs-form--md-height input[type=text],
.wrapper .cs-form--md-height textarea {
padding: 16px 20px
}
.wrapper .cs-form--comments input[type=email],
.wrapper .cs-form--comments input[type=password],
.wrapper .cs-form--comments input[type=search],
.wrapper .cs-form--comments input[type=tel],
.wrapper .cs-form--comments input[type=text],
.wrapper .cs-form--comments textarea {
margin-bottom: 20px
}
.wrapper .cs-form--comments input[type=submit] {
display: block;
margin: 28px auto 0
}
.wrapper .cs-form--comments textarea {
height: 180px
}
.wrapper .cs-form-submit {
margin-top: 25px
}
.wrapper .cs-form-submit--center {
text-align: center
}
.wrapper .contact-form.cs-form p {
margin-top: 0;
margin-bottom: 0
}
.wrapper span.wpcf7-not-valid-tip {
max-width: 100%;
margin: 0;
padding: 0;
color: #b94a48;
font-family: "Raleway", sans-serif;
font-size: 12px;
font-style: normal;
font-weight: 900;
text-align: left
}
.wrapper .cs-testimonials {
position: relative
}
.wrapper .cs-testimonials__swiper {
margin: 0 -15px;
padding-bottom: 107px
}
@media screen and (max-width: 767px) {
.wrapper .cs-testimonials__swiper {
padding-bottom: 70px
}
}
.wrapper .cs-testimonials__pagination {
bottom: 0
}
.wrapper .cs-testimonials__pagination.swiper-pagination .swiper-pagination-bullet {
width: 10px;
height: 10px;
margin: 0 10px;
-webkit-transition: background-color .2s ease;
-o-transition: background-color .2s ease;
transition: background-color .2s ease;
border: 1px solid #383c50;
background-color: transparent;
opacity: 1
}
.wrapper .cs-testimonials__pagination.swiper-pagination .swiper-pagination-bullet-active {
background-color: #383c50
}
.wrapper .cs-testimonials__item {
padding: 0 15px
}
.wrapper .cs-testimonials__info {
position: relative;
margin-bottom: 30px;
padding: 40px 29px 32px;
-webkit-box-shadow: 6.5px 11.3px 16.6px 1.4px rgba(40, 43, 49, .13);
box-shadow: 6.5px 11.3px 16.6px 1.4px rgba(40, 43, 49, .13)
}
.wrapper .cs-testimonials__info:before {
position: absolute;
top: 100%;
left: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
border-top: 30px solid transparent;
border-right: 21px solid rgba(29, 29, 29, .7);
border-bottom: 30px solid transparent;
content: ""
}
.wrapper .cs-testimonials__info:after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #fff;
content: ""
}
.wrapper .cs-testimonials__title {
position: relative;
margin-bottom: 0;
letter-spacing: .4px;
z-index: 10
}
.wrapper .cs-testimonials__title + .cs-testimonials__description {
margin-top: 12px
}
.wrapper .cs-testimonials__description {
position: relative;
z-index: 10
}
.wrapper .cs-testimonials__description p {
color: rgba(56, 60, 80, .5)
}
.wrapper .cs-testimonials__user-img {
display: inline-block;
width: 76px;
height: 76px;
margin-left: 13px;
border-radius: 50%;
vertical-align: middle
}
.wrapper .cs-testimonials__user-info {
display: inline-block;
width: calc(100% - 95px);
padding-top: 10px;
padding-left: 16px;
vertical-align: middle
}
.wrapper .cs-testimonials__user-name {
margin-bottom: 0
}
.wrapper .cs-testimonials__user-position {
margin-top: 0;
color: rgba(56, 60, 80, .6);
font-size: 14px
}
.wrapper .cs-pricing {
margin-bottom: 30px;
text-align: center
}
@media screen and (max-width: 767px) {
.wrapper .cs-pricing {
max-width: 400px;
margin-right: auto;
margin-left: auto
}
}
.wrapper .cs-pricing__inner--simple {
border: 1px solid #191919
}
.wrapper .cs-pricing__inner--simple.cs-pricing__inner--active {
border: 1px solid #fff
}
.wrapper .cs-pricing__inner--simple.cs-pricing__inner--active .cs-pricing__price {
color: #fff
}
.wrapper .cs-pricing__inner--simple.cs-pricing__inner--active .cs-pricing__info li,
.wrapper .cs-pricing__inner--simple.cs-pricing__inner--active .cs-pricing__info p {
color: #fff
}
.wrapper .cs-pricing__inner--simple.cs-pricing__inner--active .cs-pricing__btn {
border-bottom: 1px solid #fff;
color: #fff
}
.wrapper .cs-pricing__img-wrapp {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
min-height: 280px;
padding: 30px 30px 77px 30px;
background-color: #191919
}
@media screen and (max-width: 1199px) {
.wrapper .cs-pricing__img-wrapp {
padding: 30px 20px 50px 20px
}
}
.wrapper .cs-pricing__img-wrapp--overlay {
position: relative
}
.wrapper .cs-pricing__img-wrapp--overlay:before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0, 0, 0, .5);
content: "";
z-index: 5
}
.wrapper .cs-pricing__content--simple {
padding: 65px 30px 60px;
background-color: #191919
}
@media screen and (max-width: 1199px) {
.wrapper .cs-pricing__content--simple {
padding: 40px 20px
}
}
.cs-pricing__content--image {
padding: 30px 30px;
background-color: #fff
}
@media screen and (max-width: 1199px) {
.wrapper .cs-pricing__content--image {
padding: 30px 20px
}
}
.wrapper .cs-pricing__title--simple {
margin-bottom: 6px;
color: #fff;
font-size: 11px;
letter-spacing: 2.2px
}
.wrapper .cs-pricing__title--image {
margin-bottom: 0
}
.wrapper .cs-pricing__price {
margin-bottom: 0
}
.wrapper .cs-pricing__price--simple {
color: rgba(255, 255, 255, .4)
}
.wrapper .cs-pricing__price--image {
position: relative;
margin-top: 0;
color: #fff;
font-size: 24px;
z-index: 10
}
.wrapper .cs-pricing__info p:empty {
display: none
}
.wrapper .cs-pricing__info--simple {
margin-top: 40px
}
@media screen and (max-width: 1199px) {
.wrapper .cs-pricing__info--simple {
margin-top: 20px
}
}
.wrapper .cs-pricing__info--simple li, .cs-pricing__info--simple p {
color: rgba(255, 255, 255, .3)
}
.wrapper .cs-pricing__info--image {
margin-top: 4px
}
.wrapper .cs-pricing__btn--simple {
margin-top: 30px;
border-bottom: 1px solid rgba(255, 255, 255, .4);
color: rgba(255, 255, 255, .4)
}
.wrapper .cs-pricing__btn--simple:hover {
border-bottom: 1px solid #fff;
color: #fff
}
@media screen and (max-width: 1199px) {
.wrapper .cs-pricing__btn--simple {
margin-top: 20px
}
}
.wrapper .cs-pricing__btn--image {
margin-top: 10px;
z-index: 10
}
.wrapper .cs-address {
position: relative
}
.wrapper .cs-address--image {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
min-height: 260px;
padding: 30px 50px;
-webkit-transition: .2s ease;
-o-transition: .2s ease;
transition: .2s ease;
background-color: #eef1f2
}
.wrapper .cs-address--image:hover {
background-color: #383c50
}
.wrapper .cs-address--image:hover .cs-address__img {
opacity: 1
}
.wrapper .cs-address--image:hover .cs-address__title {
color: #fff
}
.wrapper .cs-address--image:hover .cs-address__descr {
color: #fff
}
.wrapper .cs-address--image:hover .cs-address__descr * {
color: inherit
}
@media screen and (max-width: 1199px) {
.wrapper .cs-address--image {
padding: 30px
}
}
.wrapper .cs-address__item {
display: inline-block;
margin-right: 23px;
margin-bottom: 15px
}
.wrapper .cs-address__item--title-enable {
margin-right: 72px;
margin-bottom: 8px
}
.wrapper .cs-address__item:last-child {
margin-right: 0
}
@media screen and (max-width: 767px) {
.wrapper .cs-address__item {
margin-bottom: 10px
}
}
.wrapper .cs-address__item-title-simple {
display: inline-block;
margin-right: 25px;
margin-bottom: 0;
font-size: 13px;
vertical-align: baseline
}
.wrapper .cs-address__item-icon {
margin-right: 12px;
color: rgba(56, 60, 80, .8)
}
.wrapper .cs-address__item-link, .cs-address__item-text {
display: inline-block;
color: rgba(56, 60, 80, .8);
vertical-align: baseline
}
.wrapper .cs-address__item-text {
margin-top: 0
}
.wrapper .cs-address__item-link {
-webkit-transition: color .2s ease;
-o-transition: color .2s ease;
transition: color .2s ease
}
.wrapper .cs-address__item-link:hover {
color: #383c50
}
.wrapper .cs-address__title {
position: relative;
margin-top: 0;
margin-bottom: 0;
-webkit-transition: color .2s ease;
-o-transition: color .2s ease;
transition: color .2s ease;
letter-spacing: .8px
}
.wrapper .cs-address__title + .cs-address__descr {
margin-top: 20px
}
.wrapper .cs-address__descr {
position: relative
}
.wrapper .cs-address__descr * {
-webkit-transition: color .2s ease;
-o-transition: color .2s ease;
transition: color .2s ease
}
.wrapper .cs-address__descr p:empty {
display: none
}
.wrapper .cs-address__img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transition: opacity .2s ease;
-o-transition: opacity .2s ease;
transition: opacity .2s ease;
opacity: 0
}
.wrapper .cs-address__img:after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(17, 17, 17, .3);
content: ""
}
.wrapper .cs-process {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
@media screen and (max-width: 991px) {
.wrapper .cs-process {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
.wrapper .cs-process--img-right {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse
}
@media screen and (max-width: 991px) {
.wrapper .cs-process--img-right {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
.wrapper .cs-process--empty-image .cs-process__info {
width: 100%
}
.wrapper .cs-process--empty-content .cs-process__img-wrapp {
width: 100%;
min-height: 350px
}
.wrapper .cs-process__img-wrapp {
width: 50%
}
@media screen and (max-width: 991px) {
.wrapper .cs-process__img-wrapp {
width: 100%;
min-height: 350px
}
}
.wrapper .cs-process__info {
width: 50%;
padding: 66px 70px 65px;
background-color: #fff;
text-align: center
}
@media screen and (max-width: 1199px) {
.wrapper .cs-process__info {
padding: 60px 50px
}
}
@media screen and (max-width: 991px) {
.wrapper .cs-process__info {
width: 100%
}
}
@media screen and (max-width: 767px) {
.wrapper .cs-process__info {
padding: 40px 20px
}
}
.wrapper .cs-process__title {
margin-bottom: 0
}
.wrapper .cs-process__title + .cs-process__content {
margin-top: 35px
}
@media screen and (max-width: 991px) {
.wrapper .cs-process__title + .cs-process__content {
margin-top: 20px
}
}
.wrapper .cs-process__content p {
color: rgba(56, 60, 80, .6);
font-family: "Raleway", sans-serif;
font-size: 25px;
line-height: 35px
}
@media screen and (max-width: 991px) {
.wrapper .cs-process__content p {
font-size: 20px;
line-height: 28px
}
}
@media screen and (max-width: 480px) {
.wrapper .cs-process__content p {
font-size: 18px;
line-height: 25px
}
}
.wrapper .cs-process__content p:empty {
display: none
}
.wrapper .cs-process__btn {
margin-top: 30px
}
.wrapper .cs-client {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0 47px
}
.wrapper .cs-client__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 25%;
min-height: 270px;
border: 1px solid rgba(0, 0, 0, .1)
}
@media screen and (min-width: 992px) {
.wrapper .cs-client__item:nth-child(2), .cs-client__item:nth-child(3), .cs-client__item:nth-child(4) {
border-left: 0
}
.wrapper .cs-client__item:nth-child(4n+5) {
border-top: 0
}
.wrapper .cs-client__item:nth-child(4n+6), .cs-client__item:nth-child(4n+7), .cs-client__item:nth-child(4n+8) {
border-top: 0;
border-left: 0
}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
.wrapper .cs-client__item:nth-child(2), .cs-client__item:nth-child(3) {
border-left: 0
}
.wrapper .cs-client__item:nth-child(3n+4) {
border-top: 0
}
.wrapper .cs-client__item:nth-child(3n+5), .cs-client__item:nth-child(3n+6) {
border-top: 0;
border-left: 0
}
}
@media screen and (min-width: 600px) and (max-width: 767px) {
.wrapper .cs-client__item:nth-child(even) {
border-left: 0
}
.wrapper .cs-client__item:nth-child(1n+3) {
border-top: 0
}
}
@media screen and (max-width: 1199px) {
.wrapper .cs-client__item {
min-height: 219px
}
}
@media screen and (max-width: 991px) {
.wrapper .cs-client__item {
width: 33.333333%
}
}
@media screen and (max-width: 767px) {
.wrapper .cs-client__item {
width: 50%;
min-height: 240px
}
}
@media screen and (max-width: 599px) {
.wrapper .cs-client__item {
width: 100%
}
.wrapper .cs-client__item:not(:first-child) {
border-top: 0
}
}
.wrapper .cs-client__item:hover .cs-client__link-wrapp,
.wrapper .cs-client__item:hover .cs-client__overlay {
opacity: 1;
visibility: visible
}
.wrapper .cs-client__overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transition: opacity .2s ease, visibility .2s ease;
-o-transition: opacity .2s ease, visibility .2s ease;
transition: opacity .2s ease, visibility .2s ease;
background-color: #000;
opacity: 0;
visibility: hidden
}
.wrapper .cs-client__link-wrapp {
position: absolute;
top: 50%;
left: 0;
width: 100%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: opacity .2s ease, visibility .2s ease;
-o-transition: opacity .2s ease, visibility .2s ease;
transition: opacity .2s ease, visibility .2s ease;
text-align: center;
opacity: 0;
visibility: hidden
}
.wrapper .cs-coming__wrapper {
position: relative
}
.wrapper .cs-coming__time {
margin: 0;
padding: 0;
list-style: none;
text-align: center
}
.wrapper .cs-coming__time-item {
display: inline-block;
padding: 20px 45px
}
.wrapper .cs-coming__time-item:last-child .cs-coming__time-count:after, .cs-coming__time-item:last-child .cs-coming__time-count:before {
display: none
}
@media screen and (max-width: 767px) {
.wrapper .cs-coming__time-item {
padding: 20px 10px
}
}
.wrapper .cs-coming__time-count {
position: relative;
margin-bottom: 0;
color: rgba(255, 255, 255, .7);
font-size: 70px;
line-height: 78px
}
@media screen and (max-width: 767px) {
.wrapper .cs-coming__time-count {
font-size: 35px;
line-height: 35px
}
}
.wrapper .cs-coming__time-count:after, .cs-coming__time-count:before {
position: absolute;
left: calc(100% + 47px);
width: 5px;
height: 5px;
border-radius: 100%;
background-color: #fff;
content: ""
}
@media screen and (max-width: 767px) {
.wrapper .cs-coming__time-count:after, .cs-coming__time-count:before {
left: calc(100% + 10px);
width: 4px;
height: 4px
}
}
.wrapper .cs-coming__time-count:before {
top: calc(50% - 13px)
}
@media screen and (max-width: 767px) {
.wrapper .cs-coming__time-count:before {
top: calc(50% - 9px)
}
}
.wrapper .cs-coming__time-count:after {
top: calc(50% + 5px)
}
@media screen and (max-width: 767px) {
.wrapper .cs-coming__time-count:after {
top: calc(50% + 1px)
}
}
.wrapper .cs-coming__time-name {
color: rgba(255, 255, 255, .5);
font-family: "Raleway", sans-serif;
font-size: 14px;
font-weight: 900;
letter-spacing: 1.4px;
line-height: 18px
}
.wrapper .cs-coming__form {
margin-top: 45px;
text-align: center
}
@media screen and (max-width: 991px) {
.wrapper .cs-coming__form {
margin-top: 25px
}
}
.cs-coming__form input[type=email] {
min-width: 335px;
border: 1px solid transparent;
background-color: transparent;
color: rgba(255, 255, 255, .6)
}
@media screen and (max-width: 767px) {
.wrapper .cs-coming__form input[type=email] {
min-width: 290px;
font-size: 14px
}
}
.wrapper .cs-coming__form input[type=email]::-webkit-input-placeholder {
color: rgba(255, 255, 255, .6)
}
.wrapper .cs-coming__form input[type=email]:-ms-input-placeholder {
color: rgba(255, 255, 255, .6)
}
.wrapper .cs-coming__form input[type=email]::-ms-input-placeholder {
color: rgba(255, 255, 255, .6)
}
.wrapper .cs-coming__form input[type=email]::placeholder {
color: rgba(255, 255, 255, .6)
}
.wrapper .cs-coming__form input[type=email]:focus {
background-color: rgba(255, 255, 255, .1);
color: rgba(255, 255, 255, .8)
}
.wrapper .cs-coming__form input[type=email]:focus::-webkit-input-placeholder {
color: rgba(255, 255, 255, .8)
}
.wrapper .cs-coming__form input[type=email]:focus:-ms-input-placeholder {
color: rgba(255, 255, 255, .8)
}
.wrapper .cs-coming__form input[type=email]:focus::-ms-input-placeholder {
color: rgba(255, 255, 255, .8)
}
.wrapper .cs-coming__form input[type=email]:focus::placeholder {
color: rgba(255, 255, 255, .8)
}
.wrapper .cs-coming__form button[type=submit] {
border-bottom: 1px solid #fff;
color: #fff
}
.wrapper .cs-coming__form button[type=submit]:focus, .cs-coming__form button[type=submit]:hover {
border-bottom: 1px solid rgba(255, 255, 255, .8);
color: rgba(255, 255, 255, .8)
}
.wrapper .cs-coming__form p {
color: rgba(255, 255, 255, .6)
}
@media screen and (max-width: 767px) {
.wrapper .cs-coming__form p {
margin-top: 15px;
margin-bottom: 15px
}
}
.wrapper .cs-coming__form p:first-of-type {
margin-top: 0
}
.wrapper .cs-coming__form p:last-of-type {
margin-bottom: 0
}
.wrapper .cs-coming__form .mc4wp-response {
margin-top: 25px
}
.wrapper .cs-protected .pixfields_box {
display: none
}
.wrapper .cs-category:first-child .cs-banner__top-arrow {
display: none
}
.wrapper .cs-category:last-child .cs-banner__btm-arrow {
display: none
}
.wrapper .cs-error {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end
}
@media screen and (max-width: 991px) {
.wrapper .cs-error {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
}
.wrapper .cs-error__wrapper {
position: relative;
margin-top: 80px;
margin-bottom: 150px;
padding-top: 345px
}
@media screen and (max-width: 1199px) {
.wrapper .cs-error__wrapper {
margin-bottom: 80px;
padding-top: 310px
}
}
@media screen and (max-width: 991px) {
.wrapper .cs-error__wrapper {
padding-top: 220px
}
}
@media screen and (max-width: 767px) {
.wrapper .cs-error__wrapper {
padding-top: 95px
}
}
.wrapper .cs-error__bg {
position: absolute;
top: 0;
left: 50%;
margin-bottom: 0;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
color: #d7d7d7;
font-size: 520px;
line-height: 1;
text-align: center
}
@media screen and (max-width: 1199px) {
.wrapper .cs-error__bg {
font-size: 400px
}
}
@media screen and (max-width: 991px) {
.wrapper .cs-error__bg {
font-size: 300px
}
}
@media screen and (max-width: 767px) {
.cs-error__bg {
font-size: 150px
}
}
.wrapper .cs-error__btn {
margin-top: 75px
}
.wrapper .cs-details--page, .cs-details--post {
background-color: #eef1f2
}
.wrapper .cs-details--simple {
background-color: #eef1f2
}
.wrapper .cs-details__content {
padding-top: 91px;
padding-bottom: 101px
}
@media screen and (max-width: 991px) {
.wrapper .cs-details__content {
padding-top: 70px;
padding-bottom: 70px
}
}
.wrapper .cs-details__content--page,
.wrapper .cs-details__content--post {
margin-top: 0;
padding: 70px 0;
background-color: transparent
}
@media screen and (max-width: 1199px) {
.wrapper .cs-details__content--page,
.wrapper .cs-details__content--post {
padding: 70px 0
}
}
@media screen and (max-width: 991px) {
.wrapper .cs-details__content--page,
.wrapper .cs-details__content--post {
padding: 50px 0
}
}
@media screen and (max-width: 767px) {
.wrapper .cs-details__content--page,
.wrapper .cs-details__content--post {
padding: 30px 0
}
}
.wrapper .cs-details__content--gallery,
.wrapper .cs-details__content--simple {
padding: 70px 0
}
.wrapper .cs-details__content--splitted {
padding: 105px 0
}
@media screen and (max-width: 991px) {
.wrapper .cs-details__content--splitted {
padding: 0px 0
}
}
.wrapper .cs-details__content--before {
padding: 70px 0 85px
}
@media screen and (max-width: 991px) {
.wrapper .cs-details__content--before {
padding: 70px 0
}
}
.wrapper .cs-details__thumb {
min-height: 420px
}
.wrapper .cs-details__gallery {
padding-top: 5px
}
.wrapper .cs-details__gallery a {
display: block
}
.wrapper .cs-details__gallery a:not(:last-child) {
margin-bottom: 30px
}
.wrapper .cs-details__gallery img {
margin-bottom: 30px
}
.wrapper .cs-details__gallery img:last-child {
margin-bottom: 0
}
.wrapper .cs-details__comments--padd {
padding: 0 65px 65px;
background-color: #fff
}
@media screen and (max-width: 767px) {
.wrapper .cs-details__comments--padd {
padding: 30px 20px
}
}
.wrapper .cs-post--page,
.wrapper .cs-post--post {
padding: 65px;
background-color: #fff
}
@media screen and (max-width: 767px) {
.wrapper .cs-post--page,
.wrapper .cs-post--post {
padding: 30px 20px
}
}
.wrapper .cs-post--services {
text-align: center
}
.wrapper .cs-post__subtitle--books,
.wrapper .cs-post__subtitle--media,
.wrapper .cs-post__subtitle--team {
margin-bottom: 15px
}
.wrapper .cs-post__title {
word-wrap: break-word
}
.wrapper .cs-post__title--services {
margin-bottom: 12px;
text-align: left
}
.wrapper .cs-post__title--books,
.wrapper .cs-post__title--media,
.wrapper .cs-post__title--team {
margin-top: 0;
margin-bottom: 20px
}
.wrapper .cs-post__title--page,
.wrapper .cs-post__title--post {
margin-bottom: 12px;
font-size: 26px
}
.wrapper .cs-post__thumb {
margin-bottom: 30px
}
.wrapper .cs-post__content--services {
text-align: left
}
.wrapper .cs-post__content--services .gallery .gallery-icon {
-webkit-box-shadow: -2.3px 12.8px 16.6px 1.4px rgba(40, 43, 49, .13);
box-shadow: -2.3px 12.8px 16.6px 1.4px rgba(40, 43, 49, .13)
}
.wrapper .cs-post__content .pixfields_box {
display: none
}
.wrapper .cs-post__content .pixfields_box + * {
margin-top: 0
}
.wrapper .cs-post__content p {
letter-spacing: -.05px;
text-transform: none
}
.wrapper .cs-post__content a {
-webkit-transition: color .2s ease, border-bottom .2s ease;
-o-transition: color .2s ease, border-bottom .2s ease;
transition: color .2s ease, border-bottom .2s ease;
border-bottom: 1px solid #383c50;
color: #383c50
}
.wrapper .cs-post__content a:focus,
.wrapper .cs-post__content a:hover {
border-bottom: 1px solid rgba(56, 60, 80, .8);
color: rgba(56, 60, 80, .8)
}
.wrapper .cs-post__btn--services {
margin-top: 60px
}
@media screen and (max-width: 991px) {
.wrapper .cs-post__btn--services {
margin-top: 30px
}
}
.wrapper .cs-post__info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 58px
}
.wrapper .cs-post__info--team {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end
}
@media screen and (max-width: 767px) {
.wrapper .cs-post__info {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin-top: 30px
}
}
@media screen and (max-width: 767px) {
.wrapper .cs-post__info-block:not(:first-child) {
margin-top: 30px
}
}
.wrapper .cs-post__info-label {
margin-bottom: 10px;
letter-spacing: 1.2px;
text-transform: uppercase
}
.wrapper .cs-post__info-label--right {
text-align: right
}
@media screen and (max-width: 767px) {
.wrapper .cs-post__info-label--right {
text-align: left
}
}
.wrapper .cs-post__author-name, .wrapper .cs-post__date {
margin-top: 0;
margin-bottom: 10px;
font-size: 16px;
font-weight: 500;
line-height: 1.2
}
.wrapper .cs-post__author-name:last-child,
.wrapper .cs-post__date:last-child {
margin-bottom: 0
}
.wrapper .cs-post__share-icon {
width: 24px;
padding: 0;
-webkit-transition: color .2s ease, background-color .2s ease;
-o-transition: color .2s ease, background-color .2s ease;
transition: color .2s ease, background-color .2s ease;
border: 0;
background-color: transparent;
color: #7e7d7d;
font-size: 14px;
line-height: 24px
}
.wrapper .cs-post__share-icon:hover {
background-color: #111;
color: #fff
}
.wrapper .cs-post__cat,
.wrapper .cs-post__navigation,
.wrapper .cs-post__tags {
margin-top: 30px
}
.wrapper .cs-cat__title,
.wrapper .cs-tags__title {
margin-bottom: 10px;
letter-spacing: 1.2px;
text-transform: uppercase
}
.wrapper .cs-cat a,
.wrapper .cs-tags a {
display: inline-block;
margin: 0 5px 0 0;
padding: 5px 7px;
-webkit-transition: color .2s ease, background-color .2s ease;
-o-transition: color .2s ease, background-color .2s ease;
transition: color .2s ease, background-color .2s ease;
background-color: #111;
color: #fff;
font-size: 16px;
font-weight: 400;
line-height: 1.2;
text-transform: lowercase
}
.wrapper .cs-cat a:hover,
.wrapper .cs-tags a:hover {
background-color: #383c50
}
.wrapper .cs-comments {
padding-top: 67px;
padding-bottom: 105px;
background-color: #fff
}
@media screen and (max-width: 991px) {
.wrapper .cs-comments {
padding: 50px 0
}
}
.wrapper .cs-comments--small-padd {
padding-top: 30px;
padding-bottom: 0
}
.wrapper .cs-comments__listing {
margin: 0;
padding: 0;
list-style: none
}
.wrapper .cs-comments__listing .comment {
margin-top: 63px
}
@media screen and (max-width: 767px) {
.wrapper .cs-comments__listing .comment {
margin-top: 35px
}
}
.wrapper .cs-comments__listing .comment:first-child {
margin-top: 0
}
.wrapper .cs-comments__listing .children {
margin: 0;
padding: 0;
padding-left: 70px;
list-style: none
}
@media screen and (max-width: 1199px) {
.wrapper .cs-comments__listing .children {
padding-left: 20px
}
}
.wrapper .cs-comments__listing .children .comment,
.wrapper .cs-comments__listing .children .comment:first-child {
margin-top: 37px
}
@media screen and (max-width: 767px) {
.wrapper .cs-comments__listing .children .comment,
.wrapper .cs-comments__listing .children .comment:first-child {
margin-top: 20px
}
}
.wrapper .cs-comments__listing .children .children {
padding-left: 35px
}
@media screen and (max-width: 1199px) {
.wrapper .cs-comments__listing .children .children {
padding-left: 20px
}
}
.wrapper .cs-comments__listing .children .children .children .children {
padding-left: 0
}
.wrapper .cs-comments__list {
padding-bottom: 68px
}
@media screen and (max-width: 991px) {
.wrapper .cs-comments__list {
padding-bottom: 50px
}
}
.wrapper .cs-comments__list .comment-respond {
margin-top: 20px
}
.wrapper .cs-comments__form-wrapp .cs-form input[type=email],
.wrapper .cs-comments__form-wrapp .cs-form input[type=text] {
display: inline-block;
width: calc(50% - 17px)
}
@media screen and (max-width: 767px) {
.wrapper .cs-comments__form-wrapp .cs-form input[type=email],
.wrapper .cs-comments__form-wrapp .cs-form input[type=text] {
width: 100%
}
}
.wrapper .cs-comments__form-wrapp .cs-form input[type=text] {
margin-right: 15px
}
@media screen and (max-width: 767px) {
.wrapper .cs-comments__form-wrapp .cs-form input[type=text] {
margin-right: 0
}
}
.wrapper .cs-comments__form-wrapp .cs-form input[type=email] {
margin-left: 15px
}
@media screen and (max-width: 767px) {
.wrapper .cs-comments__form-wrapp .cs-form input[type=email] {
margin-left: 0
}
}
.wrapper .cs-comments__form-title {
margin-bottom: 25px;
text-transform: uppercase
}
.wrapper .cs-comments .comment-reply-title {
color: #383c50;
font-family: "Raleway", sans-serif;
font-size: 16px;
font-weight: 300;
line-height: 1.25;
text-transform: uppercase
}
.wrapper .cs-comments .comment-reply-title small {
float: right
}
.wrapper .cs-comments .comment-reply-link,
.wrapper .cs-comments .comment-reply-title a {
display: inline-block;
-webkit-transition: color .2s ease, border .2s ease;
-o-transition: color .2s ease, border .2s ease;
transition: color .2s ease, border .2s ease;
border-bottom: 1px solid #383c50;
color: #383c50;
font-family: "Raleway", sans-serif;
font-size: 12px;
font-weight: 300;
letter-spacing: 3px;
line-height: 1.8;
text-decoration: none;
text-transform: uppercase
}
.wrapper .cs-comments .comment-reply-link:focus,
.wrapper .cs-comments .comment-reply-link:hover,
.wrapper .cs-comments .comment-reply-title a:focus,
.wrapper .cs-comments .comment-reply-title a:hover {
border-bottom: 1px solid rgba(56, 60, 80, .8);
color: rgba(56, 60, 80, .8)
}
.wrapper .cs-comments--product {
margin-right: -15px;
margin-left: -36px;
padding: 0
}
.wrapper .cs-comments--product .comm-img {
width: 70px;
margin-top: 0
}
.wrapper .cs-comments--product .comm-img img {
width: 55px;
margin-right: 15px;
border-radius: 0
}
.wrapper .cs-comments--product .cs-comments__list {
padding-bottom: 0
}
.wrapper .cs-comments--product .cs-comments__list ul li {
margin-top: 0;
margin-bottom: 20px
}
.wrapper .cs-comments--product .comm-txt {
width: calc(100% - 70px)
}
.wrapper .cs-comments--product .description p {
color: inherit;
font-size: inherit;
letter-spacing: 0
}
.wrapper .comm-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.wrapper .comm-img {
width: 100px;
margin-top: 10px
}
@media screen and (max-width: 767px) {
.wrapper .comm-img {
width: 40px;
margin-right: 10px
}
}
.wrapper .comm-img img {
border-radius: 50%
}
.wrapper .comm-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
font-size: 16px;
font-weight: 300;
letter-spacing: -.05px;
line-height: 1.8;
text-transform: none
}
.wrapper .comm-info h4 {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
margin-bottom: 0;
color: #383c50;
font-family: "Raleway", sans-serif;
font-size: 16px;
font-weight: 300;
letter-spacing: .4px;
line-height: 1.25;
text-transform: uppercase
}
@media screen and (max-width: 767px) {
.wrapper .comm-info h4 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
width: 100%
}
}
.wrapper .comm-info .date-post {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end
}
@media screen and (max-width: 767px) {
.wrapper .comm-info .date-post {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width: 100%;
margin-bottom: 10px
}
}
.wrapper .comm-info .date-post h6 {
display: inline-block;
font-size: 14px;
font-weight: 300;
letter-spacing: .7px;
line-height: 1
}
.wrapper .comm-txt {
width: calc(100% - 100px)
}
@media screen and (max-width: 767px) {
.wrapper .comm-txt {
width: calc(100% - 50px)
}
}
.wrapper .comm-txt p {
margin-top: 12px;
margin-bottom: 27px;
font-size: 16px;
font-weight: 300;
letter-spacing: -.05px;
line-height: 1.8;
text-transform: none
}
@media screen and (max-width: 767px) {
.wrapper .comm-txt p {
margin-bottom: 10px
}
}
.wrapper .pingback {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
margin-bottom: 5px;
color: #000
}
.wrapper .pingback .url {
margin-left: 15px;
-webkit-transition: color .2s ease;
-o-transition: color .2s ease;
transition: color .2s ease;
color: #4353a2;
font-weight: 300;
text-decoration: underline
}
.wrapper .pingback .url:focus,
.wrapper .pingback .url:hover {
color: #8a0e0e
}
.wrapper .pingback .edit-link {
margin-left: 5px
}
.wrapper .pingback .comment-edit-link {
display: inline-block;
-webkit-transition: color .2s ease;
-o-transition: color .2s ease;
transition: color .2s ease;
color: #383c50;
font-size: 75%;
font-weight: 900;
vertical-align: top
}
.wrapper .pingback .comment-edit-link:focus,
.wrapper .pingback .comment-edit-link:hover {
color: rgba(56, 60, 80, .8)
}
.wrapper .cs-blog {
padding-bottom: 82px;
background-color: #eef1f2
}
@media screen and (max-width: 991px) {
.wrapper .cs-blog {
padding-bottom: 50px
}
}
.wrapper .cs-blog--padd {
padding-top: 70px
}
@media screen and (max-width: 991px) {
.cs-blog--padd {
padding-top: 50px
}
}
.wrapper .cs-blog--bg-white {
background-color: #fff
}
.wrapper .cs-blog__content {
padding: 0 0
}
@media screen and (max-width: 991px) {
.wrapper .cs-blog__content {
padding: 0
}
}
.wrapper .cs-blog__content--padd {
padding-top: 107px
}
@media screen and (max-width: 991px) {
.wrapper .cs-blog__content--padd {
padding-top: 50px
}
}
.wrapper .cs-blog__outer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.wrapper .cs-blog__outer:after,
.wrapper .cs-blog__outer:before {
display: none
}
.wrapper .cs-blog__pager {
margin-top: 30px
}
.wrapper .cs-navigation {
position: relative
}
.wrapper .cs-navigation:after, .wrapper .cs-navigation:before {
display: table;
clear: both;
content: ""
}
.wrapper .cs-navigation__list {
display: inline-block;
margin: 0;
padding: 0;
list-style: none;
text-transform: uppercase
}
.wrapper .cs-navigation__list--right {
float: right
}
.wrapper .cs-navigation__list a {
-webkit-transition: color .2s ease;
-o-transition: color .2s ease;
transition: color .2s ease;
border-bottom: 2px solid #383c50;
color: #383c50;
font-family: "Raleway", sans-serif;
font-size: 12px;
font-weight: 300;
letter-spacing: 3px;
line-height: 1.25
}
.wrapper .cs-navigation__list a:hover {
color: rgba(56, 60, 80, .7)
}
.wrapper .cs-pager {
position: relative
}
.wrapper .cs-pager:after, .wrapper .cs-pager:before {
display: table;
clear: both;
content: ""
}
.wrapper .cs-pager__item {
display: inline-block;
margin: 0;
padding: 0;
text-transform: uppercase
}
.wrapper .cs-pager__item--right {
float: right
}
.wrapper .cs-pager__item a {
-webkit-transition: color .2s ease;
-o-transition: color .2s ease;
transition: color .2s ease;
border-bottom: 2px solid #383c50;
color: #383c50;
font-family: "Raleway", sans-serif;
font-size: 12px;
font-weight: 300;
letter-spacing: 3px;
line-height: 1.25
}
.wrapper .cs-pager__item a:hover {
color: rgba(56, 60, 80, .7)
}
.post-nav {
position: relative;
margin-top: 30px;
color: #383c50;
font-family: "Raleway", sans-serif;
font-size: 16px;
font-weight: 300;
line-height: 1.25;
text-transform: uppercase
}
.post-nav > a, .post-nav > span {
margin-right: 5px
}
.post-nav > span.pages {
color: rgba(56, 60, 80, .7)
}
.post-nav a {
-webkit-transition: color .2s ease;
-o-transition: color .2s ease;
transition: color .2s ease
}
.post-nav a:hover {
color: rgba(56, 60, 80, .7)
}
.wrapper .cs-tblog {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.wrapper .cs-tblog--grid {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 28px;
float: none
}
@media screen and (max-width: 991px) {
.wrapper .cs-tblog--list {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
.wrapper .cs-tblog.sticky:before {
display: inline-block;
position: absolute;
top: -10px;
left: 3px;
font-family: FontAwesome;
font-size: 26px;
line-height: 1;
content: "\f0c6"
}
.wrapper .cs-tblog__wrapp--grid {
width: 100%;
max-width: 500px;
height: 100%;
margin-right: auto;
margin-left: auto;
background-color: #fff
}
.wrapper .cs-tblog__wrapp--bg-grey {
background-color: #eef1f2
}
.wrapper .cs-tblog__wrapp--list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 50%;
min-height: 400px;
margin-right: 15px;
background-color: #fff
}
@media screen and (max-width: 991px) {
.wrapper .cs-tblog__wrapp--list {
width: calc(100% - 30px);
min-height: 350px;
margin-right: auto;
margin-left: auto
}
}
.wrapper .cs-tblog__img-wrapp--list {
width: 50%;
margin-left: 15px
}
@media screen and (max-width: 991px) {
.wrapper .cs-tblog__img-wrapp--list {
width: calc(100% - 30px);
height: 350px;
margin-right: auto;
margin-left: auto
}
}
.wrapper .cs-tblog__img--grid {
margin-bottom: 15px;
text-align: center
}
.wrapper .cs-tblog__img--grid.s-back-switch {
min-height: 275px
}
.wrapper .cs-tblog__img--list {
width: 100%;
height: 100%
}
.wrapper .cs-tblog__content {
text-align: center
}
.wrapper .cs-tblog__content--grid {
min-height: 225px;
padding: 30px
}
.wrapper .cs-tblog__content--list {
max-width: 690px;
margin-right: auto;
margin-left: auto;
padding: 30px 40px
}
.wrapper .cs-tblog__info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.wrapper .cs-tblog__info--grid {
margin-bottom: 5px
}
.wrapper .cs-tblog__info--list {
margin-bottom: 20px
}
.wrapper .cs-tblog__info-item {
margin-top: 0;
margin-bottom: 10px !important;
color: rgba(56, 60, 80, .5);
font-size: 14px;
line-height: 1.2;
text-transform: lowercase
}
.wrapper .cs-tblog h3.cs-tblog__title {
font-size: 26px
}
.wrapper .cs-tblog__title {
margin-top: 0;
margin-bottom: 0;
text-transform: uppercase
}
.wrapper .cs-tblog__title a {
-webkit-transition: color .2s ease;
-o-transition: color .2s ease;
transition: color .2s ease;
color: inherit;
font-family: inherit;
font-size: inherit;
font-weight: inherit;
line-height: inherit
}
.wrapper .cs-tblog__title a:hover {
color: rgba(56, 60, 80, .8)
}
.wrapper .cs-tblog__excerpt--grid {
margin-top: 10px
}
.wrapper .cs-tblog__excerpt--list {
margin-top: 35px
}
.wrapper .cs-tblog__excerpt--list p {
color: rgba(56, 60, 80, .6);
font-family: "Raleway", sans-serif;
font-size: 25px;
line-height: 35px
}
@media screen and (max-width: 991px) {
.wrapper .cs-tblog__excerpt--list p {
font-size: 20px;
line-height: 28px
}
}
.wrapper .cs-tblog__excerpt--list p:empty {
display: none
}
.wrapper .cs-tblog__btn--grid {
margin-top: 18px;
font-size: 12px
}
.wrapper .cs-tblog__btn--list {
margin-top: 30px
}
.wrapper .cs-tblog__cat {
margin-bottom: 20px
}
.wrapper .cs-tblog__category, .wrapper .cs-tblog__tags {
font-size: 14px;
line-height: 1.2
}
.wrapper .cs-tblog__category a, .wrapper .cs-tblog__tags a {
-webkit-transition: color .2s ease;
-o-transition: color .2s ease;
transition: color .2s ease;
color: #383c50;
font-size: 14px;
font-weight: 300;
line-height: 1.2;
text-transform: lowercase
}
.wrapper .cs-tblog__category a:hover, .wrapper .cs-tblog__tags a:hover {
color: rgba(56, 60, 80, .8)
}
.wrapper .cs-block {
position: relative
}
.wrapper .cs-block:after, .wrapper .cs-block:before {
display: table;
clear: both;
content: ""
}
.wrapper .cs-block__item--filter {
top: 0;
right: 0;
overflow: hidden
}
.wrapper .cs-block__item--hide {
width: 40px !important;
height: 40px !important
}
.wrapper .cs-block--col1 .cs-block__item {
width: 100%
}
.wrapper .cs-block--col2 .cs-block__item {
width: 50%
}
@media screen and (max-width: 767px) {
.wrapper .cs-block--col2 .cs-block__item {
width: 100%
}
}
@media screen and (max-width: 991px) {
.wrapper .cs-block--col2 .cs-block__item--filter {
width: 100%
}
}
.wrapper .cs-block--col3 .cs-block__item {
width: 33.3333%
}
@media screen and (max-width: 991px) {
.wrapper .cs-block--col3 .cs-block__item {
width: 50%
}
}
@media screen and (max-width: 767px) {
.wrapper .cs-block--col3 .cs-block__item {
width: 100%
}
}
.wrapper .cs-block--col3 .cs-block__item--filter {
width: 66.666666%
}
@media screen and (max-width: 991px) {
.wrapper .cs-block--col3 .cs-block__item--filter {
width: 100%
}
}
@media screen and (max-width: 767px) {
.wrapper .cs-block--col3 .cs-block__item--filter {
width: 100%
}
}
.wrapper .cs-block--col4 .cs-block__item {
width: 25%
}
@media screen and (max-width: 991px) {
.wrapper .cs-block--col4 .cs-block__item {
width: 50%
}
}
@media screen and (max-width: 767px) {
.wrapper .cs-block--col4 .cs-block__item {
width: 100%
}
}
.wrapper .cs-block--col4 .cs-block__item--filter {
width: 50%
}
@media screen and (max-width: 991px) {
.wrapper .cs-block--col4 .cs-block__item--filter {
width: 100%
}
}
@media screen and (max-width: 767px) {
.wrapper .cs-block--col4 .cs-block__item--filter {
width: 100%
}
}
.wrapper .cs-block--col5 .cs-block__item {
width: 20%
}
@media screen and (max-width: 1199px) {
.wrapper .cs-block--col5 .cs-block__item {
width: 25%
}
}
@media screen and (max-width: 991px) {
.wrapper .cs-block--col5 .cs-block__item {
width: 50%
}
}
@media screen and (max-width: 767px) {
.wrapper .cs-block--col5 .cs-block__item {
width: 100%
}
}
.wrapper .cs-block--col5 .cs-block__item--filter {
width: 60%
}
@media screen and (max-width: 1199px) {
.wrapper .cs-block--col5 .cs-block__item--filter {
width: 50%
}
}
@media screen and (max-width: 991px) {
.wrapper .cs-block--col5 .cs-block__item--filter {
width: 100%
}
}
@media screen and (max-width: 767px) {
.wrapper .cs-block--col5 .cs-block__item--filter {
width: 100%
}
}
.wrapper .cs-block--col6 .cs-block__item {
width: 16.666666%
}
@media screen and (max-width: 1199px) {
.wrapper .cs-block--col6 .cs-block__item {
width: 25%
}
}
@media screen and (max-width: 991px) {
.wrapper .cs-block--col6 .cs-block__item {
width: 50%
}
}
@media screen and (max-width: 767px) {
.wrapper .cs-block--col6 .cs-block__item {
width: 100%
}
}
.wrapper .cs-block--col6 .cs-block__item--filter {
width: 49.999999%
}
@media screen and (max-width: 1199px) {
.wrapper .cs-block--col6 .cs-block__item--filter {
width: 50%
}
}
@media screen and (max-width: 991px) {
.wrapper .cs-block--col6 .cs-block__item--filter {
width: 100%
}
}
@media screen and (max-width: 767px) {
.wrapper .cs-block--col6 .cs-block__item--filter {
width: 100%
}
}
.wrapper .cs-block--gap10 {
margin-right: -10px;
margin-left: -10px
}
.wrapper .cs-block--gap10 .cs-block__item-wrapp {
margin-right: 10px;
margin-left: 10px
}
.wrapper .cs-block--gap15 {
margin-right: -15px;
margin-left: -15px
}
.wrapper .cs-block--gap15 .cs-block__item-wrapp {
margin-right: 15px;
margin-left: 15px
}
.wrapper .cs-block--gap20 {
margin-right: -20px;
margin-left: -20px
}
.wrapper .cs-block--gap20 .cs-block__item-wrapp {
margin-right: 20px;
margin-left: 20px
}
.wrapper .cs-block--gap25 {
margin-right: -25px;
margin-left: -25px
}
.wrapper .cs-block--gap25 .cs-block__item-wrapp {
margin-right: 25px;
margin-left: 25px
}
.wrapper .cs-block--gap30 {
margin-right: -30px;
margin-left: -30px
}
.wrapper .cs-block--gap30 .cs-block__item-wrapp {
margin-right: 30px;
margin-left: 30px
}
.wrapper .cs-block--gap35 {
margin-right: -35px;
margin-left: -35px
}
.wrapper .cs-block--gap35 .cs-block__item-wrapp {
margin-right: 35px;
margin-left: 35px
}
.wrapper .cs-block--gap40 {
margin-right: -40px;
margin-left: -40px
}
.wrapper .cs-block--gap40 .cs-block__item-wrapp {
margin-right: 40px;
margin-left: 40px
}
.wrapper .cs-block--team .cs-block__item-wrapp {
margin-bottom: 28px
}
.wrapper .cs-block--exhibition .cs-block__item-wrapp,
.wrapper .cs-block--masonry .cs-block__item-wrapp,
.wrapper .cs-block--services .cs-block__item-wrapp {
margin-bottom: 30px
}
.wrapper .cs-block--books .cs-block__item-wrapp,
.wrapper .cs-block--category .cs-block__item-wrapp,
.wrapper .cs-block--media .cs-block__item-wrapp {
margin-bottom: 33px
}
.wrapper .cs-block--grid .cs-block__item-wrapp {
margin-bottom: 36px
}
.wrapper .cs-block--timeline_list {
margin-right: 0;
margin-left: 0
}
.wrapper .cs-block--timeline_list .cs-block__item-wrapp {
margin-right: 0;
margin-bottom: 2px;
margin-left: 0
}
.wrapper .cs-block--timeline_list .cs-block__item-wrapp--header {
margin-bottom: 36px;
background-color: #000
}
.wrapper .cs-block--timeline_images {
margin-right: 0;
margin-left: 0
}
.wrapper .cs-block--timeline_images .cs-block__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.wrapper .cs-block--timeline_images .cs-block__item-wrapp {
margin-right: 0;
margin-left: 0
}
.wrapper .cs-block--timeline_images .cs-block__item-wrapp--left {
width: 38%
}
@media screen and (max-width: 1199px) {
.wrapper .cs-block--timeline_images .cs-block__item-wrapp--left {
width: 45%
}
}
@media screen and (max-width: 991px) {
.wrapper .cs-block--timeline_images .cs-block__item-wrapp--left {
width: 100%
}
}
.wrapper .cs-block--timeline_images .cs-block__item-wrapp--right {
width: 62%
}
@media screen and (max-width: 1199px) {
.wrapper .cs-block--timeline_images .cs-block__item-wrapp--right {
width: 55%
}
}
@media screen and (max-width: 991px) {
.wrapper .cs-block--timeline_images .cs-block__item-wrapp--right {
display: none
}
}
.wrapper .cs-block--filmstrip {
min-height: 380px;
margin-right: 0;
margin-left: 0;
background-color: #000
}
.wrapper .cs-block--filmstrip .cs-block__item {
width: auto;
height: 100%
}
.wrapper .cs-block--filmstrip .cs-block__item-wrapp {
height: 100%;
margin: auto
}
.wrapper .cs-block--blog_list {
margin-right: 0;
margin-left: 0
}
.wrapper .cs-block--blog_list .cs-block__item-wrapp {
margin-right: 0;
margin-bottom: 30px;
margin-left: 0
}
.wrapper .cs-portfolio {
position: relative
}
.wrapper .cs-portfolio--services {
padding: 85px 30px 80px;
background-color: #fff;
text-align: center
}
@media screen and (max-width: 1199px) {
.wrapper .cs-portfolio--services {
padding: 50px 30px
}
}
@media screen and (max-width: 767px) {
.wrapper .cs-portfolio--books,
.wrapper .cs-portfolio--category,
.wrapper .cs-portfolio--exhib,
.wrapper .cs-portfolio--grid,
.wrapper .cs-portfolio--masonry,
.wrapper .cs-portfolio--media,
.wrapper .cs-portfolio--services,
.wrapper .cs-portfolio--team {
max-width: 500px;
margin-right: auto;
margin-left: auto
}
}
.wrapper .cs-portfolio--timelist {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
max-width: 1170px;
margin-right: auto;
margin-left: auto;
padding: 25px 0
}
@media screen and (max-width: 1199px) {
.wrapper .cs-portfolio--timelist {
max-width: 970px
}
}
@media screen and (max-width: 991px) {
.wrapper .cs-portfolio--timelist {
max-width: 750px
}
}
@media screen and (max-width: 767px) {
.wrapper .cs-portfolio--timelist {
max-width: calc(100% - 30px)
}
}
.wrapper .cs-portfolio--timelist-header {
padding: 60px 0 12px
}
.wrapper .cs-portfolio--timeimg {
margin-bottom: 2px
}
.wrapper .cs-portfolio--timeimages {
padding: 30px 0
}
.wrapper .cs-portfolio--filmstrip {
height: 100%;
padding: 10px 0 10px 10px;
background-color: #fff
}
.wrapper .cs-portfolio--overlay:hover .cs-portfolio__overlay--hidden {
opacity: 1;
visibility: visible
}
.wrapper .cs-portfolio__icon--services {
margin-bottom: 26px;
color: #121212;
font-size: 58px;
font-weight: 300
}
.wrapper .cs-portfolio__title a {
-webkit-transition: color .2s ease;
-o-transition: color .2s ease;
transition: color .2s ease
}
.wrapper .cs-portfolio__title--services {
margin-top: 0;
margin-bottom: 0;
letter-spacing: 1.2px
}
.wrapper .cs-portfolio__title--books,
.wrapper .cs-portfolio__title--category,
.wrapper .cs-portfolio__title--exhib,
.wrapper .cs-portfolio__title--filmstrip,
.wrapper .cs-portfolio__title--grid,
.wrapper .cs-portfolio__title--masonry,
.wrapper .cs-portfolio__title--media,
.wrapper .cs-portfolio__title--team {
margin-bottom: 0
}
@media screen and (max-width: 767px) {
.wrapper .cs-portfolio__title--filmstrip {
font-size: 16px;
line-height: 1.25
}
}
.wrapper .cs-portfolio__title--link a:hover {
color: rgba(56, 60, 80, .7)
}
.wrapper .cs-portfolio__title--header {
-webkit-transition: border-bottom .2s ease;
-o-transition: border-bottom .2s ease;
transition: border-bottom .2s ease;
border-bottom: 1px solid transparent;
color: #fff;
font-family: "Raleway", sans-serif;
font-size: 13px;
font-weight: 300;
line-height: 1;
text-transform: uppercase
}
.wrapper .cs-portfolio__desc--services {
max-width: 84%;
margin-top: 14px;
margin-right: auto;
margin-left: auto
}
@media screen and (max-width: 1199px) {
.wrapper .cs-portfolio__desc--services {
max-width: none
}
}
.wrapper .cs-portfolio__desc--services p {
color: rgba(56, 60, 80, .5)
}
.wrapper .cs-portfolio__btn {
position: relative
}
.wrapper .cs-portfolio__btn--services {
margin-top: 29px
}
.wrapper .cs-portfolio__img {
position: relative;
width: 100%;
background-color: #eef1f2
}
.wrapper .cs-portfolio__img--books {
height: 370px
}
.wrapper .cs-portfolio__img--media {
min-height: 345px
}
.wrapper .cs-portfolio__img--team {
min-height: 350px
}
@media screen and (max-width: 991px) {
.wrapper .cs-portfolio__img--team {
min-height: 370px
}
}
.wrapper .cs-portfolio__img--filmstrip {
display: block;
height: 100%
}
.wrapper .cs-portfolio__img--filmstrip img {
width: auto;
max-width: none;
height: 100%
}
.wrapper .cs-portfolio__img--align-center {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.wrapper .cs-portfolio__img--overlay:hover .cs-portfolio__overlay--hidden {
opacity: 1;
visibility: visible
}
.wrapper .cs-portfolio__img--inner-show:hover .cs-portfolio__inner--hidden {
opacity: 1;
visibility: visible
}
.wrapper .cs-portfolio__img--parallax {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: calc(100% + 40px);
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition: -webkit-transform .6s cubic-bezier(.4, 0, .2, 1);
transition: -webkit-transform .6s cubic-bezier(.4, 0, .2, 1);
-o-transition: transform .6s cubic-bezier(.4, 0, .2, 1);
transition: transform .6s cubic-bezier(.4, 0, .2, 1);
transition: transform .6s cubic-bezier(.4, 0, .2, 1), -webkit-transform .6s cubic-bezier(.4, 0, .2, 1)
}
.wrapper .cs-portfolio__overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transition: opacity .2s ease, visibility .2s ease;
-o-transition: opacity .2s ease, visibility .2s ease;
transition: opacity .2s ease, visibility .2s ease
}
.wrapper .cs-portfolio__overlay--hidden {
opacity: 0;
visibility: hidden
}
.wrapper .cs-portfolio__overlay--dark {
background-color: #000
}
.wrapper .cs-portfolio__overlay--dark-md {
background-color: rgba(0, 0, 0, .67)
}
.wrapper .cs-portfolio__overlay--dark-xs {
background-color: rgba(0, 0, 0, .3)
}
.wrapper .cs-portfolio__overlay--grey {
background-color: #eef1f2
}
.wrapper .cs-portfolio__content--books,
.wrapper .cs-portfolio__content--category,
.wrapper .cs-portfolio__content--grid,
.wrapper .cs-portfolio__content--media,
.wrapper .cs-portfolio__content--team {
padding: 22px 0
}
.wrapper .cs-portfolio__content--exhib {
padding: 22px 20px
}
.wrapper .cs-portfolio__content--category,
.wrapper .cs-portfolio__content--grid {
text-align: center
}
.wrapper .cs-portfolio__content--masonry {
padding: 22px 12px
}
.wrapper .cs-portfolio__content--filmstrip {
position: absolute;
bottom: 10px;
left: 10px;
min-width: 35%;
padding: 15px;
background-color: #fff
}
@media screen and (max-width: 767px) {
.wrapper .cs-portfolio__content--filmstrip {
width: 90%;
padding: 20px 15px
}
}
.wrapper .cs-portfolio__content--parallax {
position: absolute;
bottom: -1px;
left: 0;
min-width: 60%;
max-width: 88%;
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
-webkit-transition: -webkit-transform .45s cubic-bezier(.4, 0, .2, 1);
transition: -webkit-transform .45s cubic-bezier(.4, 0, .2, 1);
-o-transition: transform .45s cubic-bezier(.4, 0, .2, 1);
transition: transform .45s cubic-bezier(.4, 0, .2, 1);
transition: transform .45s cubic-bezier(.4, 0, .2, 1), -webkit-transform .45s cubic-bezier(.4, 0, .2, 1);
background-color: #fff
}
.wrapper .cs-portfolio__pix {
position: relative
}
.wrapper .cs-portfolio__pix--books,
.wrapper .cs-portfolio__pix--category,
.wrapper .cs-portfolio__pix--exhib,
.wrapper .cs-portfolio__pix--grid,
.wrapper .cs-portfolio__pix--masonry,
.wrapper .cs-portfolio__pix--media {
margin-top: 3px;
font-size: 18px;
text-transform: lowercase
}
.wrapper .cs-portfolio__pix--team {
margin-bottom: 0;
color: #fff
}
.wrapper .cs-portfolio__pix--content {
color: rgba(56, 60, 80, .6);
font-weight: 300;
line-height: 1.4
}
.wrapper .cs-portfolio__pix + .cs-portfolio__socials {
margin-top: 15px
}
.wrapper .cs-portfolio__link {
position: relative
}
.wrapper .cs-portfolio__link--exhib {
height: 270px
}
@media screen and (max-width: 991px) {
.wrapper .cs-portfolio__link--exhib {
min-height: 340px
}
}
.wrapper .cs-portfolio__link--category {
height: 270px
}
@media screen and (max-width: 991px) {
.wrapper .cs-portfolio__link--category {
min-height: 340px
}
}
.wrapper .cs-portfolio__link--grid {
height: 240px
}
@media screen and (max-width: 991px) {
.wrapper .cs-portfolio__link--grid {
min-height: 300px
}
}
.wrapper .cs-portfolio__link--timeimg {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 25px 0
}
.wrapper .cs-portfolio__link--block {
display: block;
overflow: hidden
}
.wrapper .cs-portfolio__link--parallax:hover .cs-portfolio__img--parallax {
-webkit-transform: translateY(-40px);
-ms-transform: translateY(-40px);
transform: translateY(-40px)
}
.wrapper .cs-portfolio__link--parallax:hover .cs-portfolio__content--parallax {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
.wrapper .cs-portfolio__link--overlay:hover .cs-portfolio__overlay--hidden {
opacity: 1;
visibility: visible
}
.wrapper .cs-portfolio__inner--hidden {
-webkit-transition: visibility .2s ease, opacity .2s ease, color .2s ease, border-color .2s ease;
-o-transition: visibility .2s ease, opacity .2s ease, color .2s ease, border-color .2s ease;
transition: visibility .2s ease, opacity .2s ease, color .2s ease, border-color .2s ease;
opacity: 0;
visibility: hidden
}
.wrapper .cs-portfolio__inner--center {
text-align: center
}
.wrapper .cs-portfolio__col {
position: relative
}
.wrapper .cs-portfolio__col.active .cs-portfolio__title--header {
border-bottom: 1px solid #fff
}
.wrapper .cs-portfolio__col--1 {
width: 7.5%;
padding-left: 15px
}
@media screen and (max-width: 1199px) {
.wrapper .cs-portfolio__col--1 {
width: 10%
}
}
@media screen and (max-width: 991px) {
.wrapper .cs-portfolio__col--1 {
width: 15%
}
}
@media screen and (max-width: 767px) {
.wrapper .cs-portfolio__col--1 {
width: 30%
}
}
.wrapper .cs-portfolio__col--2 {
width: 59%;
padding-left: 35px
}
@media screen and (max-width: 1199px) {
.wrapper .cs-portfolio__col--2 {
width: 50%
}
}
@media screen and (max-width: 991px) {
.wrapper .cs-portfolio__col--2 {
width: 45%
}
}
@media screen and (max-width: 767px) {
.wrapper .cs-portfolio__col--2 {
width: 70%
}
}
.wrapper .cs-portfolio__col--3 {
width: 21.5%;
padding-left: 10px
}
@media screen and (max-width: 1199px) {
.wrapper .cs-portfolio__col--3 {
width: 20%
}
}
@media screen and (max-width: 767px) {
.wrapper .cs-portfolio__col--3 {
display: none
}
}
.wrapper .cs-portfolio__col--4 {
width: 12%;
padding-left: 10px
}
@media screen and (max-width: 1199px) {
.wrapper .cs-portfolio__col--4 {
width: 20%
}
}
@media screen and (max-width: 767px) {
.wrapper .cs-portfolio__col--4 {
display: none
}
}
.wrapper .cs-portfolio__col--5 {
width: 14.5%;
padding: 0 5px;
text-align: center
}
.wrapper .cs-portfolio__col--6 {
width: 50%;
padding-left: 23px
}
.wrapper .cs-portfolio__col--7 {
width: 35.5%;
padding: 0 10px;
text-align: center
}
.wrapper .cs-portfolio__col--left {
width: 38%
}
.wrapper .cs-portfolio__col--right {
width: 62%
}
.wrapper .cs-portfolio__separator {
display: inline-block;
position: relative;
width: 2px
}
.wrapper .cs-portfolio__separator:before {
position: absolute;
top: 25px;
left: 0;
width: 1px;
height: calc(100% + 37px);
border-radius: 50%;
background-color: rgba(56, 60, 80, .3);
content: "";
z-index: 10
}
@media screen and (max-width: 991px) {
.wrapper .cs-portfolio__separator:before {
height: calc(100% + 7px)
}
}
.wrapper .cs-portfolio__separator:after {
position: absolute;
top: 11px;
left: -3px;
width: 7px;
height: 7px;
border-radius: 50%;
background-color: #383c50;
content: "";
z-index: 10
}
.wrapper .cs-portfolio__img-wrapp {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 30px
}
.wrapper .cs-portfolio__img-wrapp--sm {
display: none
}
@media screen and (max-width: 991px) {
.wrapper .cs-portfolio__img-wrapp--sm {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
}
.wrapper .cs-portfolio__img-item {
width: 33.333333%;
min-height: 220px;
margin-right: 5px
}
.wrapper .cs-portfolio__img-item:last-child {
margin-right: 0
}
@media screen and (max-width: 1199px) {
.wrapper .cs-portfolio__img-item {
min-height: 175px
}
}
.wrapper .cs-filmstrip {
position: relative;
height: 100%
}
.wrapper .cs-filmstrip .slick-list {
height: 100%
}
.wrapper .cs-filmstrip .slick-list .slick-track {
height: 100%
}
.wrapper .cs-filmstrip .slick-arrow {
position: absolute;
top: 50%;
width: 40px;
height: 40px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease;
background-color: #000;
cursor: pointer;
z-index: 100
}
.wrapper .cs-filmstrip .slick-arrow:before {
display: block;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: color .2s ease;
-o-transition: color .2s ease;
transition: color .2s ease;
color: #fff;
font-family: FontAwesome;
font-size: 16px;
line-height: 40px
}
.wrapper .cs-filmstrip .slick-arrow.slick-prev {
left: 10px
}
.wrapper .cs-filmstrip .slick-arrow.slick-prev:before {
content: "\f104"
}
.wrapper .cs-filmstrip .slick-arrow.slick-next {
right: 10px
}
.wrapper .cs-filmstrip .slick-arrow.slick-next:before {
content: "\f105"
}
.wrapper .cs-det-parallax {
height: 100%
}
.wrapper .cs-det-parallax__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
width: 100%;
overflow: hidden;
z-index: 5
}
.wrapper .cs-det-parallax__item--cc {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.wrapper .cs-det-parallax__item--cc .cs-det-parallax__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
padding: 70px 0
}
.wrapper .cs-det-parallax__item--cc .cs-heading {
max-width: 800px
}
@media screen and (max-width: 991px) {
.wrapper .cs-det-parallax__item--cc .cs-heading {
max-width: 750px
}
}
@media screen and (max-width: 991px) {
.wrapper .cs-det-parallax__item--cc .cs-heading {
max-width: calc(100% - 30px)
}
}
.wrapper .cs-det-parallax__item--br {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end
}
.wrapper .cs-det-parallax__item--br .cs-det-parallax__content {
min-width: 440px;
max-width: 538px;
padding: 25px 40px
}
@media screen and (max-width: 767px) {
.wrapper .cs-det-parallax__item--br .cs-det-parallax__content {
min-width: auto;
max-width: 90%
}
}
.wrapper .cs-det-parallax__item--bl {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.wrapper .cs-det-parallax__item--bl .cs-det-parallax__content {
min-width: 440px;
max-width: 538px;
padding: 35px 30px
}
@media screen and (max-width: 767px) {
.wrapper .cs-det-parallax__item--bl .cs-det-parallax__content {
min-width: auto;
max-width: 90%
}
}
.wrapper .cs-det-parallax__item-bg {
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
will-change: transform
}
.wrapper .cs-det-parallax__item-bg > img {
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0)
}
.wrapper .cs-det-parallax__cover .cs-det-parallax__item-bg {
position: fixed;
will-change: auto
}
.wrapper .cs-det-parallax__cover .cs-det-parallax__item-bg > img {
min-width: 100%;
max-width: none;
min-height: 100%
}
.wrapper .cs-det-parallax__content {
background-color: #fff;
z-index: 10
}
.wrapper .cs-det-parallax--touch .cs-det-parallax__item-bg {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 1
}
.wrapper .cs-det-parallax--touch .cs-det-parallax__item-bg > img {
min-width: 101%;
max-width: none;
min-height: 100%;
-webkit-transform: none;
-ms-transform: none;
transform: none;
position: static
}
.wrapper .cs-gallery {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px
}
.wrapper .cs-gallery__wrapp {
display: inline-block;
width: 33.333333%;
float: left
}
.wrapper .cs-gallery__wrapp--full-height img {
height: 100%
}
@media screen and (max-width: 767px) {
.wrapper .cs-gallery__wrapp--full-height img {
height: auto
}
}
.wrapper .cs-gallery__wrapp--full-width img {
width: 100%
}
@media screen and (max-width: 767px) {
.wrapper .cs-gallery__wrapp--full-width img {
width: 100%
}
}
@media screen and (max-width: 767px) {
.wrapper .cs-gallery__wrapp {
width: 100%
}
}
.wrapper .cs-gallery__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 467px;
margin: 0 30px 35px
}
@media screen and (max-width: 1199px) {
.wrapper .cs-gallery__item {
height: 400px;
margin-bottom: 50px
}
}
@media screen and (max-width: 991px) {
.wrapper .cs-gallery__item {
height: 350px;
margin-bottom: 30px
}
}
@media screen and (max-width: 767px) {
.wrapper .cs-gallery__item {
height: auto;
margin: 0 15px 30px
}
}
.wrapper .cs-gallery__link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.wrapper .cs-gallery__link img {
max-width: 100%;
max-height: 100%
}
.wrapper .cs-gallery__link:focus,
.wrapper .cs-gallery__link:hover {
outline: 0
}
.wrapper .cs-gallery__link:focus .cs-gallery__item-overlay,
.wrapper .cs-gallery__link:hover .cs-gallery__item-overlay {
opacity: 1;
visibility: visible
}
.wrapper .cs-gallery__item-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transition: visibility .3s ease-in, opacity .3s ease-in;
-o-transition: visibility .3s ease-in, opacity .3s ease-in;
transition: visibility .3s ease-in, opacity .3s ease-in;
background-color: rgba(255, 255, 255, .95);
text-align: center;
opacity: 0;
visibility: hidden
}
.wrapper .cs-gallery__item-caption {
position: absolute;
top: 50%;
left: 0;
width: 100%;
padding: 15px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
.wrapper .cs-sliderfull {
min-height: 320px
}
.wrapper .cs-sliderfull__slider {
height: 100%
}
.wrapper .cs-sliderfull__arrow {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: absolute;
top: 0;
bottom: 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 130px;
height: 120px;
margin: auto;
-webkit-transform: scaleY(1);
-ms-transform: scaleY(1);
transform: scaleY(1);
-webkit-transition: opacity .5s, background .3s ease-in .2s, -webkit-transform .2s .1s;
transition: opacity .5s, background .3s ease-in .2s, -webkit-transform .2s .1s;
-o-transition: opacity .5s, background .3s ease-in .2s, transform .2s .1s;
transition: opacity .5s, background .3s ease-in .2s, transform .2s .1s;
transition: opacity .5s, background .3s ease-in .2s, transform .2s .1s, -webkit-transform .2s .1s;
background-size: cover;
font-family: "Raleway", sans-serif;
font-size: 13px;
font-weight: 300;
letter-spacing: 3px;
line-height: 1.8;
text-transform: uppercase
}
@media screen and (max-width: 991px) {
.wrapper .cs-sliderfull__arrow {
top: auto;
bottom: 0;
width: 150px;
max-width: calc(50% - 15px);
height: 100px
}
}
@media screen and (max-width: 767px) {
.wrapper .cs-sliderfull__arrow {
height: 80px
}
}
.wrapper .cs-sliderfull__arrow:after {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transition: .1s;
-o-transition: .1s;
transition: .1s;
background: #111;
content: "";
opacity: 0
}
.wrapper .cs-sliderfull__arrow.running {
-webkit-transform: scaleY(0);
-ms-transform: scaleY(0);
transform: scaleY(0);
-webkit-transition: -webkit-transform .3s;
transition: -webkit-transform .3s;
-o-transition: transform .3s;
transition: transform .3s;
transition: transform .3s, -webkit-transform .3s
}
.wrapper .cs-sliderfull__arrow.running:after {
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s;
opacity: .8
}
.wrapper .cs-sliderfull__arrow.swiper-button-prev {
right: 130px;
left: auto
}
@media screen and (max-width: 991px) {
.wrapper .cs-sliderfull__arrow.swiper-button-prev {
right: 0;
left: 0;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%)
}
}
.wrapper .cs-sliderfull__arrow.swiper-button-next {
right: 0
}
@media screen and (max-width: 991px) {
.wrapper .cs-sliderfull__arrow.swiper-button-next {
left: 0;
-webkit-transform: translateX(50%);
-ms-transform: translateX(50%);
transform: translateX(50%)
}
}
.wrapper .cs-sliderfull__arrow-inner {
position: relative;
-webkit-transition: color .2s ease, border .2s ease;
-o-transition: color .2s ease, border .2s ease;
transition: color .2s ease, border .2s ease;
border-bottom: 2px solid rgba(255, 255, 255, 0);
color: rgba(255, 255, 255, 0);
z-index: 1
}
.wrapper .cs-sliderfull__arrow:hover .cs-sliderfull__arrow-inner {
border-bottom: 2px solid #fff;
color: #fff
}
.ba-slider {
height: 100%;
background-position: 50%;
background-size: cover
}
.ba-slider .resize-img {
height: 100%;
background-position: 50%;
background-size: cover
}
.ba-slider .handle, .ba-slider .handle.ba-draggable {
width: 10px;
margin-left: -5px;
background: 0 0
}
.ba-slider .handle.ba-draggable:after, .ba-slider .handle:after {
display: block;
position: absolute;
top: 0;
left: 3px;
width: 4px;
height: 100%;
margin: 0;
border: 0;
border-radius: 0;
background: #fff;
-webkit-box-shadow: none;
box-shadow: none;
content: ""
}
.ba-slider .handle .button, .ba-slider .handle.ba-draggable .button {
display: inline-block;
position: absolute;
bottom: 50%;
min-width: 115px;
height: 40px;
margin: 0;
padding: 11px 10px;
border: 0;
border-radius: 0;
background: #fff;
color: #111;
font-family: "Raleway", sans-serif;
font-size: 14px;
font-weight: 900;
letter-spacing: .8px;
line-height: 18px;
text-align: center;
text-transform: uppercase;
-webkit-box-shadow: none;
box-shadow: none;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.ba-slider .handle .next, .ba-slider .handle.ba-draggable .next {
left: 50%;
-webkit-transform: translate(0, 50%);
-ms-transform: translate(0, 50%);
transform: translate(0, 50%)
}
.ba-slider .handle .prev, .ba-slider .handle.ba-draggable .prev {
right: 50%;
left: auto;
-webkit-transform: translate(0, 50%);
-ms-transform: translate(0, 50%);
transform: translate(0, 50%)
}
.wrapper .cs-slider {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 835px;
padding: 0 30px
}
@media screen and (max-width: 767px) {
.wrapper .cs-slider {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: auto;
padding: 0 15px
}
}
.wrapper .cs-slider__main {
position: relative;
width: 87%
}
@media screen and (max-width: 1199px) {
.wrapper .cs-slider__main {
width: 75%
}
}
@media screen and (max-width: 767px) {
.wrapper .cs-slider__main {
width: 100%;
height: 400px
}
}
.wrapper .cs-slider__main-item {
cursor: e-resize
}
.wrapper .cs-slider__thumb {
width: 13%;
padding-left: 30px
}
@media screen and (max-width: 1199px) {
.wrapper .cs-slider__thumb {
width: 25%
}
}
@media screen and (max-width: 767px) {
.wrapper .cs-slider__thumb {
width: 100%;
height: 150px;
padding-top: 30px;
padding-left: 0
}
}
.wrapper .cs-slider__thumb-item {
position: relative;
height: 118px;
outline: 0;
cursor: pointer
}
@media screen and (max-width: 767px) {
.wrapper .cs-slider__thumb-item {
width: calc(50vw - 37px)
}
}
.wrapper .cs-slider__thumb-item.swiper-slide-active:after {
background-color: transparent
}
.wrapper .cs-slider__thumb-item:after {
position: absolute;
top: -1px;
right: -1px;
bottom: -1px;
left: -1px;
-webkit-transition: background-color .2s ease;
-o-transition: background-color .2s ease;
transition: background-color .2s ease;
background-color: rgba(255, 255, 255, .5);
content: ""
}
.wrapper .cs-slider__main-slider, .wrapper .cs-slider__thumb-slider {
height: 100%
}
.wrapper .cs-slider__info {
position: absolute;
bottom: 0;
left: 0;
min-width: 50%;
padding: 25px 22px;
background-color: #fff;
z-index: 10
}
@media screen and (max-width: 991px) {
.wrapper .cs-slider__info {
min-width: 70%;
padding: 15px 10px
}
}
.wrapper .cs-slider__title {
margin-bottom: 0
}
.wrapper .cs-slider__desc {
margin-top: 3px
}
.wrapper .cs-pixfields {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center
}
@media screen and (max-width: 1199px) {
.wrapper .cs-pixfields:not(.cs-pixfields--vertical) {
margin-right: -40px;
margin-left: -40px
}
}
@media screen and (max-width: 991px) {
.wrapper .cs-pixfields:not(.cs-pixfields--vertical) {
margin-right: 0;
margin-left: 0
}
}
@media screen and (max-width: 767px) {
.wrapper .cs-pixfields {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
.wrapper .cs-pixfields__item {
position: relative;
max-width: 33.333333%;
padding: 15px 70px
}
@media screen and (max-width: 1199px) {
.wrapper .cs-pixfields__item {
width: 25%;
max-width: none;
padding: 15px 50px
}
.wrapper .cs-pixfields__item:nth-child(4n) .cs-pixfields__separate {
display: none
}
}
@media screen and (max-width: 991px) {
.wrapper .cs-pixfields__item {
width: 50%
}
.wrapper .cs-pixfields__item:nth-child(2n) .cs-pixfields__separate {
display: none
}
}
@media screen and (max-width: 767px) {
.wrapper .cs-pixfields__item {
width: 100%;
padding: 20px 15px
}
.wrapper .cs-pixfields__item:nth-child(2n) .cs-pixfields__separate {
display: block
}
}
.wrapper .cs-pixfields__item:last-child .cs-pixfields__separate {
display: none
}
.wrapper .cs-pixfields__title {
margin-bottom: 0;
letter-spacing: 1.2px
}
.wrapper .cs-pixfields__desc {
margin-top: 3px;
margin-bottom: 0;
font-size: 14px
}
.wrapper .cs-pixfields__separate {
display: block;
position: absolute;
top: 50%;
right: 0;
width: 7px;
height: 7px;
-webkit-transform: translate(50%, -50%);
-ms-transform: translate(50%, -50%);
transform: translate(50%, -50%);
border-radius: 50%;
background: #383c50;
content: ""
}
@media screen and (max-width: 767px) {
.wrapper .cs-pixfields__separate {
top: 100%;
right: 50%
}
}
.wrapper .cs-pixfields__separate:after, .wrapper .cs-pixfields__separate:before {
display: block;
position: absolute;
top: 50%;
width: 38px;
height: 2px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
background-color: rgba(56, 60, 80, .5);
content: ""
}
@media screen and (max-width: 1199px) {
.wrapper .cs-pixfields__separate:after, .wrapper .cs-pixfields__separate:before {
width: 32px
}
}
@media screen and (max-width: 767px) {
.wrapper .cs-pixfields__separate:after, .wrapper .cs-pixfields__separate:before {
width: 38px
}
}
.wrapper .cs-pixfields__separate:before {
right: 12px
}
.wrapper .cs-pixfields__separate:after {
left: 12px
}
.wrapper .cs-pixfields--vertical {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: self-start;
-ms-flex-align: self-start;
align-items: self-start;
text-align: left
}
.wrapper .cs-pixfields--vertical .cs-pixfields__item {
max-width: none;
padding: 15px 0
}
@media screen and (max-width: 991px) {
.wrapper .cs-pixfields--vertical .cs-pixfields__item {
width: 100%
}
}
.wrapper .cs-pixfields--vertical .cs-pixfields__separate {
top: 100%;
right: auto;
left: 40px
}
.wrapper .cs-picture {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
text-align: center
}
.wrapper .cs-picture__title {
margin-bottom: 0
}
.wrapper .cs-picture h1.cs-picture__title {
font-family: "Raleway", sans-serif
}
.wrapper .cs-picture h2.cs-picture__title {
font-family: "Raleway", sans-serif
}
.wrapper .cs-picture h3.cs-picture__title {
font-family: "Raleway", sans-serif;
font-size: 40px
}
.wrapper .cs-picture h4.cs-picture__title {
font-family: "Raleway", sans-serif
}
.wrapper .cs-picture h5.cs-picture__title {
font-family: "Raleway", sans-serif
}
.wrapper .cs-picture h6.cs-picture__title {
font-family: "Raleway", sans-serif
}
.wrapper .cs-picture__info {
padding: 135px 30px;
background-color: #fff
}
@media screen and (max-width: 1199px) {
.wrapper .cs-picture__info {
padding: 50px 30px
}
}
@media screen and (max-width: 767px) {
.wrapper .cs-picture__info {
padding: 40px 20px
}
}
.wrapper .cs-picture__desc {
max-width: 86%;
margin-top: 35px;
margin-right: auto;
margin-left: auto
}
@media screen and (max-width: 1199px) {
.wrapper .cs-picture__desc {
max-width: none;
margin-top: 20px
}
}
.wrapper .cs-picture__desc p {
color: rgba(56, 60, 80, .6);
font-family: "Raleway", sans-serif;
font-size: 25px;
line-height: 35px
}
@media screen and (max-width: 991px) {
.wrapper .cs-picture__desc p {
font-size: 20px;
line-height: 28px
}
}
.wrapper .cs-picture__desc p:empty {
display: none
}
.wrapper .cs-share__label {
margin-bottom: 15px;
letter-spacing: 1.2px
}
.wrapper .cs-share button.cs-share__icon {
width: 24px;
padding: 0;
-webkit-transition: color .2s ease, background-color .2s ease;
-o-transition: color .2s ease, background-color .2s ease;
transition: color .2s ease, background-color .2s ease;
border: 0;
background-color: transparent;
color: #7e7d7d;
font-size: 12px;
line-height: 24px
}
.wrapper .cs-share button.cs-share__icon:hover {
background-color: #111;
color: #fff
}
.fancybox-infobar__body {
display: none
}
.fancybox-navigation {
display: block
}
.fancybox-navigation .fancybox-button {
position: fixed;
top: 50%;
left: 30px;
width: 40px;
height: 40px;
margin: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
border-radius: 0;
background-color: #f0f0f0;
cursor: pointer
}
.fancybox-navigation .fancybox-button svg {
display: none
}
@media screen and (max-width: 991px) {
.fancybox-navigation .fancybox-button {
display: inline-block !important;
left: 15px
}
}
@media screen and (max-width: 479px) {
.fancybox-navigation .fancybox-button {
top: 50px
}
.fancybox-navigation .fancybox-button--arrow_left {
right: 55px;
left: auto
}
}
.fancybox-navigation .fancybox-button:hover {
background-color: #f0f0f0;
opacity: 1
}
.fancybox-navigation .fancybox-button:hover::before {
color: #c0af94
}
.fancybox-navigation .fancybox-button::before {
display: block;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
border: 0;
background-color: #f0f0f0;
color: #131313;
font-family: FontAwesome;
font-size: 16px;
line-height: 40px;
content: "\f104";
opacity: 1
}
.fancybox-navigation .fancybox-button::after {
content: none
}
.fancybox-navigation .fancybox-button--arrow_right {
right: 30px;
left: auto
}
@media screen and (max-width: 991px) {
.fancybox-navigation .fancybox-button--arrow_right {
right: 15px
}
}
.fancybox-navigation .fancybox-button--arrow_right::before {
content: "\f105"
}
.fancybox-caption-wrap, .fancybox-infobar, .fancybox-toolbar {
display: none
}
.wrapper .cs-detail-popup {
display: none;
max-width: calc(100% - 240px);
max-height: calc(100% - 100px);
margin: auto;
padding: 0;
background-color: #fff;
text-align: center
}
@media screen and (max-width: 991px) {
.wrapper .cs-detail-popup {
max-width: calc(100% - 140px)
}
}
@media screen and (max-width: 767px) {
.wrapper .cs-detail-popup {
max-width: calc(100% - 30px);
height: 100%;
margin-top: 40px
}
}
.wrapper .cs-detail-popup--one-column {
height: auto !important
}
.wrapper .cs-detail-popup .fancybox-close-small {
display: none
}
.wrapper .cs-detail-popup__img-wrap {
display: inline-block;
max-width: calc(100% - 400px);
height: auto;
margin-right: 400px;
text-align: center;
vertical-align: top
}
@media screen and (max-width: 1199px) {
.wrapper .cs-detail-popup__img-wrap {
max-width: calc(100% - 300px);
margin-right: 300px
}
}
@media screen and (max-width: 991px) {
.wrapper .cs-detail-popup__img-wrap {
max-width: 100%;
margin-right: 0;
padding: 0 30px
}
}
.wrapper .cs-detail-popup__img-wrap img {
display: inline-block;
width: auto;
height: auto;
min-height: 230px;
max-height: calc(100vh - 100px)
}
@media screen and (max-width: 1199px) {
.wrapper .cs-detail-popup__img-wrap img {
max-width: calc(100% - 70px);
max-height: calc(100vh / 2);
margin: 35px auto 35px
}
}
@media screen and (max-width: 991px) {
.wrapper .cs-detail-popup__img-wrap img {
max-width: 100%;
max-height: calc(100vh / 2);
margin: 15px auto 15px
}
}
.wrapper .cs-detail-popup__img-wrap--one-column {
max-width: 100%;
margin-right: 0
}
@media screen and (max-width: 991px) {
.wrapper .cs-detail-popup__img-wrap--one-column {
padding: 0
}
}
@media screen and (max-width: 1199px) {
.wrapper .cs-detail-popup__img-wrap--one-column img {
max-width: 100%;
margin: 0
}
}
.wrapper .cs-detail-popup__content {
display: inline-block;
position: absolute;
top: 0;
right: 0;
width: 400px;
height: 100%;
padding: 65px;
text-align: left;
vertical-align: top;
overflow-x: hidden;
overflow-y: auto
}
@media screen and (max-width: 1199px) {
.wrapper .cs-detail-popup__content {
width: 300px;
padding: 35px
}
}
@media screen and (max-width: 991px) {
.wrapper .cs-detail-popup__content {
position: static;
width: 100%;
padding: 15px 30px 30px;
text-align: center
}
}
.wrapper .cs-detail-popup__date {
position: relative;
margin-bottom: 50px
}
.wrapper .cs-detail-popup__date::before {
position: absolute;
bottom: -25px;
left: 0;
width: 100%;
height: 4px;
background-color: #afafaf;
content: ""
}
.wrapper .cs-project-3d {
width: 100%;
height: 630px;
margin-top: 50px
}
@media screen and (max-width: 767px) {
.wrapper .cs-project-3d {
height: 400px
}
}
.wrapper .cs-project-3d iframe {
width: 100%;
height: 100%;
margin-bottom: 0
}
.wrapper .wpb_wrapper > .wpb_revslider_element {
margin-bottom: 0
}
.wrapper .number-arrows {
width: 32px;
height: 32px
}
.wrapper .number-arrows .number {
position: absolute;
left: 0;
width: 53px
}
.wrapper .number-arrows .left {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
top: -10px;
right: 2px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
width: 23px;
height: 20px;
float: left;
text-align: right
}
.wrapper .number-arrows .middle {
position: absolute;
top: 50%;
left: 50%;
width: 1px;
height: 20px;
margin-top: -10px;
-webkit-transform: rotate(32deg);
-ms-transform: rotate(32deg);
transform: rotate(32deg);
background: #fff
}
.wrapper .number-arrows .right {
position: relative;
top: 20px;
left: 2px;
width: 23px;
height: 30px;
float: right
}
.wrapper .number-arrows .arrow {
position: absolute;
top: 50%;
left: 60px;
width: 22px;
height: 22px;
margin-top: -11px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
border-bottom: 1px solid #fff;
border-left: 1px solid #fff
}
.wrapper .number-arrows.right-arrow .arrow {
right: 60px;
left: auto;
-webkit-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
transform: rotate(-135deg)
}
.wrapper .number-arrows.right-arrow .number {
right: 0;
left: auto
}
.wrapper .cs-price {
color: #383c50;
font-family: "Raleway", sans-serif;
font-size: 50px;
font-weight: 900;
margin-top: 43px
}
@media screen and (max-width: 767px) {
.wrapper .cs-price {
font-size: 30px;
margin-top: 20px
}
}
.wrapper .cs-price ins {
background-color: transparent;
text-decoration: none
}
.wrapper .cs-price del {
color: #d7d7d7;
font-size: .7em
}
.wrapper .cs-price--alternative {
font-size: 20px;
font-weight: 300;
margin-top: 8px
}
.wrapper .cs-price--alternative del {
font-size: .9em;
margin-right: .6em
}
.wrapper .cs-rating .stars,
.wrapper .cs-rating__stars {
display: inline-block;
margin-left: -3px;
line-height: 24px;
vertical-align: middle
}
@media screen and (max-width: 479px) {
.wrapper .cs-rating .stars,
.wrapper .cs-rating__stars {
display: block
}
}
.wrapper .cs-rating .stars {
height: 19px;
margin-bottom: 0
}
.wrapper .cs-rating .stars span {
vertical-align: middle
}
.wrapper .cs-rating .stars span a {
color: #fc0;
height: 19px;
margin-right: 3px;
overflow: hidden;
width: auto
}
.wrapper .cs-rating .stars span a:before {
position: static
}
.wrapper .cs-rating__star {
color: #fc0;
display: inline-block;
font-size: 15px;
margin: 0 6px
}
.wrapper .cs-rating__star:before {
content: '\f005';
font-family: FontAwesome
}
.wrapper .cs-rating__star--empty:before {
content: '\f006'
}
.wrapper .cs-rating__link {
display: inline-block;
font-size: 14px;
font-weight: 300;
margin-left: 29px;
vertical-align: middle
}
@media screen and (max-width: 479px) {
.wrapper .cs-rating__link {
margin-left: 0;
margin-top: -10px
}
}
.wrapper .cs-rating--alternative .cs-rating__star {
margin: 0 3px
}
.wrapper .cs-rating--modern .cs-rating__star--empty:before {
color: #b9bdc3;
content: '\f005'
}
.wrapper .cs-product__info {
float: right;
margin-bottom: 60px;
padding-left: 15px;
padding-top: 2px;
width: 50%
}
@media screen and (max-width: 767px) {
.wrapper .cs-product__info {
float: none;
padding-left: 0;
width: 100%
}
}
.wrapper .cs-product__title {
margin-bottom: 5px;
text-transform: uppercase
}
.wrapper .cs-product__desc {
color: #383c50;
margin-bottom: 31px;
margin-top: 41px;
max-width: 490px
}
@media screen and (max-width: 767px) {
.wrapper .cs-product__desc {
max-width: none;
margin-top: 20px
}
}
.wrapper .cs-product__attributes {
color: #afafaf;
font-size: .875em;
letter-spacing: .7px;
line-height: 1.4
}
.wrapper .cs-product__attributes th {
color: #383c50;
font-weight: 300;
padding-right: 14px;
text-align: left
}
.wrapper .cs-product__attributes td p {
color: inherit;
font-family: inherit;
font-size: inherit;
line-height: inherit
}
.wrapper .variations {
margin: 20px 0
}
.wrapper .variations .label {
color: #383c50;
font-weight: 300;
padding-right: 14px;
text-align: left
}
.wrapper .variations .reset_variations {
color: #b81c23;
margin-left: 15px;
font-size: 15px
}
.wrapper .cs-accordion__heading {
color: #383c50;
cursor: pointer;
font-family: "Raleway", sans-serif;
font-weight: 900;
line-height: 24px;
padding: 17px 10px 17px 38px;
font-size: 16px;
position: relative;
text-transform: uppercase;
-webkit-transition: .4s background-color;
-o-transition: .4s background-color;
transition: .4s background-color
}
.wrapper .cs-accordion__heading:hover {
background-color: #eef1f2
}
.wrapper .cs-accordion__mark-minus,
.wrapper .cs-accordion__mark-plus {
font-size: 18px;
font-weight: 100;
left: 11px;
position: absolute;
text-align: center;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: .4s opacity;
-o-transition: .4s opacity;
transition: .4s opacity;
width: 10px
}
.wrapper .cs-accordion__mark-minus {
margin-top: -1px;
opacity: 0
}
.wrapper .cs-accordion__content {
display: none
}
.wrapper .cs-accordion__content-wrap {
padding: 15px 15px 15px 38px
}
.wrapper .cs-accordion__content p {
color: #383c50;
font-size: .875em;
letter-spacing: .7px;
margin: 0
}
.wrapper .cs-accordion__item {
border-top: 1px solid #d7d7d7;
padding: 6px 0
}
.wrapper .cs-accordion__item.open .cs-accordion__heading {
background-color: #eef1f2
}
.wrapper .cs-accordion__item.open .cs-accordion__mark-plus {
opacity: 0
}
.wrapper .cs-accordion__item.open .cs-accordion__mark-minus {
opacity: 1
}
.wrapper .cs-accordion__item:last-child {
border-bottom: 1px solid #d7d7d7
}
.cs-accordion--product {
margin-top: 43px
}
.wrapper .product__image {
position: relative;
background-position: center;
background-size: contain
}
.wrapper .product__image-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: absolute;
top: 0;
left: 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
height: 100%;
-webkit-transition: .3s ease-in opacity, .3s ease-in visibility;
-o-transition: .3s ease-in opacity, .3s ease-in visibility;
transition: .3s ease-in opacity, .3s ease-in visibility;
background-color: #111;
opacity: 0;
visibility: hidden
}
.wrapper .product__image:hover .product__image-wrap {
opacity: 1;
visibility: visible
}
.wrapper .product__title {
margin-top: 11px;
margin-bottom: 2px;
text-transform: uppercase
}
.wrapper .pagination .next-post a,
.wrapper .pagination .previus-post a {
padding: 0;
-webkit-transition: color .2s ease, border .2s ease;
-o-transition: color .2s ease, border .2s ease;
transition: color .2s ease, border .2s ease;
border-bottom: 2px solid #383c50;
border-radius: 0;
outline: 0;
background-color: transparent;
color: #383c50;
font-family: "Raleway", sans-serif;
font-size: 16px;
font-weight: 300;
letter-spacing: 3px;
line-height: 1.8;
text-transform: uppercase
}
.wrapper .pagination .next-post a:focus, .pagination .next-post a:hover,
.wrapper .pagination .previus-post a:focus,
.wrapper .pagination .previus-post a:hover {
border-bottom: 2px solid rgba(56, 60, 80, .8);
background-color: transparent;
color: rgba(56, 60, 80, .8)
}
.wrapper .pagination .next-post i,
.wrapper .pagination .previus-post i {
display: none
}
.wrapper .pagination .next-post {
float: right
}
.wrapper .pagination .previus-post {
float: left
}
.wrapper .select2-container {
border-bottom: 3px solid transparent;
height: 50px
}
.wrapper .select2-container .select2-selection--single {
background-color: #eef1f2;
border: 0;
border-radius: 0;
height: 47px
}
.wrapper .select2-container .select2-selection--single .select2-selection__rendered {
color: #b9bdc3;
line-height: 50px;
padding: 0 20px
}
.wrapper .select2-container .select2-selection--single .select2-selection__rendered:focus {
color: #383c50
}
.wrapper .select2-container .select2-selection--single .select2-selection__arrow {
height: 50px;
top: 0
}
.wrapper .select2-container .select2-selection--single .select2-selection__arrow b {
border-top-color: #b9bdc3
}
.wrapper .select2-container.select2-container--focus .select2-selection--single,
.wrapper .select2-container.select2-container--open .select2-selection--single {
background-color: rgba(56, 60, 80, .34);
outline: 0
}
.wrapper .select2-container.select2-container--focus .select2-selection--single .select2-selection__rendered,
.wrapper .select2-container.select2-container--open .select2-selection--single .select2-selection__rendered {
color: #383c50
}
.wrapper .select2-container.select2-container--focus .select2-selection--single .select2-selection__arrow b,
.wrapper .select2-container.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-bottom-color: #383c50
}
.wrapper .select2-container.select2-container--focus .select2-selection--single .select2-selection__arrow b {
border-top-color: #383c50
}
.wrapper .select2-container .select2-dropdown {
background-color: #eef1f2;
border: 0
}
.wrapper .select2-container .select2-results .select2-results__options {
max-height: 240px
}
.wrapper .select2-container .select2-results__option {
outline: 0;
padding: 3px 6px
}
.wrapper .cs-footer {
padding: 20px 0;
background-color: #23252d
}
.wrapper .cs-footer--full {
padding: 100px 0
}
@media screen and (max-width: 991px) {
.wrapper .cs-footer--full {
padding: 50px 0
}
.wrapper .cs-footer--full .cs-footer__copyright {
margin-bottom: 30px
}
}
.wrapper .cs-footer__align--simple {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
@media screen and (max-width: 767px) {
.wrapper .cs-footer__align--simple {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
}
.wrapper .cs-footer__copyright h4 {
font-size: 24px
}
@media screen and (max-width: 480px) {
.wrapper .cs-footer__copyright h4 {
font-size: 22px
}
}
@media screen and (max-width: 767px) {
.wrapper .cs-footer__copyright--simple {
text-align: center
}
}
.wrapper .cs-footer__copyright * {
color: #fff
}
.wrapper .cs-footer__socials--simple {
text-align: right
}
@media screen and (max-width: 767px) {
.wrapper .cs-footer__socials--simple {
margin-top: 5px;
text-align: center
}
}
.wrapper .widget {
color: #383c50;
font-size: 14px
}
.wrapper .widget:not(:last-child) {
margin-bottom: 30px
}
.wrapper .widget p {
color: inherit;
font-size: 14px
}
.wrapper .widget a {
-webkit-transition: color .2s ease;
-o-transition: color .2s ease;
transition: color .2s ease;
color: #1d1d1d
}
.wrapper .widget a:focus,
.wrapper .widget a:hover {
outline: 0;
color: rgba(29, 29, 29, .5)
}
.wrapper .widget__title {
margin-bottom: 15px;
padding: 10px 15px;
background-color: #fff;
text-transform: uppercase
}
.wrapper .widget__title .rss-widget-icon {
position: relative;
top: -4px;
margin-right: 5px
}
.wrapper .widget__title a {
color: inherit
}
.wrapper .widget ul {
margin: 0;
padding: 0;
list-style: none
}
.wrapper .widget ul li {
margin-bottom: 1px;
padding: 10px 15px;
background-color: #fff;
color: #383c50;
font-family: "Raleway", sans-serif;
font-size: 14px;
font-weight: 300;
letter-spacing: 1px;
line-height: 1.35;
text-transform: uppercase
}
.wrapper .widget ul .rsswidget {
font-weight: 900
}
.wrapper .widget ul .rss-date {
display: block;
margin: .5em 0;
font-size: .9em;
opacity: .8
}
.wrapper .widget ul .rssSummary {
color: rgba(56, 60, 80, .8);
font-size: 14px;
font-weight: 300;
line-height: 1.35;
text-transform: none
}
.wrapper .widget ul cite {
display: block;
margin-top: .6em
}
.wrapper .widget table {
background-color: #fff;
color: #383c50;
font-family: "Raleway", sans-serif;
font-size: 14px;
font-weight: 300;
letter-spacing: 1px;
line-height: 1.35;
text-transform: uppercase
}
.wrapper .widget select {
position: relative;
width: 100%;
max-width: 100%;
padding: 10px 15px;
border: 0;
outline: 0;
background-color: #fff;
color: #383c50;
font-family: "Raleway", sans-serif;
font-size: 14px;
font-weight: 300;
line-height: 1.6;
text-transform: uppercase
}
.wrapper .widget select option {
width: 100%;
outline: 0
}
.wrapper .widget .children li,
.wrapper .widget .sub-menu li {
padding-right: 0;
padding-bottom: 0
}
.wrapper .widget .children li:last-child,
.wrapper .widget .sub-menu li:last-child {
padding-bottom: 0
}
.wrapper .widget .calendar_wrap {
padding: 10px 15px;
background-color: #fff
}
.wrapper .widget table {
width: 100%
}
.wrapper .widget table caption {
margin-bottom: .6em;
font-size: 16px;
font-weight: 300;
line-height: 1.6
}
.wrapper .widget table td,
.wrapper .widget table th {
padding: 2px;
border: 1px solid #383c50;
text-align: center
}
.wrapper .widget table td a,
.wrapper .widget table th a {
font-weight: 900
}
.wrapper .widget table #today {
background-color: #383c50;
color: #fff;
font-weight: 900
}
.wrapper .widget table #today a {
color: inherit
}
.wrapper .widget_mc4wp_form_widget .cs-form,
.wrapper .widget_mc4wp_form_widget .mc4wp-form,
.wrapper .widget_search .cs-form,
.wrapper .widget_search .mc4wp-form,
.wrapper .widget_subscribe .cs-form,
.wrapper .widget_subscribe .mc4wp-form {
position: relative
}
.wrapper .widget_mc4wp_form_widget .cs-form input[type=email],
.wrapper .widget_mc4wp_form_widget .cs-form input[type=file],
.wrapper .widget_mc4wp_form_widget .cs-form input[type=number],
.wrapper .widget_mc4wp_form_widget .cs-form input[type=password],
.wrapper .widget_mc4wp_form_widget .cs-form input[type=search],
.wrapper .widget_mc4wp_form_widget .cs-form input[type=tel],
.wrapper .widget_mc4wp_form_widget .cs-form input[type=text],
.wrapper .widget_mc4wp_form_widget .cs-form input[type=url],
.wrapper .widget_mc4wp_form_widget .cs-form textarea,
.wrapper .widget_mc4wp_form_widget .mc4wp-form input[type=email],
.wrapper .widget_mc4wp_form_widget .mc4wp-form input[type=file],
.wrapper .widget_mc4wp_form_widget .mc4wp-form input[type=number],
.wrapper .widget_mc4wp_form_widget .mc4wp-form input[type=password],
.wrapper .widget_mc4wp_form_widget .mc4wp-form input[type=search],
.wrapper .widget_mc4wp_form_widget .mc4wp-form input[type=tel],
.wrapper .widget_mc4wp_form_widget .mc4wp-form input[type=text],
.wrapper .widget_mc4wp_form_widget .mc4wp-form input[type=url],
.wrapper .widget_mc4wp_form_widget .mc4wp-form textarea,
.wrapper .widget_search .cs-form input[type=email],
.wrapper .widget_search .cs-form input[type=file],
.wrapper .widget_search .cs-form input[type=number],
.wrapper .widget_search .cs-form input[type=password],
.wrapper .widget_search .cs-form input[type=search],
.wrapper .widget_search .cs-form input[type=tel],
.wrapper .widget_search .cs-form input[type=text],
.wrapper .widget_search .cs-form input[type=url],
.wrapper .widget_search .cs-form textarea,
.wrapper .widget_search .mc4wp-form input[type=email],
.wrapper .widget_search .mc4wp-form input[type=file],
.wrapper .widget_search .mc4wp-form input[type=number],
.wrapper .widget_search .mc4wp-form input[type=password],
.wrapper .widget_search .mc4wp-form input[type=search],
.wrapper .widget_search .mc4wp-form input[type=tel],
.wrapper .widget_search .mc4wp-form input[type=text],
.wrapper .widget_search .mc4wp-form input[type=url],
.wrapper .widget_search .mc4wp-form textarea,
.wrapper .widget_subscribe .cs-form input[type=email],
.wrapper .widget_subscribe .cs-form input[type=file],
.wrapper .widget_subscribe .cs-form input[type=number],
.wrapper .widget_subscribe .cs-form input[type=password],
.wrapper .widget_subscribe .cs-form input[type=search],
.wrapper .widget_subscribe .cs-form input[type=tel],
.wrapper .widget_subscribe .cs-form input[type=text],
.wrapper .widget_subscribe .cs-form input[type=url],
.wrapper .widget_subscribe .cs-form textarea,
.wrapper .widget_subscribe .mc4wp-form input[type=email],
.wrapper .widget_subscribe .mc4wp-form input[type=file],
.wrapper .widget_subscribe .mc4wp-form input[type=number],
.wrapper .widget_subscribe .mc4wp-form input[type=password],
.wrapper .widget_subscribe .mc4wp-form input[type=search],
.wrapper .widget_subscribe .mc4wp-form input[type=tel],
.wrapper .widget_subscribe .mc4wp-form input[type=text],
.wrapper .widget_subscribe .mc4wp-form input[type=url],
.wrapper .widget_subscribe .mc4wp-form textarea {
height: 44px;
padding-top: 0;
padding-bottom: 0;
border: 1px solid #fff;
background-color: #fff;
}
.wrapper .widget_mc4wp_form_widget .cs-form input[type=email]:focus,
.wrapper .widget_mc4wp_form_widget .cs-form input[type=file]:focus,
.wrapper .widget_mc4wp_form_widget .cs-form input[type=number]:focus,
.wrapper .widget_mc4wp_form_widget .cs-form input[type=password]:focus,
.wrapper .widget_mc4wp_form_widget .cs-form input[type=search]:focus,
.wrapper .widget_mc4wp_form_widget .cs-form input[type=tel]:focus,
.wrapper .widget_mc4wp_form_widget .cs-form input[type=text]:focus,
.wrapper .widget_mc4wp_form_widget .cs-form input[type=url]:focus,
.wrapper .widget_mc4wp_form_widget .cs-form textarea:focus,
.wrapper .widget_mc4wp_form_widget .mc4wp-form input[type=email]:focus,
.wrapper .widget_mc4wp_form_widget .mc4wp-form input[type=file]:focus,
.wrapper .widget_mc4wp_form_widget .mc4wp-form input[type=number]:focus,
.wrapper .widget_mc4wp_form_widget .mc4wp-form input[type=password]:focus,
.wrapper .widget_mc4wp_form_widget .mc4wp-form input[type=search]:focus,
.wrapper .widget_mc4wp_form_widget .mc4wp-form input[type=tel]:focus,
.wrapper .widget_mc4wp_form_widget .mc4wp-form input[type=text]:focus,
.wrapper .widget_mc4wp_form_widget .mc4wp-form input[type=url]:focus,
.wrapper .widget_mc4wp_form_widget .mc4wp-form textarea:focus,
.wrapper .widget_search .cs-form input[type=email]:focus,
.wrapper .widget_search .cs-form input[type=file]:focus,
.wrapper .widget_search .cs-form input[type=number]:focus,
.wrapper .widget_search .cs-form input[type=password]:focus,
.wrapper .widget_search .cs-form input[type=search]:focus,
.wrapper .widget_search .cs-form input[type=tel]:focus,
.wrapper .widget_search .cs-form input[type=text]:focus,
.wrapper .widget_search .cs-form input[type=url]:focus,
.wrapper .widget_search .cs-form textarea:focus,
.wrapper .widget_search .mc4wp-form input[type=email]:focus,
.wrapper .widget_search .mc4wp-form input[type=file]:focus,
.wrapper .widget_search .mc4wp-form input[type=number]:focus,
.wrapper .widget_search .mc4wp-form input[type=password]:focus,
.wrapper .widget_search .mc4wp-form input[type=search]:focus,
.wrapper .widget_search .mc4wp-form input[type=tel]:focus,
.wrapper .widget_search .mc4wp-form input[type=text]:focus,
.wrapper .widget_search .mc4wp-form input[type=url]:focus,
.wrapper .widget_search .mc4wp-form textarea:focus,
.wrapper .widget_subscribe .cs-form input[type=email]:focus,
.wrapper .widget_subscribe .cs-form input[type=file]:focus,
.wrapper .widget_subscribe .cs-form input[type=number]:focus,
.wrapper .widget_subscribe .cs-form input[type=password]:focus,
.wrapper .widget_subscribe .cs-form input[type=search]:focus,
.wrapper .widget_subscribe .cs-form input[type=tel]:focus,
.wrapper .widget_subscribe .cs-form input[type=text]:focus,
.wrapper .widget_subscribe .cs-form input[type=url]:focus,
.wrapper .widget_subscribe .cs-form textarea:focus,
.wrapper .widget_subscribe .mc4wp-form input[type=email]:focus,
.wrapper .widget_subscribe .mc4wp-form input[type=file]:focus,
.wrapper .widget_subscribe .mc4wp-form input[type=number]:focus,
.wrapper .widget_subscribe .mc4wp-form input[type=password]:focus,
.wrapper .widget_subscribe .mc4wp-form input[type=search]:focus,
.wrapper .widget_subscribe .mc4wp-form input[type=tel]:focus,
.wrapper .widget_subscribe .mc4wp-form input[type=text]:focus,
.wrapper .widget_subscribe .mc4wp-form input[type=url]:focus,
.wrapper .widget_subscribe .mc4wp-form textarea:focus {
border-color: #383c50;
background-color: rgba(255, 255, 255,
.8)
}
.wrapper .widget_mc4wp_form_widget .cs-form textarea,
.wrapper .widget_mc4wp_form_widget .mc4wp-form textarea,
.wrapper .widget_search .cs-form textarea,
.wrapper .widget_search .mc4wp-form textarea,
.wrapper .widget_subscribe .cs-form textarea,
.wrapper .widget_subscribe .mc4wp-form textarea {
height: 120px;
padding-top: 10px;
padding-bottom: 10px
}
.wrapper .widget_mc4wp_form_widget .cs-form .cs-btn,
.wrapper .widget_mc4wp_form_widget .mc4wp-form .cs-btn,
.wrapper .widget_search .cs-form .cs-btn,
.wrapper .widget_search .mc4wp-form .cs-btn,
.wrapper .widget_subscribe .cs-form .cs-btn,
.wrapper .widget_subscribe .mc4wp-form .cs-btn {
position: absolute;
top: 0;
right: 0;
height: 44px;
margin-top: 0;
padding: 0 10px;
-webkit-transition: background-color .3s ease-in;
-o-transition: background-color .3s ease-in;
transition: background-color .3s ease-in;
border: 0;
background-color: #383c50;
color: #fff;
font-size: 13px;
font-weight: 300;
letter-spacing: .4px;
line-height: 47px
}
.wrapper .widget_mc4wp_form_widget .cs-form .cs-btn:hover,
.wrapper .widget_mc4wp_form_widget .mc4wp-form .cs-btn:hover,
.wrapper .widget_search .cs-form .cs-btn:hover,
.wrapper .widget_search .mc4wp-form .cs-btn:hover,
.wrapper .widget_subscribe .cs-form .cs-btn:hover,
.wrapper .widget_subscribe .mc4wp-form .cs-btn:hover {
background-color: rgba(29, 29, 29,
.5)
}
.wrapper .widget_categories .sub-menu ul ul ul ul ul li,
.wrapper .widget_nav_menu .sub-menu ul ul ul ul ul li {
padding-left: 0
}
.wrapper .widget_categories .sub-menu li:last-child,
.wrapper .widget_nav_menu .sub-menu li:last-child {
padding-bottom: 0
}
.wrapper .widget_subscribe ul {
margin: 15px -3px 0
}
.wrapper .widget_subscribe ul li {
display: inline-block;
margin: 0 3px 6px;
padding: 0;
background-color: transparent
}
.wrapper .widget_subscribe ul li a {
display: block;
width: 32px;
height: 32px;
-webkit-transition: .3s color ease, .3s background-color ease;
-o-transition: .3s color ease, .3s background-color ease;
transition: .3s color ease, .3s background-color ease;
border-radius: 50%;
background-color: #fff;
color: #fff;
font-size: 14px;
line-height: 32px;
text-align: center
}
.wrapper .widget_subscribe ul li a:hover {
background-color: rgba(255, 255, 255, .5);
color: #383c50
}
.wrapper .widget_text .textwidget {
padding: 10px 15px;
background-color: #fff
}
.wrapper .widget_text select {
border: 1px solid #eef1f2;
border-radius: 0;
background-color: #eef1f2;
color: #b9bdc3
}
.wrapper .widget_tag_cloud .tagcloud {
padding: 10px 15px;
background-color: #fff
}
.wrapper .widget_search .cs-form {
width: 100%;
max-width: 100%
}
.wrapper .widget--footer {
color: rgba(255, 255, 255, .6);
font-size: 20px
}
.wrapper .widget--footer p {
color: #fff;
font-size: 16px
}
@media screen and (max-width: 480px) {
.wrapper .widget--footer p {
font-size: 16px
}
}
.wrapper .widget--footer a {
color: #eef1f2
}
.wrapper .widget--footer a:focus,
.wrapper .widget--footer a:hover {
color: rgba(238, 241, 242, .8)
}
.wrapper .widget--footer .widget__title {
margin-top: 5px;
margin-bottom: 40px;
padding: 0;
background-color: transparent;
color: #fff;
text-transform: uppercase;
font-weight: 900;
font-size: 16px;
}
@media screen and (max-width: 991px) {
.wrapper .widget--footer .widget__title {
margin-bottom: 15px
}
}
@media screen and (max-width: 764px) {
.wrapper .widget--footer .widget__title {
text-align: center;
}
}
.wrapper .widget--footer ul li {
margin-bottom: 5px;
padding: 0;
background-color: transparent;
color: rgba(255, 255, 255, .6)
}
@media screen and (max-width: 764px) {
.wrapper .widget_subscribe ul {
text-align: center;
}
.wrapper .widget--footer ul li {
text-align: center;
}
}
.wrapper .widget--footer ul .rssSummary {
color: rgba(255, 255, 255, .6)
}
.wrapper .widget--footer select {
background-color: #383c50;
color: rgba(255, 255, 255, .6)
}
.wrapper .widget--footer select option {
color: #000
}
.wrapper .widget--footer .calendar_wrap {
padding: 0;
background: 0 0
}
.wrapper .widget--footer table {
background-color: #383c50;
color: #fff
}
.wrapper .widget--footer table caption {
color: #fff
}
.wrapper .widget--footer table td,
.wrapper .widget--footer table th {
border: 1px solid #fff
}
.wrapper .widget--footer table td a,
.wrapper .widget--footer table th a {
color: #fff
}
.wrapper .widget--footer table #today {
background-color: #383c50;
color: #fff
}
.wrapper .widget--footer.widget_rss ul li {
margin-bottom: 1em;
padding-bottom: 1em;
border-bottom: 2px solid rgba(255, 255, 255, .6)
}
.wrapper .widget--footer.widget_rss ul li:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0
}
.wrapper .widget--footer.widget_categories ul li,
.wrapper .widget--footer.widget_nav_menu ul li {
margin-bottom: 0
}
.wrapper .widget--footer.widget_categories ul li a,
.wrapper .widget--footer.widget_nav_menu ul li a {
padding-left: 0
}
.wrapper .widget--footer.widget_text .textwidget {
padding: 0;
background-color: transparent;
text-align: left;
}
@media screen and (max-width: 764px) {
.wrapper .widget--footer.widget_text .textwidget {
text-align: center;
}
.wrapper .widget--footer p {
text-align: center;
}
}
.wrapper .widget--footer.widget_text select {
border: 1px solid #eef1f2;
border-radius: 0;
background-color: #eef1f2;
color: #b9bdc3
}
.wrapper .widget--footer.widget_mc4wp_form_widget .cs-form,
.wrapper .widget--footer.widget_mc4wp_form_widget .mc4wp-form,
.wrapper .widget--footer.widget_search .cs-form,
.wrapper .widget--footer.widget_search .mc4wp-form,
.wrapper .widget--footer.widget_subscribe .cs-form,
.wrapper .widget--footer.widget_subscribe .mc4wp-form {
position: relative
}
.wrapper .widget--footer.widget_mc4wp_form_widget .cs-form input[type=email],
.wrapper .widget--footer.widget_mc4wp_form_widget .cs-form input[type=file],
.wrapper .widget--footer.widget_mc4wp_form_widget .cs-form input[type=number],
.wrapper .widget--footer.widget_mc4wp_form_widget .cs-form input[type=password],
.wrapper .widget--footer.widget_mc4wp_form_widget .cs-form input[type=search],
.wrapper .widget--footer.widget_mc4wp_form_widget .cs-form input[type=tel],
.wrapper .widget--footer.widget_mc4wp_form_widget .cs-form input[type=text],
.wrapper .widget--footer.widget_mc4wp_form_widget .cs-form input[type=url],
.wrapper .widget--footer.widget_mc4wp_form_widget .cs-form textarea,
.wrapper .widget--footer.widget_mc4wp_form_widget .mc4wp-form input[type=email],
.wrapper .widget--footer.widget_mc4wp_form_widget .mc4wp-form input[type=file],
.wrapper .widget--footer.widget_mc4wp_form_widget .mc4wp-form input[type=number],
.wrapper .widget--footer.widget_mc4wp_form_widget .mc4wp-form input[type=password],
.wrapper .widget--footer.widget_mc4wp_form_widget .mc4wp-form input[type=search],
.wrapper .widget--footer.widget_mc4wp_form_widget .mc4wp-form input[type=tel],
.wrapper .widget--footer.widget_mc4wp_form_widget .mc4wp-form input[type=text],
.wrapper .widget--footer.widget_mc4wp_form_widget .mc4wp-form input[type=url],
.wrapper .widget--footer.widget_mc4wp_form_widget .mc4wp-form textarea,
.wrapper .widget--footer.widget_search .cs-form input[type=email],
.wrapper .widget--footer.widget_search .cs-form input[type=file],
.wrapper .widget--footer.widget_search .cs-form input[type=number],
.wrapper .widget--footer.widget_search .cs-form input[type=password],
.wrapper .widget--footer.widget_search .cs-form input[type=search],
.wrapper .widget--footer.widget_search .cs-form input[type=tel],
.wrapper .widget--footer.widget_search .cs-form input[type=text],
.wrapper .widget--footer.widget_search .cs-form input[type=url],
.wrapper .widget--footer.widget_search .cs-form textarea,
.wrapper .widget--footer.widget_search .mc4wp-form input[type=email],
.wrapper .widget--footer.widget_search .mc4wp-form input[type=file],
.wrapper .widget--footer.widget_search .mc4wp-form input[type=number],
.wrapper .widget--footer.widget_search .mc4wp-form input[type=password],
.wrapper .widget--footer.widget_search .mc4wp-form input[type=search],
.wrapper .widget--footer.widget_search .mc4wp-form input[type=tel],
.wrapper .widget--footer.widget_search .mc4wp-form input[type=text],
.wrapper .widget--footer.widget_search .mc4wp-form input[type=url],
.wrapper .widget--footer.widget_search .mc4wp-form textarea,
.wrapper .widget--footer.widget_subscribe .cs-form input[type=email],
.wrapper .widget--footer.widget_subscribe .cs-form input[type=file],
.wrapper .widget--footer.widget_subscribe .cs-form input[type=number],
.wrapper .widget--footer.widget_subscribe .cs-form input[type=password],
.wrapper .widget--footer.widget_subscribe .cs-form input[type=search],
.wrapper .widget--footer.widget_subscribe .cs-form input[type=tel],
.wrapper .widget--footer.widget_subscribe .cs-form input[type=text],
.wrapper .widget--footer.widget_subscribe .cs-form input[type=url],
.wrapper .widget--footer.widget_subscribe .cs-form textarea,
.wrapper .widget--footer.widget_subscribe .mc4wp-form input[type=email],
.wrapper .widget--footer.widget_subscribe .mc4wp-form input[type=file],
.wrapper .widget--footer.widget_subscribe .mc4wp-form input[type=number],
.wrapper .widget--footer.widget_subscribe .mc4wp-form input[type=password],
.wrapper .widget--footer.widget_subscribe .mc4wp-form input[type=search],
.wrapper .widget--footer.widget_subscribe .mc4wp-form input[type=tel],
.wrapper .widget--footer.widget_subscribe .mc4wp-form input[type=text],
.wrapper .widget--footer.widget_subscribe .mc4wp-form input[type=url],
.wrapper .widget--footer.widget_subscribe .mc4wp-form textarea {
border: 1px solid #fff;
background-color: #fff
}
.wrapper .widget--footer.widget_mc4wp_form_widget .cs-form input[type=email]:focus,
.wrapper .widget--footer.widget_mc4wp_form_widget .cs-form input[type=file]:focus,
.wrapper .widget--footer.widget_mc4wp_form_widget .cs-form input[type=number]:focus,
.wrapper .widget--footer.widget_mc4wp_form_widget .cs-form input[type=password]:focus,
.wrapper .widget--footer.widget_mc4wp_form_widget .cs-form input[type=search]:focus,
.wrapper .widget--footer.widget_mc4wp_form_widget .cs-form input[type=tel]:focus,
.wrapper .widget--footer.widget_mc4wp_form_widget .cs-form input[type=text]:focus,
.wrapper .widget--footer.widget_mc4wp_form_widget .cs-form input[type=url]:focus,
.wrapper .widget--footer.widget_mc4wp_form_widget .cs-form textarea:focus,
.wrapper .widget--footer.widget_mc4wp_form_widget .mc4wp-form input[type=email]:focus,
.wrapper .widget--footer.widget_mc4wp_form_widget .mc4wp-form input[type=file]:focus,
.wrapper .widget--footer.widget_mc4wp_form_widget .mc4wp-form input[type=number]:focus,
.wrapper .widget--footer.widget_mc4wp_form_widget .mc4wp-form input[type=password]:focus,
.wrapper .widget--footer.widget_mc4wp_form_widget .mc4wp-form input[type=search]:focus,
.wrapper .widget--footer.widget_mc4wp_form_widget .mc4wp-form input[type=tel]:focus,
.wrapper .widget--footer.widget_mc4wp_form_widget .mc4wp-form input[type=text]:focus,
.wrapper .widget--footer.widget_mc4wp_form_widget .mc4wp-form input[type=url]:focus,
.wrapper .widget--footer.widget_mc4wp_form_widget .mc4wp-form textarea:focus,
.wrapper .widget--footer.widget_search .cs-form input[type=email]:focus,
.wrapper .widget--footer.widget_search .cs-form input[type=file]:focus,
.wrapper .widget--footer.widget_search .cs-form input[type=number]:focus,
.wrapper .widget--footer.widget_search .cs-form input[type=password]:focus,
.wrapper .widget--footer.widget_search .cs-form input[type=search]:focus,
.wrapper .widget--footer.widget_search .cs-form input[type=tel]:focus,
.wrapper .widget--footer.widget_search .cs-form input[type=text]:focus,
.wrapper .widget--footer.widget_search .cs-form input[type=url]:focus,
.wrapper .widget--footer.widget_search .cs-form textarea:focus,
.wrapper .widget--footer.widget_search .mc4wp-form input[type=email]:focus,
.wrapper .widget--footer.widget_search .mc4wp-form input[type=file]:focus,
.wrapper .widget--footer.widget_search .mc4wp-form input[type=number]:focus,
.wrapper .widget--footer.widget_search .mc4wp-form input[type=password]:focus,
.wrapper .widget--footer.widget_search .mc4wp-form input[type=search]:focus,
.wrapper .widget--footer.widget_search .mc4wp-form input[type=tel]:focus,
.wrapper .widget--footer.widget_search .mc4wp-form input[type=text]:focus,
.wrapper .widget--footer.widget_search .mc4wp-form input[type=url]:focus,
.wrapper .widget--footer.widget_search .mc4wp-form textarea:focus,
.wrapper .widget--footer.widget_subscribe .cs-form input[type=email]:focus,
.wrapper .widget--footer.widget_subscribe .cs-form input[type=file]:focus,
.wrapper .widget--footer.widget_subscribe .cs-form input[type=number]:focus,
.wrapper .widget--footer.widget_subscribe .cs-form input[type=password]:focus,
.wrapper .widget--footer.widget_subscribe .cs-form input[type=search]:focus,
.wrapper .widget--footer.widget_subscribe .cs-form input[type=tel]:focus,
.wrapper .widget--footer.widget_subscribe .cs-form input[type=text]:focus,
.wrapper .widget--footer.widget_subscribe .cs-form input[type=url]:focus,
.wrapper .widget--footer.widget_subscribe .cs-form textarea:focus,
.wrapper .widget--footer.widget_subscribe .mc4wp-form input[type=email]:focus,
.wrapper .widget--footer.widget_subscribe .mc4wp-form input[type=file]:focus,
.wrapper .widget--footer.widget_subscribe .mc4wp-form input[type=number]:focus,
.wrapper .widget--footer.widget_subscribe .mc4wp-form input[type=password]:focus,
.wrapper .widget--footer.widget_subscribe .mc4wp-form input[type=search]:focus,
.wrapper .widget--footer.widget_subscribe .mc4wp-form input[type=tel]:focus,
.wrapper .widget--footer.widget_subscribe .mc4wp-form input[type=text]:focus,
.wrapper .widget--footer.widget_subscribe .mc4wp-form input[type=url]:focus,
.wrapper .widget--footer.widget_subscribe .mc4wp-form textarea:focus {
border-color: #383c50;
background-color: rgba(255, 255, 255, .8)
}
.wrapper .widget--footer.widget_subscribe ul li {
background-color: transparent
}
.wrapper .widget--footer.widget_subscribe ul li a {
background-color: #fff;
color: #383c50
}
.wrapper .widget--footer.widget_subscribe ul li a:hover {
background-color: rgba(255, 255, 255, .5)
}
.wrapper .widget_frm_show_form .frm_fields_container {
font-family: inherit
}
.wrapper .widget_frm_show_form .frm_style_formidable-style-2-2.with_frm_style input[type=email],
.wrapper .widget_frm_show_form .frm_style_formidable-style-2-2.with_frm_style input[type=file],
.wrapper .widget_frm_show_form .frm_style_formidable-style-2-2.with_frm_style input[type=number],
.wrapper .widget_frm_show_form .frm_style_formidable-style-2-2.with_frm_style input[type=password],
.wrapper .widget_frm_show_form .frm_style_formidable-style-2-2.with_frm_style input[type=search],
.wrapper .widget_frm_show_form .frm_style_formidable-style-2-2.with_frm_style input[type=tel],
.wrapper .widget_frm_show_form .frm_style_formidable-style-2-2.with_frm_style input[type=text],
.wrapper .widget_frm_show_form .frm_style_formidable-style-2-2.with_frm_style input[type=url],
.wrapper .widget_frm_show_form .frm_style_formidable-style-2-2.with_frm_style textarea {
height: 44px;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
border: 1px solid #fff;
border-radius: 0;
outline: 0;
background-color: #fff;
-webkit-box-shadow: none;
box-shadow: none
}
.wrapper .widget_frm_show_form .frm_style_formidable-style-2-2.with_frm_style input[type=email]:focus,
.wrapper .widget_frm_show_form .frm_style_formidable-style-2-2.with_frm_style input[type=file]:focus,
.wrapper .widget_frm_show_form .frm_style_formidable-style-2-2.with_frm_style input[type=number]:focus,
.wrapper .widget_frm_show_form .frm_style_formidable-style-2-2.with_frm_style input[type=password]:focus,
.wrapper .widget_frm_show_form .frm_style_formidable-style-2-2.with_frm_style input[type=search]:focus,
.widget_frm_show_form .frm_style_formidable-style-2-2.with_frm_style input[type=tel]:focus,
.wrapper .widget_frm_show_form .frm_style_formidable-style-2-2.with_frm_style input[type=text]:focus,
.wrapper .widget_frm_show_form .frm_style_formidable-style-2-2.with_frm_style input[type=url]:focus,
.wrapper .widget_frm_show_form .frm_style_formidable-style-2-2.with_frm_style textarea:focus {
border-color: #383c50;
background-color: rgba(255, 255, 255, .8);
-webkit-box-shadow: none;
box-shadow: none
}
.wrapper .widget_frm_show_form .frm_style_formidable-style-2-2.with_frm_style textarea {
height: 120px;
padding-top: 10px;
padding-bottom: 10px
}
.wrapper .widget_frm_show_form .frm_style_formidable-style-2-2.with_frm_style .frm-show-form > div.frm_description,
.wrapper .widget_frm_show_form .frm_style_formidable-style-2-2.with_frm_style .frm_error,
.wrapper .widget_frm_show_form .frm_style_formidable-style-2-2.with_frm_style div.description,
.wrapper .widget_frm_show_form .frm_style_formidable-style-2-2.with_frm_style div.frm_description,
.wrapper .widget_frm_show_form .frm_style_formidable-style-2-2.with_frm_style p.description {
margin-top: 5px;
font-family: inherit;
font-size: .9em
}
.wrapper .widget_frm_show_form .frm_style_formidable-style-2-2.with_frm_style .frm_error_style {
margin-bottom: 1em;
border-radius: 0;
font-size: .9em
}
.wrapper .widget_frm_show_form .frm_style_formidable-style-2-2.with_frm_style fieldset {
font-family: inherit
}
.wrapper .widget_frm_show_form .frm_style_formidable-style-2-2.with_frm_style label.frm_primary_label,
.wrapper .widget_frm_show_form .frm_style_formidable-style-2-2.with_frm_style.frm_login_form label {
color: #383c50;
font-family: inherit;
font-size: 14px;
font-weight: 300;
letter-spacing: .8px;
line-height: 2
}
.wrapper .widget_frm_show_form.widget--footer .widget_frm_show_form .frm_style_formidable-style-2-2.with_frm_style label.frm_primary_label,
.wrapper .widget_frm_show_form.widget--footer .widget_frm_show_form .frm_style_formidable-style-2-2.with_frm_style.frm_login_form label {
color: rgba(255, 255, 255, .8)
}
.wrapper .widget_frm_show_form .frm_style_formidable-style-2-2.with_frm_style .frm-show-form div.frm_description p {
color: #383c50;
font-size: 14px
}
.wrapper .widget_frm_show_form.widget--footer .frm_style_formidable-style-2-2.with_frm_style input[type=email],
.wrapper .widget_frm_show_form.widget--footer .frm_style_formidable-style-2-2.with_frm_style input[type=file],
.wrapper .widget_frm_show_form.widget--footer .frm_style_formidable-style-2-2.with_frm_style input[type=number],
.wrapper .widget_frm_show_form.widget--footer .frm_style_formidable-style-2-2.with_frm_style input[type=password],
.wrapper .widget_frm_show_form.widget--footer .frm_style_formidable-style-2-2.with_frm_style input[type=search],
.wrapper .widget_frm_show_form.widget--footer .frm_style_formidable-style-2-2.with_frm_style input[type=tel],
.wrapper .widget_frm_show_form.widget--footer .frm_style_formidable-style-2-2.with_frm_style input[type=text],
.wrapper .widget_frm_show_form.widget--footer .frm_style_formidable-style-2-2.with_frm_style input[type=url],
.wrapper .widget_frm_show_form.widget--footer .frm_style_formidable-style-2-2.with_frm_style textarea {
border: 1px solid #fff;
background-color: #fff
}
.wrapper .widget_frm_show_form.widget--footer .frm_style_formidable-style-2-2.with_frm_style input[type=email]:focus,
.wrapper .widget_frm_show_form.widget--footer .frm_style_formidable-style-2-2.with_frm_style input[type=file]:focus,
.wrapper .widget_frm_show_form.widget--footer .frm_style_formidable-style-2-2.with_frm_style input[type=number]:focus,
.wrapper .widget_frm_show_form.widget--footer .frm_style_formidable-style-2-2.with_frm_style input[type=password]:focus,
.wrapper .widget_frm_show_form.widget--footer .frm_style_formidable-style-2-2.with_frm_style input[type=search]:focus,
.wrapper .widget_frm_show_form.widget--footer .frm_style_formidable-style-2-2.with_frm_style input[type=tel]:focus,
.wrapper .widget_frm_show_form.widget--footer .frm_style_formidable-style-2-2.with_frm_style input[type=text]:focus,
.wrapper .widget_frm_show_form.widget--footer .frm_style_formidable-style-2-2.with_frm_style input[type=url]:focus,
.wrapper .widget_frm_show_form.widget--footer .frm_style_formidable-style-2-2.with_frm_style textarea:focus {
border-color: #383c50;
background-color: rgba(255, 255, 255, .8)
}
.wrapper .widget_frm_show_form.widget--footer .frm_style_formidable-style-2-2.with_frm_style .frm-show-form > div.frm_description .frm_error,
.wrapper .widget_frm_show_form.widget--footer .frm_style_formidable-style-2-2.with_frm_style div.description,
.wrapper .widget_frm_show_form.widget--footer .frm_style_formidable-style-2-2.with_frm_style div.frm_description, .widget_frm_show_form.widget--footer .frm_style_formidable-style-2-2.with_frm_style p.description {
color: rgba(255, 255, 255, .6)
}
.wrapper .widget_frm_show_form.widget--footer .frm_style_formidable-style-2-2.with_frm_style label.frm_primary_label,
.wrapper .widget_frm_show_form.widget--footer .frm_style_formidable-style-2-2.with_frm_style.frm_login_form label {
color: rgba(255, 255, 255, .6)
}
.wrapper .widget_frm_show_form.widget--footer .frm_style_formidable-style-2-2.with_frm_style .frm-show-form div.frm_description p {
color: rgba(255, 255, 255, .6)
}
.wrapper .widget_frm_show_form.widget--footer .frm_style_formidable-style-2-2.with_frm_style .frm_submit button, .widget_frm_show_form.widget--footer .frm_style_formidable-style-2-2.with_frm_style .frm_submit input[type=submit], .widget_frm_show_form.widget--footer .frm_style_formidable-style-2-2.with_frm_style input[type=submit] {
border-bottom-color: rgba(255, 255, 255, .6);
color: rgba(255, 255, 255, .6)
}
.wrapper .theme-sidebar .cs-form--xs-width {
margin-left: 0;
margin-right: auto
}
.wrapper .bg-beige {
background: #eef1f2;
}
.wrapper .bg-blue {
background: #008AC2;
}
.align-center {
text-align: center;
}
.wrapper .list-inline{
padding-left:0;
list-style:none;
margin-left:-5px;
}
.wrapper .list-inline > li{
display:inline-block;
padding-left:5px;
padding-right:5px
}
.wrapper .share-this i {
font-style: normal;
}
.wrapper .footer-menu {
margin: 0;
padding: 0;
list-style: none;
text-align: center;
}
@media screen and (min-width: 1025px) {
.wrapper .footer-menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
}
.wrapper .footer-menu > li {
display: inline-block;
margin: 0
}
@media screen and (max-width: 1024px) {
.footer-menu > li {
display: block;
margin: 0
}
}
.wrapper .footer-menu > li > a {
display: inline-block;
padding: 5px 10px;
color: #008AC2;
font-family: "Raleway", sans-serif;
font-size: 13px;
font-weight: 900;
letter-spacing: 2.6px;
line-height: 1
}
@media screen and (max-width: 1024px) {
.wrapper .footer-menu > li > a {
color: #008AC2;
}
}
.wrapper .footer-menu > li.current-menu-ancestor > a,
.wrapper .footer-menu > li.current-menu-item > a,
.wrapper .footer-menu > li.current-menu-parent > a,
.wrapper .footer-menu > li:hover > a {
color: #008AC2;
}
@media screen and (max-width: 1024px) {
.wrapper .footer-menu > li.current-menu-ancestor > a,
.wrapper .footer-menu > li.current-menu-item > a,
.wrapper .footer-menu > li.current-menu-parent > a,
.wrapper .footer-menu > li:hover > a {
color: #008AC2;
}
}
.footer-menu li {
position: relative;
font-size: initial;
line-height: normal
}
@media screen and (min-width: 1025px) {
.wrapper .footer-menu li:hover > .sub-menu {
opacity: 1;
visibility: visible
}
}
.wrapper .footer-menu li a {
-webkit-transition: color .2s ease;
-o-transition: color .2s ease;
transition: color .2s ease;
text-transform: uppercase
}
.wrapper .footer-sub-menu {
margin: 0;
padding: 0;
list-style: none;
text-align: center;
}
@media screen and (min-width: 1025px) {
.wrapper .footer-sub-menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
}
.wrapper .footer-sub-menu > li {
display: inline-block;
margin: 0
}
@media screen and (max-width: 1024px) {
.wrapper .footer-sub-menu > li {
display: inline-block;
margin: 0 auto;
text-align: center !important;
/*
display: block;
margin: 0;
*/
}
}
.wrapper .footer-sub-menu > li > a {
display: inline-block;
padding: 5px 10px;
color: #333333;
font-family: "Raleway", sans-serif;
font-size: 13px;
font-weight: 300;
letter-spacing: 2.6px;
line-height: 1
}
@media screen and (max-width: 1024px) {
.wrapper .footer-sub-menu > li > a {
color: #333333;
}
}
.wrapper .footer-sub-menu > li.current-menu-ancestor > a,
.wrapper .footer-sub-menu > li.current-menu-item > a,
.wrapper .footer-sub-menu > li.current-menu-parent > a,
.wrapper .footer-sub-menu > li:hover > a {
color: #333333;
}
@media screen and (max-width: 1024px) {
.wrapper .footer-sub-menu > li.current-menu-ancestor > a,
.wrapper .footer-sub-menu > li.current-menu-item > a,
.wrapper .footer-sub-menu > li.current-menu-parent > a,
.wrapper .footer-sub-menu > li:hover > a {
color: #333333;
}
}
.wrapper .footer-sub-menu li {
position: relative;
font-size: initial;
line-height: normal
}
@media screen and (min-width: 1025px) {
.wrapper .footer-sub-menu li:hover > .sub-menu {
opacity: 1;
visibility: visible
}
}
.wrapper .footer-sub-menu li a {
-webkit-transition: color .2s ease;
-o-transition: color .2s ease;
transition: color .2s ease;
text-transform: uppercase
}
.wrapper .cs-footer .legal {
font-size:11px;
}
.wrapper .white {
color: #ffffff;
}
.wrapper .ba-slider {
position: relative;
overflow: hidden
}
.wrapper .ba-slider img {
width: 100%;
display: block;
max-width: none
}
.wrapper .ba-slider .resize {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 50%;
overflow: hidden
}
.wrapper .ba-slider .handle {
position: absolute;
left: 50%;
top: 0;
bottom: 0;
width: 4px;
margin-left: -2px;
background: rgba(0, 0, 0, .5);
cursor: ew-resize
}
.wrapper .ba-slider .handle:after {
position: absolute;
top: 50%;
width: 64px;
height: 64px;
margin: -32px 0 0 -32px;
content: '\21d4';
color: #fff;
font-weight: 700;
font-size: 36px;
text-align: center;
line-height: 64px;
background: #ffb800;
border: 1px solid #e6a600;
border-radius: 50%;
transition: all .3s ease;
box-shadow: 0 2px 6px rgba(0, 0, 0, .3), inset 0 2px 0 rgba(255, 255, 255, .5), inset 0 60px 50px -30px #ffd466
}
.wrapper .ba-slider .handle.ba-draggable:after {
width: 48px;
height: 48px;
margin: -24px 0 0 -24px;
line-height: 50px;
font-size: 30px
}
.wrapper .header-title {
}
@media screen and (max-width:980px) {
.wrapper .header-title .cs-banner__content {
padding-top:150px;
padding-bottom:100px;
}
}
.align-left {
float:left;
margin:0 20px 20px 0;
}
.img-thumbnail-left {
float:left;
margin:0 20px 20px 0;
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: 50%;
height: auto;
}
.align-right {
float:right;
margin:0 0 20px 20px;
}
.img-thumbnail-right {
float:right;
margin:0 0 20px 20px;
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: 50%;
height: auto;
}
@media screen and (max-width:768px) {
.img-right {
float:none;
margin:0 0 20px 0;
max-width: 100%;
height: auto;
}
.img-thumbnail-right {
float:none;
margin:0 0 20px 0;
max-width: 100%;
height: auto;
}
.img-left {
float:none;
margin:0 0 20px 0;
max-width: 100%;
height: auto;
}
.img-thumbnail-left {
float:none;
margin:0 0 20px 0;
max-width: 100%;
height: auto;
}
}