:root {
  --arckytec-font: 'Cairo', sans-serif;
  --arckytec-font-two: 'Cairo', sans-serif;
  --arckytec-gray: #4D5054;
  --arckytec-gray-rgb: 77, 80, 84;
  --arckytec-white: #ffffff;
  --arckytec-white-rgb: 255, 255, 255;
  --arckytec-base: #244b97;
  --arckytec-base-rgb: 185, 142, 117;
  --arckytec-black: #212429;
  --arckytec-black-rgb: 33, 36, 41;
}

a:focus,
button:focus {
outline: none !important;
}
button::-moz-focus-inner {
border: 0;
}
*:focus {
outline: none;
}
.btn-check:focus+.btn, .btn:focus {
  box-shadow: unset;
}
blockquote {
padding: 0;
margin: 0;
}
input,
button,
select,
textarea {
outline: none;
}
label {
margin-bottom: 0;
}
p {
margin: 0;
font-family:'Cairo', sans-serif;
}
ul,
ol {
list-style: none;
padding: 0;
margin: 0;
}
ul li,
ol li {
display: block;
}
dl {
margin: 0;
}
dt,
dd {
line-height: inherit;
}
dt {
font-weight: inherit;
}
dd {
margin-bottom: 0;
}
cite {
font-style: normal;
}
form {
margin-bottom: 0;
}
blockquote {
padding-left: 0;
border-left: 0;
}
address {
margin-top: 0;
margin-bottom: 0;
}
figure {
margin-bottom: 0;
}
html p a:hover {
text-decoration: none;
}
body {
/* font-family: 'Cairo', sans-serif; */
font-size: 14px;
line-height: 1.71429;
font-weight: 400;
color: #151515;
background-color: #010101;
-webkit-text-size-adjust: none;
-webkit-font-smoothing: subpixel-antialiased;
}
h1,
h2,
h3,
h4,
h5,
h6,
[class*="heading-"] {
margin-top: 0;
margin-bottom: 0;
font-weight: 400;
font-family: 'Cairo', sans-serif;
text-transform: uppercase;
color: #161616;
color: white;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
[class*="heading-"] a {
color: inherit;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover,
[class*="heading-"] a:hover {
color: #ffffff;
}
h1,
.heading-1 {
font-size: 30px;
line-height: 0.88;
font-weight: 300;
}
@media (min-width: 768px) {
h1,
.heading-1 {
  font-size: 30px;
}

}

@media (min-width: 992px) {
h1,
.heading-1 {
  font-size: 30px;
}
}
@media (min-width: 1200px) {
h1,
.heading-1 {
  font-size: 36px;
  line-height: 0.85455;
}
}
h2,
.heading-2 {font-size: 25px;line-height: 0.88;}
@media (min-width: 768px) {
h2,
.heading-2 {
  font-size: 30px;
}
}
@media (min-width: 992px) {
h2,
.heading-2 {
  font-size: 30px;
}
}
@media (min-width: 1200px) {
h2,
.heading-2 {
  font-size: 30px;
  line-height: 1.5;
}
}
h3,
.heading-3 {font-size: 25px;line-height: 0.88;font-weight: 300;}
@media (min-width: 768px) {
h3,
.heading-3 {
  font-size: 25px;
}
}
@media (min-width: 992px) {
h3,
.heading-3 {
  font-size: 25px;
  line-height: 1.20833;
}
}
h4,
.heading-4 {
font-size: 28px;
line-height: 1;
}
@media (min-width: 768px) {
h4,
.heading-4 {
  font-size: 36px;
  line-height: 0.7;
}
}
h5,
.heading-5 {
font-size: 22px;
line-height: 1;
font-weight: 500;
}
@media (min-width: 768px) {
h5,
.heading-5 {
  font-size: 24px;
}
}
h6,
.heading-6 {
font-size: 18px;
line-height: 1;
font-weight: 500;
letter-spacing: 0.1em;
}
small,
.small {
display: block;
font-size: 12px;
line-height: 1.5;
}
mark,
.mark {
padding: 2px 4px;
color: #ffffff;
background: #151515;
}
.big {
font-size: 18px;
line-height: 1.55556;
}
.lead {
font-size: 24px;
line-height: 34px;
font-weight: 300;
}
code {
padding: 10px 5px;
border-radius: 0.2rem;
font-size: 90%;
color: #111111;
background: #f2f2f2;
}
p [data-toggle="tooltip"] {
color: #b7b7b7;
}
p [style*="max-width"] {
display: inline-block;
}
.bg_first_cl {
background-color: #fff !important;
}
.bg_second_cl {
background-color: #f5f5f5 !important;
}
.image-hover-effect-1 {
position: relative;
overflow: hidden;
}

.image-hover-effect-1:before {
position: absolute;
content: "";
right: 20px;
bottom: 20px;
border: 2px solid rgba(255, 255, 255, 0.64);
-webkit-box-shadow: 0 0 0 30px rgba(255, 255, 255, 0.4);
box-shadow: 0 0 0 30px rgba(255, 255, 255, 0.4);
opacity: 0;
top: 20px;
left: 20px;
z-index: 1;
transition: all 0.4s ease;
}
.image-hover-effect-1:hover:before {
opacity: 1;
}
.image-hover-effect-1 img {
-webkit-transform: scale(1.5) translateY(0);
transform: scale(1.5) translateY(0);
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.image-hover-effect-1:hover img {
-webkit-transform: scale(1.5) translateY(-12px);
transform: scale(1.5) translateY(-12px);
}
.image-hover-effect-1:after {
left: 0px;
position: absolute;
content: "";
height: 100%;
width: 100%;
background-color: rgba(0, 0, 0, 0.6);
-webkit-transition: opacity 0.25s ease-in-out;
transition: opacity 0.3s ease-in-out;
opacity: 0;
top: 0;
}
.image-hover-effect-1:hover:after {
opacity: 1;
}
.image-hover-effect-1 .link-wrap {
position: absolute;
top: calc(50% - 0px);
right: 50%;
transform: translateX(50%) translateY(-50%);
z-index: 10;
}
.image-hover-effect-1 .link-wrap a {
min-width: 140px;
padding: 12px 23px 10px;
font-size: 16px;
line-height: 1.5;
color: #151515;
background-color: #ffffff;
border-color: #ffffff;
opacity: 0;
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.image-hover-effect-1:hover .link-wrap a {
opacity: 1;
}
.image-hover-effect-1 .link-wrap:hover a {
color: #ffffff;
background-color: #161616;
border-color: #161616;
}
.image-hover-effect-1 .link-wrap:hover a:before {
color: #ffffff;
background-color: #161616;
}
.products_details {
padding: 7px 0px 16px 0;
}
.products_details .product-price-wrap {
padding-top: 13px;
}
.owl-products .products_details .product-title {
min-height: 67px;
}
.owl-products .products_details {
padding-bottom: 0px;
}
.brand {
display: inline-block;
}
.brand .brand-logo-light {
display: none;
}
.brand .brand-logo-dark {
display: block;
}
a {
transition: all 0.3s ease-in-out;
}
a,
a:focus,
a:active,
a:hover {
text-decoration: none;
}
a,
a:focus,
a:active {color: #741212;}
a:hover {
color: #161616;
}
a[href*="tel"],
a[href*="mailto"] {
white-space: nowrap;
}
.link-hover {
color: #161616;
}
.link-press {
color: #161616;
}
.privacy-link {
display: inline-block;
}
* + .privacy-link {
margin-top: 40px;
}
.link-classic {
display: inline-block;
font-size: 18px;
line-height: 1.334;
letter-spacing: 0.1em;
text-transform: uppercase;
font-family: "Cairo", sans-serif;
}
.link-classic,
.link-classic:focus,
.link-classic:active {
color: rgba(21, 21, 21, 0.4);
}
.link-classic:hover {
color: #151515;
}
.link-classic span {
display: -ms-inline-flexbox;
display: inline-flex;
vertical-align: middle;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 0 0 3px 10px;
line-height: 24px;
width: 25px;
opacity: 0.13;
transition: all 0.3s ease;
}
.link-classic span::before,
.link-classic span::after {
display: inline-block;
vertical-align: middle;
content: "";
transition: inherit;
}
.link-classic span::before {
height: 2px;
-ms-flex-positive: 1;
flex-grow: 1;
background-color: #151515;
}
.link-classic span::after {
width: 0;
height: 0;
margin-left: 3px;
border-style: solid;
border-width: 3px 0 3px 6px;
border-color: transparent transparent transparent #151515;
}
.link-classic:hover span {
width: 40px;
opacity: 1;
}
* + .link-classic {
margin-top: 30px;
}
@media (min-width: 768px) {
* + .link-classic {
  margin-top: 40px;
}
}
@media (min-width: 992px) {
.container + .link-classic {
  margin-top: 56px;
}
}
.gallery-title,
.link-instafeed-3 {
display: inline-block;
min-width: 210px;
padding: 4px 40px 10px;
font-weight: 400;
letter-spacing: 0.05em;
background: #ffffff;
}
.gallery-title a,
.gallery-title a:focus,
.gallery-title a:active,
.link-instafeed-3 a,
.link-instafeed-3 a:focus,
.link-instafeed-3 a:active {
color: #161616;
}
.gallery-title a:hover,
.link-instafeed-3 a:hover {
color: #161616;
}
.videoWrp {
background: none;
position: relative;
padding: 0;
height: 680px;
}
.hero-wrapper {
height: 680px;
min-width: 100%;
position: absolute;
top: 0px;
left: 0;
width: 100%;
}
.video {
position: relative;
}
.hero-wrapper:before {
content: "";
position: absolute;
top: -60px;
z-index: -1;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
left: 0;
}
.hero-image {
width: 100%;
height: 100%;
overflow: hidden;
z-index: -1;
top: 0;
background-position: center center;
background-size: cover;
}
.hero-image #bgvid {
display: block;
min-height: 100%;
min-width: 100%;
max-width: inherit;
}
.videohover {
position: absolute;
top: 60px;
left: 0;
width: 100%;
z-index: 99;
}
.banner-info {
padding: 200px 0px 25px;
margin-top: 100px;
margin: 0 auto;
width: 90%;
}
.slider-wrap h5 {
color: #fff;
font-size: 30px !important;
text-transform: none !important;
text-align: center;
z-index: 99;
padding-bottom: 20px;
text-shadow: 0 0 1px rgba(24, 24, 24, 0.75);
}
.slider-wrap h2 {
color: #fff;
font-size: 66px;
font-weight: 700;
text-transform: none !important;
text-align: center;
z-index: 99;
text-shadow: 0 0 1px rgba(24, 24, 24, 0.75);
}
.slider-wrap h2 span {
color: #161616;
}
.slider-wrap h4 {
color: #fff;
font-size: 48px;
font-weight: 700;
text-transform: uppercase;
text-align: center;
z-index: 99;
text-shadow: 0 0 1px rgba(24, 24, 24, 0.75);
}
.slider-wrap h4 span {
color: #161616;
}
.slider-wrap p {
color: #fff;
font-size: 15px;
text-transform: none !important;
text-align: center;
line-height: 21px;
z-index: 99;
padding: 22px 90px 38px;
margin: 0px;
}
.slider-wrap .readmore {
text-align: center;
}
.slider-wrap .readmore a {
display: inline-block;
z-index: 99;
padding: 10px 20px;
text-decoration: none;
text-align: center;
position: relative;
cursor: pointer;
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
color: #fff !important;
}
.readmore .button {
margin-top: 0px;
}
#particles-js {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 2;
}
#home_typer {
background: url(../images/banner/banner-2.jpg) no-repeat top;
background-size: cover;
background-position: center center;
display: -webkit-box;
display: -webkit-flex;
text-align: center;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
color: #ffffff;
height: 100vh;
position: relative;
}
#home_typer:before {
content: "";
position: absolute;
top: 0px;
z-index: -1;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
left: 0;
}
#home_particle {
background: url(../images/banner/banner-3.jpg) no-repeat; 
background-size: cover;
display:-webkit-box;
display:-webkit-flex;
text-align:center;
display: -ms-flexbox;
display:flex;
-webkit-box-align:center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
color: #ffffff;
height: 95vh;
position: relative;
}
#home_particle:before {
content: "";
position: absolute;
top: 0px;
z-index: -1;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
left: 0;
}
#home_static {
background: url(../images/banner-5.jpg) no-repeat top;
background-size: cover;
background-position: center center;
display: -webkit-box;
display: -webkit-flex;
text-align: center;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
color: #ffffff;
height: 100vh;
position: relative;
}
.parallax-section {
padding: 20px 0 70px 0px;
position: relative;
background-attachment: fixed !important;
background-size: cover !important;
}
#home h3 {
color: #f0f0f0;
}
#home .overlay {
background: rgba(0, 0, 0, 0.3);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#js-rotating {
border: 1px solid #fff;
padding: 10px 20px;
display: inline-block;
}
.block-center,
.block-sm,
.block-lg {
margin-left: auto;
margin-right: auto;
}
.block-sm {
max-width: 560px;
}
.block-lg {
max-width: 768px;
}
.block-center {
padding: 10px;
}
.block-center:hover .block-center-header {
background-color: #161616;
}
.block-center-title {
background-color: #ffffff;
}
@media (max-width: 1599px) {
.block-center {
  padding: 20px;
}
.block-center:hover .block-center-header {
  background-color: #ffffff;
}
.block-center-header {
  background-color: #161616;
}
}
.trending_div {
padding-bottom: 55px !important;
}
.headingTitle {
/* margin-bottom: 40px; */
}
.headingTitle h1 {
margin: 0;
font-size: 42px;
text-transform: uppercase;
font-weight: 400;
position: relative;
margin-bottom: 10px;
color: #000;
}
.headingTitle p {
padding: 0 200px;
margin-bottom: 32px;
font-size: 14px;
line-height: 21px;
color: #818080;
font-family: "Raleway", sans-serif;
margin-top: 0px;
}
.headingTitle h1 span {
color: #161616;
}
@media screen and (max-width: 1199px) {
#home_particle {
  height: 70vh;
}
#home_typer {
  height: 70vh;
}
.banner-info {
  padding: 28px 0px 25px;
  margin-top: 60px;
  width: 100%;
}
.videoWrp {
  height: 600px;
}
.hero-wrapper {
  height: 600px;
}
}
@media screen and (max-width: 1024px) {
.banner-info {
  padding: 45px 0px 25px;
  margin-top: 20px;
  width: 100%;
}
}
@media screen and (max-width: 767px) {
.banner-info {
  margin-top: 10px;
}
#home_particle {
  height: 55vh;
  height: 16vh; 
}
#home_typer {
  height: 65vh;
}
.slider-wrap h4 {
  font-size: 30px;
}
.slider-wrap p {
  padding: 16px 5px 30px;
}

.breadcrumbs-custom {
  position: relative;
  overflow: hidden;
  /* padding: 130px 0 !important; */
  text-align: center;
  background-color: #2b313b;
  z-index: 1;
}


}
@media screen and (max-width: 991px) {
.slider-wrap h2 {
  font-size: 40px;
}
.videoWrp {
  height: 500px;
}
.hero-wrapper {
  height: 500px;
}
.headingTitle p {
  font-size: 13px;
  line-height: 19px;
}
.team-creative-name {
  font-weight: 400;
  width: 100%;
  text-align: left;
  display: block;
}
}
@media (min-width: 1200px) {
* + .box-icon-leah-title {
  min-height: 50px;
}
.box-icon-leah {
  padding-left: 30px;
  padding-right: 30px;
}
}
html .group {
margin-bottom: -20px;
margin-left: -15px;
}
html .group:empty {
margin-bottom: 0;
margin-left: 0;
}
html .group > * {
display: inline-block;
margin-top: 0;
margin-bottom: 20px;
margin-left: 15px;
}
html .group-xs {
margin-bottom: -11px;
margin-left: -9px;
}
html .group-xs:empty {
margin-bottom: 0;
margin-left: 0;
}
html .group-xs > * {
display: inline-block;
margin-top: 0;
margin-bottom: 11px;
margin-left: 9px;
}
html .group-sm {
margin-bottom: -12px;
margin-left: -12px;
}
html .group-sm:empty {
margin-bottom: 0;
margin-left: 0;
}
html .group-sm > * {
display: inline-block;
margin-top: 0;
margin-bottom: 12px;
margin-left: 12px;
}
html .group-md {
margin-bottom: -17px;
margin-left: -17px;
}
html .group-md:empty {
margin-bottom: 0;
margin-left: 0;
}
html .group-md > * {
display: inline-block;
margin-top: 0;
margin-bottom: 17px;
margin-left: 17px;
}
html .group-xmd {
margin-bottom: -22px;
margin-left: -22px;
}
html .group-xmd:empty {
margin-bottom: 0;
margin-left: 0;
}
html .group-xmd > * {
display: inline-block;
margin-top: 0;
margin-bottom: 22px;
margin-left: 22px;
}
html .group-lg {
margin-bottom: -20px;
margin-left: -30px;
}
html .group-lg:empty {
margin-bottom: 0;
margin-left: 0;
}
html .group-lg > * {
display: inline-block;
margin-top: 0;
margin-bottom: 20px;
margin-left: 30px;
}
html .group-xl {
margin-bottom: -30px;
margin-left: -30px;
}
html .group-xl:empty {
margin-bottom: 0;
margin-left: 0;
}
html .group-xl > * {
display: inline-block;
margin-top: 0;
margin-bottom: 30px;
margin-left: 30px;
}
html .group-justify {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
}
html .group-sm-justify {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
}
@media (min-width: 576px) {
html .group-sm-justify {
  -ms-flex-pack: justify;
  justify-content: space-between;
}
}
html .group-lg-justify {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
}
@media (min-width: 992px) {
html .group-lg-justify {
  -ms-flex-pack: justify;
  justify-content: space-between;
}
}
html .group-middle {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
}
@media (min-width: 768px) {
html .group-middle {
  -ms-flex-pack: start;
  justify-content: flex-start;
}
}
html .group-middle-2 > * {
display: inline-table;
vertical-align: middle;
}
* + .group-sm {
margin-top: 40px;
}
* + .group-md {
margin-top: 40px;
}
* + .group-xl {
margin-top: 40px;
}
.row + .group-md {
margin-top: 35px;
}
.unit {
display: -ms-flexbox;
display: flex;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
margin-bottom: -30px;
margin-left: -20px;
}
.unit > * {
margin-bottom: 30px;
margin-left: 20px;
}
.unit:empty {
margin-bottom: 0;
margin-left: 0;
}
.unit-body {
-ms-flex: 0 1 auto;
flex: 0 1 auto;
}
.unit-left,
.unit-right {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
max-width: 100%;
}
.unit-spacing-xxs {
margin-bottom: -8px;
margin-left: -8px;
}
.unit-spacing-xxs > * {
margin-bottom: 8px;
margin-left: 8px;
}
.unit-spacing-xs {
margin-bottom: -10px;
margin-left: -12px;
}
.unit-spacing-xs > * {
margin-bottom: 5px;
margin-left: 12px;
}
.unit-spacing-sm {
margin-bottom: -10px;
margin-left: -16px;
}
.unit-spacing-sm > * {
margin-bottom: 10px;
margin-left: 16px;
}
.unit-spacing-md {
margin-bottom: -20px;
margin-left: -24px;
}
.unit-spacing-md > * {
margin-bottom: 20px;
margin-left: 24px;
}
.unit-spacing-lg {
margin-bottom: -20px;
margin-left: -30px;
}
.unit-spacing-lg > * {
margin-bottom: 20px;
margin-left: 30px;
}
.list-inline > li {
display: inline-block;
}
html .list-inline-xs {
-webkit-transform: translate3d(0, -6px, 0);
transform: translate3d(0, -6px, 0);
margin-bottom: -6px;
margin-left: -2px;
margin-right: -2px;
}
html .list-inline-xs > * {
margin-top: 6px;
padding-left: 2px;
padding-right: 2px;
}
html .list-inline-sm {
-webkit-transform: translate3d(0, -8px, 0);
transform: translate3d(0, -8px, 0);
margin-bottom: -8px;
margin-left: -8px;
margin-right: -8px;
}
html .list-inline-sm > * {
margin-top: 8px;
padding-left: 8px;
padding-right: 8px;
}
html .list-inline-md {
-webkit-transform: translate3d(0, -8px, 0);
transform: translate3d(0, -8px, 0);
margin-bottom: -8px;
margin-left: -10px;
margin-right: -10px;
}
html .list-inline-md > * {
margin-top: 8px;
padding-left: 10px;
padding-right: 10px;
}
.list-terms dt + dd {
margin-top: 10px;
}
.list-terms dd + dt {
margin-top: 40px;
}
* + .list-terms {
margin-top: 40px;
}
.index-list {
counter-reset: li;
}
.index-list > li .list-index-counter:before {
content: counter(li, decimal-leading-zero);
counter-increment: li;
}
img {
display: inline-block;
max-width: 100%;
height: auto;
}
.img-responsive {
width: 100%;
}
.img-circles {
border-radius: 50%;
}
.icon {
display: inline-block;
font-size: 16px;
line-height: 1;
}
.icon::before {
position: relative;
display: inline-block;
font-weight: 400;
font-style: normal;
speak: none;
text-transform: none;
}
.icon-circle {
border-radius: 50%;
}
hr {
margin-top: 0;
margin-bottom: 0;
border-top: 1px solid #d7d7d7;
}
.divider {
font-size: 0;
line-height: 0;
height: 1px;
width: 100%;
background: #e1e1e1;
}

.button {
position: relative;
overflow: hidden;
display: inline-block;
min-width: 200px;
padding: 17px 33px 15px;
font-size: 18px;
line-height: 1.34;
border: 2px solid;
font-family: "Cairo", sans-serif;
font-weight: 500;
letter-spacing: 0.075em;
text-transform: uppercase;
white-space: nowrap;
text-overflow: ellipsis;
text-align: center;
cursor: pointer;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
transition: 250ms all ease-in-out;
}
.button-block {
display: block;
width: 100%;
}
.button-shadow {
box-shadow: 0 9px 21px 0 rgba(204, 204, 204, 0.15);
}
.button-shadow:hover {
box-shadow: 0 9px 10px 0 rgba(204, 204, 204, 0.15);
}
.button-shadow:focus,
.button-shadow:active {
box-shadow: none;
}
.button-xs {
padding: 8px 17px;
}
.button-sm {
padding: 5px 25px 3px;
font-size: 12px;
line-height: 1.5;
}
.button-md {
min-width: 140px;
padding: 12px 23px 10px;
font-size: 16px;
line-height: 1.5;
}
.button-lg {
padding: 20px 33px 18px;
line-height: 1.33;
}
.button-xl {
padding: 16px 50px 14px;
font-size: 16px;
line-height: 28px;
}
@media (min-width: 992px) {
.button-xl {
  padding: 20px 80px;
}
}
.button-circle {
border-radius: 30px;
}
.button-round-1 {
border-radius: 5px;
}
.button-round-2 {
border-radius: 10px;
}
.button.button-icon {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
vertical-align: middle;
}
.button.button-icon .icon {
position: relative;
display: inline-block;
top: -1px;
vertical-align: middle;
color: inherit;
font-size: 14px;
line-height: 1;
}
.button.button-icon-left .icon {
padding-right: 8px;
}
.button.button-icon-right {
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.button.button-icon-right .icon {
padding-left: 8px;
}
.button.button-icon.button-link .icon {
top: 5px;
font-size: 1em;
}
.button.button-icon.button-xs .icon {
top: 0.05em;
font-size: 1.2em;
padding-right: 8px;
}
.button.button-icon.button-xs .button-icon-right {
padding-left: 8px;
}
.btn-primary {
border-radius: 3px;
font-family: "Cairo", sans-serif;
font-weight: 500;
letter-spacing: 0.05em;
text-transform: uppercase;
transition: 0.33s;
}
.btn-primary,
.btn-primary:active,
.btn-primary:focus {
color: #ffffff;
background: #161616;
border-color: #161616;
}
.btn-primary:hover {
color: #ffffff;
background: #000000;
border-color: #000000;
}
.rd-form {
position: relative;
text-align: left;
width: 100%;
z-index: 1;
}
.rd-form .button {
min-width: 222px;
}
@media (max-width: 575px) {
.rd-form .button {
  display: block;
  width: 100%;
}
}
.rd-form * + .button {
margin-top: 33px;
}
.rd-form-variant-2 .button {
min-width: 256px;
}
* + .rd-form {
margin-top: 20px;
}
p + .rd-form {
margin-top: 30px;
}
h5 + .rd-form {
margin-top: 40px;
}
h4 + .rd-form-variant-2 {
margin-top: 34px;
}
.row + .checkbox-inline {
margin-top: 20px;
}
.form-wrap + .checkbox-inline {
margin-top: 15px;
}
input:-webkit-autofill ~ label,
input:-webkit-autofill ~ .form-validation {
color: #000000 !important;
}
.form-wrap {
position: relative;
}
.form-wrap.has-error .form-input {
border-color: #f5543f;
}
.form-wrap.has-focus .form-input {
border-color: #161616;
}
.form-wrap + * {
margin-top: 20px;
}
.form-input {
display: block;
width: 100%;
min-height: 60px;
padding: 17px 22px;
font-size: 14px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0.025em;
color: #151515;
background-color: #f7f7f7;
background-image: none;
border-radius: 0;
-webkit-appearance: none;
transition: 0.3s ease-in-out;
border: 1px solid #f7f7f7;
}
.form-input:focus {
outline: 0;
}
.form-input-inverse {
background-color: #ffffff;
border-color: #e1e1e1;
}
.form-input-price {
border-bottom: 2px solid #161616;
}
.form-input-disabled {
cursor: default;
}
textarea.form-input {
height: 156px;
min-height: 60px;
max-height: 265px;
resize: vertical;
}
textarea.textarea-lg {
height: 206px;
max-height: 350px;
resize: vertical;
}
.form-label,
.form-label-outside {
margin-bottom: 0;
color: #151515;
font-weight: 400;
}
.form-label {
position: absolute;
top: 30px;
left: 0;
right: 0;
padding-left: 22px;
padding-right: 22px;
font-size: 14px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0.025em;
pointer-events: none;
text-align: left;
z-index: 9;
transition: 0.25s;
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
will-change: transform;
}
.form-label.focus {
opacity: 0;
}
.form-label.auto-fill {
color: #151515;
}
.form-label-outside {
width: 100%;
margin-bottom: 4px;
}
@media (min-width: 768px) {
.form-label-outside {
  position: static;
}
.form-label-outside,
.form-label-outside.focus,
.form-label-outside.auto-fill {
  -webkit-transform: none;
  transform: none;
}
}
.form-label-disabled {
color: #9b9b9b;
}
[data-x-mode="true"] .form-label {
pointer-events: auto;
}
.form-validation {
position: absolute;
right: 8px;
top: 0;
z-index: 11;
margin-top: 2px;
font-size: 9px;
font-weight: 400;
line-height: 12px;
letter-spacing: 0;
color: #f5543f;
transition: 0.3s;
}
.form-validation-left .form-validation {
top: 100%;
right: auto;
left: 0;
}
#form-output-global {
position: fixed;
bottom: 30px;
left: 15px;
z-index: 2000;
visibility: hidden;
-webkit-transform: translate3d(-500px, 0, 0);
transform: translate3d(-500px, 0, 0);
transition: 0.3s all ease;
}
#form-output-global.active {
visibility: visible;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
@media (min-width: 576px) {
#form-output-global {
  left: 30px;
}
}
.form-output {
position: absolute;
top: 100%;
left: 0;
font-size: 10px;
font-weight: 400;
line-height: 1.2;
margin-top: 2px;
transition: 0.3s;
opacity: 0;
visibility: hidden;
}
.form-output.active {
opacity: 1;
visibility: visible;
}
.form-output.error {
color: #f5543f;
}
.form-output.success {
color: #98bf44;
}
.radio .radio-custom,
.radio-inline .radio-custom,
.checkbox .checkbox-custom,
.checkbox-inline .checkbox-custom {
opacity: 0;
}
.radio .radio-custom,
.radio .radio-custom-dummy,
.radio-inline .radio-custom,
.radio-inline .radio-custom-dummy,
.checkbox .checkbox-custom,
.checkbox .checkbox-custom-dummy,
.checkbox-inline .checkbox-custom,
.checkbox-inline .checkbox-custom-dummy {
position: absolute;
left: 0;
width: 14px;
height: 14px;
outline: none;
cursor: pointer;
}
.radio .radio-custom-dummy,
.radio-inline .radio-custom-dummy,
.checkbox .checkbox-custom-dummy,
.checkbox-inline .checkbox-custom-dummy {
pointer-events: none;
background: #ffffff;
}
.radio .radio-custom-dummy::after,
.radio-inline .radio-custom-dummy::after,
.checkbox .checkbox-custom-dummy::after,
.checkbox-inline .checkbox-custom-dummy::after {
position: absolute;
opacity: 0;
transition: 0.22s;
}
.radio .radio-custom:focus,
.radio-inline .radio-custom:focus,
.checkbox .checkbox-custom:focus,
.checkbox-inline .checkbox-custom:focus {
outline: none;
}
.radio input,
.radio-inline input,
.checkbox input,
.checkbox-inline input {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
border: 0;
}
.radio-custom:checked + .radio-custom-dummy:after,
.checkbox-custom:checked + .checkbox-custom-dummy:after {
opacity: 1;
}
.radio,
.radio-inline {
position: relative;
font-size: 18px;
line-height: 1;
padding-left: 32px;
letter-spacing: 0.1em;
text-transform: uppercase;
font-family: "Cairo", sans-serif;
cursor: pointer;
}
.radio .radio-custom-dummy,
.radio-inline .radio-custom-dummy {
top: -4px;
left: 0;
width: 21px;
height: 21px;
margin: 0;
color: #161616;
border: 1px solid #e1e1e1;
border-radius: 3px;
background: #fefefe;
}
.radio .radio-custom-dummy::after,
.radio-inline .radio-custom-dummy::after {
content: "\f222";
font-family: "Material Design Icons";
position: absolute;
top: -3px;
left: -2px;
font-size: 24px;
line-height: 1;
}
.checkbox,
.checkbox-inline {
position: relative;
padding-left: 32px;
letter-spacing: 0.025em;
color: #9b9b9b;
cursor: pointer;
}
.checkbox .checkbox-custom-dummy,
.checkbox-inline .checkbox-custom-dummy {
top: 2px;
left: 0;
width: 21px;
height: 21px;
margin: 0;
color: #161616;
border: 1px solid #e1e1e1;
border-radius: 3px;
background: #fefefe;
}
.checkbox .checkbox-custom-dummy::after,
.checkbox-inline .checkbox-custom-dummy::after {
content: "\f222";
font-family: "Material Design Icons";
position: absolute;
top: -3px;
left: -2px;
font-size: 24px;
line-height: 1;
}
.toggle-custom {
padding-left: 60px;
-webkit-appearance: none;
}
.toggle-custom:checked ~ .checkbox-custom-dummy::after {
background: #161616;
-webkit-transform: translate(20px, -50%);
transform: translate(20px, -50%);
}
.toggle-custom ~ .checkbox-custom-dummy {
position: relative;
display: inline-block;
margin-top: -1px;
width: 44px;
height: 20px;
background: #f7f7f7;
cursor: pointer;
}
.toggle-custom ~ .checkbox-custom-dummy::after {
content: "";
position: absolute;
display: inline-block;
width: 16px;
height: 16px;
left: 0;
top: 50%;
background: #b7b7b7;
-webkit-transform: translate(4px, -50%);
transform: translate(4px, -50%);
opacity: 1;
transition: 0.22s;
}
.rd-form-inline {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-pack: justify;
justify-content: space-between;
text-align: center;
max-width: 480px;
margin-left: auto;
margin-right: auto;
}
.rd-form-inline > * {
margin-top: 0;
}
.rd-form-inline .form-wrap {
width: 100%;
}
.rd-form-inline .form-wrap-select {
text-align: left;
}
.rd-form-inline .form-button {
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-negative: 0;
flex-shrink: 0;
min-height: 60px;
margin-top: 10px;
}
.rd-form-inline .form-button .button {
display: block;
min-height: inherit;
min-width: auto;
width: 100%;
}
.rd-form-inline.rd-search {
max-width: 100%;
}
@media (min-width: 576px) {
.rd-form-inline .form-wrap {
  -ms-flex: 1;
  flex: 1;
  min-width: 185px;
}
.rd-form-inline .form-button {
  -ms-flex-positive: 0;
  flex-grow: 0;
  margin-top: 0;
  margin-left: 7px;
}
.rd-form-inline .form-button .button {
  display: inline-block;
}
.rd-form-inline.rd-form-coupon .form-button {
  margin-left: 18px;
}
}
.form-sm .form-input,
.form-sm .button {
padding-top: 9px;
padding-bottom: 9px;
min-height: 40px;
}
.form-sm .form-validation {
top: -16px;
}
.form-sm .form-label {
top: 20px;
}
.form-sm * + .button {
margin-top: 10px;
}
.form-lg .form-input,
.form-lg .form-label,
.form-lg .select2-container .select2-choice {
font-size: 16px;
}
.form-lg .form-input,
.form-lg .select2-container .select2-choice {
font-size: 16px;
padding-top: 17px;
padding-bottom: 17px;
}
.form-lg .form-input,
.form-lg .select2-container .select2-choice {
min-height: 58px;
}
.form-lg .form-button {
min-height: 60px;
}
.form-lg .form-label {
top: 30px;
}
.form-wrap-recaptcha {
display: inline-block;
}
@media (max-width: 575px) {
.recaptcha iframe {
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  will-change: transform;
}
.form-wrap-recaptcha .form-validation {
  right: 22px;
}
}
.rd-form-coupon .form-wrap {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.rd-form-coupon .form-button {
min-width: 212px;
}
.rd-form-coupon .form-label {
padding-left: 32px;
}
.rd-form-coupon .form-input {
min-width: 266px;
padding-left: 32px;
}
@media (min-width: 576px) {
.rd-form-coupon {
  max-width: none;
  min-width: 496px;
}
}
.box-form {
text-align: center;
padding: 30px 20px;
background: #f7f7f7;
}
.box-form .form-input:not(.select-filter) {
min-height: 50px;
padding-top: 12px;
padding-bottom: 12px;
background: #ffffff;
border-color: #e1e1e1;
}
.box-form .form-input.form-input-price {
border-bottom-color: #161616;
padding-bottom: 11px;
}
.box-form .form-label {
top: 25px;
}
.box-form .form-label span {
font-size: 12px;
color: #9b9b9b;
}
.box-form textarea.form-input {
height: 116px;
max-height: 197px;
}
.box-form .button.button-ujarak:not([class*="button-secondary"]) {
color: #ffffff;
}
.box-form .button.button-ujarak:not([class*="button-secondary"])::before {
background: #161616;
}
.box-form .button.button-ujarak:not([class*="button-secondary"]):hover,
.box-form .button.button-ujarak:not([class*="button-secondary"]):active {
border-color: #161616;
}
.box-form .form-wrap + * {
margin-top: 10px;
}
.box-form * + .rd-form {
margin-top: 16px;
}
.box-form .row + .button {
margin-top: 16px;
}
.box-form-title {
letter-spacing: 0.05em;
}
.box-form-text {
color: #9b9b9b;
}
@media (min-width: 576px) {
.box-form {
  padding-left: 30px;
  padding-right: 30px;
}
}
@media (min-width: 992px) {
.box-form * + .rd-form {
  margin-top: 16px;
}
}
@media (min-width: 1200px) {
.box-form {
  padding: 50px 60px;
}
.box-form-text {
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
}
}
.post {
text-align: right;
}
@media (max-width: 575px) {
.col-custom-right {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.col-custom-right > div {
  max-width: calc(50% - 5px);
}
}
@media (min-width: 576px) {
.col-custom-left {
  max-width: 62.5%;
  -ms-flex: 0 0 62.5%;
  flex: 0 0 62.5%;
}
.col-custom-right {
  max-width: 37.5%;
  -ms-flex: 0 0 37.5%;
  flex: 0 0 37.5%;
}
}
.thumbnail {
position: relative;
}
.thumbnail-sm {
max-width: 370px;
margin-left: auto;
margin-right: auto;
}
.thumbnail-mary {
text-align: center;
overflow: hidden;
transition: all 0.3s ease;
}
.thumbnail-mary::before,
.thumbnail-mary::after {
position: absolute;
content: "";
transition: inherit;
pointer-events: none;
}
.thumbnail-mary::before {
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0.53);
z-index: 1;
}
.thumbnail-mary::after {
display: inline-block;
top: 10px;
right: 10px;
bottom: 10px;
left: 10px;
border: 1px solid rgba(255, 255, 255, 0.5);
z-index: 1;
}
.thumbnail-mary-2::after {
display: none;
}
.thumbnail-mary-2 .thumbnail-mary-caption .icon:hover {
color: #cd8e65;
}
.thumbnail-mary-3::before {
background: rgba(26, 43, 66, 0.37);
}
.thumbnail-xxs .thumbnail-mary-caption .icon {
font-size: 20px;
}
.thumbnail-mary-figure {
display: block;
}
.thumbnail-mary-figure img {
width: 100%;
transition: all 0.3s ease;
}
.thumbnail-mary-caption {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
content: "";
top: 0;
right: 0;
bottom: 0;
left: 0;
pointer-events: none;
z-index: 1;
}
.thumbnail-mary-caption > * {
pointer-events: auto;
}
.thumbnail-mary-caption .icon {
font-size: 36px;
}
.footer-variant-2 .thumbnail-mary-caption .icon {
font-size: 20px;
}
.thumbnail-mary-caption .icon img {
display: none;
}
.thumbnail-mary-caption .icon,
.thumbnail-mary-caption .icon:focus,
.thumbnail-mary-caption .icon:active {
color: #ffffff;
}
.thumbnail-mary-caption .icon:hover {
color: rgba(255, 255, 255, 0.5);
}
.thumbnail-mary-title {
color: #ffffff;
}
.thumbnail-mary-title a,
.thumbnail-mary-title a:focus,
.thumbnail-mary-title a:active {
color: inherit;
}
.thumbnail-mary-title a:hover {
color: #fff;
}
.thumbnail-mary-title a span {
display: block;
font-size: 17px;
}
.gallery-page-section {
    background:#101010 !important
}
.breadcrumbs-custom-title {
margin-bottom: 15px;
}
.breadcrumbs-custom {
position: relative;
overflow: hidden;
text-align: center;
background-color: #2b313b;
z-index: 1;
}
.breadcrumbs-custom::before {
position: absolute;
content: "";
inset: 0px;
opacity: 0.7;
/* background-color: rgb(3 17 37 / 75%); */
}
.breadcrumbs-custom-inset {
direction: rtl;
/* padding-top: 80px; */
background:#fff;
/*margin-top: 130px;*/
}
.breadcrumbs-custom-path {
margin-left: -15px;
margin-right: -15px;
font-size: 18px;
line-height: 1.33;
font-weight: 500;
text-transform: uppercase;
font-family: "Cairo", sans-serif;
}
.breadcrumbs-custom-path > * {
padding-left: 15px;
padding-right: 15px;
}
.breadcrumbs-custom-path a {
display: inline;
vertical-align: middle;
}
.breadcrumbs-custom-path a,
.breadcrumbs-custom-path a:active,
.breadcrumbs-custom-path a:focus {
color: #ffffff;
}
.breadcrumbs-custom-path li {
position: relative;
display: inline-block;
vertical-align: middle;
}
.breadcrumbs-custom-path li::after {
content: "/";
display: inline-block;
position: absolute;
top: 50%;
left: -8px;
color: rgba(255, 255, 255, 0.53);
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
}
.breadcrumbs-custom-path li:last-child:after {
display: none;
}
.breadcrumbs-custom-path a:hover {
color: #161616;
}
.breadcrumbs-custom-path li.active {
color: rgba(255, 255, 255, 0.53);
}
* + .breadcrumbs-custom-path {
}
@media (min-width: 576px) {
* + .breadcrumbs-custom-path {
}
}
@media (min-width: 1200px) {
.breadcrumbs-custom {
}
}
.pagination {
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 0;
line-height: 0;
margin-bottom: -14px;
margin-left: -14px;
}
.pagination:empty {
margin-bottom: 0;
margin-left: 0;
}
.pagination > * {
display: inline-block;
margin-top: 0;
margin-bottom: 14px;
margin-left: 14px;
}
@media (min-width: 576px) {
.pagination {
  margin-bottom: -18px;
  margin-left: -18px;
}
.pagination:empty {
  margin-bottom: 0;
  margin-left: 0;
}
.pagination > * {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 18px;
  margin-left: 18px;
}
}
.page-item {
display: inline-block;
vertical-align: middle;
text-align: center;
}
.page-item:first-child .page-link,
.page-item:last-child .page-link {
color: #161616;
border-radius: 50%;
}
.page-item:first-child .page-link:hover,
.page-item:first-child .page-link:focus,
.page-item:first-child .page-link:active,
.page-item:last-child .page-link:hover,
.page-item:last-child .page-link:focus,
.page-item:last-child .page-link:active {
color: #f0f0f0;
}
.page-item:last-child .page-link {
padding: 4px 4px 2px 6px;
}
.page-item:first-child .page-link {
padding: 4px 6px 2px 4px;
}
@media (min-width: 576px) {
.page-item:last-child .page-link {
  padding: 8px 8px 6px 10px;
}
.page-item:first-child .page-link {
  padding: 8px 10px 6px 8px;
}
}
.page-link {
display: inline-block;
min-width: 38px;
padding: 6px 5px 4px;
font-size: 20px;
line-height: 1.2;
font-weight: 400;
letter-spacing: 0.075em;
font-family: "Cairo", sans-serif;
color: #151515;
background-color: #ffffff;
border-radius: 50%;
border: 2px solid transparent;
box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.17);
transition: all 0.3s ease-in-out;
}
.page-link .icon {
font-size: 22px;
}
@media (min-width: 576px) {
.page-link {
  min-width: 45px;
  padding: 9px 9px 7px;
  font-size: 24px;
  line-height: 1.04167;
}
}
.page-link:hover,
.page-link:focus,
.page-link:active {
color: #f0f0f0;
background-color: transparent;
border-color: transparent;
}
.page-item.active > .page-link,
.page-item.active > .page-link:hover,
.page-item.active > .page-link:focus,
.page-item.active > .page-link:active {
color: #f0f0f0;
background-color: transparent;
border-color: transparent;
}
.page-item.disabled > .page-link,
.page-item.disabled > .page-link:hover,
.page-item.disabled > .page-link:focus,
.page-item.disabled > .page-link:active {
color: #f0f0f0;
background-color: transparent;
border-color: transparent;
}
.page-item-control .icon::before {
font-family: "FontAwesome";
line-height: 25px;
}
.page-item-control:first-child .icon::before {
content: "\f0d9";
margin-left: -1px;
}
.page-item-control:last-child .icon::before {
content: "\f0da";
margin-right: -1px;
}
* + .pagination-wrap {
margin-top: 50px;
}
@media screen and (max-width: 1199px) {
.headingTitle p {
  padding: 0px 180px;
}
h3,
.heading-3 {
  font-size: 25px;
}
}
@media screen and (max-width: 767px) {
.section-sm {
  padding: 65px 0px !important;
}
.headingTitle p {
  padding: 0;
  font-size: 12px;
}
h3.font-weight-normal + p {
  font-size: 13px;
  margin-top: 15px;
}
.headingTitle h1 {
  font-size: 33px;
}
.swiper-slider-modern p {
  font-size: 14px !important;
}
}

/*--------------------------------------------------------------
# Navigations One
--------------------------------------------------------------*/
.main-header {
position: relative;
display: block;
width: 100%;
transition: all 500ms ease;
z-index: 999;
}

.main-menu {
position: relative;
display: block;
z-index: 1;
}

.main-menu__wrapper {
position: relative;
display: block;
background-color: var(--arckytec-black);
z-index: 1;
}

.main-menu__wrapper-inner {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
z-index: 1;
}

.main-menu__left {
position: relative;
display: flex;
align-items: center;
flex-wrap: wrap;
}

.main-menu__logo {
position: relative;
display: block;
margin-right: 100px;
padding: 24.5px 0;
z-index: 1;
}

.main-menu__main-menu-box {
position: relative;
display: block;
}

.main-menu__right {
position: relative;
display: flex;
align-items: center;
flex-wrap: wrap;
}

.main-menu__search-and-call {
position: relative;
display: flex;
align-items: center;
padding: 27.5px 0;
}

.main-menu__search-box {
position: relative;
display: flex;
align-items: center;
}

.main-menu__search {
position: relative;
display: flex;
align-items: center;
font-size: 20px;
color: var(--arckytec-white);
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}

.main-menu__search:hover {
color: var(--arckytec-base);
}

.main-menu__call {
position: relative;
display: flex;
align-items: center;
margin-left: 10px;
}

.main-menu__call-icon {
position: relative;
display: flex;
}

.main-menu__call-icon span {
font-size: 35px;
color: var(--arckytec-base);
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}

.main-menu__call-icon:hover span {
color: var(--arckytec-white);
}

.main-menu__call-number {
margin-left: 10px;
}

.main-menu__call-number h5 {
font-size: 16px;
line-height: 25px;
font-family: var(--arckytec-font);
}

.main-menu__call-number h5 a {
color: var(--arckytec-white);
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}

.main-menu__call-number a:hover {
color: var(--arckytec-base);
}

.main-menu__call-number p {
font-size: 14px;
margin: 0;
line-height: 14px;
color: #BABBBD;
margin-bottom: 6px;
}

.stricky-header.main-menu {
background-color: var(--arckytec-black);
}

.main-menu .main-menu__list,
.main-menu .main-menu__list>li>ul,
.main-menu .main-menu__list>li>ul>li>ul,
.stricky-header .main-menu__list,
.stricky-header .main-menu__list>li>ul,
.stricky-header .main-menu__list>li>ul>li>ul {
margin: 0;
padding: 0;
list-style-type: none;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: none;
}

@media (min-width: 1200px) {

.main-menu .main-menu__list,
.main-menu .main-menu__list>li>ul,
.main-menu .main-menu__list>li>ul>li>ul,
.stricky-header .main-menu__list,
.stricky-header .main-menu__list>li>ul,
.stricky-header .main-menu__list>li>ul>li>ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.main-menu-three .main-menu__list,
.main-menu-three .main-menu__list>li>ul,
.main-menu-three .main-menu__list>li>ul>li>ul,
.stricky-header.main-menu-three .main-menu__list,
.stricky-header.main-menu-three .main-menu__list>li>ul,
.stricky-header.main-menu-three .main-menu__list>li>ul>li>ul {
  display: none;
}

}

.main-menu .main-menu__list>li,
.stricky-header .main-menu__list>li {
padding-top: 37px;
padding-bottom: 37px;
position: relative;
}

.main-menu .main-menu__list>li+li,
.stricky-header .main-menu__list>li+li {
margin-right: 40px;
}

.main-menu .main-menu__list>li>a,
.stricky-header .main-menu__list>li>a {
font-size: 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: var(--arckytec-white);
font-weight: 600;
text-transform: uppercase;
font-family: var(--arckytec-font-two);
position: relative;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}

.main-menu .main-menu__list>li>a::before,
.stricky-header .main-menu__list>li>a::before {
content: "";
height: 4px;
border-radius: 0px;
background-color: var(--arckytec-base);
position: absolute;
bottom: -37px;
left: 0px;
right: 0px;
transition: transform 500ms ease;
transform: scale(0, 1);
transform-origin: left center;
z-index: 1;
}

.main-menu .main-menu__list>li.current>a::before,
.main-menu .main-menu__list>li:hover>a::before,
.stricky-header .main-menu__list>li.current>a::before,
.stricky-header .main-menu__list>li:hover>a::before {
transform: scale(1, 1);
transform-origin: right center;
}

.main-menu .main-menu__list>li.current>a,
.main-menu .main-menu__list>li:hover>a,
.stricky-header .main-menu__list>li.current>a,
.stricky-header .main-menu__list>li:hover>a {
color: #fff;
}

.main-menu .main-menu__list>li>ul,
.main-menu .main-menu__list>li>ul>li>ul,
.stricky-header .main-menu__list>li>ul,
.stricky-header .main-menu__list>li>ul>li>ul {
position: absolute;
top: 100%;
left: 0;
min-width: 250px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
opacity: 0;
visibility: hidden;
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-transform: scaleY(0) translateZ(100px);
transform: scaleY(0) translateZ(100px);
-webkit-transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 700ms ease;
transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 700ms ease;
transition: opacity 500ms ease, visibility 500ms ease, transform 700ms ease;
transition: opacity 500ms ease, visibility 500ms ease, transform 700ms ease, -webkit-transform 700ms ease;
z-index: 99;
background-color: #fff;
box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
}

.main-menu .main-menu__list>li>ul>li>ul>li>ul,
.stricky-header .main-menu__list>li>ul>li>ul>li>ul {
display: none;
}

.main-menu .main-menu__list>li:hover>ul,
.main-menu .main-menu__list>li>ul>li:hover>ul,
.stricky-header .main-menu__list>li:hover>ul,
.stricky-header .main-menu__list>li>ul>li:hover>ul {
opacity: 1;
visibility: visible;
-webkit-transform: scaleY(1) translateZ(0px);
transform: scaleY(1) translateZ(0px);
}

.main-menu .main-menu__list>li>ul>li,
.main-menu .main-menu__list>li>ul>li>ul>li,
.stricky-header .main-menu__list>li>ul>li,
.stricky-header .main-menu__list>li>ul>li>ul>li {
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
width: 100%;
position: relative;
}

.main-menu .main-menu__list>li>ul>li+li,
.main-menu .main-menu__list>li>ul>li>ul>li+li,
.stricky-header .main-menu__list>li>ul>li+li,
.stricky-header .main-menu__list>li>ul>li>ul>li+li {
border-top: none;
}

.main-menu .main-menu__list>li>ul>li>a,
.main-menu .main-menu__list>li>ul>li>ul>li>a,
.stricky-header .main-menu__list>li>ul>li>a,
.stricky-header .main-menu__list>li>ul>li>ul>li>a {
position: relative;
font-size: 15px;
line-height: 30px;
color: var(--arckytec-black);
font-weight: 500;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 8px 20px 8px;
-webkit-transition: 500ms;
transition: 500ms;
border-bottom: 1px solid #e7e7e7;
}

.main-menu .main-menu__list>li>ul>li:last-child>a,
.main-menu .main-menu__list>li>ul>li>ul>li:last-child>a,
.stricky-header .main-menu__list>li>ul>li:last-child>a,
.stricky-header .main-menu__list>li>ul>li>ul>li:last-child>a {
border-bottom: none;
}

.main-menu .main-menu__list>li>ul>li:hover>a,
.main-menu .main-menu__list>li>ul>li>ul>li:hover>a,
.stricky-header .main-menu__list>li>ul>li:hover>a,
.stricky-header .main-menu__list>li>ul>li>ul>li:hover>a {
background-color: var(--arckytec-base);
color: var(--arckytec-white);
padding-left: 25px;
}

.main-menu .main-menu__list>li>ul>li>ul,
.stricky-header .main-menu__list>li>ul>li>ul {
top: 0;
left: 100%;
}

.main-menu .main-menu__list li ul li>ul.right-align,
.stricky-header .main-menu__list li ul li>ul.right-align {
top: 0;
left: auto;
right: 100%;
}

.stricky-header {
position: fixed;
z-index: 991;
top: 0;
left: 0;
background-color: #fff;
width: 100%;
visibility: hidden;
-webkit-transform: translateY(-120%);
transform: translateY(-120%);
-webkit-transition: visibility 500ms ease, -webkit-transform 500ms ease;
transition: visibility 500ms ease, -webkit-transform 500ms ease;
transition: transform 500ms ease, visibility 500ms ease;
transition: transform 500ms ease, visibility 500ms ease, -webkit-transform 500ms ease;
-webkit-box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);
box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);
}

/* @media (max-width: 1199px) {
.stricky-header {
  display: none !important;
}
} */

.stricky-header.stricky-fixed {
-webkit-transform: translateY(0);
transform: translateY(0);
visibility: visible;
}

.stricky-header .main-menu__inner {
-webkit-box-shadow: none;
box-shadow: none;
padding-right: 0;
max-width: 1170px;
width: 100%;
margin: 0 auto;
}

.mobile-nav__buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-left: auto;
margin-right: 10px;
}

@media (min-width: 1200px) {
.mobile-nav__buttons {
  display: none;
}
}

.mobile-nav__buttons a {
font-size: 20px;
color: var(--arckytec-base);
cursor: pointer;
}

.mobile-nav__buttons a+a {
margin-left: 10px;
}

.mobile-nav__buttons a:hover {
color: var(--arckytec-base);
}

.main-menu .mobile-nav__toggler {
font-size: 28px;
cursor: pointer;
top: 10px;
position: relative;
display: inline-block;
color: #fff;
-webkit-transition: 500ms;
transition: 500ms;
left: -10px;
}

.main-menu .mobile-nav__toggler:hover {
color: var(--arckytec-white);
}

@media (min-width: 1200px) {
.main-menu .mobile-nav__toggler {
  display: none;
}

}

/*--------------------------------------------------------------
# Mobile Nav
--------------------------------------------------------------*/
.mobile-nav__wrapper {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
z-index: 999;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transform-origin: left center;
transform-origin: left center;
-webkit-transition: visibility 500ms ease 500ms, -webkit-transform 500ms ease 500ms;
transition: visibility 500ms ease 500ms, -webkit-transform 500ms ease 500ms;
transition: transform 500ms ease 500ms, visibility 500ms ease 500ms;
transition: transform 500ms ease 500ms, visibility 500ms ease 500ms, -webkit-transform 500ms ease 500ms;
visibility: hidden;
}

.mobile-nav__wrapper .container {
padding-left: 0;
padding-right: 0;
}

.mobile-nav__wrapper.expanded {
opacity: 1;
-webkit-transform: translateX(0%);
transform: translateX(0%);
visibility: visible;
-webkit-transition: visibility 500ms ease 0ms, -webkit-transform 500ms ease 0ms;
transition: visibility 500ms ease 0ms, -webkit-transform 500ms ease 0ms;
transition: transform 500ms ease 0ms, visibility 500ms ease 0ms;
transition: transform 500ms ease 0ms, visibility 500ms ease 0ms, -webkit-transform 500ms ease 0ms;
}

.mobile-nav__overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #000000;
opacity: 0.5;
cursor: pointer;
}

.mobile-nav__content {
width: 300px;
background-color: var(--arckytec-black);
z-index: 10;
position: relative;
height: 100%;
overflow-y: auto;
padding-top: 30px;
padding-bottom: 30px;
padding-left: 15px;
padding-right: 15px;
opacity: 0;
visibility: hidden;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: opacity 500ms ease 0ms, visibility 500ms ease 0ms, -webkit-transform 500ms ease 0ms;
transition: opacity 500ms ease 0ms, visibility 500ms ease 0ms, -webkit-transform 500ms ease 0ms;
transition: opacity 500ms ease 0ms, visibility 500ms ease 0ms, transform 500ms ease 0ms;
transition: opacity 500ms ease 0ms, visibility 500ms ease 0ms, transform 500ms ease 0ms, -webkit-transform 500ms ease 0ms;
}

.mobile-nav__wrapper.expanded .mobile-nav__content {
opacity: 1;
visibility: visible;
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-transition: opacity 500ms ease 500ms, visibility 500ms ease 500ms, -webkit-transform 500ms ease 500ms;
transition: opacity 500ms ease 500ms, visibility 500ms ease 500ms, -webkit-transform 500ms ease 500ms;
transition: opacity 500ms ease 500ms, visibility 500ms ease 500ms, transform 500ms ease 500ms;
transition: opacity 500ms ease 500ms, visibility 500ms ease 500ms, transform 500ms ease 500ms, -webkit-transform 500ms ease 500ms;
}

.mobile-nav__content .logo-box {
margin-bottom: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}

.mobile-nav__close {
position: absolute;
top: 20px;
right: 15px;
font-size: 18px;
color: var(--arckytec-white);
cursor: pointer;
}

.mobile-nav__content .main-menu__list,
.mobile-nav__content .main-menu__list>li>ul,
.mobile-nav__content .main-menu__list>li>ul>li>ul {
margin: 0;
padding: 0;
list-style-type: none;
direction: rtl;
}

.mobile-nav__content .main-menu__list>li>ul,
.mobile-nav__content .main-menu__list>li>ul>li>ul {
display: none;
border-top: 1px solid rgba(255, 255, 255, 0.1);
margin-left: 0.5em;
}

.mobile-nav__content .main-menu__list>li:not(:last-child),
.mobile-nav__content .main-menu__list>li>ul>li:not(:last-child),
.mobile-nav__content .main-menu__list>li>ul>li>ul>li:not(:last-child) {
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.mobile-nav__content .main-menu__list>li>a>.main-menu-border {
display: none !important;
}

.mobile-nav__content .main-menu__list>li>a,
.mobile-nav__content .main-menu__list>li>ul>li>a,
.mobile-nav__content .main-menu__list>li>ul>li>ul>li>a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
line-height: 30px;
color: #ffffff;
font-size: 14px;
font-family: var(--arckytec-font);
font-weight: 500;
height: 46px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: 500ms;
transition: 500ms;
}

.mobile-nav__content .main-menu__list>li>a.expanded .mobile-nav__content .main-menu__list>li>ul>li>a.expanded .mobile-nav__content .main-menu__list>li>ul>li>ul>li>a.expanded {
color: var(--arckytec-base);
}

.mobile-nav__content .main-menu__list li a.expanded {
color: var(--arckytec-base);
}

.mobile-nav__content .main-menu__list>li>a>button,
.mobile-nav__content .main-menu__list>li>ul>li>a>button,
.mobile-nav__content .main-menu__list>li>ul>li>ul>li>a>button {
width: 30px;
height: 30px;
background-color: var(--arckytec-base);
border: none;
outline: none;
color: #fff;
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;
text-align: center;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transition: -webkit-transform 500ms ease;
transition: -webkit-transform 500ms ease;
transition: transform 500ms ease;
transition: transform 500ms ease, -webkit-transform 500ms ease;
padding: 0;
}

.mobile-nav__content .main-menu__list>li>a>button.expanded,
.mobile-nav__content .main-menu__list>li>ul>li>a>button.expanded,
.mobile-nav__content .main-menu__list>li>ul>li>ul>li>a>button.expanded {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
background-color: #fff;
color: var(--arckytec-base);
}

/* no menu after 2rd level dropdown */
.mobile-nav__content .main-menu__list>li>ul>li>ul>li>a>button,
.mobile-nav__content .main-menu__list>li>ul>li>ul>li>ul {
display: none !important;
}

.mobile-nav__content .main-menu__list li.cart-btn span {
position: relative;
top: auto;
right: auto;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}

.mobile-nav__content .main-menu__list li.cart-btn i {
font-size: 16px;
}

.mobile-nav__top {
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;
margin-bottom: 30px;
}

.mobile-nav__top .main-menu__login a {
color: var(--arckytec-text-dark);
}

.mobile-nav__container {
border-top: 1px solid rgba(255, 255, 255, 0.1);
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.mobile-nav__social {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}

.mobile-nav__social a {
font-size: 16px;
color: var(--arckytec-white);
-webkit-transition: 500ms;
transition: 500ms;
}

.mobile-nav__social a+a {
margin-left: 30px;
}

.mobile-nav__social a:hover {
color: var(--arckytec-base);
}

.mobile-nav__contact {
margin-bottom: 0;
margin-top: 20px;
margin-bottom: 20px;
}

.mobile-nav__contact li {
color: var(--arckytec-text-dark);
font-size: 14px;
font-weight: 500;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}

.mobile-nav__contact li+li {
margin-top: 15px;
}

.mobile-nav__contact li a {
color: #ffffff;
-webkit-transition: 500ms;
transition: 500ms;
}

.mobile-nav__contact li a:hover {
color: var(--arckytec-base);
}

.mobile-nav__contact li>i {
width: 30px;
height: 30px;
border-radius: 50%;
background-color: var(--arckytec-base);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
font-size: 11px;
margin-right: 10px;
color: #fff;
}

.mobile-nav__container .main-logo,
.mobile-nav__container .topbar__buttons,
.mobile-nav__container .main-menu__language,
.mobile-nav__container .main-menu__login {
display: none;
}

/*--------------------------------------------------------------
# Navigations Two
--------------------------------------------------------------*/
.main-header-two {
position: relative;
display: block;
width: 100%;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
z-index: 999;
}

.main-menu-two__wrapper {
position: relative;
display: block;
z-index: 1;
}

.main-header-two__shape-1 {
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 20px;
background-repeat: repeat;
background-size: cover;
background-position: bottom center;
opacity: .30;
z-index: -1;
animation: slide 100s linear infinite;
-webkit-animation: slide 100s linear infinite;
}

@keyframes slide {
from {
  background-position: 0 0;
}

to {
  background-position: 1920px 0;
}
}

@-webkit-keyframes slide {
from {
  background-position: 0 0;
}

to {
  background-position: 1920px 0;
}
}

.main-menu-two__wrapper-inner {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
z-index: 1;
}

.main-menu-two__logo {
position: relative;
display: block;
padding: 10.5px 0;
}

.main-menu-two__logo img {
width: auto;
height: 100px;
}

.main-menu-two__main-menu-box {
position: relative;
display: block;
}

.main-menu-two__right {
position: relative;
display: flex;
align-items: center;
flex-wrap: wrap;
}

.main-menu-two__search-user-nav-sidebar {
position: relative;
display: flex;
align-items: center;
flex-wrap: wrap;
}

.main-menu-two__search-box {
position: relative;
display: flex;
align-items: center;
}

.main-menu-two__search {
position: relative;
display: flex;
align-items: center;
font-size: 20px;
color: var(--arckytec-black);
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}

.main-menu-two__search:hover {
color: var(--arckytec-base);
}

.main-menu-two__user-box {
position: relative;
display: flex;
align-items: center;
margin-left: 20px;
margin-right: 20px;
}

.main-menu-two__user {
position: relative;
display: flex;
align-items: center;
font-size: 20px;
color: var(--arckytec-black);
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}

.main-menu-two__user:hover {
color: var(--arckytec-base);
}

.main-menu-two__nav-siderbar-box {
position: relative;
display: flex;
align-items: center;
}

.main-menu-two__nav-siderbar-box .navSidebar-button {
position: relative;
display: flex;
align-items: center;
font-size: 20px;
color: var(--arckytec-black);
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}

.main-menu-two__nav-siderbar-box .navSidebar-button:hover {
color: var(--arckytec-base);
}

.stricky-header.main-menu-two {
background-color: var(--arckytec-white);
}

.main-menu-two .main-menu__list>li>a,
.stricky-header.main-menu-two .main-menu__list>li>a {
color: var(--arckytec-gray);
}

.main-menu-two .main-menu__list>li>a::before,
.stricky-header.main-menu-two .main-menu__list>li>a::before {
content: "";
height: 4px;
border-radius: 0px;
background-color: #eb8a29;
position: absolute;
bottom: -37px;
left: 0px;
right: 0px;
transition: transform 500ms ease;
transform: scale(0, 1);
transform-origin: left center;
z-index: 1;
}

.main-menu-two .main-menu__list>li.current>a::before,
.main-menu-two .main-menu__list>li:hover>a::before,
.stricky-header.main-menu-two .main-menu__list>li.current>a::before,
.stricky-header.main-menu-two .main-menu__list>li:hover>a::before {
transform: scale(1, 1);
transform-origin: right center;
}

.main-menu-two .main-menu__list>li.current>a,
.main-menu-two .main-menu__list>li:hover>a,
.stricky-header.main-menu-two .main-menu__list>li.current>a,
.stricky-header.main-menu-two .main-menu__list>li:hover>a {
color: var(--arckytec-base);
}

/*--------------------------------------------------------------
# Navigations Three
--------------------------------------------------------------*/
.main-header-three {
position: relative;
display: block;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
z-index: 999;
}

.main-menu-three__wrapper {
position: relative;
display: block;
}

.main-header-three__shape-1 {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 20px;
background-repeat: repeat;
background-position: top center;
background-size: cover;
opacity: .60;
z-index: -1;
animation: slide 100s linear infinite;
-webkit-animation: slide 100s linear infinite;
}

.main-menu-three__wrapper-inner {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
padding: 30px 40px 30px;
}

.main-menu-three__main-menu-box {
position: relative;
display: flex;
align-items: center;
padding: 12.5px 0;
width: 2%;
}

.main-menu-three .mobile-nav__toggler {
color: var(--arckytec-white);
}

.main-menu-three .mobile-nav__toggler:hover {
color: var(--arckytec-base);
}

.main-menu-three__contact-info-box {
position: relative;
display: block;
padding-left: 233px;
padding-right: 218px;
width: 96%;
}

.main-menu-three__contact-info-list {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}

.main-menu-three__contact-info-list li {
position: relative;
display: block;
}

.main-menu-three__contact-info-single {
position: relative;
display: block;
}

.main-menu-three__contact-info-details {
position: relative;
display: flex;
align-items: center;
flex-wrap: wrap;
}

.main-menu-three__contact-info-icon {
position: relative;
display: flex;
align-items: center;
}

.main-menu-three__contact-info-icon span {
position: relative;
display: inline-block;
font-size: 36px;
color: var(--arckytec-base);
}

.main-menu-three__contact-info-content {
margin-left: 10px;
}

.main-menu-three__contact-info-sub-title {
font-size: 14px;
line-height: 14px;
color: #BABBBD;
}

.main-menu-three__contact-info-title {
font-size: 16px;
font-weight: 500;
line-height: 20px;
font-family: var(--arckytec-font);
margin-top: 8px;
}

.main-menu-three__contact-info-title a {
color: var(--arckytec-white);
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}

.main-menu-three__contact-info-title a:hover {
color: var(--arckytec-base);
}

.main-menu-three__logo {
position: relative;
display: block;
}

.main-menu-three__search-box {
position: relative;
display: flex;
align-items: center;
justify-content: flex-end;
padding: 15.5px 0;
width: 2%;
}

.main-menu-three__search {
position: relative;
display: flex;
align-items: center;
font-size: 20px;
color: var(--arckytec-white);
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}

.main-menu-three__search:hover {
color: var(--arckytec-base);
}

@media (min-width: 1200px) {

.main-menu-three .main-menu__list,
.main-menu-three .main-menu__list>li>ul,
.main-menu-three .main-menu__list>li>ul>li>ul,
.stricky-header.main-menu-three .main-menu__list,
.stricky-header.main-menu-three .main-menu__list>li>ul,
.stricky-header.main-menu-three .main-menu__list>li>ul>li>ul {
  display: none;
}

}

@media (min-width: 1200px) {

.main-menu-three .mobile-nav__toggler {
  display: block;
}


}

/*---------------------------------------------------*/
.main-header-four {
position: relative;
display: block;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
z-index: 999;
}

.main-menu-four__wrapper {
position: relative;
display: block;
background-color: var(--arckytec-black);
z-index: 1;
direction: rtl;
}

.main-menu-four__wrapper-inner {
position: relative;
display: flex;
align-items: center;
justify-content: space-around;
flex-wrap: wrap;
z-index: 1;
}

.main-menu-four__logo-box {
position: relative;
display: block;
z-index: 1;
}


.main-menu-four__logo {
position: relative;
display: block;
padding: 8.5px 0;
/* background-color: var(--arckytec-white); */
padding-right: 0;
/* clip-path: polygon(0 0, 100% 0%, 78% 100%, 0 100%); */
z-index: 1;
}
.main-menu-four__logo img {
width:auto;
height: 75px;
}
.main-menu-four__content-box {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}

.main-menu-four__main-menu-box {
position: relative;
display: block;
}

.main-menu-four__right {
position: relative;
display: flex;
align-items: center;
flex-wrap: wrap;
margin-left: 0px;
}

.main-menu-four__number-and-btn-box {
position: relative;
display: flex;
align-items: center;
flex-wrap: wrap;
}

.main-menu-four__number {
position: relative;
display: flex;
align-items: center;
font-size: 16px;
color: var(--arckytec-white);
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}

.main-menu-four__number:hover {
color: var(--arckytec-base);
}

.main-menu-four__btn-box {
position: relative;
display: block;
margin-right: 35px;
}

.main-menu-four__btn-box a {
color:#fff;
font-weight:bold;
}

.main-menu-four__btn:after {
background: var(--arckytec-white);
}

.main-menu-four__btn:hover {
color: var(--arckytec-base);
}

.stricky-header.main-menu-four {
background-color: var(--arckytec-black);
}

.main-menu-four .main-menu__list>li+li,
.stricky-header.main-menu-four .main-menu__list>li+li {
margin-right: 35px;
}

.main-menu-four .main-menu__list>li>a,
.stricky-header.main-menu-four .main-menu__list>li>a {
color: var(--arckytec-white);
}

.main-menu-four .main-menu__list>li>a::before,
.stricky-header.main-menu-four .main-menu__list>li>a::before {
content: "";
height: 4px;
border-radius: 0px;
background-color: #fff;
position: absolute;
bottom: -37px;
left: 0px;
right: 0px;
transition: transform 500ms ease;
transform: scale(0, 1);
transform-origin: left center;
z-index: 1;
}

.main-menu-four .main-menu__list>li.current>a::before,
.main-menu-four .main-menu__list>li:hover>a::before,
.stricky-header.main-menu-four .main-menu__list>li.current>a::before,
.stricky-header.main-menu-four .main-menu__list>li:hover>a::before {
transform: scale(1, 1);
transform-origin: right center;
}

.main-menu-four .main-menu__list>li.current>a,
.main-menu-four .main-menu__list>li:hover>a,
.stricky-header.main-menu-four .main-menu__list>li.current>a,
.stricky-header.main-menu-four .main-menu__list>li:hover>a {
color: #fff;
}

.page {
position: relative;
overflow: hidden;
min-height: 100vh;
text-align: center;
}
[data-x-mode] .page {
opacity: 1;
}
html.boxed body {
background: #f2f2f2 url(../images/bg-pattern-boxed.png) repeat fixed;
}
@media (min-width: 1630px) {
html.boxed .page {
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0 0 23px 0 rgba(1, 1, 1, 0.1);
}
html.boxed .rd-navbar-static {
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
}
html.boxed .rd-navbar-static.rd-navbar--is-stuck {
  max-width: 1600px;
  width: 100%;
  left: calc(50% - 1600px);
  right: calc(50% - 1600px);
}
}
.text-italic {
font-style: italic;
}
.text-normal {
font-style: normal;
}
.text-underline {
text-decoration: underline;
}
.text-strike {
text-decoration: line-through;
}
.font-weight-thin {
font-weight: 100;
}
.font-weight-light {
font-weight: 300;
}
.font-weight-regular {
font-weight: 400;
}
.font-weight-medium {
font-weight: 500;
}
.font-weight-sbold {
font-weight: 600;
}
.font-weight-ubold {
font-weight: 900;
}
.text-spacing-0 {
letter-spacing: 0;
}
.text-spacing-25 {
letter-spacing: 0.025em;
}
.text-spacing-50 {
letter-spacing: 0.05em;
}
.text-spacing-75 {
letter-spacing: 0.075em;
}
.text-spacing-100 {
letter-spacing: 0.1em;
}
.text-primary {
color: #161616;
}
.text-secondary {
color: #161616;
}
.text-gray-500 {
color: #9b9b9b;
}
.text-img {
display: inline-block;
overflow: hidden;
font-size: 400px;
line-height: 85%;
font-weight: 500;
height: 280px;
font-family: "Cairo", sans-serif;
color: #151515;
}
.text-img:hover {
color: #9b9b9b;
}
@media (min-width: 576px) {
.text-img {
  font-size: 500px;
  height: 355px;
}
}
@media (min-width: 992px) {
.text-img {
  letter-spacing: 0.05em;
}
}
@supports (-webkit-background-clip: text) {
.text-img {
  -webkit-text-fill-color: transparent;
  background: -o-linear-gradient(transparent, transparent);
  background: url(../images/text-image.jpg) repeat;
  -webkit-background-clip: text;
  background-position-y: 40%;
  -webkit-animation: imgPos 5s linear normal infinite paused;
  animation: imgPos 5s linear normal infinite paused;
}
.text-img > span {
  pointer-events: none;
}
.text-img:hover {
  -webkit-animation-play-state: running;
  animation-play-state: running;
  color: red;
}
@media (min-width: 576px) {
  .text-img {
    background-position-y: 22%;
  }
}
}
@-webkit-keyframes imgPos {
0% {
  background-position-x: 0;
}
50% {
  background-position-x: 100%;
}
100% {
  background-position-x: 0;
}
}
@keyframes imgPos {
0% {
  background-position-x: 0;
}
50% {
  background-position-x: 100%;
}
100% {
  background-position-x: 0;
}
}
.service-details {
padding: 50px 0;
}
.text-style-1 {
font-size: 16px;
line-height: 1.5;
font-weight: 500;
letter-spacing: 0.025em;
text-indent: -28px;
padding-left: 28px;
}
.text-style-1 .icon {
vertical-align: middle;
font-size: 20px;
line-height: 24px;
min-width: 18px;
margin-right: 10px;
text-indent: 0;
}
* + .text-style-1 {
margin-top: 20px;
}
.text-strike-1 {
position: relative;
display: inline-block;
color: rgba(21, 21, 21, 0.52);
}
.text-strike-1::before {
position: absolute;
content: "";
bottom: 36%;
left: -8px;
height: 2px;
width: 107%;
-webkit-transform: rotate(-3.8deg);
transform: rotate(-3.8deg);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
will-change: transform;
background: #fcef57;
transition: all 0.3s ease 1.2s;
z-index: 1;
}
.swiper-container .text-strike-1::before {
-webkit-transform: rotate(-3.8deg) scale(0);
transform: rotate(-3.8deg) scale(0);
}
.swiper-container .swiper-slide-active .text-strike-1::before {
-webkit-transform: rotate(-3.8deg) scale(1);
transform: rotate(-3.8deg) scale(1);
}
* + p {
margin-top: 15px;
}
h1 + h2 {
margin-top: 4px;
}
h2 + h3 {
margin-top: 9px;
}
h3 + h4 {
margin-top: 13px;
}
h4 + h5 {
margin-top: 19px;
}
h5 + h6 {
margin-top: 27px;
}
h1 + p {
margin-top: 4px;
}
h2 + p {
margin-top: 8px;
}
h3 + p {
margin-top: 10px;
}
h4 + p {
margin-top: 16px;
}
h5 + p {
margin-top: 17px;
}
h6 + p {
margin-top: 17px;
}
h3.font-weight-normal + p {
margin-top: 2px;
}
p + h2,
p + .heading-2 {
margin-top: 15px;
}
p + p {
margin-top: 12px;
}
img + p {
margin-top: 15px;
}
h3 + img {
margin-top: 40px;
}
* + .row {
}
* + .row-xxs {
margin-top: 10px;
}
* + .row-xs {
margin-top: 20px;
}
* + .row-sm {
margin-top: 30px;
}
* + .row-lg {
margin-top: 30px;
}
* + .row-xl {
margin-top: 60px;
}
* + .row-xxl {
margin-top: 70px;
}
* + .owl-carousel {
margin-top: 20px;
}
* + .offset-top-30 {
margin-top: 30px;
}
* + .big {
margin-top: 20px;
}
* + .button {
margin-top: 30px;
}
* + .button-wrap {
margin-top: 35px;
}
h3 + .section-relative {
margin-top: 35px;
}
h4 + .instafeed {
margin-top: 2px;
}
.row + h3,
.row + .heading-3 {
margin-top: 80px;
}
.container + .container {
margin-top: 35px;
}
.row + .row {
margin-top: 35px;
}
.row + .button-wrap {
margin-top: 45px;
}
@media (min-width: 1200px) {
.container + .container {
  margin-top: 60px;
}
.row + .row {
}
}
.row-0 {
margin-bottom: 0px;
}
.row-0:empty {
margin-bottom: 0;
}
.row-0 > * {
margin-bottom: 0px;
}
.row-4 {
margin-bottom: -4px;
}
.row-4:empty {
margin-bottom: 0;
}
.row-4 > * {
margin-bottom: 4px;
}
.row-6 {
margin-bottom: -6px;
}
.row-6:empty {
margin-bottom: 0;
}
.row-6 > * {
margin-bottom: 6px;
}
.row-10 {
margin-bottom: -10px;
}
.row-10:empty {
margin-bottom: 0;
}
.row-10 > * {
margin-bottom: 10px;
}
.row-14 {
margin-bottom: -14px;
}
.row-14:empty {
margin-bottom: 0;
}
.row-14 > * {
margin-bottom: 14px;
}
.row-15 {
margin-bottom: -15px;
}
.row-15:empty {
margin-bottom: 0;
}
.row-15 > * {
margin-bottom: 15px;
}
.row-16 {
margin-bottom: -16px;
}
.row-16:empty {
margin-bottom: 0;
}
.row-16 > * {
margin-bottom: 16px;
}
.row-20 {
margin-bottom: -20px;
}
.row-20:empty {
margin-bottom: 0;
}
.row-20 > * {
margin-bottom: 20px;
}
.row-30 {
}
.row-30:empty {
margin-bottom: 0;
}
.row-30 > * {
margin-bottom: 30px;
}
.row-40 {
margin-bottom: -40px;
}
.row-40:empty {
margin-bottom: 0;
}
.row-40 > * {
margin-bottom: 40px;
}
.row-50 {
margin-bottom: -50px;
}
.row-50:empty {
margin-bottom: 0;
}
.row-50 > * {
margin-bottom: 50px;
}
.row-55 {
margin-bottom: -55px;
}
.row-55:empty {
margin-bottom: 0;
}
.row-55 > * {
margin-bottom: 55px;
}
.row-60 {
margin-bottom: -60px;
}
.row-60:empty {
margin-bottom: 0;
}
.row-60 > * {
margin-bottom: 60px;
}
.row-70 {
margin-bottom: -70px;
}
.row-70:empty {
margin-bottom: 0;
}
.row-70 > * {
margin-bottom: 70px;
}
.row-90 {
margin-bottom: -90px;
}
.row-90:empty {
margin-bottom: 0;
}
.row-90 > * {
margin-bottom: 90px;
}
@media (min-width: 768px) {
.row-md-50 {
  margin-bottom: -50px;
}
.row-md-50:empty {
  margin-bottom: 0;
}
.row-md-50 > * {
  margin-bottom: 50px;
}
.row-md-80 {
  margin-bottom: -80px;
}
.row-md-80:empty {
  margin-bottom: 0;
}
.row-md-80 > * {
  margin-bottom: 80px;
}
}
@media (min-width: 992px) {
.row-lg-40 {
  margin-bottom: -40px;
}
.row-lg-40:empty {
  margin-bottom: 0;
}
.row-lg-40 > * {
  margin-bottom: 40px;
}
.row-lg-80 {
  margin-bottom: -80px;
}
.row-lg-80:empty {
  margin-bottom: 0;
}
.row-lg-80 > * {
  margin-bottom: 80px;
}
.row-lg-90 {
  margin-bottom: -90px;
}
.row-lg-90:empty {
  margin-bottom: 0;
}
.row-lg-90 > * {
  margin-bottom: 90px;
}
}
@media (min-width: 1200px) {
.row-xl-24 {
  margin-bottom: -24px;
}
.row-xl-24:empty {
  margin-bottom: 0;
}
.row-xl-24 > * {
  margin-bottom: 24px;
}
}
.box-typography h1 + p {
margin-top: 16px;
}
.box-typography h2 + p {
margin-top: 16px;
}
.box-typography h3 + p {
margin-top: 16px;
}
.box-typography h4 + p {
margin-top: 16px;
}
.box-typography h5 + p {
margin-top: 16px;
}
.box-typography h6 + p {
margin-top: 16px;
}
@media (min-width: 992px) {
.box-typography h1 + p {
  margin-top: 4px;
}
.box-typography h2 + p {
  margin-top: 8px;
}
.box-typography h3 + p {
  margin-top: 8px;
}
.box-typography h5 + p {
  margin-top: 17px;
}
.box-typography h6 + p {
  margin-top: 17px;
}
}
.section-xs {
padding-top: 40px;
padding-bottom: 40px;
}
.section-sm {
padding: 80px 0;
direction: rtl;
}
.section-sm.section-first {
padding-top: 60px;
}
.section-sm.section-last {
padding-bottom: 60px;
}
html [class*="section-"].section-bottom-0 {
padding-bottom: 0;
}
html [class*="section-"].section-top-0 {
padding-top: 0;
}
@media (min-width: 992px) {
html [class*="section-"].section-lg-0 {
  padding: 0;
}
}
@media (min-width: 768px) {
.section-sm.section-first {
  padding-top: 80px;
}
.section-sm.section-last {
  padding-bottom: 80px;
}
.section-md {
  padding: 70px 0;
}
.section-lg {
  padding: 80px 0;
}
}
@media (min-width: 992px) {
.section-sm {
  padding: 45px 0;
}
.section-sm.section-first {
  padding-top: 100px;
}
.section-sm.section-last {
  padding-bottom: 100px;
}
.section-md {
  padding: 80px 0;
}
.section-lg {
  padding: 90px 0;
}
.desktop .section-top-1 {
  padding-top: 0;
}
}
@media (min-width: 1600px) {
.section-inset-custom-1 {
  padding-top: 120px;
  padding-bottom: 160px;
}
.section-inset-custom-2 {
  padding-top: 90px;
  padding-bottom: 130px;
}
.section-inset-custom-3 {
  padding-top: 100px;
  padding-bottom: 130px;
}
.section-inset-custom-4 {
  padding-top: 125px;
  padding-bottom: 140px;
}
.section-inset-custom-5 {
  padding-top: 135px;
  padding-bottom: 135px;
}
}
@media (min-width: 1600px) {
.section-fluid {
  padding-left: 75px;
  padding-right: 75px;
}
.section-fluid .container-fluid {
  padding-left: 0;
  padding-right: 0;
  max-width: 1770px;
  margin-left: auto;
  margin-right: auto;
}
}
.section-single {
position: relative;
overflow: hidden;
display: -ms-flexbox;
display: flex;
text-align: center;
}
.section-single p {
margin-left: auto;
margin-right: auto;
}
.section-single .rights {
letter-spacing: 0;
font-weight: 400;
}
.section-single .rights a {
position: relative;
border-bottom: 1px solid #ffffff;
}
.section-single .rd-mailform-wrap {
max-width: 670px;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.section-single * + p {
margin-top: 6px;
}
.section-single p + p {
margin-top: 0;
}
.section-single .DateCountdown + p {
margin-top: 60px;
}
.section-single * + .button {
margin-top: 40px;
}
.section-single * + .rights {
margin-top: 35px;
}
.section-single * + .countdown-wrap {
margin-top: 35px;
}
.section-single * + .rd-mailform-wrap {
margin-top: 20px;
}
.section-single .countdown-wrap + * {
margin-top: 35px;
}
@media (min-width: 992px) {
.section-single * + .button {
  margin-top: 60px;
}
.section-single * + .rights {
  margin-top: 60px;
}
.section-single .countdown-wrap + * {
  margin-top: 35px;
}
}
@media (min-width: 1200px) {
.section-404 * + .button {
  margin-top: 90px;
}
}
.section-single-header {
padding: calc(1em + 4vh) 0 calc(1em + 2vh);
}
.section-single-main {
padding: 60px 0 calc(1em + 5vh);
}
.section-single-footer {
padding: calc(1em + 2vh) 0 calc(1em + 4vh);
}
.section-single-inner {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
min-height: 100vh;
}
.section-single-inner > * {
width: 100%;
}
@supports ((display: -ms-grid) or (display: grid)) {
.section-single-inner {
  display: -ms-grid;
  display: grid;
  -ms-grid-column-align: center;
  justify-items: center;
  -ms-flex-line-pack: justify;
  align-content: space-between;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
}
}
@media (min-width: 768px) {
.section-single-main {
  padding: 70px 0 30px;
}
}
@media (min-width: 1200px) {
.section-single-header {
  padding-top: calc(1em + 9vh);
}
}
@media (min-width: 1600px) {
.section-single-main {
  padding-top: 65px;
  padding-bottom: 100px;
}
}
.grid-demonstration {
text-align: left;
}
@media (max-width: 1599px) {
.grid-demonstration p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
}
.grid-demonstration-fullwidth {
line-height: 1.86;
}
.grid-demonstration-fullwidth * + p {
margin-top: 12px;
}
.grid-demonstration-boxed {
line-height: 1.8;
}
.grid-demonstration-boxed * + p {
margin-top: 22px;
}
.grid-system-bordered [class*="col"] {
padding-bottom: 15px;
border-bottom: 1px solid #f5f5f5;
}
@media (min-width: 576px) {
.grid-system-bordered [class*="col"] {
  padding-bottom: 30px;
}
}
@media (min-width: 768px) {
.grid-system-bordered [class*="col"] {
  padding-bottom: 45px;
}
}
.grid-system-outline .row {
border: 1px solid #f5f5f5;
}
.grid-system-outline .row:not(:last-child) {
border-bottom-width: 0;
}
.grid-system-outline [class*="col"]:not(:last-child) {
border-right: 1px solid #d7d7d7;
margin-right: -1px;
}
.grid-system-outline * + .row {
margin-top: 45px;
}
.grid-system-outline .row + .row {
margin-top: 0;
}
.context-dark,
.bg-gray-dark,
.bg-primary,
.context-dark h1,
.bg-gray-dark h1,
.bg-primary h1,
.context-dark h2,
.bg-gray-dark h2,
.bg-primary h2,
.context-dark h3,
.bg-gray-dark h3,
.bg-primary h3,
.context-dark h4,
.bg-gray-dark h4,
.bg-primary h4,
.context-dark h5,
.bg-gray-dark h5,
.bg-primary h5,
.context-dark h6,
.bg-gray-dark h6,
.bg-primary h6,
.context-dark [class*="heading-"],
.bg-gray-dark [class*="heading-"],
.bg-primary [class*="heading-"] {
color: #ffffff;
}
.context-dark .form-wrap.has-error .form-input,
.bg-gray-dark .form-wrap.has-error .form-input,
.bg-primary .form-wrap.has-error .form-input {
border-color: transparent;
}
.context-dark .form-input,
.bg-gray-dark .form-input,
.bg-primary .form-input,
.context-dark .form-label,
.bg-gray-dark .form-label,
.bg-primary .form-label,
.context-dark .form-validation,
.bg-gray-dark .form-validation,
.bg-primary .form-validation {
color: #ffffff;
}
.context-dark .form-input,
.bg-gray-dark .form-input,
.bg-primary .form-input {
background: rgba(255, 255, 255, 0.34);
border-color: transparent;
}
.context-dark .rights,
.bg-gray-dark .rights,
.bg-primary .rights {
color: #ffffff;
}
.context-dark .rights a,
.bg-gray-dark .rights a,
.bg-primary .rights a,
.context-dark .rights a:focus,
.bg-gray-dark .rights a:focus,
.bg-primary .rights a:focus,
.context-dark .rights a:active,
.bg-gray-dark .rights a:active,
.bg-primary .rights a:active {
color: inherit;
}
.context-dark .rights a:hover,
.bg-gray-dark .rights a:hover,
.bg-primary .rights a:hover {
color: #161616;
}
.context-dark .button.button-pipaluk::after,
.bg-gray-dark .button.button-pipaluk::after,
.bg-primary .button.button-pipaluk::after {
border-color: #ffffff;
}
.context-dark .button.button-pipaluk:hover,
.bg-gray-dark .button.button-pipaluk:hover,
.bg-primary .button.button-pipaluk:hover,
.context-dark .button.button-pipaluk:active,
.bg-gray-dark .button.button-pipaluk:active,
.bg-primary .button.button-pipaluk:active {
color: #ffffff;
}
.context-dark .button-secondary.button-ujarak::before,
.bg-gray-dark .button-secondary.button-ujarak::before,
.bg-primary .button-secondary.button-ujarak::before {
background: #353535;
}
.context-dark .button-secondary.button-ujarak:hover,
.bg-gray-dark .button-secondary.button-ujarak:hover,
.bg-primary .button-secondary.button-ujarak:hover,
.context-dark .button-secondary.button-ujarak:active,
.bg-gray-dark .button-secondary.button-ujarak:active,
.bg-primary .button-secondary.button-ujarak:active {
border-color: #353535;
}
.footer-variant-2.context-dark,
.footer-variant-2.bg-gray-dark,
.footer-variant-2.bg-primary {
color: #fff;
}
.footer-variant-2.context-dark .rights,
.footer-variant-2.bg-gray-dark .rights,
.footer-variant-2.bg-primary .rights {
color: #fff;
}
.footer-variant-2.context-dark .button.button-ujarak::before,
.footer-variant-2.bg-gray-dark .button.button-ujarak::before,
.footer-variant-2.bg-primary .button.button-ujarak::before {
background: #ffffff;
}
.footer-variant-2.context-dark .button.button-ujarak:hover,
.footer-variant-2.bg-gray-dark .button.button-ujarak:hover,
.footer-variant-2.bg-primary .button.button-ujarak:hover,
.footer-variant-2.context-dark .button.button-ujarak:active,
.footer-variant-2.bg-gray-dark .button.button-ujarak:active,
.footer-variant-2.bg-primary .button.button-ujarak:active {
color: #161616;
border-color: #ffffff;
}
.footer-modern.context-dark .form-input,
.footer-modern.bg-gray-dark .form-input,
.footer-modern.bg-primary .form-input {
background: #474747;
}
.footer-creative.context-dark .form-input,
.footer-creative.bg-gray-dark .form-input,
.footer-creative.bg-primary .form-input {
background: #54595e;
}
.context-dark .footer-contacts,
.bg-gray-dark .footer-contacts,
.bg-primary .footer-contacts {
border-top-color: rgba(255, 255, 255, 0.2);
}
.context-dark .footer-contacts .icon,
.bg-gray-dark .footer-contacts .icon,
.bg-primary .footer-contacts .icon {
color: #f4c29a;
}
.context-dark .footer-contacts p,
.bg-gray-dark .footer-contacts p,
.bg-primary .footer-contacts p {
color: #ffffff;
}
.context-dark .footer-contacts a,
.bg-gray-dark .footer-contacts a,
.bg-primary .footer-contacts a,
.context-dark .footer-contacts a:focus,
.bg-gray-dark .footer-contacts a:focus,
.bg-primary .footer-contacts a:focus,
.context-dark .footer-contacts a:active,
.bg-gray-dark .footer-contacts a:active,
.bg-primary .footer-contacts a:active {
color: #ffffff;
}
.context-dark .footer-contacts a:hover,
.bg-gray-dark .footer-contacts a:hover,
.bg-primary .footer-contacts a:hover {
color: #cd8e65;
}
.context-dark .footer-link-list a,
.bg-gray-dark .footer-link-list a,
.bg-primary .footer-link-list a,
.context-dark .footer-link-list a:focus,
.bg-gray-dark .footer-link-list a:focus,
.bg-primary .footer-link-list a:focus,
.context-dark .footer-link-list a:active,
.bg-gray-dark .footer-link-list a:active,
.bg-primary .footer-link-list a:active {
color: inherit;
}
.context-dark .footer-link-list a:hover,
.bg-gray-dark .footer-link-list a:hover,
.bg-primary .footer-link-list a:hover {
color: #cd8e65;
}
.context-dark .footer-social-list-2 a,
.bg-gray-dark .footer-social-list-2 a,
.bg-primary .footer-social-list-2 a,
.context-dark .footer-social-list-2 a:focus,
.bg-gray-dark .footer-social-list-2 a:focus,
.bg-primary .footer-social-list-2 a:focus,
.context-dark .footer-social-list-2 a:active,
.bg-gray-dark .footer-social-list-2 a:active,
.bg-primary .footer-social-list-2 a:active {
color: #ffffff;
}
.context-dark .footer-social-list-2 a:hover,
.bg-gray-dark .footer-social-list-2 a:hover,
.bg-primary .footer-social-list-2 a:hover {
color: #161616;
}
.context-dark .footer-social-list-title,
.bg-gray-dark .footer-social-list-title,
.bg-primary .footer-social-list-title {
color: #ffffff;
}
.footer-minimal.context-dark .footer-minimal-bottom-panel,
.footer-minimal.bg-gray-dark .footer-minimal-bottom-panel,
.footer-minimal.bg-primary .footer-minimal-bottom-panel,
.footer-minimal.context-dark .footer-corporate-bottom-panel,
.footer-minimal.bg-gray-dark .footer-corporate-bottom-panel,
.footer-minimal.bg-primary .footer-corporate-bottom-panel,
.footer-corporate.context-dark .footer-minimal-bottom-panel,
.footer-corporate.bg-gray-dark .footer-minimal-bottom-panel,
.footer-corporate.bg-primary .footer-minimal-bottom-panel,
.footer-corporate.context-dark .footer-corporate-bottom-panel,
.footer-corporate.bg-gray-dark .footer-corporate-bottom-panel,
.footer-corporate.bg-primary .footer-corporate-bottom-panel {
color: rgba(255, 255, 255, 0.3);
}
.footer-minimal.context-dark .footer-minimal-bottom-panel a,
.footer-minimal.bg-gray-dark .footer-minimal-bottom-panel a,
.footer-minimal.bg-primary .footer-minimal-bottom-panel a,
.footer-minimal.context-dark .footer-minimal-bottom-panel a:focus,
.footer-minimal.bg-gray-dark .footer-minimal-bottom-panel a:focus,
.footer-minimal.bg-primary .footer-minimal-bottom-panel a:focus,
.footer-minimal.context-dark .footer-minimal-bottom-panel a:active,
.footer-minimal.bg-gray-dark .footer-minimal-bottom-panel a:active,
.footer-minimal.bg-primary .footer-minimal-bottom-panel a:active,
.footer-minimal.context-dark .footer-corporate-bottom-panel a,
.footer-minimal.bg-gray-dark .footer-corporate-bottom-panel a,
.footer-minimal.bg-primary .footer-corporate-bottom-panel a,
.footer-minimal.context-dark .footer-corporate-bottom-panel a:focus,
.footer-minimal.bg-gray-dark .footer-corporate-bottom-panel a:focus,
.footer-minimal.bg-primary .footer-corporate-bottom-panel a:focus,
.footer-minimal.context-dark .footer-corporate-bottom-panel a:active,
.footer-minimal.bg-gray-dark .footer-corporate-bottom-panel a:active,
.footer-minimal.bg-primary .footer-corporate-bottom-panel a:active,
.footer-corporate.context-dark .footer-minimal-bottom-panel a,
.footer-corporate.bg-gray-dark .footer-minimal-bottom-panel a,
.footer-corporate.bg-primary .footer-minimal-bottom-panel a,
.footer-corporate.context-dark .footer-minimal-bottom-panel a:focus,
.footer-corporate.bg-gray-dark .footer-minimal-bottom-panel a:focus,
.footer-corporate.bg-primary .footer-minimal-bottom-panel a:focus,
.footer-corporate.context-dark .footer-minimal-bottom-panel a:active,
.footer-corporate.bg-gray-dark .footer-minimal-bottom-panel a:active,
.footer-corporate.bg-primary .footer-minimal-bottom-panel a:active,
.footer-corporate.context-dark .footer-corporate-bottom-panel a,
.footer-corporate.bg-gray-dark .footer-corporate-bottom-panel a,
.footer-corporate.bg-primary .footer-corporate-bottom-panel a,
.footer-corporate.context-dark .footer-corporate-bottom-panel a:focus,
.footer-corporate.bg-gray-dark .footer-corporate-bottom-panel a:focus,
.footer-corporate.bg-primary .footer-corporate-bottom-panel a:focus,
.footer-corporate.context-dark .footer-corporate-bottom-panel a:active,
.footer-corporate.bg-gray-dark .footer-corporate-bottom-panel a:active,
.footer-corporate.bg-primary .footer-corporate-bottom-panel a:active {
color: inherit;
}
.footer-minimal.context-dark .footer-minimal-bottom-panel a:hover,
.footer-minimal.bg-gray-dark .footer-minimal-bottom-panel a:hover,
.footer-minimal.bg-primary .footer-minimal-bottom-panel a:hover,
.footer-minimal.context-dark .footer-corporate-bottom-panel a:hover,
.footer-minimal.bg-gray-dark .footer-corporate-bottom-panel a:hover,
.footer-minimal.bg-primary .footer-corporate-bottom-panel a:hover,
.footer-corporate.context-dark .footer-minimal-bottom-panel a:hover,
.footer-corporate.bg-gray-dark .footer-minimal-bottom-panel a:hover,
.footer-corporate.bg-primary .footer-minimal-bottom-panel a:hover,
.footer-corporate.context-dark .footer-corporate-bottom-panel a:hover,
.footer-corporate.bg-gray-dark .footer-corporate-bottom-panel a:hover,
.footer-corporate.bg-primary .footer-corporate-bottom-panel a:hover {
color: #161616;
}
.footer-minimal.context-dark .rights,
.footer-minimal.bg-gray-dark .rights,
.footer-minimal.bg-primary .rights,
.footer-corporate.context-dark .rights,
.footer-corporate.bg-gray-dark .rights,
.footer-corporate.bg-primary .rights {
color: inherit;
}
.footer-minimal.context-dark .button-gray-31.button-ujarak::before,
.footer-minimal.bg-gray-dark .button-gray-31.button-ujarak::before,
.footer-minimal.bg-primary .button-gray-31.button-ujarak::before,
.footer-corporate.context-dark .button-gray-31.button-ujarak::before,
.footer-corporate.bg-gray-dark .button-gray-31.button-ujarak::before,
.footer-corporate.bg-primary .button-gray-31.button-ujarak::before {
background: #161616;
}
.footer-minimal.context-dark .button-gray-31.button-ujarak:hover,
.footer-minimal.bg-gray-dark .button-gray-31.button-ujarak:hover,
.footer-minimal.bg-primary .button-gray-31.button-ujarak:hover,
.footer-minimal.context-dark .button-gray-31.button-ujarak:active,
.footer-minimal.bg-gray-dark .button-gray-31.button-ujarak:active,
.footer-minimal.bg-primary .button-gray-31.button-ujarak:active,
.footer-corporate.context-dark .button-gray-31.button-ujarak:hover,
.footer-corporate.bg-gray-dark .button-gray-31.button-ujarak:hover,
.footer-corporate.bg-primary .button-gray-31.button-ujarak:hover,
.footer-corporate.context-dark .button-gray-31.button-ujarak:active,
.footer-corporate.bg-gray-dark .button-gray-31.button-ujarak:active,
.footer-corporate.bg-primary .button-gray-31.button-ujarak:active {
color: #ffffff;
border-color: #161616;
}
.footer-corporate-2.context-dark .footer-contacts .icon,
.footer-corporate-2.bg-gray-dark .footer-contacts .icon,
.footer-corporate-2.bg-primary .footer-contacts .icon {
color: #161616;
}
.footer-corporate-2.context-dark .button-gray-31.button-ujarak::before,
.footer-corporate-2.bg-gray-dark .button-gray-31.button-ujarak::before,
.footer-corporate-2.bg-primary .button-gray-31.button-ujarak::before {
background: #161616;
}
.footer-corporate-2.context-dark .button-gray-31.button-ujarak:hover,
.footer-corporate-2.bg-gray-dark .button-gray-31.button-ujarak:hover,
.footer-corporate-2.bg-primary .button-gray-31.button-ujarak:hover,
.footer-corporate-2.context-dark .button-gray-31.button-ujarak:active,
.footer-corporate-2.bg-gray-dark .button-gray-31.button-ujarak:active,
.footer-corporate-2.bg-primary .button-gray-31.button-ujarak:active {
border-color: #161616;
}
.context-dark .post-minimal-2-time,
.bg-gray-dark .post-minimal-2-time,
.bg-primary .post-minimal-2-time {
color: rgba(255, 255, 255, 0.25);
}
.context-dark .text-strike-1,
.bg-gray-dark .text-strike-1,
.bg-primary .text-strike-1 {
color: rgba(255, 255, 255, 0.52);
}
.context-dark .text-strike-1::before,
.bg-gray-dark .text-strike-1::before,
.bg-primary .text-strike-1::before {
background: rgba(252, 239, 87, 0.7);
}
.context-dark .video-modern-subtitle,
.bg-gray-dark .video-modern-subtitle,
.bg-primary .video-modern-subtitle {
color: #161616;
}
.context-dark .title-decoration-lines-left::before,
.bg-gray-dark .title-decoration-lines-left::before,
.bg-primary .title-decoration-lines-left::before {
background: #161616;
}
.context-dark .text-gray-500,
.bg-gray-dark .text-gray-500,
.bg-primary .text-gray-500 {
color: rgba(255, 255, 255, 0.3);
}
.context-dark .brand .brand-logo-dark,
.bg-gray-dark .brand .brand-logo-dark,
.bg-primary .brand .brand-logo-dark {
display: none;
}
.context-dark .brand .brand-logo-light,
.bg-gray-dark .brand .brand-logo-light,
.bg-primary .brand .brand-logo-light {
display: block;
}
.bg-default {
background-color: #ffffff;
}
.bg-gray-100 {
background-color: #f2f2f2;
}
.bg-gray-2 {
background-color: #ebebeb;
}
.bg-gray-2 .owl-classic .owl-prev:hover::before,
.bg-gray-2 .owl-classic .owl-next:hover::before {
background-color: #f5cdae;
}
.bg-gray-2 .owl-classic .owl-prev:hover::after,
.bg-gray-2 .owl-classic .owl-next:hover::after {
border-left-color: #f5cdae;
border-right-color: #f5cdae;
}
.bg-gray-4 {
background-color: #f7f7f7;
}
.bg-gray-4 .box-icon-modern {
box-shadow: none;
}
.bg-gray-4 .box-icon-modern:hover {
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.17);
}
.bg-gray-36 {
background-color: #545d64;
}
.bg-gray-dark {
background-color: #2c343b;
}
.bg-primary + .bg-primary {
padding-top: 0;
}
[class*="bg-"] {
background-size: cover;
background-position: center center;
}
@media (min-width: 992px) {
html:not(.tablet):not(.mobile) .bg-fixed {
  background-attachment: fixed;
}
}
[class*="bg-overlay-"] {
position: relative;
}
[class*="bg-overlay-"]::before {
position: absolute;
content: "";
top: 0;
right: 0;
bottom: 0;
left: 0;
pointer-events: none;
}
[class*="bg-overlay-"] .section-single-inner,
[class*="bg-overlay-"] .container {
position: relative;
}
[class*="bg-second-overlay-"]::after {
position: absolute;
content: "";
top: 0;
right: 0;
bottom: 0;
left: 0;
pointer-events: none;
z-index: -1;
}
.object-inline {
white-space: nowrap;
}
.object-inline > * {
display: inline-block;
min-width: 20px;
vertical-align: top;
white-space: normal;
}
.object-inline > * + * {
margin-left: 5px;
}
.oh {
position: relative;
overflow: hidden;
}
@media (min-width: 992px) {
.desktop .oh-desktop {
  overflow: hidden;
}
}
.section-relative {
position: relative;
}
.text-width-extra-small {
max-width: 320px;
}
.text-width-small {
max-width: 430px;
}
.text-width-medium {
max-width: 600px;
}
.text-width-large {
max-width: 650px;
}
.text-width-extra-large {
max-width: 715px;
}
.text-center [class*="text-width-"] {
margin-left: auto;
margin-right: auto;
}
@media (max-width: 767px) {
[class*="text-width-"] {
  margin-left: auto;
  margin-right: auto;
}
}
p.rights {
font-size: 14px;
letter-spacing: 0.025em;
font-weight: 500;
color: #9b9b9b;
}
p.rights a {
color: inherit;
}
p.rights a:hover {
color: #161616;
}
[style*="z-index: 1000;"] {
z-index: 1101 !important;
}
.text-block > * {
margin-left: 4px;
margin-right: 4px;
}
.inset-top-10 {
padding-top: 10px;
}
.inset-top-18 {
padding-top: 18px;
}
@media (min-width: 992px) {
.offset-top-lg-24 {
  margin-top: 24px;
}
.desktop .offset-negative-1 {
  margin-top: -35px;
}
}
@media (min-width: 1200px) {
.offset-right-xl-15 {
  margin-right: 15px;
}
.offset-top-xl-26 {
  margin-top: 26px;
}
.offset-left-xl-45 {
  margin-left: 45px;
}
.offset-left-xl-65 {
  margin-left: 65px;
}
.offset-left-xl-70 {
  margin-left: 70px;
}
}
@media (min-width: 992px) {
.box-width-lg-470 {
  max-width: 470px;
  margin-left: auto;
  margin-right: auto;
}
}
.gutters-4 {
margin-left: -2px;
margin-right: -2px;
}
.gutters-4 [class*="col-"] {
padding-left: 2px;
padding-right: 2px;
}
.gutters-10 {
margin-left: -5px;
margin-right: -5px;
}
.gutters-10 [class*="col-"] {
padding-left: 5px;
padding-right: 5px;
}
.gutters-14 {
margin-left: -7px;
margin-right: -7px;
}
.gutters-14 [class*="col-"] {
padding-left: 7px;
padding-right: 7px;
}
.breadcrumbs-custom {
position: relative;
overflow: hidden;
}
.breadcrumbs-custom .container {
position: relative;
padding-top: 40px;
display: none;
}
.box-position {
height: 86vh;
background-position: 50% 50%;
background-size: cover;
background-repeat: no-repeat;
}
@-webkit-keyframes bgPos {
25% {
  -webkit-transform: translate3d(-150px, -150px, 0) rotate(0.001deg);
  transform: translate3d(-150px, -150px, 0) rotate(0.001deg);
}
75% {
  -webkit-transform: translate3d(0, 0, 0) rotate(0.001deg);
  transform: translate3d(0, 0, 0) rotate(0.001deg);
}
}
@keyframes bgPos {
25% {
  -webkit-transform: translate3d(-150px, -150px, 0) rotate(0.001deg);
  transform: translate3d(-150px, -150px, 0) rotate(0.001deg);
}
75% {
  -webkit-transform: translate3d(0, 0, 0) rotate(0.001deg);
  transform: translate3d(0, 0, 0) rotate(0.001deg);
}
}
.order-negative-2 {
-ms-flex-order: -2;
order: -2;
}
.animated {
-webkit-animation-duration: 0.7s;
animation-duration: 0.7s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
opacity: 1;
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
html:not(.lt-ie10) .not-animated {
opacity: 0;
}
@-webkit-keyframes fadeIn {
0% {
  opacity: 0;
}
100% {
  opacity: 1;
}
}
@keyframes fadeIn {
0% {
  opacity: 0;
}
100% {
  opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInUp {
0% {
  opacity: 0;
  -webkit-transform: translate3d(0, 40px, 0);
  transform: translate3d(0, 40px, 0);
}
100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
}
}
@keyframes fadeInUp {
0% {
  opacity: 0;
  -webkit-transform: translate3d(0, 40px, 0);
  transform: translate3d(0, 40px, 0);
}
100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInDown {
0% {
  opacity: 0;
  -webkit-transform: translate3d(0, -40px, 0);
  transform: translate3d(0, -40px, 0);
}
100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
}
}
@keyframes fadeInDown {
0% {
  opacity: 0;
  -webkit-transform: translate3d(0, -40px, 0);
  transform: translate3d(0, -40px, 0);
}
100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInLeft {
0% {
  opacity: 0;
  -webkit-transform: translate3d(-40px, 0, 0);
  transform: translate3d(-40px, 0, 0);
}
100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
}
}
@keyframes fadeInLeft {
0% {
  opacity: 0;
  -webkit-transform: translate3d(-40px, 0, 0);
  transform: translate3d(-40px, 0, 0);
}
100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInRight {
0% {
  opacity: 0;
  -webkit-transform: translate3d(40px, 0, 0);
  transform: translate3d(40px, 0, 0);
}
100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
}
}
@keyframes fadeInRight {
0% {
  opacity: 0;
  -webkit-transform: translate3d(40px, 0, 0);
  transform: translate3d(40px, 0, 0);
}
100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeOut {
0% {
  opacity: 1;
}
100% {
  opacity: 0;
}
}
@keyframes fadeOut {
0% {
  opacity: 1;
}
100% {
  opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes slideInUp {
0% {
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  visibility: visible;
}
100% {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
}
@keyframes slideInUp {
0% {
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  visibility: visible;
}
100% {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
}
.preloader {
position: fixed;
text-align: center;
left: 0;
top: 0;
bottom: 0;
right: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-direction: column;
flex-direction: column;
padding: 20px;
z-index: 9999999;
background: #ffffff;
transition: 0.3s all ease;
}
.preloader.loaded {
opacity: 0;
visibility: hidden;
z-index: -1;
}
.preloader.loaded .cssload-container {
-webkit-animation: none;
animation: none;
}
.preloader.loaded .cssload-container span {
-webkit-animation: none;
animation: none;
}
.preloader.ending {
display: none;
}
.preloader .preloader-body {
position: relative;
text-align: center;
height: 200px;
}
.preloader > div {
width: 100%;
}
[data-x-mode="design-mode"] .preloader {
opacity: 0;
visibility: hidden;
z-index: -1;
}
.cssload-container {
position: absolute;
top: 50%;
left: 50%;
width: 80px;
height: 80px;
-webkit-transform: translate(-50%, -50%) rotate(45deg) translate3d(0, 0, 0);
transform: translate(-50%, -50%) rotate(45deg) translate3d(0, 0, 0);
-webkit-animation: loader 1.2s infinite ease-in-out;
animation: loader 1.2s infinite ease-in-out;
}
.cssload-container span {
position: absolute;
display: block;
width: 40px;
height: 40px;
background-color: #161616;
-webkit-animation: loaderBlock 1.2s infinite ease-in-out both;
animation: loaderBlock 1.2s infinite ease-in-out both;
}
.cssload-container span:nth-child(1) {
top: 0;
left: 0;
}
.cssload-container span:nth-child(2) {
top: 0;
right: 0;
-webkit-animation: loaderBlockInverse 1.2s infinite ease-in-out both;
animation: loaderBlockInverse 1.2s infinite ease-in-out both;
}
.cssload-container span:nth-child(3) {
bottom: 0;
left: 0;
-webkit-animation: loaderBlockInverse 1.2s infinite ease-in-out both;
animation: loaderBlockInverse 1.2s infinite ease-in-out both;
}
.cssload-container span:nth-child(4) {
bottom: 0;
right: 0;
}
@-webkit-keyframes loader {
0%,
10%,
100% {
  width: 86px;
  height: 86px;
}
65% {
  width: 150px;
  height: 150px;
}
}
@keyframes loader {
0%,
10%,
100% {
  width: 86px;
  height: 86px;
}
65% {
  width: 150px;
  height: 150px;
}
}
@-webkit-keyframes loaderBlock {
0%,
30% {
  -webkit-transform: rotate(0);
  transform: rotate(0);
}
55% {
  background-color: #161616;
}
100% {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
}
@keyframes loaderBlock {
0%,
30% {
  -webkit-transform: rotate(0);
  transform: rotate(0);
}
55% {
  background-color: #161616;
}
100% {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
}
@-webkit-keyframes loaderBlockInverse {
0%,
20% {
  -webkit-transform: rotate(0);
  transform: rotate(0);
}
55% {
  background-color: #161616;
}
100% {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
}
@keyframes loaderBlockInverse {
0%,
20% {
  -webkit-transform: rotate(0);
  transform: rotate(0);
}
55% {
  background-color: #161616;
}
100% {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
}
.ui-to-top {
position: fixed;
right: 15px;
bottom: 15px;
z-index: 100;
width: 40px;
height: 40px;
font-size: 20px;
line-height: 38px;
color: #ffffff;
background: #161616;
overflow: hidden;
text-align: center;
text-decoration: none;
transition: 0.45s all ease-in-out;
-webkit-transform: translate3d(0, 100px, 0);
transform: translate3d(0, 100px, 0);
}
.ui-to-top:hover {
color: #ffffff;
background: #000000;
text-decoration: none;
}
.ui-to-top:focus {
color: #ffffff;
}
.ui-to-top.active {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
html.mobile .ui-to-top,
html.tablet .ui-to-top {
display: none !important;
}
@media (min-width: 768px) {
.ui-to-top {
  width: 50px;
  height: 50px;
  line-height: 46px;
  right: 30px;
  bottom: 30px;
}
}
@media (min-width: 1600px) {
.ui-to-top {
  right: 12px;
}
}
@-webkit-keyframes rd-navbar-slide-down {
0% {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}
100% {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
}
@keyframes rd-navbar-slide-down {
0% {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}
100% {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
}
@-webkit-keyframes rd-navbar-slide-up {
0% {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
100% {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}
}
@keyframes rd-navbar-slide-up {
0% {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
100% {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}
}
.rd-navbar-wrap,
.rd-navbar,
.rd-menu,
.rd-navbar-nav,
.rd-navbar-panel,
.rd-navbar-static .rd-menu,
.rd-navbar-fixed .rd-navbar-nav-wrap,
.rd-navbar-fixed .rd-navbar-submenu,
.rd-navbar-project {
transition: 0.35s all cubic-bezier(0.65, 0.05, 0.36, 1);
}
.rd-navbar--no-transition,
.rd-navbar--no-transition * {
transition: none !important;
}
.rd-navbar,
.rd-navbar.rd-navbar--is-clone {
display: none;
}
.rd-navbar.rd-navbar-fixed + .rd-navbar.rd-navbar--is-clone,
.rd-navbar.rd-navbar-sidebar + .rd-navbar.rd-navbar--is-clone {
display: none;
}
.rd-navbar {
display: none;
background: #ffffff;
}
.rd-navbar-toggle {
display: inline-block;
position: relative;
width: 48px;
height: 48px;
line-height: 48px;
cursor: pointer;
color: #ffffff;
background-color: #ffffff;
border: none;
display: none;
}
.rd-navbar-toggle span {
position: relative;
display: block;
margin: auto;
transition: 0.3s all ease;
}
.rd-navbar-toggle span:after,
.rd-navbar-toggle span:before {
content: "";
position: absolute;
left: 0;
top: -10px;
transition: 0.3s all ease;
}
.rd-navbar-toggle span:after {
top: 10px;
}
.rd-navbar-toggle span:after,
.rd-navbar-toggle span:before,
.rd-navbar-toggle span {
width: 24px;
height: 3px;
background-color: #000000;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
border-radius: 0;
}
.rd-navbar-toggle span {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.rd-navbar-toggle span:before,
.rd-navbar-toggle span:after {
-webkit-transform-origin: 1.71429px center;
transform-origin: 1.71429px center;
}
.rd-navbar-toggle.active span {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
.rd-navbar-toggle.active span:before,
.rd-navbar-toggle.active span:after {
top: 0;
width: 15px;
}
.rd-navbar-toggle.active span:before {
-webkit-transform: rotate3d(0, 0, 1, -40deg);
transform: rotate3d(0, 0, 1, -40deg);
}
.rd-navbar-toggle.active span:after {
-webkit-transform: rotate3d(0, 0, 1, 40deg);
transform: rotate3d(0, 0, 1, 40deg);
}
.rd-navbar-collapse-toggle {
display: inline-block;
position: relative;
width: 48px;
height: 48px;
line-height: 48px;
cursor: pointer;
color: #151515;
display: none;
}
.rd-navbar-collapse-toggle span {
top: 50%;
margin-top: -3px;
}
.rd-navbar-collapse-toggle span,
.rd-navbar-collapse-toggle span:before,
.rd-navbar-collapse-toggle span:after {
position: absolute;
width: 6px;
height: 6px;
line-height: 6px;
text-align: center;
background: #151515;
left: 50%;
margin-left: -3px;
border-radius: 50%;
transition: 0.3s all ease;
}
.rd-navbar-collapse-toggle span:before,
.rd-navbar-collapse-toggle span:after {
content: "";
}
.rd-navbar-collapse-toggle span:before {
bottom: 100%;
margin-bottom: 3px;
}
.rd-navbar-collapse-toggle span:after {
top: 100%;
margin-top: 3px;
}
.rd-navbar-collapse-toggle.active span {
-webkit-transform: scale(0.7);
transform: scale(0.7);
}
.rd-navbar-collapse-toggle.active span:before {
-webkit-transform: translateY(18px);
transform: translateY(18px);
}
.rd-navbar-collapse-toggle.active span:after {
-webkit-transform: translateY(-18px);
transform: translateY(-18px);
}
.rd-navbar-brand a {
display: block;
}
.rd-navbar-search {
position: relative;
display: -ms-inline-flexbox;
display: inline-flex;
}
.rd-navbar-search .form-label {
top: 25px;
padding-left: 28px;
padding-right: 50px;
font-size: 16px;
letter-spacing: 0;
color: #161616;
}
.rd-navbar-search .form-input {
min-height: 47px;
padding: 12px 50px 12px 28px;
font-size: 16px;
line-height: 23px;
letter-spacing: 0;
border: none;
border-radius: 30px;
background: #ffffff;
box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.15);
}
.rd-navbar-search .rd-search-form-submit {
position: absolute;
top: 0;
bottom: 0;
right: 6px;
width: 50px;
padding: 0;
margin: 0;
font-size: 24px;
line-height: 1;
border: none;
cursor: pointer;
background-color: transparent;
color: #151515;
transition: 0.33s;
}
.rd-navbar-search .rd-search-form-submit:hover {
color: #161616;
}
.rd-navbar-search-toggle {
background: none;
border: none;
display: inline-block;
padding: 0;
outline: none;
outline-offset: 0;
cursor: pointer;
-webkit-appearance: none;
}
.rd-navbar-search-toggle::-moz-focus-inner {
border: none;
padding: 0;
}
.rd-navbar-dropdown {
display: none;
}
.rd-navbar-static {
display: block;
}
.rd-navbar-static .rd-nav-item {
display: inline-block;
}
.rd-navbar-static .rd-nav-item.focus .rd-nav-link,
.rd-navbar-static .rd-nav-item.opened .rd-nav-link {
color: #161616;
background: transparent;
}
.rd-navbar-static .rd-nav-item.focus > .rd-navbar-submenu-toggle,
.rd-navbar-static .rd-nav-item.opened > .rd-navbar-submenu-toggle {
color: #161616;
}
.rd-navbar-static .rd-nav-item.active .rd-nav-link {
color: #161616;
background: transparent;
}
.rd-navbar-static .rd-nav-item.active > .rd-navbar-submenu-toggle {
color: #161616;
}
.rd-navbar-static .rd-nav-item.focus > .rd-navbar-submenu-toggle::before,
.rd-navbar-static .rd-nav-item.opened > .rd-navbar-submenu-toggle::before,
.rd-navbar-static
.rd-nav-item
.rd-nav-link:hover
+ .rd-navbar-submenu-toggle::before {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.rd-navbar-static .rd-nav-item > .rd-navbar-submenu-toggle {
display: none;
margin-left: 4px;
font-family: "Material Design Icons";
font-size: 16px;
cursor: pointer;
}
.rd-navbar-static .rd-nav-item > .rd-navbar-submenu-toggle::before {
position: relative;
display: inline-block;
transition: 0.22s;
content: "\f236";
}
.rd-navbar-static .rd-nav-item > .rd-navbar-submenu-toggle:hover {
color: #161616;
}
.rd-navbar-static .rd-nav-item > .rd-navbar-submenu {
margin-top: 20px;
}
.rd-navbar-static .rd-nav-item + .rd-nav-item {
margin-left: 42px;
}
.rd-navbar-static .rd-nav-link {
position: relative;
display: inline-block;
font-size: 16px;
line-height: 1.2;
font-weight: 500;
letter-spacing: 0;
color: #ffffff;
transition: 0.25s;
}
.rd-navbar-static .rd-nav-link:hover {
color: #161616;
}
.rd-navbar-static .rd-menu {
z-index: 15;
position: absolute;
display: block;
margin-top: 22px;
visibility: hidden;
opacity: 0;
text-align: left;
border: none;
-webkit-transform: translate3d(0, 30px, 0);
transform: translate3d(0, 30px, 0);
}
.rd-navbar-static .rd-navbar-dropdown {
position: absolute;
right: 0;
padding: 22px 15px 34px 34px;
width: 270px;
background-color: #0d0d0d;
z-index: 5;
}
.rd-navbar-static .rd-navbar-dropdown .rd-navbar-dropdown {
top: -1px;
left: 100%;
z-index: 2;
margin-top: -15px;
margin-left: 15px;
-webkit-transform: translate3d(30px, 0, 0);
transform: translate3d(30px, 0, 0);
}
.rd-navbar-static .rd-navbar-dropdown .rd-navbar-dropdown.rd-navbar-open-left {
left: auto;
right: 100%;
margin-left: 0;
margin-right: 15px;
-webkit-transform: translate3d(-30px, 0, 0);
transform: translate3d(-30px, 0, 0);
}
.rd-navbar-static .rd-dropdown-item + .rd-dropdown-item {
margin-top: 8px;
}
.rd-navbar-static .rd-dropdown-item.focus .rd-dropdown-link,
.rd-navbar-static .rd-dropdown-item.opened .rd-dropdown-link {
color: #151515;
}
.rd-navbar-static .rd-dropdown-link {
color: #151515;
}
.rd-navbar-static .rd-dropdown-link:hover {
color: #151515;
}
.rd-navbar-static .rd-navbar-dropdown li > a,
.rd-navbar-static .rd-megamenu-list li > a {
position: relative;
left: -3px;
display: -ms-flexbox;
display: flex;
padding: 1px 14px 5px 0;
text-align: left;
transition: all 0.2s ease;
}
.rd-navbar-static .rd-navbar-dropdown li > a,
.rd-navbar-static .rd-navbar-dropdown li > a:focus,
.rd-navbar-static .rd-navbar-dropdown li > a:active,
.rd-navbar-static .rd-megamenu-list li > a,
.rd-navbar-static .rd-megamenu-list li > a:focus,
.rd-navbar-static .rd-megamenu-list li > a:active {
color: #fff;
}
.rd-navbar-static .rd-navbar-dropdown li > a:hover,
.rd-navbar-static .rd-megamenu-list li > a:hover {
color: #fff;
}
.rd-navbar-static .rd-navbar-dropdown li > a::before,
.rd-navbar-static .rd-megamenu-list li > a::before {
display: inline-block;
position: relative;
content: "";
top: 0;
right: -20px;
width: 3px;
height: 26px;
font-size: 0;
line-height: 0;
background: #161616;
transition: all 0.15s ease;
visibility: hidden;
will-change: transform;
opacity: 0;
}
.rd-navbar-static .rd-navbar-dropdown li.focus > a,
.rd-navbar-static .rd-navbar-dropdown li.opened > a,
.rd-navbar-static .rd-navbar-dropdown li > a:hover,
.rd-navbar-static .rd-megamenu-list li.focus > a,
.rd-navbar-static .rd-megamenu-list li.opened > a,
.rd-navbar-static .rd-megamenu-list li > a:hover {
padding-left: 14px;
padding-right: 0;
}
.rd-navbar-static .rd-navbar-dropdown li.focus > a::before,
.rd-navbar-static .rd-navbar-dropdown li.opened > a::before,
.rd-navbar-static .rd-navbar-dropdown li > a:hover::before,
.rd-navbar-static .rd-megamenu-list li.focus > a::before,
.rd-navbar-static .rd-megamenu-list li.opened > a::before,
.rd-navbar-static .rd-megamenu-list li > a:hover::before {
-webkit-transform: translateX(-14px);
transform: translateX(-14px);
visibility: visible;
opacity: 1;
transition-delay: 0.1s;
}
.rd-navbar-static .rd-navbar-dropdown > li > a,
.rd-navbar-static .rd-megamenu-list > li > a {
font-size: 14px;
line-height: 1.86;
letter-spacing: 0.05em;
border-bottom: 1px solid #161616;
}
.rd-navbar-static .rd-megamenu-list {
-webkit-columns: 2;
columns: 2;
-webkit-column-break-inside: avoid;
break-inside: avoid;
-moz-column-gap: 30px;
-webkit-column-gap: 30px;
margin-bottom: -8px;
}
.rd-navbar-static .rd-megamenu-list li {
display: inline-block;
width: 100%;
margin-bottom: 8px;
}
.rd-navbar-static .rd-navbar-megamenu {
display: -ms-flexbox;
display: flex;
left: 0;
width: calc(100% + 1px);
max-width: 1170px;
padding: 40px 0;
background: #ffffff;
}
@media (min-width: 1200px) {
.rd-navbar-static .rd-navbar-megamenu {
  padding: 50px 0;
}
}
.rd-navbar-static .rd-megamenu-item {
-ms-flex-positive: 1;
flex-grow: 1;
padding-left: 30px;
padding-right: 30px;
}
.rd-navbar-static .rd-megamenu-item > div {
max-width: 360px;
margin-left: auto;
margin-right: auto;
}
.rd-navbar-static .rd-megamenu-item + .rd-megamenu-item {
position: relative;
}
.rd-navbar-static .rd-megamenu-item + .rd-megamenu-item::before {
position: absolute;
content: "";
top: -12px;
left: 0;
bottom: -12px;
width: 1px;
background: #e1e1e1;
}
.rd-navbar-static .rd-megamenu-title {
font-weight: 400;
letter-spacing: 0.1em;
}
.rd-navbar-static .rd-megamenu-carousel > div {
max-width: 180px;
}
@media (min-width: 1200px) {
.rd-navbar-static .rd-megamenu-carousel > div {
  max-width: 300px;
}
}
.rd-navbar-static .rd-megamenu-list-link {
color: #000000;
background: transparent;
}
.rd-navbar-static .rd-megamenu-list-link:hover {
color: #161616;
background: transparent;
}
.rd-navbar-static * + .rd-megamenu-list {
margin-top: 20px;
}
.rd-navbar-static .rd-navbar-submenu.focus > .rd-menu,
.rd-navbar-static .rd-navbar-submenu.opened > .rd-menu {
opacity: 1;
visibility: visible;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.rd-navbar-static .rd-navbar-search.active .rd-search {
opacity: 1;
visibility: visible;
}
.rd-navbar-static .rd-search {
position: absolute;
top: 50%;
right: calc(100% + 5px);
width: 270px;
margin-top: -23.5px;
opacity: 0;
visibility: hidden;
transition: 0.3s;
z-index: 2;
}
.rd-navbar-static * + .rd-navbar-search {
margin-left: 8px;
}
.rd-navbar-static .rd-navbar-search-toggle {
display: -ms-inline-flexbox;
display: inline-flex;
color: #151515;
}
.rd-navbar-static .rd-navbar-search-toggle span {
display: inline-block;
position: relative;
width: 30px;
height: 30px;
font-size: 24px;
line-height: 30px;
text-align: center;
cursor: pointer;
background: none;
border: none;
outline: none;
padding: 0;
}
.rd-navbar-static .rd-navbar-search-toggle span::before,
.rd-navbar-static .rd-navbar-search-toggle span::after {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
transition: all 0.3s ease;
}
.rd-navbar-static .rd-navbar-search-toggle span::before {
content: "";
-webkit-transform: rotate(0deg) scale(1);
transform: rotate(0deg) scale(1);
opacity: 1;
visibility: visible;
font-family: "fl-bigmug-line";
}
.rd-navbar-static .rd-navbar-search-toggle span::after {
content: "";
-webkit-transform: rotate(-90deg) scale(0.4);
transform: rotate(-90deg) scale(0.4);
opacity: 0;
visibility: hidden;
font-family: "fl-bigmug-line";
}
.rd-navbar-static .rd-navbar-search-toggle.active span::before {
opacity: 0;
visibility: hidden;
-webkit-transform: rotate(90deg) scale(0.4);
transform: rotate(90deg) scale(0.4);
}
.rd-navbar-static .rd-navbar-search-toggle.active span::after {
-webkit-transform: rotate(0deg) scale(1);
transform: rotate(0deg) scale(1);
opacity: 1;
visibility: visible;
}
.rd-navbar-static .rd-navbar-search-toggle:hover {
color: #161616;
}
.rd-navbar-static.rd-navbar--is-clone {
display: block;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
.rd-navbar-static.rd-navbar--is-clone.rd-navbar--is-stuck {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.rd-navbar-static.rd-navbar--is-stuck,
.rd-navbar-static.rd-navbar--is-clone {
position: fixed;
left: 0;
top: 0;
right: 0;
z-index: 1030;
background: #ffffff;
}
.rd-navbar-static .rd-navbar--has-dropdown {
position: relative;
}
.rd-navbar-fixed {
display: block;
}
.rd-navbar-fixed .rd-navbar-toggle {
display: inline-block;
}
.rd-navbar-fixed .rd-navbar-brand {
position: absolute;
left: 30px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
text-align: left;
font-size: 22px;
line-height: 46px;
}
.rd-navbar-fixed .rd-navbar-brand img {
width: auto;
height: 73px;
}
@media (max-width: 991px) {
.headingTitle p {
  padding: 0;
}
}
.rd-navbar-fixed .rd-navbar-panel {
position: fixed;
left: 0;
top: 0;
right: 0;
z-index: 1030;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
height: 87px;
padding: 4px;
}
.rd-navbar-fixed .rd-navbar-nav-wrap {
position: fixed;
right: 0;
top: -56px;
bottom: -56px;
z-index: 1029;
width: 270px;
padding: 140px 0 81px;
overflow-y: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
font-size: 14px;
line-height: 34px;
-webkit-transform: translateX(110%);
transform: translateX(110%);
}
.rd-navbar-fixed .rd-navbar-nav-wrap::-webkit-scrollbar {
width: 4px;
}
.rd-navbar-fixed .rd-navbar-nav-wrap::-webkit-scrollbar-thumb {
background: rgba(239, 196, 163, 0.5);
border: none;
border-radius: 0;
opacity: 0.2;
}
.rd-navbar-fixed .rd-navbar-nav-wrap::-webkit-scrollbar-track {
background: #e1e1e1;
border: none;
border-radius: 0;
}
.rd-navbar-fixed .rd-navbar-nav-wrap.active {
-webkit-transform: translateX(0);
transform: translateX(0);
}
.rd-navbar-fixed .rd-navbar-nav {
display: block;
padding-top: 20px;
margin: 30px 0 20px;
height: auto;
text-align: left;
border-top: 1px solid #e1e1e1;
}
.rd-navbar-fixed .rd-nav-item {
text-align: left;
}
.rd-navbar-fixed .rd-nav-item + .rd-nav-item {
margin-top: 4px;
}
.rd-navbar-fixed .rd-nav-link {
display: block;
padding: 9px 56px 9px 18px;
text-align: right;
}
.rd-navbar-fixed li.opened > .rd-navbar-dropdown {
padding: 4px 0 0;
}
.rd-navbar-fixed li.opened > .rd-navbar-megamenu {
padding-top: 15px;
padding-bottom: 0;
}
.rd-navbar-fixed li.opened > .rd-menu {
opacity: 1;
height: auto;
}
.rd-navbar-fixed li.opened > .rd-navbar-submenu-toggle::after {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.rd-navbar-fixed .rd-menu {
display: none;
transition: opacity 0.3s, height 0.4s ease;
opacity: 0;
height: 0;
overflow: hidden;
}
.rd-navbar-fixed .rd-navbar-submenu {
position: relative;
}
.rd-navbar-fixed
.rd-navbar-submenu
.rd-navbar-dropdown
.rd-navbar-submenu-toggle:after {
height: 34px;
line-height: 34px;
}
.rd-navbar-fixed .rd-navbar-submenu .rd-navbar-dropdown > li > a {
padding-left: 30px;
}
.rd-navbar-fixed .rd-navbar-submenu .rd-navbar-dropdown li li > a,
.rd-navbar-fixed .rd-navbar-submenu .rd-navbar-megamenu ul li li > a {
padding-left: 46px;
}
.rd-navbar-fixed .rd-navbar-submenu.opened > .rd-navbar-dropdown,
.rd-navbar-fixed .rd-navbar-submenu.opened > .rd-navbar-megamenu {
display: block;
}
.rd-navbar-fixed .rd-megamenu-list > li > a,
.rd-navbar-fixed .rd-navbar-dropdown > li > a {
display: block;
padding: 9px 56px 9px 16px;
font-size: 12px;
line-height: 1.5;
}
.rd-navbar-fixed .rd-megamenu-list > li + li,
.rd-navbar-fixed .rd-navbar-dropdown > li + li {
margin-top: 3px;
}
.rd-navbar-fixed .rd-megamenu-list > li > a {
padding-left: 30px;
}
.rd-navbar-fixed .rd-navbar-megamenu .rd-megamenu-title {
position: relative;
display: block;
padding: 0 18px 7px;
font-size: 18px;
line-height: 1.5;
letter-spacing: 0.1em;
}
.rd-navbar-fixed .rd-navbar-megamenu .rd-megamenu-title::after {
content: "";
position: absolute;
left: 20px;
right: 20px;
bottom: 0;
border-bottom: 1px solid;
}
.rd-navbar-fixed .rd-navbar-megamenu * + .rd-megamenu-list {
margin-top: 11px;
}
.rd-navbar-fixed .rd-navbar-megamenu * + .rd-megamenu-title {
margin-top: 20px;
}
.rd-navbar-fixed .rd-navbar-megamenu > li + li {
margin-top: 20px;
}
.rd-navbar-fixed .rd-navbar-submenu-toggle {
cursor: pointer;
}
.rd-navbar-fixed .rd-navbar-submenu-toggle::after {
content: "\f107";
position: absolute;
top: 0;
left: 0;
width: 56px;
height: 52px;
font: 400 16px "FontAwesome";
line-height: 52px;
text-align: center;
transition: 0.4s all ease;
z-index: 2;
cursor: pointer;
}
.rd-navbar-fixed .rd-navbar-collapse-toggle {
display: block;
top: 4px;
z-index: 1031;
}
.rd-navbar-fixed .rd-navbar-collapse {
position: fixed;
right: 0;
top: 56px;
z-index: 1029;
-webkit-transform: translate3d(0, 30px, 0);
transform: translate3d(0, 30px, 0);
padding: 20px;
width: auto;
max-width: 270px;
border-radius: 0;
text-align: left;
font-size: 14px;
opacity: 0;
visibility: hidden;
transition: 0.3s;
}
.rd-navbar-fixed .rd-navbar-collapse.active {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
visibility: visible;
}
.rd-navbar-fixed .rd-navbar-main-element {
position: absolute;
float: left;
}
.rd-navbar-fixed .rd-navbar-search {
display: block;
width: calc(100% - 30px);
margin-left: auto;
margin-right: auto;
}
.rd-navbar-fixed .rd-navbar-search .rd-search-results-live {
display: none;
}
.rd-navbar-fixed .rd-navbar-search .form-input {
padding-right: 50px;
padding-left: 20px;
border-radius: 0;
}
.rd-navbar-fixed .rd-navbar-search .form-label {
padding-left: 20px;
}
.rd-navbar-fixed .rd-navbar-search .rd-search-form-submit {
position: absolute;
top: 0;
bottom: 0;
right: 0;
width: 50px;
padding: 0;
margin: 0;
border: none;
background-color: transparent;
}
.rd-navbar-fixed .rd-navbar-search.active .rd-search {
opacity: 1;
visibility: visible;
-webkit-transform: none;
transform: none;
}
.rd-navbar-fixed .rd-navbar-share {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
width: calc(100% - 30px);
margin-left: auto;
margin-right: auto;
}
.rd-navbar-fixed .rd-navbar-share::before {
display: none;
}
.rd-navbar-fixed * + .rd-navbar-share {
margin-top: 20px;
}
.rd-navbar-fixed .rd-navbar-search-toggle {
display: none;
}
.rd-navbar-fixed .rd-navbar-search-toggle span {
display: inline-block;
position: relative;
width: 48px;
height: 48px;
font-size: 24px;
line-height: 48px;
text-align: center;
cursor: pointer;
background: none;
border: none;
outline: none;
padding: 0;
}
.rd-navbar-fixed .rd-navbar-search-toggle span::before,
.rd-navbar-fixed .rd-navbar-search-toggle span::after {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
transition: all 0.3s ease;
}
.rd-navbar-fixed .rd-navbar-search-toggle span::before {
content: "";
-webkit-transform: rotate(0deg) scale(1);
transform: rotate(0deg) scale(1);
opacity: 1;
visibility: visible;
font-family: "fl-bigmug-line";
}
.rd-navbar-fixed .rd-navbar-search-toggle span::after {
content: "";
-webkit-transform: rotate(-90deg) scale(0.4);
transform: rotate(-90deg) scale(0.4);
opacity: 0;
visibility: hidden;
font-family: "fl-bigmug-line";
}
.rd-navbar-fixed .rd-navbar-search-toggle.active span::before {
opacity: 0;
visibility: hidden;
-webkit-transform: rotate(90deg) scale(0.4);
transform: rotate(90deg) scale(0.4);
}
.rd-navbar-fixed .rd-navbar-search-toggle.active span::after {
-webkit-transform: rotate(0deg) scale(1);
transform: rotate(0deg) scale(1);
opacity: 1;
visibility: visible;
}
.rd-navbar-fixed [class*="rd-navbar-fixed-element"] {
position: fixed;
top: 4px;
z-index: 1032;
}
.rd-navbar-fixed .rd-navbar-fixed-element-1 {
right: 0;
}
.rd-navbar-fixed .rd-navbar-fixed-element-2 {
right: 52px;
}
.rd-navbar-fixed .rd-navbar-fixed-element-3 {
right: 100px;
}
.rd-navbar-fixed.rd-navbar--is-clone {
display: none;
}
.rd-navbar-fixed .rd-navbar-fixed--visible {
display: block;
}
.rd-navbar-fixed .rd-navbar-fixed--hidden {
display: none;
}
.rd-navbar-fixed .rd-megamenu-carousel {
display: none;
}
.rd-navbar-fixed .rd-navbar-panel {
color: #000000;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
background: #161616;
direction: rtl;
}
.rd-navbar-fixed .rd-navbar-nav-wrap {
color: #ffffff;
background: #000000;
border: 1px solid #d7d7d7;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}
.rd-navbar-fixed .rd-nav-item:hover .rd-nav-link,
.rd-navbar-fixed .rd-nav-item.focus .rd-nav-link,
.rd-navbar-fixed .rd-nav-item.active .rd-nav-link,
.rd-navbar-fixed .rd-nav-item.opened .rd-nav-link {
color: #ffffff;
background: #161616;
}
.rd-navbar-fixed .rd-nav-item:hover > .rd-navbar-submenu-toggle,
.rd-navbar-fixed .rd-nav-item.focus > .rd-navbar-submenu-toggle,
.rd-navbar-fixed .rd-nav-item.active > .rd-navbar-submenu-toggle,
.rd-navbar-fixed .rd-nav-item.opened > .rd-navbar-submenu-toggle {
color: #ffffff;
}
.rd-navbar-fixed .rd-nav-link {
color: #ffffff;
}
.rd-navbar-fixed .rd-megamenu-list > li > a,
.rd-navbar-fixed .rd-navbar-dropdown > li > a {
/* color: #151515; */
font-size: 14px;
line-height: 1.86;
letter-spacing: 0.05em;
text-align: right;
}
.rd-navbar-fixed .rd-megamenu-list > li:hover > a,
.rd-navbar-fixed .rd-megamenu-list > li.focus > a,
.rd-navbar-fixed .rd-megamenu-list > li.active > a,
.rd-navbar-fixed .rd-megamenu-list > li.opened > a,
.rd-navbar-fixed .rd-navbar-dropdown > li:hover > a,
.rd-navbar-fixed .rd-navbar-dropdown > li.focus > a,
.rd-navbar-fixed .rd-navbar-dropdown > li.active > a,
.rd-navbar-fixed .rd-navbar-dropdown > li.opened > a {
color: #ffffff;
background: #161616;
}
.rd-navbar-fixed .rd-navbar-megamenu .rd-megamenu-title {
color: #161616;
}
.rd-navbar-fixed .rd-navbar-megamenu .rd-megamenu-title::after {
border-bottom: 1px solid #d7d7d7;
}
.rd-navbar-fixed .rd-navbar-megamenu .rd-megamenu-title a,
.rd-navbar-fixed .rd-navbar-megamenu .rd-megamenu-title a:focus,
.rd-navbar-fixed .rd-navbar-megamenu .rd-megamenu-title a:active {
color: #ffffff;
}
.rd-navbar-fixed .rd-navbar-megamenu .rd-megamenu-title a:hover {
color: #161616;
}
.rd-navbar-fixed .rd-navbar-submenu-toggle {
color: #fff;
}
.rd-navbar-fixed .rd-navbar-search .rd-search-form-submit {
color: #151515;
}
.rd-navbar-fixed .rd-navbar-search .rd-search-form-submit:hover {
color: #161616;
}
.rd-navbar-fixed .rd-navbar-search-toggle {
color: #151515;
}
.rd-navbar-fixed .rd-navbar-search-toggle:hover {
color: #161616;
}
.rd-navbar-fixed .rd-navbar-collapse {
background-color: #ffffff;
box-shadow: 0 0 22px -4px rgba(0, 0, 0, 0.17);
}
.rd-navbar-fixed .rd-navbar-collapse,
.rd-navbar-fixed .rd-navbar-collapse a {
color: #151515;
}
.home_particle .swiper-container {
display: -ms-flexbox;
display: flex;
margin: 0 auto;
position: relative;
overflow: hidden;
height: auto;
width: 100%;
z-index: 1;
}
.home_particle .swiper-container-no-flexbox .swiper-slide {
float: left;
}
.swiper-container-vertical > .swiper-wrapper {
-ms-flex-direction: column;
flex-direction: column;
}
.swiper-wrapper {
position: relative;
z-index: 1;
display: flex;
width: 100%;
height: 100%;
}
.swiper-container {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000;
}
.home_particle.swiper-wp8-horizontal {
-ms-touch-action: pan-y;
touch-action: pan-y;
}
.home_particle.swiper-wp8-vertical {
-ms-touch-action: pan-x;
touch-action: pan-x;
}
.home_particle.swiper-container-coverflow .swiper-wrapper {
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
/* pointer-events: none; */
}
.swiper-container-fade .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
-webkit-transform-origin: 50%;
transform-origin: 50%;
-webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
display: block;
content: "";
width: 100%;
height: 100%;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
background-position: 50%;
background-size: 100%;
background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@-webkit-keyframes swiper-preloader-spin {
100% {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}
}
@keyframes swiper-preloader-spin {
100% {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}
}
.swiper-slide > .vide__body,
.swiper-slide > .parallax_cnt {
height: 100%;
}
.home_particle .swiper-button-prev,
.swiper-button-next {
text-align: center;
position: absolute;
display: none;
top: 50%;
width: 47px;
height: 47px;
line-height: 47px;
background: transparent;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
will-change: transform;
transition: all 0.3s ease-in-out;
cursor: pointer;
z-index: 10;
}
.home_particle .swiper-button-prev::before,
.home_particle .swiper-button-next::before {
display: inline-block;
content: "";
width: 0;
height: 0;
border-style: solid;
border-color: transparent;
-webkit-transform: none;
transform: none;
transition: inherit;
}
.home_particle .swiper-button-prev::after,
.home_particle .swiper-button-next::after {
position: absolute;
content: "";
top: 0;
right: 0;
bottom: 0;
left: 0;
background: #ffffff;
transition: inherit;
z-index: -1;
}
.home_particle .swiper-button-prev:hover::before,
.home_particle .swiper-button-next:hover::before {
-webkit-transform: scale(1.4);
transform: scale(1.4);
}
.home_particle .swiper-button-prev:hover::after,
.home_particle .swiper-button-next:hover::after {
border-radius: 50%;
background: #161616;
}
@media (min-width: 768px) {
.swiper-button-prev,
.swiper-button-next {
  display: block;
}
}
.home_particle .swiper-button-prev.swiper-button-disabled,
.home_particle .swiper-button-next.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}
.home_particle .swiper-button-prev {
left: 15px;
}
.home_particle .swiper-button-prev:before {
margin-left: -4px;
border-width: 5px 8px 5px 0;
border-right-color: #161616;
}
.home_particle .swiper-button-prev:hover::before {
border-right-color: #ffffff;
}
.home_particle .swiper-button-prev:hover::after {
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg);
}
@media (min-width: 1600px) {
.swiper-button-prev {
  left: 75px;
}
}
.home_particle .swiper-button-next {
right: 15px;
}
.home_particle .swiper-button-next:before {
margin-right: -4px;
border-width: 5px 0 5px 8px;
border-left-color: #161616;
}
.home_particle .swiper-button-next:hover::before {
border-left-color: #ffffff;
}
.home_particle .swiper-button-next:hover::after {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
@media (min-width: 1600px) {
.home_particle .swiper-button-next {
  right: 75px;
}
}
.swiper-slider.swiper-container-rtl .swiper-button-prev::before {
content: "\f061";
}
.swiper-slider.swiper-container-rtl .swiper-button-next::before {
content: "\f060";
}
.swiper-pagination {
position: absolute;
display: block;
text-align: center;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
transition: 0.3s;
z-index: 10;
display: none;
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
}
.swiper-pagination.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-pagination-bullet {
text-align: center;
display: inline-block;
position: relative;
width: 14px;
height: 14px;
border: none;
border-radius: 0;
outline: none;
transition: 0.2s;
background: rgba(239, 196, 163, 0.6);
}
.swiper-pagination-bullet:hover,
.swiper-pagination-bullet:focus {
background: #161616;
}
.swiper-pagination-bullet-active {
background: #161616;
}
.swiper-pagination-style-2 .swiper-pagination {
font-size: 0;
line-height: 0;
}
.swiper-pagination-style-2 .swiper-pagination-bullet {
background: transparent;
}
.swiper-pagination-style-2 .swiper-pagination-bullet::before,
.swiper-pagination-style-2 .swiper-pagination-bullet::after {
position: absolute;
content: "";
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
}
.swiper-pagination-style-2 .swiper-pagination-bullet::before {
background: rgba(239, 196, 163, 0.6);
transition: opacity 0.3s ease, background-color 0.3s ease,
  -webkit-transform 0.3s ease;
transition: transform 0.3s ease, opacity 0.3s ease, background-color 0.3s ease;
transition: transform 0.3s ease, opacity 0.3s ease, background-color 0.3s ease,
  -webkit-transform 0.3s ease;
}
.swiper-pagination-style-2 .swiper-pagination-bullet::after {
opacity: 0;
background: #161616;
-webkit-transform: translateY(-200%);
transform: translateY(-200%);
transition: opacity 0.3s ease, visibility 0s 0.3s, -webkit-transform 0.3s ease;
transition: transform 0.3s ease, opacity 0.3s ease, visibility 0s 0.3s;
transition: transform 0.3s ease, opacity 0.3s ease, visibility 0s 0.3s,
  -webkit-transform 0.3s ease;
}
.swiper-pagination-style-2 .swiper-pagination-bullet:hover,
.swiper-pagination-style-2 .swiper-pagination-bullet:focus {
background: transparent;
}
.swiper-pagination-style-2 .swiper-pagination-bullet:hover::before,
.swiper-pagination-style-2 .swiper-pagination-bullet:focus::before {
background: #161616;
}
.swiper-pagination-style-2 .swiper-pagination-bullet-active {
background: transparent;
}
.swiper-pagination-style-2 .swiper-pagination-bullet-active::after {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0%);
transform: translateY(0%);
transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
transition: transform 0.3s ease, opacity 0.3s ease;
transition: transform 0.3s ease, opacity 0.3s ease,
  -webkit-transform 0.3s ease;
}
.swiper-pagination-style-2 .swiper-pagination-bullet-active::before {
opacity: 0;
visibility: hidden;
-webkit-transform: translateY(200%);
transform: translateY(200%);
}
.swiper-pagination-black .swiper-pagination-bullet {
background: rgba(0, 0, 0, 0.6);
}
.swiper-pagination-black
.swiper-pagination-bullet.swiper-pagination-bullet-active {
background: black;
}
.swiper-container-vertical > .swiper-pagination {
top: 50%;
right: 10px;
-webkit-transform: translate3d(0px, -50%, 0);
transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination .swiper-pagination-bullet {
margin: 8px 0;
display: block;
}
.swiper-container-vertical.swiper-pagination-style-2
.swiper-pagination-bullet::after {
-webkit-transform: translate3d(-200%, 0, 0);
transform: translate3d(-200%, 0, 0);
}
.swiper-container-vertical.swiper-pagination-style-2
.swiper-pagination-bullet-active::before {
-webkit-transform: translate3d(200%, 0, 0);
transform: translate3d(200%, 0, 0);
}
.swiper-container-vertical.swiper-pagination-style-2
.swiper-pagination-bullet-active::after {
-webkit-transform: translate3d(0%, 0, 0);
transform: translate3d(0%, 0, 0);
}
.swiper-container-horizontal > .swiper-pagination {
bottom: 30px;
left: 0;
width: 100%;
}
.swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet {
margin: 0 10px;
}
.swiper-slide {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
white-space: nowrap; /* background-position: 50% 50%; */
}
.swiper-slide-caption {
width: 100%;
white-space: normal;
}
@media (max-width: 767px) {
.swiper-slide-caption {
  padding-bottom: 80px;
}
}
.swiper-pagination__module {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 0;
line-height: 0;
position: absolute;
bottom: 25px;
width: 100%;
z-index: 1;
}
.swiper-pagination__fraction {
display: none;
font-size: 18px;
line-height: 1;
font-weight: 500;
letter-spacing: 0;
font-family: "Maven Pro", -apple-system, BlinkMacSystemFont, "Segoe UI",
  Roboto, "Helvetica Neue", Arial, sans-serif;
color: #9b9b9b;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.swiper-pagination__fraction-index {
color: #161616;
}
.swiper-pagination__divider {
display: none;
margin: 30px 0 8px;
width: 1px;
height: 176px;
background: #e1e1e1;
}
@media (min-width: 1600px) {
.swiper-pagination__fraction {
  display: inline-block;
}
.swiper-pagination__divider {
  display: inline-block;
}
}
.swiper-slider-modern {
/* min-height: 44.27083vw; */
}
.swiper-slider-modern .swiper-slide {
/* background-position: 0 50%; */
height: 85vh;
}
.swiper-slider-modern .swiper-slide-caption {
padding-top: 60px;
}
.swiper-slider-modern .swiper-button-prev,
.swiper-slider-modern .swiper-button-next {
-webkit-transform: none;
transform: none;
top: 51%;
}
.swiper-slider-modern .slider-modern-title {
line-height: 1.115;
font-weight: 300;
letter-spacing: 0.025em;
}
.swiper-slider-modern .slider-modern-title span {
display: block;
color: #fff;
}
.swiper-slider-modern .button {
min-width: auto;
padding-left: 40px;
padding-right: 40px;
}
.swiper-slider-modern p {
font-size: 16px;
line-height: 1.625;
font-weight: 500;
letter-spacing: 0;
}
.swiper-slider-modern * + p {
margin-top: 10px;
color: #fff;
}
.swiper-slider-modern * + .button-wrap {
margin-top: 30px;
}
@media (max-width: 575px) {
.swiper-slider-modern .swiper-slide {
  /* background-position: 30% 50%; */
  height: auto;
  background-repeat: no-repeat;
}
}
@media (min-width: 768px) {
.swiper-slider-modern .swiper-slide-caption {
  padding-top: 70px;
  padding-bottom: 70px;
}
.swiper-slider-modern .slider-modern-box {
  margin-left: 60px;
}
.swiper-slider-modern .swiper-pagination {
  display: none;
}
}
@media (min-width: 992px) {
.swiper-slider-modern .swiper-slide-caption {
  padding-top: 80px;
  padding-bottom: 80px;
}
.swiper-slider-modern .slider-modern-box {
  margin-left: 80px;
}
}
@media (min-width: 1200px) {
.swiper-slider-modern .swiper-slide-caption {
  padding-top: 205px;
  padding-bottom: 90px;
}
.swiper-slider-modern .slider-modern-box {
  margin-left: 90px;
}
.swiper-slider-modern * + .button-wrap {
  margin-top: 40px;
}
}
@media (min-width: 1600px) {
.swiper-slider-modern .slider-modern-box {
  margin-left: 24px;
}
}
.google-map-markers {
display: none;
}
.google-map-container {
text-align: center;
width: 100%;
}
.google-map {
color: #000000;
height: 200px;
}
@media (min-width: 768px) {
.google-map {
  height: 400px;
}
}
@media (min-width: 1200px) {
.google-map {
  height: 665px;
}
}
@media (min-width: 992px) {
.section-map-small .google-map {
  height: 460px;
}
}
.rd-search-results-live {
position: absolute;
left: 0;
right: 0;
top: 100%;
max-height: 600px;
overflow-y: auto;
margin: -3px 0 0;
text-align: left;
z-index: 998;
}
.rd-search-results-live #search-results {
position: relative;
padding: 16px 0 0;
margin: 15px 5px 5px;
color: #151515;
background: #ffffff;
opacity: 0;
visibility: hidden;
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transform: scale(1, 0.9);
transform: scale(1, 0.9);
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.17);
transition: 0.3s all ease;
}
.rd-search-results-live #search-results::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
pointer-events: none;
z-index: -1;
border: none;
border-top: 0;
}
.rd-search-results-live #search-results.active {
opacity: 1;
visibility: visible;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
.rd-search-results-live .search-quick-result {
padding-left: 15px;
padding-right: 15px;
font-family: "Cairo", sans-serif;
font-size: 20px;
font-weight: 700;
line-height: 30px;
text-transform: uppercase;
color: #151515;
}
.rd-search-results-live .search-list {
margin-top: 20px;
}
.rd-search-results-live .search-list li:only-child {
padding: 0 15px 15px;
}
.rd-search-results-live .search-link {
color: inherit;
}
.rd-search-results-live .search-link:hover {
color: #161616;
}
.rd-search-results-live .search-error {
font-size: 14px;
line-height: 1.6;
}
.rd-search-results-live .search-title {
position: relative;
font-family: "Cairo", sans-serif;
font-size: 16px;
font-weight: 700;
color: #151515;
}
.rd-search-results-live .search-title a:hover {
color: #161616;
}
.rd-search-results-live .search-list-item-all {
margin-top: 18px;
width: 100%;
}
.rd-search-results-live .search-submit {
position: relative;
overflow: hidden;
z-index: 0;
display: block;
padding: 8px;
font-family: "Cairo", sans-serif;
font-size: 18px;
font-weight: 500;
letter-spacing: 0.075em;
text-transform: uppercase;
text-align: center;
color: #ffffff;
background: #161616;
}
.rd-search-results-live .search-submit:hover {
color: #ffffff;
background: #161616;
}
.rd-search-results-live .match {
display: none;
}
.not-empty ~ .rd-search-results-live {
visibility: visible;
opacity: 1;
}
.rd-search-results-live p {
font-size: 14px;
}
.rd-search-results-live p * {
margin: 0;
}
.rd-search-results-live .search-list-item {
padding: 0 15px;
}
.rd-search-results-live * + p {
margin-top: 5px;
}
.rd-search-results-live .search-list-item + .search-list-item {
margin-top: 17px;
}
.rd-search-results .search-list {
counter-reset: li;
text-align: left;
padding-left: 0;
font-size: 18px;
list-style-type: none;
overflow: hidden;
}
.rd-search-results .search-list li div {
overflow: hidden;
text-overflow: ellipsis;
max-width: 100%;
white-space: nowrap;
}
.rd-search-results .search-list li:only-child::before {
display: none;
}
.rd-search-results .search-list-item {
position: relative;
padding-left: 40px;
font-size: 14px;
color: #9b9b9b;
}
.rd-search-results .search-list-item::before {
content: counter(li, decimal-leading-zero) ".";
counter-increment: li;
position: absolute;
left: 0;
top: 0;
font-size: 16px;
line-height: 1;
font-weight: 400;
font-family: "Cairo", sans-serif;
color: #000000;
}
.rd-search-results .search-list-item + .search-list-item {
margin-top: 40px;
}
.rd-search-results .search-title {
font-size: 16px;
color: #000000;
}
.rd-search-results .search {
color: #ffffff;
padding: 0 0.25em;
background: #161616;
}
.rd-search-results .match {
padding: 5px;
font-size: 12px;
line-height: 1.7;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #000000;
}
.rd-search-results .match em {
margin: 0;
font-style: normal;
}
.rd-search-results p * {
margin: 0;
}
.rd-search-results * + .match {
margin-top: 10px;
}
@media (min-width: 768px) {
.rd-search-results .search-title {
  font-size: 18px;
}
.rd-search-results .search-list-item::before {
  top: 0;
  font-size: 18px;
}
.rd-search-results * + p {
  margin-top: 12px;
}
}
@media (min-width: 992px) {
.rd-search-results .search-list-item {
  padding-left: 40px;
}
}
* + .rd-search-results {
margin-top: 40px;
}
@media (min-width: 768px) {
* + .rd-search-results {
  margin-top: 55px;
}
}
.rd-search-classic {
position: relative;
}
.rd-search-classic .form-input {
padding-right: 50px;
}
.rd-search-classic .form-input,
.rd-search-classic .form-label {
letter-spacing: 0;
}
.rd-search-classic .rd-search-submit {
background: none;
border: none;
display: inline-block;
padding: 0;
outline: none;
outline-offset: 0;
cursor: pointer;
-webkit-appearance: none;
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 50px;
padding-top: 3px;
padding-right: 2px;
margin: 0;
text-align: center;
color: #cccccc;
font-size: 0;
line-height: 0;
}
.rd-search-classic .rd-search-submit::-moz-focus-inner {
border: none;
padding: 0;
}
.rd-search-classic .rd-search-submit:before {
position: relative;
top: -1px;
content: "\e014";
font: 400 20px "fl-chapps";
line-height: 1;
transition: 0.33s all ease;
}
.rd-search-classic .rd-search-submit:hover {
color: #161616;
}
.rd-search.rd-search-inline {
position: relative;
}
.rd-search.rd-search-inline .form-input {
padding-right: 60px;
}
.rd-search.rd-search-inline .button-link {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 60px;
right: 0;
margin: 0;
font-size: 21px;
color: #cccccc;
transition: 0.33s;
}
.rd-search.rd-search-inline .button-link::before {
display: block;
margin: auto;
}
.rd-search.rd-search-inline .button-link:hover {
color: #161616;
}
.rd-search.rd-search-inline.form-sm .form-input {
padding-right: 40px;
}
.rd-search.rd-search-inline.form-sm .button-link {
width: 40px;
font-size: 18px;
}
.rd-search.rd-search-inline.form-lg .form-input {
padding-right: 60px;
}
.rd-search.rd-search-inline.form-lg .button-link {
width: 60px;
}
.form-search .form-label {
letter-spacing: 0.05em;
}
.button-search {
position: absolute;
text-align: center;
padding: 0 5px;
right: 0;
top: 0;
height: 50px;
width: 60px;
font-size: 20px;
line-height: 50px;
border: none;
outline: none;
box-shadow: none;
background: transparent;
cursor: pointer;
transition: all 250ms ease;
}
.button-search:hover {
color: #161616;
}
.form-product-search .form-input {
min-height: 50px;
padding-top: 12px;
padding-right: 55px;
padding-bottom: 12px;
letter-spacing: 0.05em;
background: #ffffff;
border-color: #e1e1e1;
}
.form-product-search .form-label {
top: 25px;
padding-right: 55px;
}
.form-post-search .form-input {
padding-top: 16px;
padding-bottom: 16px;
padding-right: 65px;
background: #ffffff;
border-width: 2px;
border-color: #151515;
}
.form-post-search .form-label {
padding-right: 65px;
}
.form-post-search .button-search {
width: 70px;
height: 60px;
font-size: 24px;
}
.rd-navbar--is-stuck .rd-search-results-live #search-results,
.rd-navbar--is-clone .rd-search-results-live #search-results {
margin-top: 10px;
}
@-webkit-keyframes sprite-animation {
from {
  background-position: 0 0;
}
}
@keyframes sprite-animation {
from {
  background-position: 0 0;
}
}
.tabs-custom {
text-align: left;
}
.tabs-custom .nav-tabs {
font-size: 0;
line-height: 0;
word-spacing: 0;
border: 0;
-ms-flex-pack: center;
justify-content: center;
display: none;
}
.tabs-custom .nav-tabs:before,
.tabs-custom .nav-tabs:after {
display: none;
}
.tabs-custom .nav-item {
float: none;
margin: 0;
border: 0;
cursor: pointer;
transition: 0.33s all ease;
margin-left: 383px;
}
.tabs-custom .nav-link {
margin: 0;
border-radius: 0;
border: 0;
color: #9b9b9b;
font-family: "Cairo", sans-serif;
}
.tabs-custom .nav-link.active {
cursor: default;
}
.tab-content > .tab-pane {
display: block;
visibility: hidden;
height: 0;
overflow: hidden;
}
.tab-content > .active {
visibility: visible;
height: auto;
font-size: 18px;
overflow: visible;
}
* + .tabs-line {
margin-top: 24px;
}
* + .tabs-line-big {
margin-top: 18px;
}
* + .tabs-line-2 {
margin-top: 26px;
}
* + .tabs-horizontal.tabs-corporate {
margin-top: 25px;
}
h1 + .tabs-line {
margin-top: 22px;
}
.row + .tabs-horizontal.tabs-corporate {
margin-top: 45px;
}
.tabs-line .nav-link {
padding: 10px 10px 6px;
text-transform: uppercase;
font-size: 20px;
font-weight: 400;
line-height: 1;
letter-spacing: 0.075em;
text-align: center;
vertical-align: middle;
}
.tabs-line .nav-link-big {
font-size: 24px;
}
.tabs-line .nav-link-small {
font-size: 18px;
font-weight: 500;
letter-spacing: 0.025em;
}
.tabs-line * + .tab-content {
margin-top: 20px;
}
@media (max-width: 767px) {
.tabs-line .nav-tabs {
  margin-bottom: -10px;
}
.tabs-line .nav-item {
  margin-bottom: 10px;
}
.tabs-line .nav-link {
  border-width: 1px 0 1px 0;
  border-style: solid;
  border-color: #e1e1e1;
}
.tabs-line .nav-link:hover,
.tabs-line .nav-link.active {
  color: #161616;
}
.tabs-line .nav-link.active {
  border-color: #161616;
}
}
@media (min-width: 768px) {
.tabs-line .nav-link {
  font-size: 24px;
}
.tabs-line .nav-link-big {
  font-size: 36px;
}
.tabs-line .nav-link-small {
  font-size: 18px;
}
}
.tabs-line-big .button {
min-width: 180px;
}
.tabs-line-big h5 + p {
margin-top: 8px;
}
.tabs-line-big * + .group-md {
margin-top: 36px;
}
.tabs-line-style-2 .nav-link {
letter-spacing: 0.1em;
}
.tabs-line-style-3 h5 + p {
margin-top: 10px;
}
.tabs-line-style-3 * + .group-md {
margin-top: 35px;
}
.tabs-horizontal.tabs-line .nav-tabs {
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 3px solid #e1e1e1;
}
.tabs-horizontal.tabs-line .nav-item {
  display: inline-block;
}
.tabs-horizontal.tabs-line .nav-link {
  position: relative;
  padding: 0 0 10px 0;
  background-color: transparent;
  border: 0;
}
.tabs-horizontal.tabs-line .nav-link::after {
  content: "";
  position: absolute;
  bottom: -3px;
  left: 0;
  height: 3px;
  width: 0;
  background: #161616;
  transition: 0.22s ease;
}
.tabs-horizontal.tabs-line .nav-link-big {
  padding-bottom: 5px;
}
.tabs-horizontal.tabs-line .nav-link-small {
  padding-bottom: 18px;
}
.tabs-horizontal.tabs-line .nav-link.active,
.tabs-horizontal.tabs-line .nav-link:hover {
  color: #161616;
}
.tabs-horizontal.tabs-line .nav-link.active::after {
  width: 100%;
}
.tabs-horizontal.tabs-line * + .tab-content {
  margin-top: 30px;
}
.tabs-horizontal.tabs-line-style-3 * + .tab-content {
  margin-top: 26px;
}
.tabs-horizontal.tabs-line-big * + .tab-content {
  margin-top: 26px;
}

@media (min-width: 768px) {
.tabs-horizontal.tabs-corporate .tab-content {
  padding: 45px 40px;
}
}
@media (min-width: 768px) {
.tabs-vertical {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
}
.tabs-vertical .nav-tabs {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  max-width: 50%;
}
.tabs-vertical .nav-item {
  border: 0;
  width: 100%;
  text-align: left;
}
.tabs-vertical .tab-content {
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.tabs-vertical.tabs-line .nav-tabs {
  width: auto;
  min-width: 167px;
  border: 0;
}
.tabs-vertical.tabs-line .nav-item {
  margin: 0;
}
.tabs-vertical.tabs-line .nav-link {
  position: relative;
  padding: 21px 0 17px;
  border: 0;
  overflow: hidden;
  text-align: left;
}
.tabs-vertical.tabs-line .nav-link.active,
.tabs-vertical.tabs-line .nav-link:hover {
  color: #161616;
}
.tabs-vertical.tabs-line .nav-item + .nav-item {
  border-top: 1px solid #e1e1e1;
}
.tabs-vertical.tabs-line .tab-content {
  padding: 0 0 0 35px;
}
.tabs-vertical.tabs-line * + .tab-content {
  margin-top: 0;
}
}
.tabs-custom-wrap {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
min-height: 100%;
padding: 30px 15px;
background: #ffffff;
}
@media (min-width: 768px) {
.tabs-custom-wrap {
  padding-left: 30px;
  padding-right: 30px;
}
}
@media (min-width: 1200px) {
.tabs-custom-wrap {
  padding: 16px 35px 24px;
}
}
.ie-10 .tabs-custom-wrap,
.ie-11 .tabs-custom-wrap,
.ie-edge .tabs-custom-wrap {
height: 100%;
}
.card-group-custom {
margin-bottom: 0;
}
.card-group-custom .card-header + .collapse > .card-body,
.card-group-custom .card-header + .collapse > .list-group {
border-top: 0;
}
.card-group-custom .card + .card {
margin-top: 0;
}
.card-group-custom.card-group-corporate .card + .card {
margin-top: 15px;
}
.tooltip {
font-size: 14px;
line-height: 1.2;
letter-spacing: 0.05em;
z-index: 1010;
}
.tooltip.bs-tooltip-top .arrow::before {
border-top-color: #151515;
}
.tooltip.bs-tooltip-right .arrow::before {
border-right-color: #151515;
}
.tooltip.bs-tooltip-bottom .arrow::before {
border-bottom-color: #151515;
}
.tooltip.bs-tooltip-left .arrow::before {
border-left-color: #151515;
}
.tooltip-inner {
padding: 4px 11px;
background-color: #151515;
}
.border-classic {
overflow: hidden;
}
.border-classic > div {
position: relative;
}
.border-classic > div::before {
position: absolute;
content: "";
left: 50%;
top: -25px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 80%;
height: 1px;
background: #d7d7d7;
}
@media (min-width: 576px) {
.border-classic > div {
  position: relative;
}
.border-classic > div::before {
  top: 50%;
  left: -1px;
  width: 1px;
  height: 60%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
}
@media (min-width: 992px) {
.border-classic-2 > div::before {
  height: 100%;
}
}
@media (min-width: 576px) {
.border-classic-3 > div::before {
  height: 78%;
}
}
.context-dark .border-classic > div::before,
.bg-gray-dark .border-classic > div::before,
.bg-primary .border-classic > div::before {
background: rgba(244, 244, 244, 0.55);
}
.border-modern {
border-width: 1px 0 0 1px;
border-style: solid;
border-color: #e1e1e1;
}
.border-modern > div {
border-width: 0 1px 1px 0;
border-style: solid;
border-color: #e1e1e1;
}
.border-creative {
overflow: hidden;
}
.border-creative > div::before,
.border-creative > div::after {
position: absolute;
content: "";
background: #d1d1d1;
}
.border-creative > div::before {
height: 1px;
left: 26px;
right: 26px;
bottom: -1px;
}
.border-creative > div::after {
width: 1px;
top: 26px;
right: -1px;
bottom: 26px;
}
* + .border-creative {
margin-top: 0;
}
.border-2-column > div {
padding: 0;
border-top: 1px solid #e1e1e1;
}
.border-2-column > div:nth-child(1) {
border-top: none;
}
.border-2-column > div:nth-child(1) .counter-amy {
padding-top: 0;
}
.border-2-column > div:nth-last-child(1) .counter-amy {
padding-bottom: 0;
}
@media (min-width: 576px) {
.border-2-column > div:nth-child(2) {
  border-top: none;
}
.border-2-column > div:nth-child(2) .counter-amy {
  padding-top: 0;
}
.border-2-column > div:nth-last-child(2) .counter-amy {
  padding-bottom: 0;
}
.border-2-column > div:nth-child(even) {
  border-left: 1px solid #e1e1e1;
}
.border-2-column > div:nth-child(even) .counter-amy {
  padding-right: 0;
}
.border-2-column > div:nth-child(odd) .counter-amy {
  padding-left: 0;
}
}
.context-dark .border-2-column > div,
.bg-gray-dark .border-2-column > div,
.bg-primary .border-2-column > div {
border-color: rgba(255, 255, 255, 0.1);
}
.box-ordered {
counter-reset: div;
}
.box-ordered .box-ordered-item::before {
content: counter(div, decimal-leading-zero);
counter-increment: div;
}
.box-ordered-2 {
counter-reset: div;
}
.box-ordered-2 .box-ordered-item::before {
content: counter(div, decimal);
counter-increment: div;
}
.progress-linear {
position: relative;
text-align: left;
font-size: 18px;
line-height: 1;
letter-spacing: 0.075em;
text-transform: uppercase;
font-family: "Cairo", sans-serif;
color: #9b9b9b;
}
.progress-header {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
}
.progress-bar-linear-wrap {
height: 6px;
border-radius: 3px;
background: #dddddd;
}
.progress-bar-linear {
position: relative;
width: 0;
height: inherit;
background: #161616;
transition: 0.5s all ease-in-out;
}
.progress-value::after {
content: "%";
}
.progress-value {
position: absolute;
bottom: 100%;
right: -4px;
margin-bottom: 12px;
-webkit-transform: translate3d(50%, 0, 0);
transform: translate3d(50%, 0, 0);
will-change: transform;
}
.progress-marker {
display: inline-block;
position: absolute;
top: 50%;
right: 0;
width: 22px;
height: 22px;
background: #161616;
border: 7px solid #ffffff;
border-radius: 50%;
-webkit-transform: translate(50%, -50%);
transform: translate(50%, -50%);
box-shadow: 0 0 2px 3px rgba(0, 0, 0, 0.1);
}
.progress-secondary .progress-bar-linear {
background: #f0c8aa;
}
.progress-secondary .progress-marker {
background: #f0c8aa;
}
.progress-orange .progress-bar-linear {
background: #e7a855;
}
.progress-orange .progress-marker {
background: #e7a855;
}
* + .progress-bar-linear-wrap {
margin-top: 12px;
}
* + .progress-linear {
margin-top: 35px;
}
.progress-linear + .progress-linear {
margin-top: 20px;
}
@media (min-width: 992px) {
.progress-linear + .progress-linear {
  margin-top: 30px;
}
}
.progress-bar-circle {
display: inline-block;
position: relative;
text-align: center;
line-height: 1.2;
letter-spacing: 0.05em;
font-family: "Cairo", sans-serif;
color: #151515;
z-index: 1;
}
.progress-bar-circle::before {
position: absolute;
content: "";
top: 2px;
right: 2px;
bottom: 2px;
left: 2px;
border: 8px solid #e1e1e1;
border-radius: 50%;
z-index: -1;
}
.progress-bar-circle canvas {
vertical-align: middle;
}
.progress-bar-circle span {
position: absolute;
top: 53%;
left: 50%;
font-size: 48px;
line-height: 1;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.progress-bar-circle span::after {
font-size: 36px;
line-height: 1;
content: "%";
}
.progress-bar-circle-title {
font-size: 18px;
letter-spacing: 0.075em;
text-transform: uppercase;
font-family: "Cairo", sans-serif;
color: #151515;
}
* + .progress-bar-circle-title {
margin-top: 6px;
}
.jspContainer {
overflow: hidden;
position: relative;
}
.jspPane {
position: absolute;
right: 4px;
}
.jspVerticalBar {
position: absolute;
top: 0;
right: 0;
width: 4px;
height: 100%;
background: #e1e1e1;
pointer-events: auto;
}
.jspHorizontalBar {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 16px;
background: #e1e1e1;
pointer-events: auto;
}
.jspCap {
display: none;
}
.jspHorizontalBar .jspCap {
float: left;
}
.jspTrack {
background: #e1e1e1;
position: relative;
}
.jspDrag {
background: rgba(151, 111, 85, 0.5);
width: 8px;
position: relative;
top: 0;
left: 0;
cursor: pointer;
}
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
float: left;
height: 100%;
}
.jspArrow {
background: #50506d;
text-indent: -20000px;
display: block;
cursor: pointer;
padding: 0;
margin: 0;
}
.jspArrow.jspDisabled {
cursor: default;
background: #80808d;
}
.jspVerticalBar .jspArrow {
height: 16px;
}
.jspHorizontalBar .jspArrow {
width: 16px;
float: left;
height: 100%;
}
.jspVerticalBar .jspArrow:focus {
outline: none;
}
.jspCorner {
background: #eeeef4;
float: left;
height: 100%;
}
.owl-carousel .animated {
-webkit-animation-duration: 1000ms;
animation-duration: 1000ms;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
z-index: 0;
}
.owl-carousel .owl-animated-out {
z-index: 1;
}
.owl-carousel .fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@keyframes fadeOut {
0% {
  opacity: 1;
}
100% {
  opacity: 0;
}
}
.owl-height {
transition: height 500ms ease-in-out;
}
.owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent;
position: relative;
z-index: 1;
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel.owl-loaded {
display: block;
}
.owl-carousel.owl-loading {
opacity: 0;
display: block;
}
.owl-carousel.owl-hidden {
opacity: 0;
}
.owl-carousel .owl-refresh .owl-item {
display: none;
}
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
}
.owl-carousel .owl-item .owl-item {
width: 100%;
}
.owl-carousel .owl-grab {
cursor: move;
cursor: -webkit-grab;
cursor: grab;
}
.owl-carousel.owl-rtl {
direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
float: right;
}
.no-js .owl-carousel {
display: block;
}
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
transition: opacity 400ms ease;
}
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000000;
}
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
font: 400 40px/80px "FontAwesome";
cursor: pointer;
z-index: 1;
transition: scale 100ms ease;
}
.owl-carousel .owl-video-play-icon:before {
content: "\f144";
}
.owl-carousel .owl-video-play-icon:hover {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
display: none;
}
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
}
.owl-nav.disabled {
display: none !important;
}
.owl-prev,
.owl-next {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
font: 400 46px/50px "FontAwesome";
color: #cccccc;
cursor: pointer;
}
.owl-prev:hover,
.owl-next:hover {
color: #161616;
}
.owl-prev {
left: 0;
}
.owl-prev::before {
content: "\f104";
}
.owl-next {
right: 0;
}
.owl-next::before {
content: "\f105";
}
.owl-dots {
position: absolute;
text-align: center;
font-size: 0;
line-height: 0;
bottom: 30px;
width: 100%;
}
.owl-dots.disabled {
display: none !important;
}
.owl-dot {
text-align: center;
display: inline-block;
position: relative;
width: 12px;
height: 12px;
border: none;
border-radius: 0;
margin-left: 6px;
margin-right: 6px;
outline: none;
cursor: pointer;
transition: 0.2s;
}
@media (min-width: 992px) {
.owl-dot {
  margin-left: 4px;
  margin-right: 4px;
}
}
.owl-dot::before,
.owl-dot::after {
position: absolute;
content: "";
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.owl-dot::before {
background: #9b9b9b;
transition: opacity 0.3s ease, background-color 0.3s ease,
  -webkit-transform 0.3s ease;
transition: transform 0.3s ease, opacity 0.3s ease, background-color 0.3s ease;
transition: transform 0.3s ease, opacity 0.3s ease, background-color 0.3s ease,
  -webkit-transform 0.3s ease;
}
.owl-dot::after {
opacity: 0;
background: #161616;
-webkit-transform: translateY(-200%);
transform: translateY(-200%);
transition: opacity 0.3s ease, visibility 0s 0.3s, -webkit-transform 0.3s ease;
transition: transform 0.3s ease, opacity 0.3s ease, visibility 0s 0.3s;
transition: transform 0.3s ease, opacity 0.3s ease, visibility 0s 0.3s,
  -webkit-transform 0.3s ease;
}
.owl-dot:only-child {
display: none;
}
.owl-dot:hover::before,
.owl-dot:focus::before {
background: #151515;
}
.owl-dot.active::after {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0%);
transform: translateY(0%);
transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
transition: transform 0.3s ease, opacity 0.3s ease;
transition: transform 0.3s ease, opacity 0.3s ease,
  -webkit-transform 0.3s ease;
}
.owl-dot.active::before {
opacity: 0;
visibility: hidden;
-webkit-transform: translateY(200%);
transform: translateY(200%);
}
.owl-dots-secondary .owl-dot::after {
background: #f5cdae;
}
.owl-dots-white .owl-dot::before {
background: rgba(255, 255, 255, 0.8);
}
.owl-dots-white .owl-dot:hover::before,
.owl-dots-white .owl-dot:focus::before {
background: #ffffff;
}
.post .owl-dots {
bottom: 40px;
}
.owl-carousel.owl-carousel-light-dots .owl-dot {
border-color: #ffffff;
}
.owl-carousel.owl-carousel-light-dots .owl-dot:hover,
.owl-carousel.owl-carousel-light-dots .owl-dot:focus {
background-color: #ffffff;
}
.owl-carousel.owl-carousel-light-dots .owl-dot.active {
background-color: #ffffff;
}
.owl-classic .owl-dots {
position: relative;
bottom: 0;
margin-top: 25px;
}
.owl-classic .owl-prev,
.owl-classic .owl-next {
display: none;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
height: 40px;
width: 54px;
font-size: 0;
line-height: 40px;
padding-left: 5px;
padding-right: 5px;
transition: all 0.25s ease;
}
.owl-classic .owl-prev::before,
.owl-classic .owl-prev::after,
.owl-classic .owl-next::before,
.owl-classic .owl-next::after {
display: inline-block;
vertical-align: middle;
content: "";
transition: all 0.3s ease-in-out;
}
.owl-classic .owl-prev::before,
.owl-classic .owl-next::before {
height: 2px;
width: 32px;
background-color: rgba(21, 21, 21, 0.21);
}
.owl-classic .owl-prev::after,
.owl-classic .owl-next::after {
width: 0;
height: 0;
border-style: solid;
}
.owl-classic .owl-prev:hover,
.owl-classic .owl-next:hover {
padding-left: 0;
padding-right: 0;
}
.owl-classic .owl-prev:hover::before,
.owl-classic .owl-next:hover::before {
background-color: #161616;
}
.owl-classic .owl-prev:hover::after,
.owl-classic .owl-next:hover::after {
border-left-color: #161616;
border-right-color: #161616;
}
.owl-classic .owl-prev {
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
left: -62px;
}
.owl-classic .owl-prev::after {
border-width: 5px 8px 5px 0;
border-color: transparent rgba(21, 21, 21, 0.21) transparent transparent;
}
.owl-classic .owl-next {
right: -62px;
}
.owl-classic .owl-next::after {
border-width: 5px 0 5px 8px;
border-color: transparent transparent transparent rgba(21, 21, 21, 0.21);
}
@media (min-width: 1600px) {
.owl-classic .owl-prev,
.owl-classic .owl-next {
  display: -ms-flexbox;
  display: flex;
}
.owl-classic .owl-dots {
  display: none;
}
}
.owl-modern {
margin-left: -15px;
margin-right: -15px;
width: auto;
}
.owl-modern .owl-stage-outer {
padding-top: 3px;
padding-bottom: 1px;
}
.owl-modern .owl-stage-outer::after {
top: 9px;
right: 30px;
left: 30px;
height: 9px;
background: #f4f4f4;
z-index: -1;
}
.owl-modern .owl-dots {
display: none;
position: relative;
bottom: 0;
margin-top: 17px;
}
.owl-timeline::before {
position: absolute;
content: "";
left: 0;
bottom: 86px;
height: 1px;
width: 100%;
background: #dddddd;
}
.owl-timeline .owl-prev,
.owl-timeline .owl-next {
top: 35%;
-webkit-transform: none;
transform: none;
}
@media (min-width: 768px) {
.owl-timeline::before {
  bottom: 88px;
}
}
@media (min-width: 1600px) {
.owl-timeline::before {
  bottom: 51px;
}
}
.owl-navbar .owl-dots {
position: static;
margin-top: 25px;
}
.owl-navbar .owl-dot:before {
background: #e7e7e7;
}
.owl-navbar .owl-dot:hover::before,
.owl-navbar .owl-dot:focus::before {
background: #9b9b9b;
}
.owl-products .owl-dots {
display: none;
position: relative;
bottom: 0;
margin-top: 10px;
}
* + .owl-products {
margin-top: 20px;
}
.owl-clients .owl-dots {
position: relative;
bottom: 0;
margin-top: 30px;
display: none;
}
.owl-posts .owl-stage-outer {
padding-bottom: 10px;
}
.owl-posts .owl-dots {
position: relative;
bottom: 0;
margin-top: 22px;
}
.owl-posts .owl-dot::before {
background: #151515;
}
.owl-posts .owl-dot::after {
background: #161616;
}
.owl-posts .owl-dot:hover::before,
.owl-posts .owl-dot:focus::before {
background: #161616;
}
.owl-posts-2 .owl-dot::after {
background: #161616;
}
.owl-posts-2 .owl-dot:hover::before,
.owl-posts-2 .owl-dot:focus::before {
background: #161616;
}
.owl-services .owl-stage-outer {
padding: 10px;
margin: -10px;
}
.owl-services .owl-prev {
left: -10px;
}
.owl-services .owl-next {
right: -10px;
}
@media (min-width: 576px) {
.owl-services {
  padding: 0 40px;
}
.owl-services .owl-prev,
.owl-services .owl-next {
  display: -ms-flexbox;
  display: flex;
}
.owl-services .owl-dots {
  display: none;
}
}
@media (min-width: 768px) {
.owl-services .owl-prev {
  left: -25px;
}
.owl-services .owl-next {
  right: -25px;
}
}
@media (min-width: 992px) {
.owl-services {
  padding: 0;
}
}
.owl-services-2 .owl-stage-outer {
padding-top: 30px;
margin-top: -30px;
}
.owl-team {
position: static;
}
.owl-team .owl-next,
.owl-team .owl-prev {
position: absolute;
display: none;
top: 0;
bottom: 0;
font-size: 0;
line-height: 0;
background: rgba(247, 247, 247, 0.7);
-webkit-transform: none;
transform: none;
transition: all 0.3s ease-in-out;
}
.owl-team .owl-next::before,
.owl-team .owl-prev::before {
display: none;
}
.owl-team .owl-next:hover,
.owl-team .owl-prev:hover {
background: rgba(247, 247, 247, 0.4);
}
.owl-team .owl-next {
right: 0;
left: calc(50% + 615px);
}
.owl-team .owl-prev {
left: 0;
right: calc(50% + 615px);
}
.owl-team .owl-dots {
position: static;
margin-top: 35px;
}
@media (min-width: 1200px) {
.owl-team .owl-stage-outer {
  overflow: visible;
}
.owl-team .owl-item:not(.active) .team-creative {
  pointer-events: none;
}
.owl-team .owl-next,
.owl-team .owl-prev {
  display: block;
}
}
@media (min-width: 1280px) {
.owl-team .owl-dots {
  display: none;
}
}
@media (min-width: 1280px) and (max-width: 1399px) {
.container-custom-2 {
  max-width: 1100px;
}
.owl-team {
  max-width: 1070px;
}
.owl-team .owl-next {
  left: calc(50% + 564px);
}
.owl-team .owl-prev {
  right: calc(50% + 564px);
}
}
.owl-team-2 .owl-stage-outer {
padding: 10px;
margin: -10px;
}
.owl-team-2 .owl-dots {
position: relative;
bottom: 0;
margin-top: 30px;
}
.owl-quote .owl-prev,
.owl-quote .owl-next {
width: 74px;
}
.owl-quote .owl-prev::before,
.owl-quote .owl-next::before {
width: 52px;
}
.owl-quote .owl-prev {
left: -100px;
}
.owl-quote .owl-next {
right: -100px;
}
.owl-quote .owl-dots {
margin-top: 30px;
}
@media (min-width: 1400px) {
.owl-quote .owl-prev,
.owl-quote .owl-next {
  display: -ms-flexbox;
  display: flex;
}
.owl-quote .owl-dots {
  display: none;
}
}
@media (min-width: 1600px) {
.owl-quote .owl-prev,
.owl-quote .owl-next {
  width: 94px;
}
.owl-quote .owl-prev::before,
.owl-quote .owl-next::before {
  width: 72px;
}
.owl-quote .owl-prev {
  left: -185px;
}
.owl-quote .owl-next {
  right: -185px;
}
}
@media (min-width: 992px) {
.desktop .owl-quote .owl-stage-outer {
  padding: 35px 0;
}
.desktop .owl-quote .owl-dots {
  margin-top: 0;
}
.desktop [class*="section-"].section-lg-bottom-10 {
  padding-bottom: 10px;
}
.desktop * + .owl-quote {
  margin-top: 0;
}
}
.owl-quote-2 .owl-stage-outer {
padding: 10px 10px 25px;
margin: -10px -10px -25px;
}
.owl-custom-nav {
font-size: 0;
line-height: 0;
letter-spacing: 0;
margin-bottom: -6px;
margin-left: -6px;
}
.owl-custom-nav:empty {
margin-bottom: 0;
margin-left: 0;
}
.owl-custom-nav > * {
display: inline-block;
margin-top: 0;
margin-bottom: 6px;
margin-left: 6px;
}
.owl-custom-nav .owl-prev,
.owl-custom-nav .owl-next {
position: static;
display: inline-block;
top: auto;
left: auto;
right: auto;
width: 33px;
height: 33px;
font-size: 22px;
line-height: 25px;
color: #161616;
border: 4px solid #161616;
border-radius: 50%;
-webkit-transform: none;
transform: none;
transition: all 0.25s ease-in-out;
}
.owl-custom-nav .owl-prev:hover,
.owl-custom-nav .owl-next:hover {
border-color: #161616;
}
.lg-sub-html,
.lg-toolbar {
background-color: rgba(0, 0, 0, 0.45);
}
@font-face {
font-family: lg;
src: url(../fonts/lg.eot?n1z373);
src: url(../fonts/lg.eot?#iefixn1z373) format("embedded-opentype"),
  url(../fonts/lg.woff?n1z373) format("woff"),
  url(../fonts/lg.ttf?n1z373) format("truetype"),
  url(../fonts/lg.svg?n1z373#lg) format("svg");
font-weight: 400;
font-style: normal;
}
.lg-icon {
font-family: lg;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.lg-actions .lg-next,
.lg-actions .lg-prev {
background-color: rgba(0, 0, 0, 0.45);
border-radius: 2px;
color: #999;
cursor: pointer;
display: block;
font-size: 22px;
margin-top: -10px;
padding: 8px 10px 9px;
position: absolute;
top: 50%;
z-index: 1080;
border: none;
outline: 0;
}
.lg-actions .lg-next.disabled,
.lg-actions .lg-prev.disabled {
pointer-events: none;
opacity: 0.5;
}
.lg-actions .lg-next:hover,
.lg-actions .lg-prev:hover {
color: #fff;
}
.lg-actions .lg-next {
right: 20px;
}
.lg-actions .lg-next:before {
content: "\e095";
}
.lg-actions .lg-prev {
left: 20px;
}
.lg-actions .lg-prev:after {
content: "\e094";
}
@-webkit-keyframes lg-right-end {
0%,
100% {
  left: 0;
}
50% {
  left: -30px;
}
}
@keyframes lg-right-end {
0%,
100% {
  left: 0;
}
50% {
  left: -30px;
}
}
@-webkit-keyframes lg-left-end {
0%,
100% {
  left: 0;
}
50% {
  left: 30px;
}
}
@keyframes lg-left-end {
0%,
100% {
  left: 0;
}
50% {
  left: 30px;
}
}
.lg-outer.lg-right-end .lg-object {
-webkit-animation: lg-right-end 0.3s;
animation: lg-right-end 0.3s;
position: relative;
}
.lg-outer.lg-left-end .lg-object {
-webkit-animation: lg-left-end 0.3s;
animation: lg-left-end 0.3s;
position: relative;
}
.lg-toolbar {
z-index: 1082;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.lg-toolbar .lg-icon {
color: #999;
cursor: pointer;
float: right;
font-size: 24px;
height: 47px;
line-height: 27px;
padding: 10px 0;
text-align: center;
width: 50px;
text-decoration: none !important;
outline: 0;
transition: color 0.2s linear;
}
.lg-toolbar .lg-icon:hover {
color: #fff;
}
.lg-toolbar .lg-close:after {
content: "\e070";
}
.lg-toolbar .lg-download:after {
content: "\e0f2";
}
.lg-sub-html {
bottom: 0;
color: #eee;
font-size: 16px;
left: 0;
padding: 10px 40px;
position: fixed;
right: 0;
text-align: center;
z-index: 1080;
}
.lg-sub-html h4 {
margin: 0;
font-size: 13px;
font-weight: 700;
}
.lg-sub-html p {
font-size: 12px;
margin: 5px 0 0;
}
#lg-counter {
color: #999;
display: inline-block;
font-size: 16px;
padding-left: 20px;
padding-top: 12px;
vertical-align: middle;
}
.lg-next,
.lg-prev,
.lg-toolbar {
opacity: 1;
transition: opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear,
  -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s,
  opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s,
  opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear,
  -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-hide-items .lg-prev {
opacity: 0;
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
.lg-hide-items .lg-next {
opacity: 0;
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
.lg-hide-items .lg-toolbar {
opacity: 0;
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
-webkit-transform: scale3d(0.5, 0.5, 0.5);
transform: scale3d(0.5, 0.5, 0.5);
opacity: 0;
transition: opacity 250ms cubic-bezier(0, 0, 0.25, 1),
  -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s !important;
transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s,
  opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s,
  opacity 250ms cubic-bezier(0, 0, 0.25, 1),
  -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s !important;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
body:not(.lg-from-hash)
.lg-outer.lg-start-zoom
.lg-item.lg-complete
.lg-object {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
opacity: 1;
}
.lg-outer .lg-thumb-outer {
background-color: #0d0a0a;
bottom: 0;
position: absolute;
width: 100%;
z-index: 1080;
max-height: 350px;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s,
  -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
cursor: -webkit-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}
.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
cursor: move;
cursor: -webkit-grabbing;
cursor: -o-grabbing;
cursor: -ms-grabbing;
cursor: grabbing;
}
.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
transition-duration: 0s !important;
}
.lg-outer.lg-thumb-open .lg-thumb-outer {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.lg-outer .lg-thumb {
padding: 10px 0;
height: 100%;
margin-bottom: -5px;
margin-left: auto;
margin-right: auto;
}
.lg-outer .lg-thumb-item {
cursor: pointer;
float: left;
overflow: hidden;
height: 100%;
border: 2px solid rgba(255, 255, 255, 0);
border-radius: 0;
margin-bottom: 5px;
}
@media (min-width: 1025px) {
.lg-outer .lg-thumb-item {
  transition: border-color 0.25s ease;
}
}
.lg-outer .lg-thumb-item:hover {
border-color: #ffffff;
}
.lg-outer .lg-thumb-item.active {
border-color: #161616;
}
.lg-outer .lg-thumb-item img {
width: 100%;
height: 100%;
object-fit: cover;
}
.lg-outer.lg-has-thumb .lg-item {
padding-bottom: 120px;
}
.lg-outer.lg-can-toggle .lg-item {
padding-bottom: 0;
}
.lg-outer.lg-pull-caption-up .lg-sub-html {
transition: bottom 0.25s ease;
}
.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
bottom: 100px;
}
.lg-outer .lg-toogle-thumb {
background-color: #0d0a0a;
border-radius: 2px 2px 0 0;
color: #999;
cursor: pointer;
font-size: 24px;
height: 39px;
line-height: 27px;
padding: 5px 0;
position: absolute;
right: 20px;
text-align: center;
top: -39px;
width: 50px;
}
.lg-outer .lg-toogle-thumb:hover,
.lg-outer.lg-dropdown-active #lg-share {
color: #fff;
}
.lg-outer .lg-toogle-thumb:after {
content: "\e1ff";
}
.lg-outer .lg-video-cont {
display: inline-block;
vertical-align: middle;
max-width: 1140px;
max-height: 100%;
width: 100%;
padding: 0 5px;
}
.lg-outer .lg-video {
width: 100%;
height: 0;
padding-bottom: 56.25%;
overflow: hidden;
position: relative;
}
.lg-outer .lg-video .lg-object {
display: inline-block;
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
.lg-outer .lg-video .lg-video-play {
width: 84px;
height: 59px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -42px;
margin-top: -30px;
z-index: 1080;
cursor: pointer;
}
.lg-outer .lg-has-iframe .lg-video {
-webkit-overflow-scrolling: touch;
overflow: auto;
}
.lg-outer .lg-has-vimeo .lg-video-play {
background: url(../images/vimeo-play.png) no-repeat;
}
.lg-outer .lg-has-vimeo:hover .lg-video-play {
background: url(../images/vimeo-play.png) 0 -58px no-repeat;
}
.lg-outer .lg-has-html5 .lg-video-play {
background: url(../images/video-play.png) no-repeat;
height: 64px;
margin-left: -32px;
margin-top: -32px;
width: 64px;
opacity: 0.8;
}
.lg-outer .lg-has-html5:hover .lg-video-play {
opacity: 1;
}
.lg-outer .lg-has-youtube .lg-video-play {
background: url(../images/youtube-play.png) no-repeat;
}
.lg-outer .lg-has-youtube:hover .lg-video-play {
background: url(../images/youtube-play.png) 0 -60px no-repeat;
}
.lg-outer .lg-video-object {
width: 100% !important;
height: 100% !important;
position: absolute;
top: 0;
left: 0;
}
.lg-outer .lg-has-video .lg-video-object {
visibility: hidden;
}
.lg-outer .lg-has-video.lg-video-playing .lg-object,
.lg-outer .lg-has-video.lg-video-playing .lg-video-play {
display: none;
}
.lg-outer .lg-has-video.lg-video-playing .lg-video-object {
visibility: visible;
}
.lg-progress-bar {
background-color: #333;
height: 5px;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1083;
opacity: 0;
transition: opacity 80ms ease 0s;
}
.lg-progress-bar .lg-progress {
background-color: #161616;
height: 5px;
width: 0;
}
.lg-progress-bar.lg-start .lg-progress {
width: 100%;
}
.lg-show-autoplay .lg-progress-bar {
opacity: 1;
}
.lg-autoplay-button:after {
content: "\e01d";
}
.lg-show-autoplay .lg-autoplay-button:after {
content: "\e01a";
}
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image,
.lg-outer.lg-css3.lg-zoom-dragging
.lg-item.lg-complete.lg-zoomable
.lg-img-wrap {
transition-duration: 0s;
}
.lg-outer.lg-use-transition-for-zoom
.lg-item.lg-complete.lg-zoomable
.lg-img-wrap {
transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s,
  -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s,
  top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
transition: opacity 0.15s,
  -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s !important;
transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s,
  -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s !important;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
#lg-zoom-in:after {
content: "\e311";
}
#lg-actual-size {
font-size: 20px;
}
#lg-actual-size:after {
content: "\e033";
}
#lg-zoom-out {
opacity: 0.5;
pointer-events: none;
}
#lg-zoom-out:after {
content: "\e312";
}
.lg-zoomed #lg-zoom-out {
opacity: 1;
pointer-events: auto;
}
.lg-outer .lg-pager-outer {
bottom: 60px;
left: 0;
position: absolute;
right: 0;
text-align: center;
z-index: 1080;
height: 10px;
}
.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
overflow: visible;
}
.lg-outer .lg-pager-cont {
cursor: pointer;
display: inline-block;
overflow: hidden;
position: relative;
vertical-align: top;
margin: 0 5px;
}
.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
box-shadow: 0 0 0 2px #fff inset;
}
.lg-outer .lg-pager-thumb-cont {
background-color: #fff;
color: #fff;
bottom: 100%;
height: 83px;
left: 0;
margin-bottom: 20px;
margin-left: -60px;
opacity: 0;
padding: 5px;
position: absolute;
width: 120px;
border-radius: 3px;
transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s;
transition: opacity 0.15s ease 0s, transform 0.15s ease 0s;
transition: opacity 0.15s ease 0s, transform 0.15s ease 0s,
  -webkit-transform 0.15s ease 0s;
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
.lg-outer .lg-pager-thumb-cont img {
width: 100%;
height: 100%;
}
.lg-outer .lg-pager {
background-color: rgba(255, 255, 255, 0.5);
border-radius: 50%;
box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset;
display: block;
height: 12px;
transition: box-shadow 0.3s ease 0s;
width: 12px;
}
.lg-outer .lg-pager:focus,
.lg-outer .lg-pager:hover {
box-shadow: 0 0 0 8px #fff inset;
}
.lg-outer .lg-caret {
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px dashed;
bottom: -10px;
display: inline-block;
height: 0;
left: 50%;
margin-left: -5px;
position: absolute;
vertical-align: middle;
width: 0;
}
.lg-fullscreen:after {
content: "\e20c";
}
.lg-fullscreen-on .lg-fullscreen:after {
content: "\e20d";
}
.lg-outer #lg-dropdown-overlay {
background-color: rgba(0, 0, 0, 0.25);
bottom: 0;
cursor: default;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 1081;
opacity: 0;
visibility: hidden;
transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
}
.lg-outer.lg-dropdown-active #lg-dropdown-overlay,
.lg-outer.lg-dropdown-active .lg-dropdown {
transition-delay: 0s;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
visibility: visible;
}
.lg-outer .lg-dropdown {
background-color: #fff;
border-radius: 2px;
font-size: 14px;
list-style-type: none;
margin: 0;
padding: 10px 0;
position: absolute;
right: 0;
text-align: left;
top: 50px;
opacity: 0;
visibility: hidden;
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
transition: visibility 0s linear 0.5s, opacity 0.18s linear 0s,
  -webkit-transform 0.18s linear 0s;
transition: transform 0.18s linear 0s, visibility 0s linear 0.5s,
  opacity 0.18s linear 0s;
transition: transform 0.18s linear 0s, visibility 0s linear 0.5s,
  opacity 0.18s linear 0s, -webkit-transform 0.18s linear 0s;
}
.lg-outer .lg-dropdown:after {
content: "";
display: block;
height: 0;
width: 0;
position: absolute;
border: 8px solid transparent;
border-bottom-color: #fff;
right: 16px;
top: -16px;
}
.lg-outer .lg-dropdown > li:last-child {
margin-bottom: 0;
}
.lg-outer .lg-dropdown > li:hover .lg-icon,
.lg-outer .lg-dropdown > li:hover a {
color: #333;
}
.lg-outer .lg-dropdown a {
color: #333;
display: block;
white-space: pre;
padding: 4px 12px;
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
}
.lg-outer .lg-dropdown a:hover {
background-color: rgba(0, 0, 0, 0.07);
}
.lg-outer .lg-dropdown .lg-dropdown-text {
display: inline-block;
line-height: 1;
margin-top: -3px;
vertical-align: middle;
}
.lg-outer .lg-dropdown .lg-icon {
color: #333;
display: inline-block;
float: none;
font-size: 20px;
height: auto;
line-height: 1;
margin-right: 8px;
padding: 0;
vertical-align: middle;
width: auto;
}
.lg-outer,
.lg-outer .lg,
.lg-outer .lg-inner {
width: 100%;
height: 100%;
}
.lg-outer #lg-share {
position: relative;
}
.lg-outer #lg-share:after {
content: "\e80d";
}
.lg-outer #lg-share-facebook .lg-icon {
color: #3b5998;
}
.lg-outer #lg-share-facebook .lg-icon:after {
content: "\e901";
}
.lg-outer #lg-share-twitter .lg-icon {
color: #00aced;
}
.lg-outer #lg-share-twitter .lg-icon:after {
content: "\e904";
}
.lg-outer #lg-share-googleplus .lg-icon {
color: #dd4b39;
}
.lg-outer #lg-share-googleplus .lg-icon:after {
content: "\e902";
}
.lg-outer #lg-share-pinterest .lg-icon {
color: #cb2027;
}
.lg-outer #lg-share-pinterest .lg-icon:after {
content: "\e903";
}
.lg-group:after {
content: "";
display: table;
clear: both;
}
.lg-outer {
position: fixed;
top: 0;
left: 0;
z-index: 1090;
text-align: left;
opacity: 0;
transition: opacity 0.15s ease 0s;
}
.lg-outer * {
box-sizing: border-box;
}
.lg-outer.lg-visible {
opacity: 1;
}
.lg-outer.lg-css3 .lg-item.lg-current,
.lg-outer.lg-css3 .lg-item.lg-next-slide,
.lg-outer.lg-css3 .lg-item.lg-prev-slide {
transition-duration: inherit !important;
transition-timing-function: inherit !important;
}
.lg-outer.lg-css3.lg-dragging .lg-item.lg-current,
.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,
.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide {
transition-duration: 0s !important;
opacity: 1;
}
.lg-outer.lg-grab img.lg-object {
cursor: -webkit-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}
.lg-outer.lg-grabbing img.lg-object {
cursor: move;
cursor: -webkit-grabbing;
cursor: -o-grabbing;
cursor: -ms-grabbing;
cursor: grabbing;
}
.lg-outer .lg {
position: relative;
overflow: hidden;
margin-left: auto;
margin-right: auto;
max-width: 100%;
max-height: 100%;
}
.lg-outer .lg-inner {
position: absolute;
left: 0;
top: 0;
white-space: nowrap;
}
.lg-outer .lg-item {
background: url(../images/loading.gif) center center no-repeat;
display: none !important;
}
.lg-outer.lg-css .lg-current,
.lg-outer.lg-css3 .lg-current,
.lg-outer.lg-css3 .lg-next-slide,
.lg-outer.lg-css3 .lg-prev-slide {
display: inline-block !important;
}
.lg-outer .lg-img-wrap,
.lg-outer .lg-item {
display: inline-block;
text-align: center;
position: absolute;
width: 100%;
height: 100%;
}
.lg-outer .lg-img-wrap:before,
.lg-outer .lg-item:before {
content: "";
display: inline-block;
height: 50%;
width: 1px;
margin-right: -1px;
}
.lg-outer .lg-img-wrap {
position: absolute;
padding: 0 5px;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.lg-outer .lg-item.lg-complete {
background-image: none;
}
.lg-outer .lg-item.lg-current {
z-index: 1060;
}
.lg-outer .lg-image {
display: inline-block;
vertical-align: middle;
max-width: 100%;
max-height: 100%;
width: auto !important;
height: auto !important;
}
.lg-outer.lg-show-after-load .lg-item .lg-object,
.lg-outer.lg-show-after-load .lg-item .lg-video-play {
opacity: 0;
transition: opacity 0.15s ease 0s;
}
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object,
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {
opacity: 1;
}
.lg-outer .lg-empty-html,
.lg-outer.lg-hide-download #lg-download {
display: none;
}
.lg-backdrop {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1090;
background-color: rgba(0, 0, 0, 0.8);
opacity: 0;
transition: opacity 0.15s ease 0s;
}
.lg-backdrop.in {
opacity: 1;
}
.lg-css3.lg-no-trans .lg-current,
.lg-css3.lg-no-trans .lg-next-slide,
.lg-css3.lg-no-trans .lg-prev-slide {
transition: none 0s ease 0s !important;
}
.lg-css3.lg-use-css3 .lg-item,
.lg-css3.lg-use-left .lg-item {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.lg-css3.lg-fade .lg-item {
opacity: 0;
}
.lg-css3.lg-fade .lg-item.lg-current {
opacity: 1;
}
.lg-css3.lg-fade .lg-item.lg-current,
.lg-css3.lg-fade .lg-item.lg-next-slide,
.lg-css3.lg-fade .lg-item.lg-prev-slide {
transition: opacity 0.1s ease 0s;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item {
opacity: 0;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current,
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
transition: opacity 0.1s ease 0s,
  -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s,
  -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-css3.lg-slide.lg-use-left .lg-item {
opacity: 0;
position: absolute;
left: 0;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
left: -100%;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {
left: 100%;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
left: 0;
opacity: 1;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-current,
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide,
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}
.tablet #lg-zoom-in,
.tablet #lg-zoom-out,
.mobile #lg-zoom-in,
.mobile #lg-zoom-out {
display: none;
}
.tablet .lg-icon,
.mobile .lg-icon {
font-size: 22px;
width: 45px;
}
@media (max-width: 767px) {
.lg-fullscreen,
#lg-zoom-in,
#lg-zoom-out {
  display: none;
}
.lg-icon {
  font-size: 22px;
  width: 45px;
}
}
.parallax-container {
position: relative;
overflow: hidden;
}
.parallax-container::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
background-color: #00000099;
z-index: 1;
}
.material-parallax {
position: absolute;
top: 0;
left: -1px;
right: -1px;
bottom: 0;
}
.ipad .material-parallax,
.iphone .material-parallax {
background-attachment: scroll !important;
}
.material-parallax img {
display: none;
position: absolute;
left: 50%;
bottom: 0;
min-width: 101%;
max-width: none;
min-height: 101%;
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
}
.parallax-content {
position: relative;
z-index: 1;
}
.select2-container {
position: relative;
display: inline-block;
vertical-align: middle;
text-align: right;
min-height: 35px;
width: 100%;
margin: 0;
margin-bottom: 24px;
padding: 0;
letter-spacing: 0;
background-color: #ffffff;
border: 1px solid #fff;
}
.select2-container-active {
border: 1px solid #161616;
}
.select2-container,
.select2-drop,
.select2-search,
.select2-search input {
box-sizing: border-box;
}
.select2-container .select2-choice {
display: block;
position: relative;
color: #8d959c;
background-color: #ffffff;
padding: 10px 15px;
border-radius: 0;
text-decoration: none;
height: 50px;
}
.select2-container .select2-choice > .select2-chosen {
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.select2-dropdown-open .select2-choice {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.select2-arrow {
display: inline-block;
position: absolute;
left: 14px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
line-height: 1;
}
.select2-arrow b:before {
display: inline-block;
font-weight: 400;
content: "\f107" !important;
font-size: 20px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
font-family: "FontAwesome";
}
.select2-dropdown-open .select2-arrow b:before {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.select2-container .select2-choice abbr {
display: none;
}
.select2-drop-mask {
border: 0;
margin: 0;
padding: 0;
position: fixed;
left: 0;
top: 0;
min-height: 100%;
min-width: 100%;
height: auto;
width: auto;
opacity: 0;
z-index: 99;
background-color: #ffffff;
filter: alpha(opacity=0);
}
.select2-drop {
width: 100%;
margin-top: -1px;
position: absolute;
z-index: 100;
top: 100%;
background: #ffffff;
color: #151515;
border: 1px solid #f7f7f7;
border-top: 0;
border-radius: 0 0 0 0;
}
.select2-drop-active {
border: 1px solid #161616;
border-top: 0;
}
.select2-drop.select2-drop-above {
margin-top: 1px;
border-top: 1px solid #f7f7f7;
border-bottom: 0;
}
.select2-drop.select2-drop-above.select2-drop-active {
border: 1px solid #161616;
}
.select2-search {
display: inline-block;
width: 100%;
padding: 4px 4px 0;
position: relative;
z-index: 10000;
white-space: nowrap;
}
.select2-search:before {
position: absolute;
right: 22px;
top: 50%;
-webkit-transform: translateY(calc(-50% + 4px));
transform: translateY(calc(-50% + 4px));
display: inline-block;
content: "\f43b";
font-family: "Material Design Icons";
font-size: 20px;
line-height: 1;
}
.select2-search input {
width: 100%;
padding: 5px 35px 5px 5px;
margin: 0;
outline: 0;
font-size: 1em;
background-color: #ffffff;
color: #151515;
border: 1px solid #f7f7f7;
}
.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
border: 1px solid #f7f7f7;
border-top-color: transparent;
}
.select2-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.select2-results {
padding: 4px 20px;
position: relative;
overflow-x: hidden;
text-align: right;
overflow-y: auto;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.select2-result {
border-radius: 0;
transition: 0.1s;
}
.select2-results li.select2-result-with-children > .select2-result-label {
font-weight: bold;
}
.select2-results .select2-result-label {
padding: 3px 7px 4px;
margin: 0;
cursor: pointer;
min-height: 1em;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.select2-results .select2-highlighted {
color: #ffffff;
background: #161616;
}
.select2-results li em {
background: #ffffff;
font-style: normal;
}
.select2-results .select2-highlighted em {
background: transparent;
}
.select2-results .select2-highlighted ul {
background: #ffffff;
color: #000000;
}
.select2-results .select2-disabled.select2-highlighted {
color: #ffffff;
background: #161616;
display: list-item;
cursor: default;
}
.select2-results .select2-disabled {
background: #b7b7b7;
display: list-item;
cursor: default;
}
.select2-results .select2-selected {
display: none;
}
.select2-results .select2-ajax-error {
background: rgba(255, 50, 50, 0.2);
}
.select2-more-results {
background: #f4f4f4;
display: list-item;
}
.select2-container.select2-container-disabled .select2-choice {
background-color: #f4f4f4;
background-image: none;
border: 1px solid #ddd;
cursor: default;
}
.select2-container.select2-container-disabled .select2-choice .select2-arrow {
background-color: #f4f4f4;
background-image: none;
border-left: 0;
}
.select2-container.select2-container-disabled .select2-choice abbr {
display: none;
}
.select2-container-multi {
display: -ms-flexbox;
display: flex;
-ms-flex-align: stretch;
align-items: stretch;
height: auto;
min-height: 60px;
}
.select2-container-multi .select2-choices {
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row;
flex-flow: row;
-ms-flex-align: center;
align-items: center;
width: 100%;
margin: 0;
padding: 0;
position: relative;
line-height: 0;
cursor: text;
overflow: hidden;
}
.select2-locked {
padding: 3px 5px 3px 5px !important;
}
.select2-container-multi .select2-choices {
min-height: 26px;
}
.select2-container-multi .select2-choices .select2-search-field {
margin: 0;
padding: 0;
white-space: nowrap;
}
.select2-container-multi .select2-choices .select2-search-field input {
width: 100% !important;
outline: 0;
border: 0;
box-shadow: none;
background: transparent !important;
}
.select2-container-multi .select2-choices .select2-search-choice {
padding: 4px 5px 4px 20px;
margin: 3px 0 3px 5px;
position: relative;
line-height: 13px;
cursor: default;
border: 1px solid #dedede;
background-clip: padding-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: #dedede;
}
.select2-container-multi
.select2-choices
.select2-search-choice
.select2-chosen {
cursor: default;
}
.select2-search-choice-close {
display: block;
width: 12px;
height: 13px;
position: absolute;
right: 3px;
top: 3px;
color: #2c343b;
}
.select2-search-choice-close:before {
display: inline-block;
content: "\f24c";
font-family: "Material Design Icons";
font-size: 12px;
line-height: 1;
}
.select2-container-multi .select2-search-choice-close {
left: 3px;
}
.select2-container-multi.select2-container-disabled .select2-choices {
background-color: #f4f4f4;
background-image: none;
border: 1px solid #ddd;
cursor: default;
}
.select2-container-multi.select2-container-disabled
.select2-choices
.select2-search-choice {
padding: 3px 5px 3px 5px;
border: 1px solid #ddd;
background-image: none;
background-color: #f4f4f4;
}
.select2-container-multi.select2-container-disabled
.select2-choices
.select2-search-choice
.select2-search-choice-close {
display: none;
background: none;
}
.select2-result-selectable .select2-match,
.select2-result-unselectable .select2-match {
text-decoration: underline;
}
.select2-offscreen,
.select2-offscreen:focus {
clip: rect(0 0 0 0) !important;
width: 1px !important;
height: 1px !important;
border: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
position: absolute !important;
outline: 0 !important;
left: 0px !important;
top: 0px !important;
}
.select2-display-none {
display: none;
}
.select2-measure-scrollbar {
position: absolute;
top: -10000px;
left: -10000px;
width: 100px;
height: 100px;
overflow: scroll;
}
.rd-range {
height: 18px;
margin-top: 16px;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
}
.rd-range__wrap {
position: relative;
width: 100%;
height: 6px;
border-radius: 3px;
background-color: #f4f4f4;
transition: background 100ms cubic-bezier(0.23, 1, 0.32, 1);
}
.rd-range__pointer {
position: absolute;
cursor: pointer;
top: 3px;
left: 6%;
z-index: 1;
width: 19px;
height: 19px;
border-radius: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transform-origin: 0 15%;
transform-origin: 0 15%;
transition: -webkit-transform 0.2s cubic-bezier(0.35, 0, 0.25, 1);
transition: transform 0.2s cubic-bezier(0.35, 0, 0.25, 1);
transition: transform 0.2s cubic-bezier(0.35, 0, 0.25, 1),
  -webkit-transform 0.2s cubic-bezier(0.35, 0, 0.25, 1);
overflow: visible;
background-color: #161616;
border: 6px solid #ffffff;
background-clip: padding-box;
box-shadow: 0 0 2px 3px rgba(0, 0, 0, 0.1);
}
@media (min-width: 768px) {
.rd-range__pointer.active {
  -webkit-transform: scale3d(1.1, 1.1, 1.1) translate(-50%, -50%);
  transform: scale3d(1.1, 1.1, 1.1) translate(-50%, -50%);
}
}
.rd-range__line {
background-color: #161616;
position: absolute;
top: 0;
left: 0;
height: 6px;
transition: none;
}
.rd-range .rd-range__pointer-tooltip {
display: none !important;
}
.rd-range-wrap {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.rd-range-form-wrap span,
.rd-range-input,
.rd-range-title {
font-size: 18px;
line-height: 1;
letter-spacing: 0.1em;
text-transform: uppercase;
font-family: "Cairo", sans-serif;
}
.rd-range-title {
margin-right: 4px;
}
.rd-range-form-wrap {
position: relative;
padding-left: 6px;
color: #151515;
}
.rd-range-form-wrap span {
position: absolute;
top: 4px;
left: 0;
}
.rd-range-divider {
height: 2px;
width: 10px;
margin-left: 2px;
margin-right: 5px;
margin-bottom: 2px;
border-top: 2px solid #151515;
}
.rd-range-input {
text-align: center;
outline: none;
border: none;
padding: 0;
max-width: 36px;
background-color: transparent;
border-radius: 0;
}
.rd-range + * {
margin-top: 22px;
}
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
}
.slick-track:before,
.slick-track:after {
content: "";
display: table;
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
text-align: center;
padding-left: 0;
padding-right: 0;
display: none;
}
[dir="rtl"] .slick-slide {
float: right;
}
.slick-slide img {
display: inline-block;
}
.slick-slide:focus {
outline: none;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
}
.slick-arrow.slick-hidden {
display: none;
}
.slick-loading .slick-list {
background: #fff url("./../images/ajax-loader.gif") center center no-repeat;
}
.slick-prev,
.slick-next {
position: absolute;
display: block;
height: 40px;
width: 40px;
line-height: 40px;
font-size: 24px;
cursor: pointer;
background: #161616;
color: #ffffff;
top: 50%;
margin-top: -10px \9;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
padding: 0;
border: none;
outline: none;
z-index: 9;
}
.slick-prev:hover,
.slick-next:hover {
outline: none;
color: #161616;
background-color: #ffffff;
}
.slick-prev.slick-disabled,
.slick-next.slick-disabled {
background-color: #d7d7d7;
}
.slick-prev:before,
.slick-next:before {
font-family: "Material Design Icons";
opacity: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev {
left: -15px;
}
[dir="rtl"] .slick-prev {
left: auto;
right: 0;
}
.slick-prev:before {
content: "";
}
[dir="rtl"] .slick-prev:before {
content: "";
}
.slick-next {
right: -15px;
}
[dir="rtl"] .slick-next {
left: 0;
right: auto;
}
.slick-next:before {
content: "";
}
[dir="rtl"] .slick-next:before {
content: "";
}
.slick-dots {
position: absolute;
bottom: -45px;
list-style: none;
display: block;
text-align: center;
padding: 0;
width: 100%;
}
.slick-dots li {
position: relative;
display: inline-block;
height: 20px;
width: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button {
border: 0;
background: transparent;
display: block;
height: 20px;
width: 20px;
outline: none;
line-height: 0;
font-size: 0;
color: transparent;
padding: 5px;
cursor: pointer;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
opacity: 0.7;
}
.slick-dots li button:before {
position: absolute;
top: 0;
left: 0;
content: "•";
width: 20px;
height: 20px;
font-family: "Cairo", sans-serif;
font-size: 6px;
line-height: 20px;
text-align: center;
color: black;
opacity: 0.7;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
color: black;
opacity: 1;
}
.carousel-parent {
margin-bottom: 7px;
}
.child-carousel .slick-list {
margin-left: -6px;
margin-right: -6px;
}
.child-carousel .slick-slide {
cursor: pointer;
margin: 0 6px;
}
.child-carousel .slick-slide img {
width: 100%;
}
.child-carousel .slick-product-figure {
margin-top: 5px;
margin-bottom: 5px;
}
.child-carousel .slick-product-figure:hover {
background: rgba(244, 244, 244, 0.5);
}
.child-carousel .slick-product-figure:hover img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.child-carousel .slick-current .slick-product-figure {
background: transparent;
box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.17);
}
@media (min-width: 768px) {
.child-carousel .slick-slide {
  max-width: 100%;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.slick-product {
  display: -ms-flexbox;
  display: flex;
  margin-left: -6px;
  margin-right: -6px;
}
.slick-product .carousel-parent,
.slick-product .child-carousel {
  padding-left: 6px;
  padding-right: 6px;
}
.slick-product .carousel-parent {
  width: 74%;
  margin-bottom: 0;
}
.slick-product .child-carousel {
  width: 26%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}
.slick-product .child-carousel .slick-list {
  display: -ms-flexbox;
  display: flex;
  margin-left: 0;
  margin-right: 0;
}
.slick-product .child-carousel .slick-slide {
  width: calc(100% - 10px) !important;
  margin-left: 5px;
  margin-right: 5px;
}
.slick-product .slick-arrow {
  right: auto;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
.slick-product .slick-prev {
  top: -10px;
}
.slick-product .slick-prev::before {
  content: "\f239";
}
.slick-product .slick-next {
  top: auto;
  bottom: -10px;
}
.slick-product .slick-next::before {
  content: "\f236";
}
}
@media (min-width: 992px) {
.slick-product {
  margin-right: 25px;
}
}
@media (min-width: 1200px) {
.slick-product {
  margin-right: 38px;
}
}
.slick-custom-nav .slick-prev,
.slick-custom-nav .slick-next {
background-color: transparent;
font-size: 60px;
}
.slick-custom-nav .slick-prev {
left: -30px;
}
.slick-custom-nav .slick-next {
right: -20px;
}
@media (min-width: 1600px) {
.slick-custom-nav .slick-prev {
  left: -50px;
}
.slick-custom-nav .slick-next {
  right: -40px;
}
}
.slick-product-figure {
position: relative;
overflow: hidden;
background: #f4f4f4;
transition: all 0.3s ease;
}
.slick-product-figure img {
width: 100%;
-webkit-transform: none;
transform: none;
transition: inherit;
}
.stepper {
position: relative;
display: block;
}
.stepper input[type="number"] {
width: 100%;
padding: 10px 42px;
font-weight: 500;
font-family: "Cairo", sans-serif;
text-align: center;
-moz-appearance: textfield;
}
.stepper input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none;
}
.stepper-arrow {
position: absolute;
text-align: center;
top: 50%;
margin-top: -19px;
width: 38px;
height: 38px;
font-size: 14px;
line-height: 38px;
font-weight: 400;
font-family: "FontAwesome";
cursor: pointer;
color: #151515;
border-radius: 0;
transition: 0.3s all ease;
}
.stepper-arrow:hover {
color: #161616;
}
.stepper-arrow.up {
right: 0;
}
.stepper-arrow.up:before {
content: "\f067";
}
.stepper-arrow.down {
left: 0;
}
.stepper-arrow.down:before {
content: "\f068";
}
.stepper.disabled .stepper-arrow {
pointer-events: none;
opacity: 0.5;
}
.product-stepper .stepper {
padding-right: 32px;
}
.product-stepper input[type="number"] {
padding: 10px 5px;
font-size: 24px;
max-width: 66px;
}
.product-stepper .stepper-arrow {
margin-top: 0;
top: auto;
right: 0;
width: 28px;
height: 28px;
line-height: 28px;
background: #f7f7f7;
}
.product-stepper .stepper-arrow.up {
top: 0;
}
.product-stepper .stepper-arrow.down {
left: auto;
bottom: 0;
}
.table-cart-stepper {
max-width: 114px;
margin-left: auto;
margin-right: auto;
}
.table-cart-stepper input[type="number"] {
font-size: 18px;
line-height: 1;
letter-spacing: 0.1em;
padding-bottom: 6px;
background: #ffffff;
border-color: #ffffff;
}
.table-cart-stepper .stepper-arrow {
line-height: 36px;
border-radius: 4px;
border: 1px solid #e1e1e1;
}
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8;
filter: alpha(opacity=80);
}
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden;
}
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
box-sizing: border-box;
}
.mfp-container:before {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
display: none;
}
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto;
}
.mfp-ajax-cur {
cursor: progress;
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder {
cursor: zoom-out;
}
.mfp-zoom {
cursor: pointer;
cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
cursor: auto;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.mfp-close:hover {
cursor: pointer;
color: #ececec;
}
.mfp-loading.mfp-figure {
display: none;
}
.mfp-hide {
display: none !important;
}
.mfp-preloader {
color: #ccc;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044;
}
.mfp-preloader a {
color: #ccc;
}
.mfp-preloader a:hover {
color: #fff;
}
.mfp-s-ready .mfp-preloader {
display: none;
}
.mfp-s-error .mfp-content {
display: none;
}
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
box-shadow: none;
}
button::-moz-focus-inner {
padding: 0;
border: 0;
}
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
filter: alpha(opacity=65);
padding: 0 0 18px 10px;
color: #fff;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover,
.mfp-close:focus {
opacity: 1;
filter: alpha(opacity=100);
}
.mfp-close:active {
top: 1px;
}
.mfp-close-btn-in .mfp-close {
color: #333;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #fff;
right: -6px;
text-align: right;
padding-right: 6px;
}
.mfp-counter {
position: absolute;
top: 0;
right: 0;
font-size: 0;
display: none;
}
.mfp-arrow {
position: absolute;
opacity: 0.65;
filter: alpha(opacity=65);
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
margin-top: -54px;
}
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1;
filter: alpha(opacity=100);
}
.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
content: "";
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent;
}
.mfp-arrow:after,
.mfp-arrow .mfp-a {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px;
}
.mfp-arrow:before,
.mfp-arrow .mfp-b {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7;
}
.mfp-arrow-left {
left: 0;
}
.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
border-right: 17px solid #fff;
margin-left: 31px;
}
.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
margin-left: 25px;
border-right: 27px solid #3f3f3f;
}
.mfp-arrow-right {
right: 0;
}
.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
border-left: 17px solid #fff;
margin-left: 39px;
}
.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
border-left: 27px solid #3f3f3f;
}
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
top: -40px;
}
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000;
}
img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto;
}
.mfp-figure {
line-height: 0;
}
.mfp-figure:after {
content: "";
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444;
}
.mfp-figure small {
color: #bdbdbd;
display: block;
font-size: 12px;
line-height: 14px;
}
.mfp-figure figure {
margin: 0;
}
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto;
}
.mfp-title {
text-align: left;
line-height: 18px;
color: #f3f3f3;
word-wrap: break-word;
padding-right: 36px;
}
.mfp-image-holder .mfp-content {
max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape),
screen and (max-height: 300px) {
.mfp-img-mobile .mfp-image-holder {
  padding-left: 0;
  padding-right: 0;
}
.mfp-img-mobile img.mfp-img {
  padding: 0;
}
.mfp-img-mobile .mfp-figure:after {
  top: 0;
  bottom: 0;
}
.mfp-img-mobile .mfp-figure small {
  display: inline;
  margin-left: 5px;
}
.mfp-img-mobile .mfp-bottom-bar {
  background: rgba(0, 0, 0, 0.6);
  bottom: 0;
  margin: 0;
  top: auto;
  padding: 3px 5px;
  position: fixed;
  box-sizing: border-box;
}
.mfp-img-mobile .mfp-bottom-bar:empty {
  padding: 0;
}
.mfp-img-mobile .mfp-counter {
  right: 5px;
  top: 3px;
}
.mfp-img-mobile .mfp-close {
  top: 0;
  right: 0;
  width: 35px;
  height: 35px;
  line-height: 35px;
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  text-align: center;
  padding: 0;
}
}
@media all and (max-width: 900px) {
.mfp-arrow {
  -webkit-transform: scale(0.75);
  transform: scale(0.75);
}
.mfp-arrow-left {
  -webkit-transform-origin: 0;
  transform-origin: 0;
}
.mfp-arrow-right {
  -webkit-transform-origin: 100%;
  transform-origin: 100%;
}
.mfp-container {
  padding-left: 6px;
  padding-right: 6px;
}
}
.mfp-ie7 .mfp-img {
padding: 0;
}
.mfp-ie7 .mfp-bottom-bar {
width: 600px;
left: 50%;
margin-left: -300px;
margin-top: 5px;
padding-bottom: 5px;
}
.mfp-ie7 .mfp-container {
padding: 0;
}
.mfp-ie7 .mfp-content {
padding-top: 44px;
}
.mfp-ie7 .mfp-close {
top: 0;
right: 0;
padding-top: 0;
}
.twentytwenty-horizontal .twentytwenty-handle:before,
.twentytwenty-horizontal .twentytwenty-handle:after,
.twentytwenty-vertical .twentytwenty-handle:before,
.twentytwenty-vertical .twentytwenty-handle:after {
content: " ";
display: block;
background: #ffffff;
position: absolute;
z-index: 30;
box-shadow: 0 0 12px rgba(51, 51, 51, 0.5);
}
.twentytwenty-horizontal .twentytwenty-handle:before,
.twentytwenty-horizontal .twentytwenty-handle:after {width: 2px;height: 9999px;left: 50%;margin-left: -1px;}
.twentytwenty-vertical .twentytwenty-handle:before,
.twentytwenty-vertical .twentytwenty-handle:after {
width: 9999px;
height: 2px;
top: 50%;
margin-top: -1px;
}
.twentytwenty-before-label,
.twentytwenty-after-label,
.twentytwenty-overlay {
position: absolute;
top: 0;
width: 100%;
height: 100%;
}
.twentytwenty-before-label,
.twentytwenty-after-label,
.twentytwenty-overlay {
transition-duration: 0.5s;
}
.twentytwenty-before-label,
.twentytwenty-after-label {
transition-property: opacity;
}
.twentytwenty-before-label:before,
.twentytwenty-after-label:before {
color: #ffffff;
font-size: 13px;
letter-spacing: 0.1em;
}
.twentytwenty-before-label:before,
.twentytwenty-after-label:before {
position: absolute;
background: rgba(255, 255, 255, 0.2);
line-height: 38px;
padding: 0 20px;
border-radius: 2px;
}
.twentytwenty-horizontal .twentytwenty-before-label:before,
.twentytwenty-horizontal .twentytwenty-after-label:before {
top: 50%;
margin-top: -19px;
}
.twentytwenty-vertical .twentytwenty-before-label:before,
.twentytwenty-vertical .twentytwenty-after-label:before {
left: 50%;
margin-left: -45px;
text-align: center;
width: 90px;
}
.twentytwenty-left-arrow,
.twentytwenty-right-arrow,
.twentytwenty-up-arrow,
.twentytwenty-down-arrow {position: absolute;color: #161616;font-family: "FontAwesome";font-size: 24px;line-height: 45px;}
.twentytwenty-left-arrow::before,
.twentytwenty-right-arrow::before,
.twentytwenty-up-arrow::before,
.twentytwenty-down-arrow::before {
display: inline-block;
}
.twentytwenty-container {
box-sizing: content-box;
width: auto;
z-index: 0;
overflow: hidden;
position: relative;
-moz-user-select: none;
}
.twentytwenty-container img {
max-width: 100%;
position: absolute;
top: 0;
display: block;
}
.twentytwenty-container.active .twentytwenty-overlay,
.twentytwenty-container.active :hover.twentytwenty-overlay {
background: rgba(0, 0, 0, 0);
}
.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label,
.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label,
.twentytwenty-container.active
:hover.twentytwenty-overlay
.twentytwenty-before-label,
.twentytwenty-container.active
:hover.twentytwenty-overlay
.twentytwenty-after-label {
opacity: 0;
}
.twentytwenty-container * {
box-sizing: content-box;
}
.twentytwenty-before-label {
opacity: 0;
}
.twentytwenty-before-label:before {
content: "Before";
}
.twentytwenty-after-label {
opacity: 0;
}
.twentytwenty-after-label:before {
content: "After";
}
.twentytwenty-horizontal .twentytwenty-before-label:before {
right: 10px;
}
.twentytwenty-horizontal .twentytwenty-after-label:before {
left: 10px;
}
.twentytwenty-vertical .twentytwenty-before-label:before {
top: 10px;
}
.twentytwenty-vertical .twentytwenty-after-label:before {
bottom: 10px;
}
.twentytwenty-overlay {
transition-property: background;
background: rgba(0, 0, 0, 0);
z-index: 25;
}
.twentytwenty-overlay:hover {
background: rgba(0, 0, 0, 0.5);
}
.twentytwenty-overlay:hover .twentytwenty-after-label {
opacity: 1;
}
.twentytwenty-overlay:hover .twentytwenty-before-label {
opacity: 1;
}
.twentytwenty-before {
z-index: 20;
}
.twentytwenty-after {
z-index: 10;
}
.twentytwenty-handle {height: 47px;width: 47px;position: absolute;left: 50%;top: 50%;margin-left: -25.5px;margin-top: -25.5px;border: 2px solid #ffffff;background: #ffffff;border-radius: 1000px;box-shadow: 0 0 12px rgba(51, 51, 51, 0.5);z-index: 40;cursor: pointer;}
.twentytwenty-horizontal .twentytwenty-handle:before {
bottom: 50%;
margin-bottom: 22px;
box-shadow: 0 3px 0 #ffffff, 0 0 12px rgba(51, 51, 51, 0.5);
}
.twentytwenty-horizontal .twentytwenty-handle:after {
top: 50%;
margin-top: 22px;
box-shadow: 0 -3px 0 #ffffff, 0 0 12px rgba(51, 51, 51, 0.5);
}
.twentytwenty-vertical .twentytwenty-handle:before {
left: 50%;
margin-left: 22px;
box-shadow: 3px 0 0 #ffffff, 0 0 12px rgba(51, 51, 51, 0.5);
}
.twentytwenty-vertical .twentytwenty-handle:after {
right: 50%;
margin-right: 22px;
box-shadow: -3px 0 0 #ffffff, 0 0 12px rgba(51, 51, 51, 0.5);
}
.twentytwenty-left-arrow {left: 20%;margin-left: -6px;}
.twentytwenty-left-arrow::before {
content: "\f104";
}
.twentytwenty-right-arrow {right: 50%;margin-right: -20px;}
.twentytwenty-right-arrow::before {
content: "\f105";
}
.twentytwenty-up-arrow {
top: 50%;
margin-top: -13px;
}
.twentytwenty-up-arrow::before {
content: "\f106";
}
.twentytwenty-down-arrow {
bottom: 50%;
margin-bottom: -13px;
}
.twentytwenty-down-arrow::before {
content: "\f107";
}
.bg-vide {
position: relative;
z-index: 0;
}
.bg-vide > * {
position: relative;
z-index: 2;
}
.bg-vide > div:not(.container) {
pointer-events: none;
}
.bg-vide::before {
z-index: 1;
}
.video-background {
position: relative;
overflow: hidden;
background-color: #151515;
}
.video-background-poster {
display: none;
}
.video-foreground,
.video-background iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.video-foreground {
height: 300%;
top: -100%;
}
.video-foreground iframe {
left: -5px;
width: calc(100% + 5px);
}
.video-background-inner {
position: relative;
z-index: 1;
}
[data-x-mode="true"] .video-foreground,
.builder .video-foreground,
.ios .video-foreground,
.ipad .video-foreground,
.tablet .video-foreground,
.devices .video-foreground,
.mobile .video-foreground {
display: none;
}
[data-x-mode="true"] .video-background-poster,
.builder .video-background-poster,
.ios .video-background-poster,
.ipad .video-background-poster,
.tablet .video-background-poster,
.devices .video-background-poster,
.mobile .video-background-poster {
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
[data-x-mode="true"] .video-background-poster img,
.builder .video-background-poster img,
.ios .video-background-poster img,
.ipad .video-background-poster img,
.tablet .video-background-poster img,
.devices .video-background-poster img,
.mobile .video-background-poster img {
object-fit: cover;
object-position: center;
width: 100%;
height: 100%;
}
.about-img img {
width: 100%;
border-radius: 10px;
box-shadow: 0 0 10px 0 rgb(0 0 0 / 79%);
order: 1;
}
.service-area {
position: relative;
padding: 40px 0;
}
.service-item {
margin-bottom: 25px;
transition: all 0.5s ease-in-out;
}
.service-item:hover {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
.service-img {
position: relative;
}
.service-img img {
border-radius: 10px;
width: 100%;
height: 415px;
object-fit: cover;
}
.service-icon {
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
background: #161616;
border-radius: 10px;
}
.service-icon i {
font-size: 18px;
color: #fff;
}

.entertainment {
      background: #161616;
      padding:35px 0;
}

.service-content {
  padding: 20px 20px 25px 20px;
  background-color: #00000052;
  border-radius: 10px;
  margin-top: -100px;
  margin-left: 0px;
  backdrop-filter: blur(8px);
  margin-right: 0px;
  position: relative;
  box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%);
  border-radius: 7px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}
.service-content p {
  display: none;
}
.service-content-info {
display: flex;
align-items: center;
gap: 15px;
}
.service-content-info h3 a {
color:#fff !important;
}
.service-arrow {
margin-top: 20px;
display: none;
}
.sv-btn {
text-align: center !important;
}
.service-arrow .theme-btn {
padding: 9px 25px;
}
.service-title a {
font-size: 22px;
color: #000;
font-weight: 600;
}
.service-title a:hover {
color: #161616 !important;
}
.service-text {
margin-top: 15px;
}
.service-area2 .service-content {
margin: 0;
}
.service-area .theme-btn {
font-size: 16px;
color: #ffffff;
padding: 12px 30px;
-webkit-transition: all 0.5s;
transition: all 0.5s;
text-transform: uppercase;
position: relative;
cursor: pointer;
text-align: center;
overflow: hidden;
z-index: 1;
border: none;
border-radius: 8px;
background: #161616;
box-shadow: 0 3px 24px rgb(0 0 0 / 10%);
}
.box-btn {
  margin: auto;
  width: 25%;
  margin-bottom: 30px;
}
.entertainment .theme-btn {
font-size: 16px;
color: #ffffff;
padding: 12px 30px;
-webkit-transition: all 0.5s;
transition: all 0.5s;
text-transform: uppercase;
position: relative;
cursor: pointer;
text-align: center;
overflow: hidden;
z-index: 99;
border: none;
border-radius: 8px;
background: #161616;
box-shadow: 0 3px 24px rgb(0 0 0 / 10%);
display: block;
}
.rd-navbar-fixed .rd-navbar-nav-wrap.active .theme-btn {
  font-size: 16px;
  color: #ffffff;
  padding: 12px 30px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  text-transform: uppercase;
  position: relative;
  cursor: pointer;
  text-align: center;
  overflow: hidden;
  z-index: 99;
  border: none;
  border-radius: 8px;
  background: #161616;
  box-shadow: 0 3px 24px rgb(0 0 0 / 10%);
  display: block;
  margin-right: 55px;
  margin-left: 55px;
}
.theme-btn {
font-size: 16px;
color: #ffffff;
padding: 12px 30px;
-webkit-transition: all 0.5s;
transition: all 0.5s;
text-transform: uppercase;
position: relative;
cursor: pointer;
text-align: center;
overflow: hidden;
z-index: 99;
border: none;
border-radius: 8px;
background: #161616;
box-shadow: 0 3px 24px rgb(0 0 0 / 10%);
display: block;
}
.service-details-content .content-one .text a.theme-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
width: auto;
min-width: 220px;
max-width: 100%;
padding: 12px 24px;
line-height: 1.5;
white-space: normal;
margin-top: 12px;
}
.service-details-content .content-one .text p > a.theme-btn {
margin-top: 0;
}
.theme-btn::before {
content: "";
position: absolute;
left: -2px;
top: -2px;
width: 15px;
height: 15px;
border-radius: 8px;
background: #000000;
z-index: -1;
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
}
.theme-btn:hover {
color: #fff;
}
.theme-btn:hover::before {
width: 105%;
height: 105%;
}
.theme-btn2 {
background: #204066;
}
.theme-btn2::before {
background: #1dbfcc;
}
.theme-btn i {
margin-left: 8px;
}

/* Fix missing glyph for far fa-arrow-right/left across the site */
.far.fa-arrow-right::before {
  content: "\f061";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

.far.fa-arrow-left::before {
  content: "\f060";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
.blog-item {
margin-bottom: 25px;
border-radius: 10px;
padding: 20px;
box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%);
transition: all 0.5s ease-in-out;
}
.blog-item:hover {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
.blog-item-img img {
border-radius: 10px;
width: 320px;
height: 177px;
}
.blog-item-info {
padding-top: 23px;
}
.blog-item-meta ul {
margin: 0;
padding: 0;
margin-bottom: 14px;
border-bottom: 1px solid #e6e8eb;
padding-bottom: 18px;
}
.blog-item-meta ul li {
display: inline-block;
margin-right: 15px;
position: relative;
}
.blog-item-meta ul li i {
margin-right: 5px;
color: #1dbfcc;
}
.blog-item-meta ul li a {
color: #204066;
}
.blog-title a {
font-size: 20px;
margin-bottom: 15px;
text-transform: capitalize;
color: #f0f0f0;
font-weight: 500;
}
.blog-item-info p {
margin-bottom: 16px;
color:#d0d0d0;
}
.blog-btn {
  padding: 10px 25px;
  border-radius: 10px;
  border: 2px solid #777;
  color: #f0f0f0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: fit-content;
  margin: auto;
}
.blog-btn i{
  transform: scaleX(-1);

}
.blog-item-info a:hover {
color: #fafafa;
}
.footer-area {
padding-top: 70px;
padding-bottom: 45px;
background-image: url(../images/footer-bg.jpg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
text-align: right;
direction: rtl;
background-color: #000000;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.footer-area {
  padding: 80px 0;
}
}
@media (max-width: 767px) {
.footer-area {
  padding: 80px 0;
}
}
.footer-area .title {
color: #fff;
font-size: 20px;
color: #fff;
position: relative;
padding-bottom: 14px;
margin-bottom: 20px;
}
.footer-area .title::before {
position: absolute;
content: "";
right: 0;
bottom: 0;
height: 2px;
width: 17px;
background: #161616;
}
@media (max-width: 767px) {
.footer-area .title::before {
  left: 50%;
  right: auto;
  transform: translateX(10px);
}
}
@media (max-width: 767px) {
.footer-about {
  text-align: center;
}
}
.footer-about > a {
}
.footer-about > a img {
width: auto;
height: auto;
/* filter: invert(4); */
}
.footer-about p {
color: #fff;
line-height: 30px;
margin-top: 18px;
}
.footer-about ul {
margin-top: 20px;
display: flex;
gap: 10px;
}
@media (max-width: 767px) {
.footer-about ul {
  justify-content: center;
}
}
.footer-about ul li a {
height: 45px;
width: 45px;
text-align: center;
line-height: 48px;
background: #15101e;
border-radius: 50%;
color: #aea8b9;
font-size: 18px;
}
.footer-about ul li a:hover {
background: #57c0d4;
}
@media (max-width: 767px) {
.footer-nav {
  margin-top: 30px;
  text-align: center;
}
}
.footer-nav ul li a {
color: #fff;
font-size: 16px;
line-height: 34px;
}
.footer-nav ul li a:hover {
color: #fff;
}
.footer-newsletter {
margin-right: 90px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.footer-newsletter {
  margin-top: 30px;
  margin-right: 0;
}
}
@media (max-width: 767px) {
.footer-newsletter {
  margin-top: 30px;
  text-align: center;
  margin-right: 0;
}
}
.footer-newsletter p {
color: #b0a9c0;
line-height: 30px;
margin-bottom: 21px;
}
.footer-newsletter .input-box {
position: relative;
}
.footer-newsletter .input-box input {
width: 100%;
background: #fff;
height: 50px;
padding-left: 20px;
color: #6c6a72;
display: block;
border: 0;
font-size: 14px;
font-weight: 500;
}
.footer-newsletter .input-box input::placeholder {
color: #6c6a72;
opacity: 1;
}
.footer-newsletter .input-box button {
position: absolute;
right: 0;
top: 0;
height: 100%;
width: 50px;
text-align: center;
line-height: 50px;
border: 0;
color: #fff;
font-size: 18px;
background: #5f2dee;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.footer-info {
  margin-top: 30px;
}
}
@media (max-width: 767px) {
.footer-info {
  margin-top: 30px;
  text-align: center;
}
}
.footer-info ul li {
display: flex;
align-items: flex-start;
gap: 13px;
color: #fff;
margin-bottom: 10px;
}
.footer-info ul li span a {
color: #fff
}
@media (max-width: 767px) {
.footer-info ul li {
  justify-content: center;
}
}
.footer-info ul li i {
/*color: #000;*/
font-size: 14px;
color: #f0f0f0;
}
.footer-copyright {
background: #000000;
border-top: 1px solid #161616;
padding: 30px 0;
}
.footer-copyright p {
color: #fff;
}
.footer-copyright p a {
color: #fdfdfd;
}
.contact-page-area {
padding: 60px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.contact-page-area {
  background-image: url(../images/testimonial-bg.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 40px 0 70px;
}
}
@media (max-width: 767px) {
.contact-page-area {
  padding: 40px 0 70px;
}
}
.contact-page-area .conatct-info .item {
display: flex;
align-items: center;
gap: 20px;
margin-bottom: 20px;
}
.contact-page-area .conatct-info .item .content {
text-align: right;
}
.contact-page-area .conatct-info .item .icon {
height: 90px;
width: 90px;
text-align: center;
line-height: 90px;
border-radius: 50%;
background-image: -moz-linear-gradient(0deg, #5f2dee 0%, #b882fc 100%);
background-image: -webkit-linear-gradient(0deg, #161616 0%, #795548 100%);
background-image: -ms-linear-gradient(0deg, #5f2dee 0%, #b882fc 100%);
box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.1);
position: relative;
z-index: 10;
min-width: 90px;
}
.contact-page-area .conatct-info .item .icon i {
color: #161616;
font-size: 30px;
}
.contact-page-area .contact-img{}
.contact-page-area .contact-img img{}
.contact-page-area .conatct-info .item .icon::before {
position: absolute;
content: "";
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background: #fff;
border-radius: 50%;
height: 75px;
width: 75px;
z-index: -1;
}
.contact-page-area .conatct-info .item .content span {
font-size: 15px;
font-weight: 500;
margin-bottom: 2px;
}
.contact-page-area .conatct-info .item .content li {
list-style:none;
margin-bottom:5px
}
.contact-page-area .conatct-info .item .content i {
color: #161616;
font-size:18px;

}
.contact-page-area .conatct-info .item .content span a {
color :#000
}
.contact-page-area .conatct-info .item .content .title {
font-size: 20px;
font-weight: 500;
color: #1e1e1ec4;
line-height: 30px;
}
.contact-page-area .conatct-info .item .content .title a {
color: #1e1e1ec4;
text-transform: lowercase;
}
.contact-form-page-box {
padding: 0;
background: #f4f2f9;
background-image: url(../images/contact-shape-2.png);
background-repeat: no-repeat;
background-position: top right;
background-size: contain;
}
@media (max-width: 767px) {
.contact-form-page-box {
  padding: 30px;
}
}
.contact-form-page-box .input-box {
margin-bottom: 20px;
text-align: right;
}
.contact-form-page-box .input-box input {
width: 100%;
border: 0;
background: #fff;
height: 50px;
padding-right: 20px;
color: #000;
text-align: right;
font-size: 14px;
font-weight: 400;
color: #6c6a72;
}
.contact-form-page-box .input-box .form-control {
width: 100%;
border: 0;
background: #fff;
height: 50px;
padding-right: 20px;
text-align: right;
font-size: 14px;
font-weight: 400;
color: #6c6a72;
border-radius: 0;
}
.contact-form-page-box .input-box input::placeholder {
opacity: 1;
}
.contact-form-page-box .input-box textarea {
width: 100%;
border: 0;
background: #fff;
height: 105px;
padding-right: 17px;
padding-top: 15px;
color: #000;
font-size: 14px;
font-weight: 400;
text-align: right;
resize: none;
color: #6c6a72;
}
.contact-form-page-box .input-box textarea.form-control {
height: 105px;
padding-top: 15px;
}
.contact-form-page-box .custom-select {
width: 100%;
border: 0;
background: #fff;
height: 50px;
padding: 0 20px;
margin-bottom: 20px;
font-size: 14px;
font-weight: 400;
color: #6c6a72;
text-align: right;
border-radius: 0;
}
.contact-form-page-box .input-box textarea::placeholder {
opacity: 1;
}
.contact-form-page-box .input-box button {
width: 100%;
padding: 0;
margin-top: 20px;
}
.service-details .card {
background: #111;
border: 1px solid #2a2a2a;
margin-bottom: 12px;
border-radius: 10px;
overflow: hidden;
}
.service-details .card .card-header {
padding: 0;
background: transparent;
border: 0;
}
.service-details .card .card-header .btn.btn-link {
display: block;
width: 100%;
text-align: right;
padding: 16px 20px;
font-size: 18px;
font-weight: 600;
line-height: 1.5;
color: #fff;
text-decoration: none;
background: transparent;
border: 0;
}
.service-details .card .card-body {
padding: 16px 20px 20px;
color: #afafaf;
}
.main-btn {
display: inline-block;
font-weight: 700;
text-align: center;
text-transform: uppercase;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 0;
padding: 0 50px;
font-size: 14px;
line-height: 60px;
border-radius: 0px;
color: #fff;
cursor: pointer;
z-index: 5;
-webkit-transition: all 0.4s ease-out 0s;
-moz-transition: all 0.4s ease-out 0s;
-ms-transition: all 0.4s ease-out 0s;
-o-transition: all 0.4s ease-out 0s;
transition: all 0.4s ease-out 0s;
background-color: #161616;
position: relative;
z-index: 10;
overflow: hidden;
}
.contact-form-page-box.form-inside {
padding: 36px 25px 44px;
border-radius: 12px;
box-shadow: 0 12px 35px rgb(0 0 0 / 10%);
}
.wrapper {
display: flex;
flex-direction: column;
list-style: none;
position: fixed;
left: 0;
top: 60%;
z-index: 10;
}
.wrapper .icon {
position: relative;
background-color: #161616;
border-radius: 0;
padding: 15px;
margin: 2px;
width: 50px;
height: 50px;
font-size: 23px;
display: flex;
color: #fff;
justify-content: center;
align-items: center;
flex-direction: column;
box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
cursor: pointer;
transition: all 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.wrapper .call , .wrapper .whatsapp , .wrapper .messenger {
  border-radius:50%;
}
.wrapper a {
color: #fff;
}
.wrapper .tooltip {
position: absolute;
left: 0;
font-size: 14px;
background: #ffffff;
color: #ffffff;
padding: 5px 8px;
border-radius: 5px;
box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
opacity: 0;
pointer-events: none;
transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.wrapper .tooltip::before {
position: absolute;
content: "";
height: 8px;
width: 8px;
background: #ffffff;
left: 0px;
top: 48px;
transform: translate(-50%) rotate(45deg);
transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.wrapper .icon:hover .tooltip {
left: 45px !important;
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.wrapper .icon:hover span,
.wrapper .icon:hover .tooltip {
text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.1);
}
.wrapper .facebook:hover,
.wrapper .facebook:hover .tooltip,
.wrapper .facebook:hover .tooltip::before {
background: #1877f2;
color: #ffffff;
}
.wrapper .whatsapp:hover,
.wrapper .whatsapp:hover .tooltip,
.wrapper .whatsapp:hover .tooltip::before {
background: #4caf50;
color: #ffffff;
}
.wrapper .instagram:hover,
.wrapper .instagram:hover .tooltip,
.wrapper .instagram:hover .tooltip::before {
background: #e4405f;
color: #ffffff;
}
.wrapper .call:hover,
.wrapper .call:hover .tooltip,
.wrapper .call:hover .tooltip::before {
background: #128c7e;
color: #ffffff;
}
.wrapper .youtube:hover,
.wrapper .youtube:hover .tooltip,
.wrapper .youtube:hover .tooltip::before {
background: #cd201f;
color: #ffffff;
}
.service-sidebar ul li {
margin-bottom: 1.5rem;
display: block;
}
.service-sidebar ul li:last-child {
margin-bottom: 0;
}
.service-sidebar ul li a {display: flex;padding: 10px 20px;font-size: 15px;color: #fff;width: 100%;border-radius: 5px;/* border: 1px solid #ca9e36; */background-color: #101010;align-items: center;justify-content: space-between;text-align: left;}
.default-sidebar .sidebar-widget .widget-title .shape {
position: relative;
width: 25px;
height: 5px;
}
.default-sidebar .sidebar-widget .widget-title .shape:before {
position: absolute;
content: "";
width: 50px;
height: 1px;
left: 0px;
top: 0px;
}
.default-sidebar .sidebar-widget .widget-title .shape:after {
position: absolute;
content: "";
width: 50px;
height: 1px;
left: 0px;
bottom: 0px;
}
.default-sidebar .sidebar-widget {
position: relative;
display: block;
background: #0b0b0b;
direction: rtl;
margin-bottom: 45px;
}
.default-sidebar .sidebar-widget:last-child {
margin-bottom: 0px;
}
.default-sidebar .category-widget {
padding: 36px 25px 44px 25px;
}
.default-sidebar .sidebar-widget .widget-title {
position: relative;
direction: ltr;
margin-bottom: 33px;
text-align: left;
}
.default-sidebar .sidebar-widget .widget-title h3 {
font-size: 24px;
line-height: 30px;
margin-bottom: 15px;
text-align: right;
font-weight: 500;
}
.default-sidebar .sidebar-widget .widget-title .shape {
position: relative;
width: 25px;
height: 5px;
}
.default-sidebar .sidebar-widget .widget-title .shape:before {
position: absolute;
content: "";
width: 50px;
height: 1px;
left: 0px;
top: 0px;
}
.default-sidebar .sidebar-widget .widget-title .shape:after {
position: absolute;
content: "";
width: 50px;
height: 1px;
left: 0px;
bottom: 0px;
}
.default-sidebar .category-widget .category-list li {
position: relative;
display: flex;
align-items: center;
margin-bottom: 5px;
background-color: #161616;
box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
}
.default-sidebar .category-widget .category-list li:last-child {
margin-bottom: 0px;
}
.default-sidebar .category-widget .category-list li h5 {
display: inline-block;
font-size: 18px;
line-height: 28px;
font-weight: 400;
margin-left: 30px;
}
.default-sidebar .category-widget .category-list li h5 a {
display: inline-block;
color: #222;
}
.default-sidebar .category-widget .category-list li:hover h5 a,
.default-sidebar .category-widget .category-list li.active h5 a {
}
.default-sidebar .category-widget .category-list li .line {
position: relative;
display: block;
width: 100%;
height: 1px;
background: #d7d4e6;
top: 0px;
flex: 1;
opacity: 0;
transition: all 500ms ease;
}
.default-sidebar .category-widget .category-list li.active .line,
.default-sidebar .category-widget .category-list li:hover .line {
opacity: 1;
}
.default-sidebar .sidebar-gallery {
position: relative;
width: 100%;
padding: 145px 0px;
text-align: center;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
margin-bottom: 45px;
}
.default-sidebar .sidebar-gallery:before {
position: absolute;
content: "";
width: 100%;
height: 100%;
left: 0px;
top: 0px;
opacity: 0.75;
}
.default-sidebar .download-brochure {
padding: 36px 30px 50px 45px;
}
.default-sidebar .download-brochure .brochure-list li {
position: relative;
display: block;
margin-bottom: 14px;
}
.default-sidebar .download-brochure .brochure-list li:last-child {
margin-bottom: 0px;
}
.default-sidebar .download-brochure .brochure-list li h5 {
font-size: 18px;
line-height: 28px;
}
.default-sidebar .download-brochure .brochure-list li h5 a {
display: inline-block;
color: #222;
}
.default-sidebar .download-brochure .brochure-list li h5 a:hover {
}
.default-sidebar .download-brochure .brochure-list li i {
position: relative;
font-size: 30px;
margin-right: 15px;
top: 3px;
}
.default-sidebar .download-brochure .widget-title {
margin-bottom: 36px;
}
.service-details-content .two-column .text {
position: relative;
display: block;
overflow: hidden;
background: #f1f0f6;
padding: 38px 30px 37px 45px;
}
.service-details-content .two-column .text h3 {
font-size: 24px;
line-height: 32px;
margin-bottom: 12px;
}
.service-details-content .content-one {
margin-bottom: 44px;
}
.service-details-content .content-one .text {
margin-top: 30px;
direction: rtl;
text-align: right;
}
.service-details-content .content-one .text h2{
color:#f0f0f0;
}
.service-details-content .content-one .text p {margin-top: 20px;font-size: 16px;color:#afafaf;display: block;}
.service-details-content .content-one .text p a {
}
.service-details-content .two-column .text i {
position: absolute;
top: -20px;
left: 5px;
font-size: 120px;
color: #e8e7f2;
}
.section-about {
direction: ltr;
text-align: center;
background:#161616 !important;
}
.section-about .about-img {
/* padding-right: 0 !important; */
order: 1;
}
.section-about .about-text {
order: 2;
padding-left: 30px !important;
}
.section-about .about-text h1 {
  text-align: right;
  padding-bottom: 1rem;
  color: #fff;
  font-weight: bold !important;
}

.section-about .tab-content {
direction: rtl;
text-align: right;
}

.section-about .tab-content p{
  text-align: right;
  color: #d7d4d4;
}
.service-area {
direction: rtl;
background: #010101 !important;
text-align: right;
}
.contact-page-area {
direction: rtl;
text-align: right;
}
.contact-right {
padding-right: 0 !important;
margin-top: 20px;
}
.contact-left {
padding-left: 30px !important;
}
.contact-center{
  margin: auto;
  margin-top: 35px;
}
.section-before-area {
direction: rtl;
background:#262626;
}
.section-before-area h1 {
font-weight: bold;
}
.section-before-area h1 span {
font-weight: 500;
}
.blog-area {
direction: rtl;
padding-bottom: 40px;
padding-top: 40px;
}
.blog-area .site-title {
font-weight: bold;
}
.blog-area .site-title span {
font-weight: 500;
color: #161616;
}
.footer-right {
padding-right: 0 !important;
}
section.service-details {
direction: ltr;
}
section.service-details .text ul li {
display: list-item;
list-style: disc !important;
margin-right: 25px;
color: #afafaf;
font-family: "Cairo", sans-serif;
font-size: 16px;
line-height: 1.8;
font-weight: 400;
}
section.service-details .text ol li {
list-style: arabic-indic !important;
display: list-item;
margin-right: 25px;
color: #afafaf;
font-family: "Cairo", sans-serif;
font-size: 16px;
line-height: 1.8;
font-weight: 400;
}
section.service-details .text ul li::marker,
section.service-details .text ol li::marker {
color: #afafaf;
font-size: 1em;
}
.sidebar-side {
/* padding-right: 0 !important; */
}
.content-side {
/* padding-right: 5px !important; */
/* padding-left: 30px; */
}
ul.service-list {
padding: 8px 8px 15px 0;
}
.video-section {
position: relative;
overflow: hidden;
padding: 100px 0px;
background-attachment: fixed;
background-size: cover;
}
.video-section::before {
position: absolute;
content: "";
inset: 0px;
opacity: 0.7;
background-color: rgb(3, 17, 37);
}
.video-section .content {
position: relative;
text-align: center;
}
.video-section .content h2 {
color: #fff;
line-height: inherit;
}
.video-section .content .text {
font-size: var(--font-18);
color: var(--main-color);
margin-top: var(--margin-top-20);
margin-bottom: var(--margin-bottom-40);
}
.video-section .video-box {
position: relative;
color: #fff;
font-size: 18px;
text-align: center;
border-radius: 10px;
line-height: 1em;
display: inline-block;
z-index: 1;
transition: all 0.3s ease 0s;
}
.video-section .video-box .overlay-box span {
position: absolute;
left: 50%;
top: 50%;
z-index: 99;
font-size: var(--font-16);
font-weight: 400;
text-align: center;
border-radius: 10px;
padding-left: 7px;
display: inline-block;
margin-top: -30px;
margin-left: -30px;
transition: all 900ms ease 0s;
box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 15px;
}
.video-section .video-box .ripple,
.video-section .video-box .ripple::before,
.video-section .video-box .ripple::after {
position: absolute;
top: 46%;
left: 50%;
width: 80px;
height: 80px;
margin-left: 0.5px;
transform: translate(-50%, -50%);
border-radius: 50px;
box-shadow: rgba(255, 255, 255, 0.4) 0px 0px 0px 0px;
animation: 3s ease 0s infinite normal none running ripple;
}
.video-section .video-box .ripple::before {
animation-delay: 0.9s;
content: "";
position: absolute;
}
.video-section .video-box .ripple::after {
animation-delay: 0.6s;
content: "";
position: absolute;
}
@-webkit-keyframes ripple {
70% {
  box-shadow: rgba(255, 255, 255, 0) 0px 0px 0px 70px;
}
100% {
  box-shadow: rgba(255, 255, 255, 0) 0px 0px 0px 0px;
}
}
@keyframes ripple {
70% {
  box-shadow: rgba(255, 255, 255, 0) 0px 0px 0px 70px;
}
100% {
  box-shadow: rgba(255, 255, 255, 0) 0px 0px 0px 0px;
}
}
.team-area {
padding-bottom: 60px;
padding-top: 60px;
position: relative;
z-index: 20;
direction: rtl;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.team-area {
  padding-top: 50px;
  padding-bottom: 80px;
}
}
@media (max-width: 767px) {
.team-area {
  padding-top: 50px;
  padding-bottom: 80px;
}
}
.team-area::before {
position: absolute;
content: "";
top: 0;
right: 0;
background-image: url(../images/team-pattern.png);
height: 470px;
width: 370px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.team-area .row {
  margin-bottom: 0;
}
}
@media (max-width: 767px) {
.team-area .row {
  margin-bottom: 0;
}
}
.team-area .section-title p {
color: #6c6a72;
line-height: 30px;
}
.team-area.team-area-page {
padding-top: 120px;
padding-bottom: 56px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.team-area.team-area-page {
  padding-top: 60px;
  padding-bottom: 70px;
}
}
@media (max-width: 767px) {
.team-area.team-area-page {
  padding-top: 60px;
  padding-bottom: 70px;
}
}
.team-area.team-area-page::before {
display: none;
}
.team-area.team-area-page .single-tema-item {
margin-bottom: 60px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.team-area.team-area-page .single-tema-item {
  margin-bottom: 0;
}
}
@media (max-width: 767px) {
.team-area.team-area-page .single-tema-item {
  margin-bottom: 0;
}
.section-about .about-text {
  padding-left: 30px !important;
  order: 2;
}
.section-about .about-img {
  /* padding-right: 0 !important; */
  order: 2;
}
}
.single-tema-item {
margin-left: 25px;
margin-right: 25px;
padding-top: 20px;
padding-right: 20px;
position: relative;
z-index: 10;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.single-tema-item {
  margin-top: 30px;
}
}
@media (max-width: 768px) {
  #home_particle{
    height: 32vh !important; 
}
.swiper-slider-modern .swiper-slide{
    height: 30vh !important;
    background-position: top;
    margin-top: 30px;
            width:100% !important;
                    background-size: contain !important;
}
  
}
@media (max-width: 480px) {
   #home_particle{
    height: 21vh !important; 
}
.swiper-slider-modern .swiper-slide{
      /*height: 19vh !important;*/
      background-position: top;
      width:100% !important;
      margin-top: 35px;
              background-size: contain !important;
}
}
@media (max-width: 390px) {
   #home_particle{
    height: 26vh !important; 
}
.swiper-slider-modern .swiper-slide{
      /*height: 24vh !important;*/
      background-position: top;
      width:100% !important;
      margin-top: 0;
      background-size: contain !important;
}
}
@media (max-width: 767px) {
.single-tema-item {
  margin: 30px 0 0 0;
}
.main-menu-four__wrapper-inner {
  position: relative;
  display: ruby-text;
  z-index: 1;
}
.main-menu-four__right {
  position: relative;
  top:10px;
}
.box-btn {
  margin: auto;
  width: 50%;
  margin-bottom: 30px;
}
.video-up iframe {
  height: 300px;
}
.breadcrumbs-custom-inset {
  direction: rtl;
  margin-top: 31px;
}
.box-position {
  position: relative;
  height: 20vh !important;
  background-position: 70%;
}
.section-about {
  direction: ltr;
  text-align: center;
  margin-top: 0;
}
.breadcrumbs-custom {
    /* padding: 196px 0; */
}
.section-about .about-text h1 {
  text-align: right;
  padding-bottom: 1rem;
  font-size: 20px;
}
}
.single-tema-item .top-line {
position: absolute;
right: 0;
top: 0;
width: 125px;
height: 140px;
border-top: 1px solid #161616;
border-right: 1px solid #161616;
z-index: -1;
}
.single-tema-item .top-line::before {
position: absolute;
content: "";
left: 20px;
top: -4px;
height: 8px;
width: 8px;
background: #161616;
}
.single-tema-item .top-line::after {
position: absolute;
content: "";
right: -4px;
bottom: 80px;
height: 8px;
width: 8px;
background: #161616;
}
.single-tema-item .thumb {
overflow: hidden;
}
.single-tema-item .thumb img {
transition: all linear 0.3s;
width: 100%;
}
.single-tema-item .content {
padding-top: 18px;
position: relative;
}
.single-tema-item .content .title {
font-size: 24px;
margin-bottom: 10px;
}
.single-tema-item .content span {
font-size: 16px;
font-weight: 500;
color: #6c6a72;
}
.single-tema-item .content .share-icon {
position: absolute;
right: 0;
top: 18px;
background: #5f2dee;
height: 50px;
width: 50px;
text-align: center;
line-height: 50px;
color: #fff;
}
.single-tema-item .content .share-icon ul {
position: absolute;
bottom: 100%;
right: 0;
background: #fff;
display: flex;
flex-direction: column;
box-shadow: 0px 10px 58.8px 1.2px rgba(0, 0, 0, 0.07);
padding: 12px 0 22px 0;
transform: rotateY(91deg);
transition: all linear 0.3s;
opacity: 0;
}
.single-tema-item .content .share-icon ul li {
display: inline-block;
}
.single-tema-item .content .share-icon ul li a {
height: 38px;
width: 50px;
text-align: center;
line-height: 50px;
display: block;
color: #1d1729;
}
.single-tema-item .content .share-icon ul li a:hover {
color: #5f2dee;
}
.single-tema-item .content .share-icon:hover ul {
transform: rotateY(0deg);
opacity: 1;
}
.single-tema-item:hover .thumb img {
transform: scale(1.1);
}
.service-details-content .img-up .slider {
width: 100% !important;
height: 2% !important;
}
.service-details-content .img-up .slider .img {
width: 100% !important;
height: 2% !important;
}
@media (max-width: 991px) {
.service-details .row {
  flex-wrap: wrap-reverse !important;
}
.service-details .row .service-sidebar {
  display: flex;
  flex-direction: column-reverse;
}
.service-details .row .free-quote {
  margin-top: 45px !important;
  margin-bottom: 45px !important;
}
.service-details .row .free-quote .contact-form-page-box {
}
.service-details .row .free-quote .contact-form-page-box .row {
  flex-wrap: wrap !important;
}
}
i {
font-style: unset;
}
.footer-area .footer-left .footer-social {
margin: 25px 0;
padding: 0;
list-style: none;
display: flex;
flex-direction: row;
}
.footer-area .footer-left .footer-social i {
width: 50px;
height: 45px;
line-height: 35px;
color: var(--white);
border-radius: 10px;
background-color: #161616;
text-align: center;
font-size: 18px;
padding: 5px 15px;
transition: all 0.5s ease-out 0s;
}
.footer-area .footer-left .footer-social i:hover {
background: var(--primary-color1);
}
.gap-4 {
gap: 1.5rem !important;
}
.wrapper .icon.contact {
  /* height: 130px; */
  /* background-color: #000000; */
  border-radius: 50%;
}
.wrapper .icon.contact button{
  background-color: #161616;
  padding: 6px 15px;
  border:1px solid#161616;
  color: #fff;
  float: right;
  font-size: 18px;
}
.wrapper .icon.contact button:hover{
  background-color: transparent;
  color: #161616;
}
.wrapper .contact .tooltip {
  width: 350px;
  top: -30px;
  left: 50px !important;
  height: auto;
  transition: all 0.4s ease-in-out;
}
.wrapper .icon.contact a {
  transform: rotate(90deg);
  width: 130px;
  text-align: center;
  color: #fff;
}
/********************************************* online consultation  *********************************************/
#consultation{
  padding: 50px 0;
}
#consultation .content{
  box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
  padding: 30px;
}
#consultation .content .sec-content{
  text-align: center;
  margin-top: 20%;
}
#consultation .content .sec-content h2{
  font-weight: 500;
  margin-bottom: 25px;
  color:#fff;
}
#consultation .content .sec-content p{
  margin-bottom: 20px;
}
#consultation .content .sec-content a{
  background: #161616;
  border-color: #161616;
  padding: 10px 20px;
  color: #fff;
}
.skew {
 position: relative;
 display: flex;
 justify-content: center;
 align-items: center;
 flex-direction: column;
 overflow: hidden;
 --x-translate: 0;
 --y-translate: 0;
}
.skew:hover .skew__item {
 transform: matrix3d(1, 0, 0, var(--x-translate), 0, 1, 0, var(--y-translate), 0, 0, 1, 0, 0, 0, 0, 1);
}
.skew__item {
 box-shadow: -5px -5px 100px -40px rgba(255, 255, 255, 0.3);
 transition: 0.4s cubic-bezier(0.64, 0.57, 0.67, 1.53);
}

.skew__item:hover {
 transition: 0.4s ease-out;
}
.skew__item img{
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  margin: 5px;
  height: auto;
}
/*=== [ Testimonials ] =======================================================================================*/

#testimonials_section {
  background-image: url(../img/bg/3.jpg);
  padding: 70px 0;
}


#testimonials_section .title{
      /*color: #161616;*/
  font-size: 30px;
  margin-bottom: 20px;
} 


.sc_testimonials {
  color: #ffffff;
  padding-right: 15px;
  padding-left: 10px;
  text-align: center;
  position: relative;
}

.sc_testimonials .sc_testimonials_item_text {
  color: #ffffff;
  font-size: 26px;
  line-height: 44px;
}

.sc_testimonials .sc_testimonials_item_name {
  margin-top: 23px;
}

.slick-slider .slick-list {
  padding: 0;
}

.slick-slider .slick-arrow {
  position: absolute;
  top: 0;
  bottom: 0;
  height: 30px;
  margin: auto;
  color: transparent;
  background: transparent;
  border: 0;
  font-size: 0;
}

.slick-slider .slick-next {
  right: 0;
}

.slick-slider .slick-next:before {
  content: "\f054";
  font-family: 'FontAwesome';
  font-size: 25px;
  /*color: rgb(249 146 28 / 70%);*/
  color:#fafafa;
}

.slick-slider .slick-prev {
  left: -20px;
}

.slick-slider .slick-prev:before {
  content: "\f053";
  font-family: 'FontAwesome';
  /*color: rgb(249 146 28 / 70%);*/
  color:#fafafa;
  font-size: 25px;
}
#testimonials_section .service-arrow{
  margin-top: 30px;
}
#video-sec{
  padding:50px 0;
}
#video-sec .site-heading{
  margin-bottom: 20px;
}
/************************************************************  Modal ******************************************************************/
/************************************************************  Modal ******************************************************************/
.modal{
overflow-y: hidden;
}
.modal-backdrop.show {
opacity: 0.4;
}
.modal-backdrop{
background-color: #fff;
}
.modal-dialog{
max-width: 800px;
}
.modal-content{
  border-radius: 20px;
  background: transparent;
  border: 0;
}
.modal-content .modal-header{
  color: #fff;
  background: var(--main-color);
  border-radius: 15px;
  border-bottom: 0;
}
.modal-content .modal-body{
padding-top: 3rem;
background-image: url(../images/banner/modal-bg.jpeg);
position: relative;
border-radius: 15px;
}
.modal-content .modal-body::before{
position:absolute;
content: "";
height: 100;
width: 100%;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: #111111e8;
opacity: 1;
border-radius: 15px;
}
.modal-content .modal-header .btn-close{
margin-left: 0;
color: #fff;
}
.modal-body form{}
.modal-body form .form-control{
background-color: rgb(33 37 41 / 50%);
border: 0;
opacity: 0.9;
border-radius: 40px;
padding: 10px 20px;
margin-bottom: 30px;
text-align: right;
}
.modal-body form .form-select , .contact-form .default-form-group input , .contact-form .default-form-group .form-select{
background-color: rgb(220 172 52);
background-position: left 0.75rem center;
border-radius: 40px !important;
color: #fff !important;
}
.contact-form .default-form-group input::placeholder{
color: #fff;
}
.modal-body form .form-control::placeholder{
color: var(--white-color);
}
.modal-body .modal-footer .btn{
padding: 15px 30px;
}
input.date{
  padding: 10px 20px;
  width: 100%;
}
.contact-form-box form{
  direction: rtl;
}
.contact-form-box form a{
  color: #161616 ;
  background: #fff;
  border-radius: 40px !important;
}
.contact-form-box form a:hover{
  color: #fff ;
  background: transparent;
  border: 1px solid#161616 ;
}
.ui-timepicker-standard{
  z-index: 9999 !important;
  background-color: #000 !important;
  border: 1px solid #000 !important;
}
.ui-timepicker-standard a{
  color: #fff !important;
}
.ui-timepicker-standard a.ui-state-hover{
  background: rgb(220 172 52) !important;
  color: #000 !important;
}

#ui-datepicker-div{
  border-radius: 10px;
  width: 370px !important;
  background: #000 !important;
  text-align: center;
  padding: 10px;
}
.ui-datepicker-header{
  max-width: 100%;
}
#ui-datepicker-div table{
  width: 100%;
}
#ui-datepicker-div table tbody, #ui-datepicker-div table td, #ui-datepicker-div table tfoot, #ui-datepicker-div table th, #ui-datepicker-div table thead, #ui-datepicker-div table tr{
  color:#fff !important ;
  
}


.about-twentytwenty-image {
position: relative;
}

.about-text {
  position:relative;
}
.about-text .btn-play {
  display: flex;
  position: absolute;
  top: 15px;
  left: 13%;
  transform: translate(-50%, -50%);
  align-items: center;
  justify-content: center;
  padding: 0;
  font-size: 35px;
  width: 78px;
  height: 78px;
  border-radius: 50%;
  background-color: #161616;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  color: #fff
}

.about-text .icon-box-icon {
  font-size: 3rem;
  border-color: #cdcdcd
}

/*=======  Location  =======*/

.location-wrapper {
  overflow: hidden;
  margin-bottom: 30px;
}

.location-thumb {
  position: relative;
  text-align: right;
  height: 225px;
}

.location-thumb:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, transparent 0, transparent 30%, #000);
  opacity: 0.8;
  z-index: 1;
  transition: all 0.3s ease-out 0s;
}

.location-thumb a {
  display: block;
  overflow: hidden;
  color: #fff;
  line-height: 1.4;
}

.location-thumb a img {
  height: 126px;
  width: 100%;
  background-size: cover;
  background-position: center;
  transition: all 0.3s ease-out 0s;
  /* opacity: .5; */
  object-fit: cover;
}

.location-thumb:hover a img {
  transform: scale(1.1);
}

.location-thumb .location-content {
  position: relative;
  bottom: 0;
  background-color: transparent;
  padding: 0 30px;
  z-index: 2;
  display: inline-flex;
}

.location-thumb .location-content .icon {
  margin-bottom: 15px;
  font-size: 22px;
  font-weight: 600;
  color: #161616;
  margin-left: 15px;
  /* visibility: hidden; */
  /* opacity: 3; */
  transition: all 0.3s ease-out 0s;
  position: absolute;
  right: 10px;
}

.location-thumb .location-content h4 {
  color: #fff;
  margin-bottom: 8px;
  direction: rtl;
  font-weight: 600;
  text-align: right;
}

.location-thumb .location-content h4 a {
  color: #fff;
}

.location-thumb .location-content span {
  color: #e7e7ef;
}

.location-wrapper:hover .location-thumb:before {
  background: linear-gradient(180deg, #9e7f27 0, #fcd462 30%, #b08f33);
  opacity: 0;
}

.location-thumb:hover .location-content h4 a,
.location-thumb:hover .location-content span {
  color: #000;
}

.location-thumb:hover .location-content .icon {
  visibility: visible;
  opacity: 1;
}


.location-thumb .phone-content {
  position: absolute;
  bottom: 20px;
  background-color: transparent;
  padding: 20px;
  z-index: 2;
  top: 0;
  right: 0;
  display: inline-flex;
}

.location-thumb .phone-content .icon {
  margin-bottom: 15px;
  font-size: 22px;
  font-weight: 600;
  color: #ffffff;
  /* visibility: hidden; */
  margin-left: 15px;
  /* opacity: 3; */
  transition: all 0.3s ease-out 0s;
}

.location-thumb .phone-content h4 {
  color: #fff;
  margin-bottom: 8px;
  font-weight: 600;
}

.location-thumb .phone-content h4 a {
  color: #fff;
}

.location-thumb .phone-content span {
  color: #e7e7ef;
}

.location-wrapper:hover .location-thumb:before {
  background: linear-gradient(180deg, #9e7f27 0, #fcd462 30%, #b08f33);
  opacity: 0;
}

.location-thumb:hover .phone-content h4 a,
.location-thumb:hover .phone-content span {
  color: #000;
}

.location-thumb:hover .phone-content .icon {
  visibility: visible;
  opacity: 1;
}
.gallery__single {
  margin-bottom:30px;
}
.container-wide .row {
  flex-wrap: unset;
  align-items: center;
}

@media (max-width: 991px) {
  .container-wide .row {
      flex-wrap: wrap;
  }
}
.location-sec {
  background-color: #353530 !important;
  padding: 58px 0;
}
/*=======  Intro Wrapper  =======*/

.sc_testimonials_item_content{
  padding:0 15px;
}
.section-title__title,.title ,.white,.site-title,.title-cases{
  color:#fafafa;
  margin-top:10px;
  margin-bottom:10px;
}
.section-about .about-img iframe{
  height: 500px;
}
@media (max-width: 580px) {
  .ytp-cued-thumbnail-overlay-image {
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
}
.section-about .about-img iframe {
  height: 220px;
}
}
@media (max-width: 1200px) {
  .breadcrumbs-custom-inset {
  direction: rtl;
   padding-top: 0px; 
  background: #fff;
  /* margin-top: 130px; */
}
.box-position {
  height: 40vh;
  background-position: 53% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}
}
@media (max-width: 620px) {
  .box-position {
      position: relative;
      height: 18vh !important;
      background-position: 51%;
  }
}