@import url(d3968c2ddcf74c388e6398d9cd8c5d5e.css);

@import url(100605594761408daebad948f82f8990.css);



:root {

  --color1     : #1e1e20;

  --color2     : #f4c36d;

  --color3     : #f1f1f1;

  --color4     : #c4c4c4;

  --color5     : #dbdbdb;

  --color6     : #b1c947;

  --color7     : #b8e8f2;

  --color8     : #8d65ea;

  --color9     : #ffe14f;

  --color10    : #ffd400;

  --color11    : #00d085;

  --color12    : #0072b1;

  --color13    : #55a61d;

  --color14    : #e90133;

  --color15    : #02728e;

  --color16    : #1ec8bf;

  --color17    : #ff4747;

  --color18    : #ffe27a;

  --color19    : #1f5abc;

  --color20    : #d2eaff;

  --transition : all .2s cubic-bezier(0.19, 0.68, 0.49, 1.21);

  --transition2: all .3s linear;

  --pill       : 2.5rem;

  --round      : 50%;

  --curve      : 3px;

  --full       : 100%

}



.bg-color1 {

  background-color: var(--color1)

}



.bg-color2 {

  background-color: var(--color2)

}



.bg-color3 {

  background-color: var(--color3)

}



.bg-color4 {

  background-color: var(--color4)

}



.bg-color5 {

  background-color: var(--color5)

}



.bg-color6 {

  background-color: var(--color6)

}



.bg-color7 {

  background-color: var(--color7)

}



.bg-color8 {

  background-color: var(--color8)

}



.bg-color9 {

  background-color: var(--color9)

}



.bg-color10 {

  background-color: var(--color10)

}



.bg-color11 {

  background-color: var(--color11)

}



.bg-color12 {

  background-color: var(--color12)

}



.bg-color13 {

  background-color: var(--color13)

}



.bg-color14 {

  background-color: var(--color14)

}



.bg-color15 {

  background-color: var(--color15)

}



.bg-color16 {

  background-color: var(--color16)

}



.bg-color17 {

  background-color: var(--color17)

}



.bg-color18 {

  background-color: var(--color18)

}



.bg-color19 {

  background-color: var(--color19)

}



.bg-color20 {

  background-color: var(--color20)

}



.text-color1 {

  color: var(--color1)

}



.text-color2 {

  color: var(--color2)

}



.text-color3 {

  color: var(--color3)

}



.text-color4 {

  color: var(--color4)

}



.text-color5 {

  color: var(--color5)

}



.text-color6 {

  color: var(--color6)

}



.text-color7 {

  color: var(--color7)

}



.text-color8 {

  color: var(--color8)

}



.text-color9 {

  color: var(--color9)

}



.text-color10 {

  color: var(--color10)

}



.text-color11 {

  color: var(--color11)

}



.text-color12 {

  color: var(--color12)

}



.text-color13 {

  color: var(--color13)

}



.text-color14 {

  color: var(--color14)

}



.text-color15 {

  color: var(--color15)

}



.text-color16 {

  color: var(--color16)

}



.text-color17 {

  color: var(--color17)

}



.text-color18 {

  color: var(--color18)

}



.text-color19 {

  color: var(--color19)

}



.text-color20 {

  color: var(--color20)

}



strong {

  font-weight: 600

}



body,

html {

  overflow-x: hidden

}



body {

  margin     : 0;

  font-family: Roboto;

  font-weight: 300;

  position   : relative;

  width      : 100%;

  max-width  : 100%;

  font-size  : 1.125rem;

  color      : var(--color1)

}



h1,

h2,

h3,

h4,

h5,

h6 {

  color      : var(--color1);

  font-family: Arapey;

  font-weight: 400

}



p {

  font-family: Roboto;

  font-weight: 300;

  font-size  : 1.125rem;

  line-height: 1.875rem

}



ul li,

ol li {

  font-size  : 1.125rem;

  line-height: 1.875rem

}



a {

  color: inherit

}



a:hover,

a:focus,

ins {

  text-decoration: none;

  outline        : 0

}



input,

textarea,

select,

button {

  border: 0

}



button,

input[type="submit"],

.fileContainer,

input[type="file"] {

  cursor: pointer

}



input:focus,

textarea:focus,

select:focus,

button:focus,

a:focus,

.form-wrp fieldset p a:focus,

.page-link:focus,

.btn.focus,

.btn:focus,

.bootstrap-select .dropdown-toggle:focus {

  border-color      : transparent;

  outline           : none !important;

  -webkit-box-shadow: none !important;

  -ms-box-shadow    : none !important;

  -o-box-shadow     : none !important;

  box-shadow        : none !important

}

 



 

 

.sec-watermark {

  bottom        : 0;

  font-size     : 15.625rem;

  font-family   : Arapey;

  line-height   : 1;

  color         : var(--color3);

  letter-spacing: 1rem

}



.sec-watermark i {

  font-style: normal;

  float     : right

}



.center-watermark {

  left             : 50%;

  -webkit-transform: translateX(-50%);

  -ms-transform    : translateX(-50%);

  -o-transform     : translateX(-50%);

  transform        : translateX(-50%)

}



.v-center {

  top              : 50%;

  -webkit-transform: translateY(-50%);

  -ms-transform    : translateY(-50%);

  -o-transform     : translateY(-50%);

  transform        : translateY(-50%)

}



.font-200 {

  font-size  : 12.5rem;

  line-height: .75

}



.sec-watermark.v2 {

  margin-left: -10rem

}



.sec-watermark.v3 {

  margin-left: 10.8rem

}



.sec-watermark.v4 {

  left  : 8.75rem;

  bottom: -.8rem

}



.right-watermark {

  right: 0

}



.left-watermark {

  left: 0

}



.sec-btm-rgt-shp {

  bottom : 0;

  right  : 0;

  z-index: -1

}



.sec-btm-lft-shp {

  bottom : 0;

  left   : 0;

  z-index: -1

}



.sec-tp-lft-shp {

  left   : 0;

  top    : 0;

  z-index: -1

}



.sec-tp-rgt-shp {

  right  : 0;

  top    : 0;

  z-index: -1

}



.overlap-tpshap10 {

  top: 10px

}



.overlap-btmshap10 {

  bottom: 10px

}



.overlap-tp-shap10 {

  top: -10px

}



.overlap-btm-shap10 {

  bottom: -10px

}



.overlap-tpshap20 {

  top: 1.25rem

}



.overlap-btmshap20 {

  bottom: 1.25rem

}



.overlap-tp-shap20 {

  top: -1.25rem

}



.overlap-btm-shap20 {

  bottom: -1.25rem

}



.overlap-tpshap40 {

  top: 2.5rem

}



.overlap-btmshap40 {

  bottom: 2.5rem

}



.overlap-tp-shap40 {

  top: -2.5rem

}



.overlap-btm-shap40 {

  bottom: -2.5rem

}



.overlap-tpshap50 {

  top: 3.125rem

}



.overlap-btmshap50 {

  bottom: 3.125rem

}



.overlap-tp-shap50 {

  top: -3.125rem

}



.overlap-btm-shap50 {

  bottom: -3.125rem

}



.overlap-tpshap60 {

  top: 3.75rem

}



.overlap-btmshap60 {

  bottom: 3.75rem

}



.overlap-tp-shap60 {

  top: -3.75rem

}



.overlap-btm-shap60 {

  bottom: -3.75rem

}



.overlap-tpshap70 {

  top: 4.375rem

}



.overlap-btmshap70 {

  bottom: 4.375rem

}



.overlap-tp-shap70 {

  top: -4.375rem

}



.overlap-btm-shap70 {

  bottom: -4.375rem

}



.overlap-tpshap88 {

  top: 5.5rem

}



.overlap-btmshap88 {

  bottom: 5.5rem

}



.overlap-tp-shap88 {

  top: -5.5rem

}



.overlap-btm-shap88 {

  bottom: -5.5rem

}



.overlap-tpshap100 {

  top: 6.25rem

}



.overlap-btmshap100 {

  bottom: 6.25rem

}



.overlap-tp-shap100 {

  top: -6.25rem

}



.overlap-btm-shap100 {

  bottom: -6.25rem

}



.overlap-tpshap120 {

  top: 7.5rem

}



.overlap-btmshap120 {

  bottom: 7.5rem

}



.overlap-tp-shap120 {

  top: -7.5rem

}



.overlap-btm-shap120 {

  bottom: -7.5rem

}



.overlap-tpshap130 {

  top: 8.125rem

}



.overlap-btmshap130 {

  bottom: 8.125rem

}



.overlap-tp-shap130 {

  top: -8.125rem

}



.overlap-btm-shap130 {

  bottom: -8.125rem

}



.overlap-tpshap150 {

  top: 9.375rem

}



.overlap-btmshap150 {

  bottom: 9.375rem

}



.overlap-tp-shap150 {

  top: -9.375rem

}



.overlap-btm-shap150 {

  bottom: -9.375rem

}



.overlap-tpshap160 {

  top: 10rem

}



.overlap-btmshap160 {

  bottom: 10rem

}



.overlap-tp-shap160 {

  top: -10rem

}



.overlap-btm-shap160 {

  bottom: -10rem

}



.overlap-tpshap170 {

  top: 10.5rem

}



.overlap-btmshap170 {

  bottom: 10.5rem

}



.overlap-tp-shap170 {

  top: -10.5rem

}



.overlap-btm-shap170 {

  bottom: -10.5rem

}



.overlap-tpshap200 {

  top: 12.5rem

}



.overlap-btmshap200 {

  bottom: 12.5rem

}



.overlap-tp-shap200 {

  top: -12.5rem

}



.overlap-btm-shap200 {

  bottom: -12.5rem

}



.overlap-tpshap250 {

  top: 15.625rem

}



.overlap-btmshap250 {

  bottom: 15.625rem

}



.overlap-tp-shap250 {

  top: -15.625rem

}



.overlap-btm-shap250 {

  bottom: -15.625rem

}



.overlap-tpshap360 {

  top: 22.5rem

}



.overlap-btmshap360 {

  bottom: 22.5rem

}



.overlap-tp-shap360 {

  top: -22.5rem

}



.overlap-btm-shap360 {

  bottom: -22.5rem

}



.overlap-tpshap375 {

  top: 23.4375rem

}



.overlap-btmshap375 {

  bottom: 23.4375rem

}



.overlap-tp-shap375 {

  top: -23.4375rem

}



.overlap-btm-shap375 {

  bottom: -23.4375rem

}



.overlap-tpshap800 {

  top: 50rem

}



.overlap-btmshap800 {

  bottom: 50rem

}



.overlap-tp-shap800 {

  top: -50rem

}



.overlap-btm-shap800 {

  bottom: -50rem

}



.pos-rgt-30 {

  right: 1.875rem

}



.pos-lft-30 {

  left: 1.875rem

}



.pos-rgt-50 {

  right: 3.125rem

}



.pos-lft-50 {

  left: 3.125rem

}



.pos-rgt-80 {

  right: 5rem

}



.pos-lft-80 {

  left: 5rem

}



.pos-rgt-100 {

  right: 6.25rem

}



.pos-lft-100 {

  left: 6.25rem

}



.pos-rgt-130 {

  right: 8.125rem

}



.pos-lft-130 {

  left: 8.125rem

}



.pos-rgt-195 {

  right: 12.1875rem

}



.pos-lft-195 {

  left: 12.1875rem

}



.pos-rgt-210 {

  right: 13.125rem

}



.pos-lft-210 {

  left: 13.125rem

}



.pos-rgt-250 {

  right: 15.625rem

}



.pos-lft-250 {

  left: 15.625rem

}



.pos-rgt-265 {

  right: 16.5625rem

}



.pos-lft-265 {

  left: 16.5625rem

}



.pos-rgt-305 {

  right: 19.0625rem

}



.pos-lft-305 {

  left: 19.0625rem

}



.pos-rgt-400 {

  right: 25rem

}



.pos-lft-400 {

  left: 25rem

}



.pos-rgt-445 {

  right: 27.8125rem

}



.pos-lft-445 {

  left: 27.8125rem

}



.pos-rgt--30 {

  right: -1.875rem

}



.pos-lft--30 {

  left: -1.875rem

}



.pos-rgt--50 {

  right: -3.125rem

}



.pos-lft--50 {

  left: -3.125rem

}



.pos-rgt--80 {

  right: -5rem

}



.pos-lft--80 {

  left: -5rem

}



.pos-rgt--100 {

  right: -6.25rem

}



.pos-lft--100 {

  left: -6.25rem

}



.dark-bg {

  background-color: #272727

}



.dark-bg2 {

  background-color: #181818

}



.dark-bg3 {

  background-color: #111

}



.gray-bg {

  background-color: #f8f8f8

}



.gray-bg2 {

  background-color: #f2f2f2

}



.gray-bg3 {

  background-color: #eff4f1

}



.gray-bg4 {

  background-color: #fbfbfb

}



.bg-black {

  background-color: #000

}



.bg-white {

  background-color: #fff

}



.container {

  padding  : 0;

  max-width: 73.125rem

}



.wide-sec,

.wide-sec2 {

  position: relative;

  z-index : 1

}



.wide-sec {

  width      : calc(100%+18.75rem);

  margin-left: -9.375rem

}



.wide-sec2 {

  width      : calc(100%+10rem);

  margin-left: -5rem

}



.mrg {

  margin: 0

}



.mrg div[class^="col"] {

  padding: 0

}



.mrg .row:not(.mrg) div[class^="col"] {

  padding: 0 .9375rem

}



.mrg2 {

  margin: 0 -1px

}



.mrg2 div[class^="col"] {

  padding: 0 1px

}



.mrg5 {

  margin: 0 -0.15625rem

}



.mrg5 div[class^="col"] {

  padding: 0 .15625rem

}



.mrg6 {

  margin: 0 -0.1875rem

}



.mrg6 div[class^="col"] {

  padding: 0 .1875rem

}



.mrg10 {

  margin: 0 -0.3125rem

}



.mrg10 div[class^="col"] {

  padding: 0 .3125rem

}



.mrg15 {

  margin: 0 -0.46875rem

}



.mrg15 div[class^="col"] {

  padding: 0 .46875rem

}



.mrg20 {

  margin: 0 -0.625rem

}



.mrg20 div[class^="col"] {

  padding: 0 .625rem

}



.mrg35 {

  margin: 0 -1.09375rem

}



.mrg35 div[class^="col"] {

  padding: 0 1.09375rem

}



.mrg40 {

  margin: 0 -1.25rem

}



.mrg40 div[class^="col"] {

  padding: 0 1.25rem

}



.mrg45 {

  margin: 0 -1.40625rem

}



.mrg45 div[class^="col"] {

  padding: 0 1.40625rem

}



.mrg50 {

  margin: 0 -1.5625rem

}



.mrg50 div[class^="col"] {

  padding: 0 1.5625rem

}



.mrg55 {

  margin: 0 -1.71875rem

}



.mrg55 div[class^="col"] {

  padding: 0 1.71875rem

}



.mrg60 {

  margin: 0 -1.875rem

}



.mrg60 div[class^="col"] {

  padding: 0 1.875rem

}



.mrg70 {

  margin: 0 -2.1875rem

}



.mrg70 div[class^="col"] {

  padding: 0 2.1875rem

}



.mrg80 {

  margin: 0 -2.5rem

}



.mrg80 div[class^="col"] {

  padding: 0 2.5rem

}



.slick-slide div[class^="col"] {

  flex     : 0 0 100%;

  max-width: 100%

}



.font-weight-hairline {

  font-weight: 100

}



.font-weight-thin {

  font-weight: 200

}



.font-weight-medium {

  font-weight: 500

}



.font-weight-semibold {

  font-weight: 600

}



.font-weight-extrabold {

  font-weight: 800

}



.font-weight-black {

  font-weight: 900

}



.font-style-italic {

  font-style: italic

}



.font-style-normal {

  font-style: normal

}



.bubble-bg {

  top                : 0;

  left               : 0;

  bottom             : 0;

  background-size    : cover;

  background-position: center

}



.fixed-bg,

.parallax-bg {

  background-position: center;

  height             : 100%;

  width              : 100%;

  margin             : 0;

  position           : absolute;

  left               : 0;

  top                : 0;

  z-index            : -2

}



.fixed-bg {

  background-attachment: scroll;

  background-size      : cover

}



.parallax-bg {

  background-attachment: fixed;

  background-size      : contain

}



.back-post-cntrbtm-norpet {

  background-position: center bottom;

  background-repeat  : no-repeat;

  background-size    : contain

}



.back-post-cntrbtm {

  background-position: center bottom

}



.back-post-lftcntr {

  background-position: left center

}



.fixed-bg.patern-bg,

.parallax-bg.patern-bg {

  background-size: initial

}



.fixed-bg.bg-norepeate {

  background-size  : initial;

  background-repeat: no-repeat

}



.back-blend-soft-light {

  background-blend-mode: soft-light

}



.back-blend-difference {

  background-blend-mode: difference

}



.back-blend-screen {

  background-blend-mode: screen

}



.back-blend-multiply {

  background-blend-mode: multiply

}



.back-blend-subtract {

  background-blend-mode: subtract

}



.black-layer:before,

.white-layer:before,

.gray-layer:before,

.gray-layer2:before,

.dark-layer:before {

  content : "";

  height  : 100%;

  left    : 0;

  position: absolute;

  top     : 0;

  width   : 100%;

  z-index : -1

}



.black-layer:before {

  background-color: #000

}



.white-layer:before {

  background-color: #fff

}



.gray-layer:before {

  background-color: var(--color4)

}



.dark-layer:before {

  background-color: var(--color1)

}



.paralx-70:before,

.paralx-70 .fixed-bg {

  height: 70%

}



.paralx-52:before,

.paralx-52 .fixed-bg {

  height: 52%

}



.opc-03,

.opc03:before {

  opacity: .06

}



.opc-06,

.opc06:before {

  opacity: .06

}



.opc-1,

.opc1:before {

  opacity: .1

}



.opc-15,

.opc15:before {

  opacity: .15

}



.opc-2,

.opc2:before {

  opacity: .2

}



.opc-25,

.opc25:before {

  opacity: .25

}



.opc-3,

.opc3:before {

  opacity: .3

}



.opc-35,

.opc35:before {

  opacity: .35

}



.opc-4,

.opc4:before {

  opacity: .4

}



.opc-45,

.opc45:before {

  opacity: .45

}



.opc-5,

.opc5:before {

  opacity: .5

}



.opc-55,

.opc55:before {

  opacity: .55

}



.opc-6,

.opc6:before {

  opacity: .6

}



.opc-65,

.opc65:before {

  opacity: .65

}



.opc-7,

.opc7:before {

  opacity: .7

}



.opc-75,

.opc75:before {

  opacity: .75

}



.opc-8,

.opc8:before {

  opacity: .8

}



.opc-85,

.opc85:before {

  opacity: .85

}



.opc-9,

.opc9:before {

  opacity: .9

}



.opc-95,

.opc95:before {

  opacity: .95

}



.opc-97,

.opc97:before {

  opacity: .97

}



.opc-99,

.opc99:before {

  opacity: .99

}



.z-1 {

  z-index: -1

}



.z-2 {

  z-index: -2

}



.z-3 {

  z-index: -3

}



.z-4 {

  z-index: -4

}



.z-5 {

  z-index: -5

}



.z1 {

  z-index: 1

}



.z2 {

  z-index: 2

}



.z3 {

  z-index: 3

}



.z4 {

  z-index: 4

}



.z5 {

  z-index: 5

}



iframe {

  border: 0;

  width : 100%

}



img {

  height        : auto;

  max-width     : 100%;

  vertical-align: middle

}



.frame {

  top   : 1.25rem;

  left  : 1.25rem;

  right : 1.25rem;

  bottom: 1.25rem;

  border: 1px solid

}



.w-5 {

  width: 5%

}



.w-10 {

  width: 10%

}



.w-15 {

  width: 15%

}



.w-20 {

  width: 20%

}



.w-25 {

  width: 25%

}



.w-30 {

  width: 30%

}



.w-35 {

  width: 35%

}



.w-40 {

  width: 40%

}



.w-45 {

  width: 45%

}



.w-50 {

  width: 50%

}



.w-55 {

  width: 55%

}



.w-60 {

  width: 60%

}



.w-65 {

  width: 65%

}



.w-70 {

  width: 70%

}



.w-75 {

  width: 75%

}



.w-80 {

  width: 80%

}



.w-85 {

  width: 85%

}



.w-90 {

  width: 90%

}



.w-95 {

  width: 95%

}



.w-100 {

  width: 100%

}



.wow {

  visibility: hidden

}



i,

a,

img,

svg,

svg>*,

input,

button,

textarea,

:before,

:after,

label,

span,

nav ul li,

.header-search,

.feat-cap,

.proj-calc-head>h2,

.proj-info,

.fact-box>h2,

.package-box,

.package-head>h4,

.photo-info-box-inner,

.toggle-item>h4,

.customBtns>div,

.timeline-box-head,

.timeline-box-head>h4,

.timeline-box,

.timeline-box>*,

.roadmap-box,

.cont-info-box,

.port-img,

.port-info2,

.minicart-dropdown,

.responsive-menu,

.port-info3 {

  -webkit-transition: var(--transition2);

  -ms-transition    : var(--transition2);

  -o-transition     : var(--transition2);

  transition        : var(--transition2)

}



nav ul ul {

  -webkit-transition                : all 600ms cubic-bezier(0.175, 0.885, 0.320, 1);

  -webkit-transition                : all 600ms cubic-bezier(0.175, 0.885, 0.320, 1.275);

  -moz-transition                   : all 600ms cubic-bezier(0.175, 0.885, 0.320, 1.275);

  -o-transition                     : all 600ms cubic-bezier(0.175, 0.885, 0.320, 1.275);

  transition                        : all 600ms cubic-bezier(0.175, 0.885, 0.320, 1.275);

  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);

  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275);

  -moz-transition-timing-function   : cubic-bezier(0.175, 0.885, 0.320, 1.275);

  -o-transition-timing-function     : cubic-bezier(0.175, 0.885, 0.320, 1.275);

  transition-timing-function        : cubic-bezier(0.175, 0.885, 0.320, 1.275)

}



a i,

button i {

  -webkit-transition: none;

  -ms-transition    : none;

  -o-transition     : none;

  transition        : none

}



.brd-rd40 {

  -webkit-border-radius: 2.5rem;

  border-radius        : 2.5rem

}



.brd-rd20 {

  -webkit-border-radius: 1.25rem;

  border-radius        : 1.25rem

}



.brd-rd10 {

  -webkit-border-radius: .625rem;

  border-radius        : .625rem

}



.brd-rd5 {

  -webkit-border-radius: .3125rem;

  border-radius        : .3125rem

}



.brd-rd3 {

  -webkit-border-radius: .1875rem;

  border-radius        : .1875rem

}



.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {

  width: 100%

}



.dropdown-menu {

  border            : 0;

  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .15);

  -ms-box-shadow    : 0 0 10px rgba(0, 0, 0, .15);

  -o-box-shadow     : 0 0 10px rgba(0, 0, 0, .15);

  box-shadow        : 0 0 10px rgba(0, 0, 0, .15);

  padding           : 0

}



.bootstrap-select .dropdown-menu li {

  line-height: initial

}



.bootstrap-select .dropdown-menu li:nth-child(2n) {

  background-color: #f5f5f5

}



.bootstrap-select .dropdown-menu li a {

  padding: 6px 1.5rem

}



.bootstrap-select .dropdown-menu li a.dropdown-item.active,

.bootstrap-select .dropdown-menu li a.dropdown-item:active,

.bootstrap-select .dropdown-menu li a:hover,

.bootstrap-select .dropdown-menu li a:focus {

  color: #fff !important

}



.particles-js {

  position: absolute;

  top     : 0;

  bottom  : 0;

  left    : 0;

  right   : 0

}



@-webkit-keyframes spin {

  from {

    transform: rotate(0deg)

  }



  to {

    transform: rotate(360deg)

  }

}



@-o-keyframes spin {

  from {

    transform: rotate(0deg)

  }



  to {

    transform: rotate(360deg)

  }

}



@keyframes spin {

  from {

    transform: rotate(0deg)

  }



  to {

    transform: rotate(360deg)

  }

}



@keyframes slide-anim {

  0% {

    -webkit-transform: rotateX(0deg) translateY(0px);

    -ms-transform    : rotateX(0deg) translateY(0px);

    -o-transform     : rotateX(0deg) translateY(0px);

    transform        : rotateX(0deg) translateY(0px)

  }



  50% {

    -webkit-transform: rotateX(0deg) translateY(15px);

    -ms-transform    : rotateX(0deg) translateY(15px);

    -o-transform     : rotateX(0deg) translateY(15px);

    transform        : rotateX(0deg) translateY(15px)

  }



  100% {

    -webkit-transform: rotateX(0deg) translateY(0px);

    -ms-transform    : rotateX(0deg) translateY(0px);

    -o-transform     : rotateX(0deg) translateY(0px);

    transform        : rotateX(0deg) translateY(0px)

  }

}



@-webkit-keyframes slide-anim {

  0% {

    -webkit-transform: rotateX(0deg) translateY(0px);

    -ms-transform    : rotateX(0deg) translateY(0px);

    -o-transform     : rotateX(0deg) translateY(0px);

    transform        : rotateX(0deg) translateY(0px)

  }



  50% {

    -webkit-transform: rotateX(0deg) translateY(-10px);

    -ms-transform    : rotateX(0deg) translateY(-10px);

    -o-transform     : rotateX(0deg) translateY(-10px);

    transform        : rotateX(0deg) translateY(-10px)

  }



  100% {

    -webkit-transform: rotateX(0deg) translateY(0px);

    -ms-transform    : rotateX(0deg) translateY(0px);

    -o-transform     : rotateX(0deg) translateY(0px);

    transform        : rotateX(0deg) translateY(0px)

  }

}



.slide-anim {

  -webkit-animation: 5s slide-anim infinite;

  -ms-animation    : 5s slide-anim infinite;

  -o-animation     : 5s slide-anim infinite;

  animation        : 5s slide-anim infinite

}



.spinner:before,

.spinner:after {

  content              : "";

  position             : absolute;

  top                  : 50%;

  left                 : 50%;

  margin-top           : -4.0625rem;

  margin-left          : -4.0625rem;

  background-color     : inherit;

  -webkit-animation    : pluse 2s linear infinite;

  -ms-animation        : pluse 2s linear infinite;

  -o-animation         : pluse 2s linear infinite;

  animation            : pluse 2s linear infinite;

  width                : 8.125rem;

  height               : 8.125rem;

  -webkit-border-radius: inherit;

  border-radius        : inherit;

  opacity              : 0;

  z-index              : -2

}



.spinner:after {

  -webkit-animation      : pluse 2s linear 2.3s infinite;

  -ms-animation          : pluse 2s linear 2.3s infinite;

  -o-animation           : pluse 2s linear 2.3s infinite;

  animation              : pluse 2s linear 2.3s infinite;

  -webkit-animation-delay: .5s;

  -ms-animation-delay    : .5s;

  -o-animation-delay     : .5s;

  animation-delay        : .5s

}



@-webkit-keyframes pluse {

  0% {

    -webkit-transform: scale(0);

    -ms-transform    : scale(0);

    -o-transform     : scale(0);

    transform        : scale(0);

    opacity          : 1

  }



  100% {

    -webkit-transform: scale(1.3);

    -ms-transform    : scale(1.3);

    -o-transform     : scale(1.3);

    transform        : scale(1.3);

    opacity          : 0

  }

}



@-ms-keyframes pluse {

  0% {

    -webkit-transform: scale(0);

    -ms-transform    : scale(0);

    -o-transform     : scale(0);

    transform        : scale(0);

    opacity          : 1

  }



  100% {

    -webkit-transform: scale(1.3);

    -ms-transform    : scale(1.3);

    -o-transform     : scale(1.3);

    transform        : scale(1.3);

    opacity          : 0

  }

}



@-o-keyframes pluse {

  0% {

    -webkit-transform: scale(0);

    -ms-transform    : scale(0);

    -o-transform     : scale(0);

    transform        : scale(0);

    opacity          : 1

  }



  100% {

    -webkit-transform: scale(1.3);

    -ms-transform    : scale(1.3);

    -o-transform     : scale(1.3);

    transform        : scale(1.3);

    opacity          : 0

  }

}



@keyframes pluse {

  0% {

    -webkit-transform: scale(0);

    -ms-transform    : scale(0);

    -o-transform     : scale(0);

    transform        : scale(0);

    opacity          : 1

  }



  100% {

    -webkit-transform: scale(1.3);

    -ms-transform    : scale(1.3);

    -o-transform     : scale(1.3);

    transform        : scale(1.3);

    opacity          : 0

  }

}



.zoom-anim {

  -webkit-animation: zoom 8s linear infinite;

  -ms-animation    : zoom 8s linear infinite;

  -o-animation     : zoom 8s linear infinite;

  animation        : zoom 8s linear infinite

}



@-webkit-keyframes zoom {

  0% {

    -webkit-transform: scale(1);

    -ms-transform    : scale(1);

    -o-transform     : scale(1);

    transform        : scale(1)

  }



  50% {

    -webkit-transform: scale(1.05);

    -ms-transform    : scale(1.05);

    -o-transform     : scale(1.05);

    transform        : scale(1.05)

  }



  100% {

    -webkit-transform: scale(1);

    -ms-transform    : scale(1);

    -o-transform     : scale(1);

    transform        : scale(1)

  }

}



@-ms-keyframes zoom {

  0% {

    -webkit-transform: scale(1);

    -ms-transform    : scale(1);

    -o-transform     : scale(1);

    transform        : scale(1)

  }



  50% {

    -webkit-transform: scale(1.05);

    -ms-transform    : scale(1.05);

    -o-transform     : scale(1.05);

    transform        : scale(1.05)

  }



  100% {

    -webkit-transform: scale(1);

    -ms-transform    : scale(1);

    -o-transform     : scale(1);

    transform        : scale(1)

  }

}



@-o-keyframes zoom {

  0% {

    -webkit-transform: scale(1);

    -ms-transform    : scale(1);

    -o-transform     : scale(1);

    transform        : scale(1)

  }



  50% {

    -webkit-transform: scale(1.05);

    -ms-transform    : scale(1.05);

    -o-transform     : scale(1.05);

    transform        : scale(1.05)

  }



  100% {

    -webkit-transform: scale(1);

    -ms-transform    : scale(1);

    -o-transform     : scale(1);

    transform        : scale(1)

  }

}



@keyframes zoom {

  0% {

    -webkit-transform: scale(1);

    -ms-transform    : scale(1);

    -o-transform     : scale(1);

    transform        : scale(1)

  }



  50% {

    -webkit-transform: scale(1.05);

    -ms-transform    : scale(1.05);

    -o-transform     : scale(1.05);

    transform        : scale(1.05)

  }



  100% {

    -webkit-transform: scale(1);

    -ms-transform    : scale(1);

    -o-transform     : scale(1);

    transform        : scale(1)

  }

}



@-webkit-keyframes zoom2 {

  0% {

    -webkit-transform: scale(1);

    -ms-transform    : scale(1);

    -o-transform     : scale(1);

    transform        : scale(1)

  }



  50% {

    -webkit-transform: scale(1.2);

    -ms-transform    : scale(1.2);

    -o-transform     : scale(1.2);

    transform        : scale(1.2)

  }



  100% {

    -webkit-transform: scale(1);

    -ms-transform    : scale(1);

    -o-transform     : scale(1);

    transform        : scale(1)

  }

}



@keyframes zoom2 {

  0% {

    -webkit-transform: scale(1);

    -ms-transform    : scale(1);

    -o-transform     : scale(1);

    transform        : scale(1)

  }



  50% {

    -webkit-transform: scale(1.2);

    -ms-transform    : scale(1.2);

    -o-transform     : scale(1.2);

    transform        : scale(1.2)

  }



  100% {

    -webkit-transform: scale(1);

    -ms-transform    : scale(1);

    -o-transform     : scale(1);

    transform        : scale(1)

  }

}



@-webkit-keyframes rotate {

  0% {

    -webkit-transform: rotateY(0);

    -ms-transform    : rotateY(0);

    -o-transform     : rotateY(0);

    transform        : rotateY(0)

  }



  25% {

    -webkit-transform: rotateY(90deg);

    -ms-transform    : rotateY(90deg);

    -o-transform     : rotateY(90deg);

    transform        : rotateY(90deg)

  }



  50% {

    -webkit-transform: rotateY(180deg);

    -ms-transform    : rotateY(180deg);

    -o-transform     : rotateY(180deg);

    transform        : rotateY(180deg)

  }



  75% {

    -webkit-transform: rotateY(270deg);

    -ms-transform    : rotateY(270deg);

    -o-transform     : rotateY(270deg);

    transform        : rotateY(270deg)

  }



  100% {

    -webkit-transform: rotateY(360deg);

    -ms-transform    : rotateY(360deg);

    -o-transform     : rotateY(360deg);

    transform        : rotateY(360deg)

  }

}



@keyframes rotate {

  0% {

    -webkit-transform: rotateY(0);

    -ms-transform    : rotateY(0);

    -o-transform     : rotateY(0);

    transform        : rotateY(0)

  }



  25% {

    -webkit-transform: rotateY(90deg);

    -ms-transform    : rotateY(90deg);

    -o-transform     : rotateY(90deg);

    transform        : rotateY(90deg)

  }



  50% {

    -webkit-transform: rotateY(180deg);

    -ms-transform    : rotateY(180deg);

    -o-transform     : rotateY(180deg);

    transform        : rotateY(180deg)

  }



  75% {

    -webkit-transform: rotateY(270deg);

    -ms-transform    : rotateY(270deg);

    -o-transform     : rotateY(270deg);

    transform        : rotateY(270deg)

  }



  100% {

    -webkit-transform: rotateY(360deg);

    -ms-transform    : rotateY(360deg);

    -o-transform     : rotateY(360deg);

    transform        : rotateY(360deg)

  }

}



#preloader {

  position        : fixed;

  top             : 0;

  z-index         : 99999;

  right           : 0;

  bottom          : 0;

  left            : 0;

  text-align      : center;

  background-color: #fff

}



.preloader-inner {

  height           : 9.375rem;

  line-height      : 9.375rem;

  width            : 9.375rem;

  position         : absolute;

  top              : 50%;

  left             : 50%;

  -webkit-transform: translate(-50%, -50%);

  -ms-transform    : translate(-50%, -50%);

  -o-transform     : translate(-50%, -50%);

  transform        : translate(-50%, -50%)

}



.preloader-inner:before {

  content              : "";

  position             : absolute;

  left                 : 0;

  right                : 0;

  top                  : 0;

  bottom               : 0;

  -webkit-border-radius: 50%;

  border-radius        : 50%;

  border               : 2px solid;

  -webkit-animation    : rotate 5s infinite linear;

  -ms-animation        : rotate 5s infinite linear;

  -o-animation         : rotate 5s infinite linear;

  animation            : rotate 5s infinite linear

}



.preloader-icon {

  display          : inline-block;

  font-size        : 3.75rem;

  -webkit-animation: zoom2 3s infinite linear;

  -ms-animation    : zoom2 3s infinite linear;

  -o-animation     : zoom2 3s infinite linear;

  animation        : zoom2 3s infinite linear

}



a.play-btn svg {

  cursor               : pointer;

  -webkit-transition   : all .3s ease-out 0s;

  -ms-transition       : all .3s ease-out 0s;

  -o-transition        : all .3s ease-out 0s;

  transition           : all .3s ease-out 0s;

  -webkit-border-radius: 50%;

  border-radius        : 50%;

  display              : block;

  z-index              : 1;

  position             : relative

}



a.play-btn:hover svg {

  -webkit-transform: scale(1.2);

  -ms-transform    : scale(1.2);

  -o-transform     : scale(1.2);

  transform        : scale(1.2)

}



a.play-btn svg .stroke-dotted {

  stroke-width            : 2.5px;

  opacity                 : 1;

  stroke-dasharray        : 7, 8;

  -webkit-transform-origin: 50% 50%;

  transform-origin        : 50% 50%;

  -webkit-transition      : opacity 1s ease, stroke-width 1s ease;

  -ms-transition          : opacity 1s ease, stroke-width 1s ease;

  -o-transition           : opacity 1s ease, stroke-width 1s ease;

  transition              : opacity 1s ease, stroke-width 1s ease

}



a.play-btn:hover svg .stroke-dotted {

  -webkit-animation: spin 4s infinite linear;

  -ms-animation    : spin 4s infinite linear;

  -o-animation     : spin 4s infinite linear;

  animation        : spin 4s infinite linear

}



.slick-slide:hover,

.slick-slide:focus {

  border : 0 !important;

  outline: 0 !important

}



.slick-slider>button.slick-arrow {

  background-color: transparent;

  padding         : 0;

  font-size       : 1.25rem;

  line-height     : 1;

  top             : 50%;

  position        : absolute

}



.slick-slider>button.slick-prev {

  left: -9.6875rem

}



.slick-slider>button.slick-next {

  right: -9.6875rem

}



.pagiInfo {

  position   : absolute;

  left       : 50%;

  bottom     : 0;

  font-family: Roboto;

  font-size  : 1rem;

  font-weight: 600;

  color      : var(--color1)

}



.pagiInfo:first-letter {

  font-family: Arapey;

  font-size  : 6.25rem;

  font-weight: 400

}



.v-ctr-arw.slick-slider>button.slick-arrow {

  left  : auto;

  margin: -1.125rem 0 0;

  bottom: 50%

}



.v-ctr-arw.slick-slider>button.slick-prev {

  left: -3rem

}



.v-ctr-arw.slick-slider>button.slick-next {

  right: -3rem

}



.v-ctr-arw.v2.slick-slider>button.slick-arrow {

  bottom: auto;

  margin: 0;

  top   : 6.5rem

}



.v-ctr-arw.v2.slick-slider>button.slick-prev {

  left: -4rem

}



.v-ctr-arw.v2.slick-slider>button.slick-next {

  right: -4rem

}



.slick-slider:not(.feat-caro) ul.slick-dots {

  display        : flex;

  margin         : 1.5rem 0 0;

  list-style     : none;

  justify-content: center;

  padding-left   : 0

}



.slick-slider:not(.feat-caro) ul.slick-dots>li {

  line-height: .75rem;

  margin     : 0 3px

}



.slick-slider:not(.feat-caro) ul.slick-dots>li button {

  background-color: #fff;

  color           : transparent;

  padding         : 0;

  border          : 1px solid var(--color5);

  height          : .9375rem;

  width           : .9375rem;

  font-size       : 0

}



.facebook,

.facebook-hvr:hover,

.facebook-hvr:focus {

  background-color: #3b5999;

  border-color    : #3b5999

}



.twitter,

.twitter-hvr:hover,

.twitter-hvr:focus {

  background-color: #55acee;

  border-color    : #55acee

}



.google,

.google-hvr:hover,

.google-hvr:focus {

  background-color: #dd4b39;

  border-color    : #dd4b39

}



.pinterest,

.pinterest-hvr:hover,

.pinterest-hvr:focus {

  background-color: #bd081c;

  border-color    : #bd081c

}



.linkedin,

.linkedin-hvr:hover,

.linkedin-hvr:focus {

  background-color: #0077B5;

  border-color    : #0077B5

}



.youtube,

.youtube-hvr:hover,

.youtube-hvr:focus {

  background-color: #cd201f;

  border-color    : #cd201f

}



.instagram,

.instagram-hvr:hover,

.instagram-hvr:focus {

  background-color: #e4405f;

  border-color    : #e4405f

}



.vimeo,

.vimeo-hvr:hover,

.vimeo-hvr:focus {

  background-color: #8cbe0b;

  border-color    : #8cbe0b

}



.skype,

.skype-hvr:hover,

.skype-hvr:focus {

  background-color: #00AFF0;

  border-color    : #00AFF0

}



.rss,

.rss-hvr:hover,

.rss-hvr:focus {

  background-color: #f26522;

  border-color    : #f26522

}



.facebook-clr,

.facebook:hover,

.facebook:focus {

  color: #3b5999

}



.twitter-clr,

.twitter:hover,

.twitter:focus {

  color: #55acee

}



.google-clr,

.google:hover,

.google:focus {

  color: #dd4b39

}



.pinterest-clr,

.pinterest:hover,

.pinterest:focus {

  color: #bd081c

}



.linkedin-clr,

.linkedin:hover,

.linkedin:focus {

  color: #0077B5

}



.youtube-clr,

.youtube:hover,

.youtube:focus {

  color: #cd201f

}



.instagram-clr,

.instagram:hover,

.instagram:focus {

  color: #e4405f

}



.vimeo-clr,

.vimeo:hover,

.vimeo:focus {

  color: #8cbe0b

}



.skype-clr,

.skype:hover,

.skype:focus {

  color: #00AFF0

}



.rss-clr,

.rss:hover,

.rss:focus {

  color: #f26522

}



.max-80 {

  max-width: 5rem

}



.max-90 {

  max-width: 5.625rem

}



.max-100 {

  max-width: 6.25rem

}



.max-120 {

  max-width: 7.5rem

}



.max-130 {

  max-width: 8.125rem

}



.min-140 {

  min-width: 8.75rem

}



header {

  position: relative;

  z-index : 9999

}



header.stick {

  position: fixed;

  left    : 0;

  top     : 0

}



.logo {

  display    : inline-block;

  position   : relative;

  line-height: 1

}



.logo a {

  display: block

}



.logo .hover-logo,

.logo .sticky-logo {

  position         : absolute;

  -webkit-transform: rotateX(180deg);

  -ms-transform    : rotateX(180deg);

  -o-transform     : rotateX(180deg);

  transform        : rotateX(180deg);

  opacity          : 0;

  left             : 0;

  top              : 0

}



.logo img {

  -webkit-transition: all .5s linear;

  -ms-transition    : all .5s linear;

  -o-transition     : all .5s linear;

  transition        : all .5s linear

}



.logo>h1 {

  line-height: inherit

}



.logo-menu-wrap .logo {

  flex     : 0 0 16.875rem;

  max-width: 16.875rem

}



.logo-menu-wrap .logo+nav {

  flex     : 0 0 calc(100% - 16.875rem);

  max-width: calc(100% - 16.875rem)

}



nav div:not(.nav-right) ul li {

  position : relative;

  color    : #bbbbbc;

  font-size: 1rem

}



nav>div:not(.nav-right)>ul>li {

  line-height: 6.875rem;

  color      : var(--color1);

  font-size  : 1.125rem;

  cursor     : pointer

}



nav>div:not(.nav-right)>ul>li+li {

  margin-left: 2.8125rem

}



nav div:not(.nav-right) ul li.active>a,

nav div:not(.nav-right) ul li:hover>a {

  font-weight: 500

}



nav>div:not(.nav-right) ul>li.menu-item-has-children>a::before {

  content    : "+";

  font-weight: 400;

  position   : absolute;

  right      : 0;

  top        : 0;

  font-family: Roboto;

  font-size  : 1rem;

  line-height: inherit

}



nav div:not(.nav-right) ul li.menu-item-has-children>a {

  padding-right: 1.25rem

}



nav ul:not(.nav-right) li:hover>a,

nav ul:not(.nav-right) li.active>a,

nav ul:not(.nav-right) li>a:focus {

  color: inherit

}



nav>div:not(.nav-right)>ul>li.menu-item-has-children::before {

  content          : "";

  position         : absolute;

  border-left      : 5px solid transparent;

  border-right     : 5px solid transparent;

  border-bottom    : 5px solid var(--color1);

  bottom           : 0;

  left             : 50%;

  margin-left      : -1.15625rem;

  opacity          : 0;

  -webkit-transform: translateX(5rem);

  -ms-transform    : translateX(5rem);

  -o-transform     : translateX(5rem);

  transform        : translateX(5rem)

}



nav>div:not(.nav-right)>ul>li.menu-item-has-children:hover:before,

nav div:not(.nav-right) ul li.menu-item-has-children:hover>ul {

  opacity          : 1;

  visibility       : visible;

  -webkit-transform: translateX(0);

  -ms-transform    : translateX(0);

  -o-transform     : translateX(0);

  transform        : translateX(0)

}



nav div.nav-right>ul>li {

  font-size: 1.375rem;

  color    : var(--color1);

  position : relative

}



nav div.nav-right>ul>li+li {

  margin-left: 3.125rem

}



nav div.nav-left {

  flex     : 0 0 calc(100% - 10.3125rem);

  max-width: calc(100% - 10.3125rem)

}



nav div.nav-right li.res-menu-btn-wrap {

  display: none

}



nav div:not(.nav-right)>ul ul {

  background-color : var(--color1);

  min-width        : 14.375rem;

  padding          : 1rem 0;

  top              : 100%;

  left             : -2.1875rem;

  -webkit-transform: translateX(5rem);

  -ms-transform    : translateX(5rem);

  -o-transform     : translateX(5rem);

  transform        : translateX(5rem);

  opacity          : 0;

  visibility       : hidden

}



nav div:not(.nav-right) ul ul li:hover,

nav div:not(.nav-right) ul ul li.active,

nav div:not(.nav-right) ul ul li>a:focus {

  color: #fff

}



nav div:not(.nav-right) ul ul li>a {

  display: block;

  padding: 6px 2.1875rem

}



nav div:not(.nav-right) ul ul li>a span {

  position      : relative;

  display       : inline-block;

  padding-bottom: 2px

}



nav div:not(.nav-right) ul ul li>a span:before {

  content : "";

  left    : 0;

  bottom  : 0;

  height  : 1px;

  position: absolute;

  right   : 90%;

  opacity : 0

}



nav div:not(.nav-right) ul ul li:hover>a span::before,

nav div:not(.nav-right) ul ul li.active>a span::before,

nav div:not(.nav-right) ul ul li>a:focus>span::before {

  opacity: 1;

  right  : 0

}



nav div:not(.nav-right)>ul ul ul {

  top : -1rem;

  left: 100%

}



nav div:not(.nav-right) ul ul li.menu-item-has-children>a:before {

  right: 2.1875rem;

  top  : 7px

}



nav div:not(.nav-right) ul ul li>a {

  padding-right: 2.1875rem

}



nav div:not(.nav-right) ul ul li.menu-item-has-children>a {

  padding-right: 3.125rem

}



.header-search {

  top             : 0;

  left            : 0;

  right           : 0;

  bottom          : 80%;

  z-index         : 9999;

  background-color: rgba(255, 255, 255, .97);

  padding         : 10%;

  opacity         : 0;

  visibility      : hidden

}



.header-search.active {

  bottom    : 0;

  opacity   : 1;

  visibility: visible

}



.search-close-btn {

  right      : 1.255rem;

  top        : 1.25rem;

  color      : var(--color1);

  font-weight: 700;

  cursor     : pointer;

  height     : 4rem;

  line-height: 4rem;

  width      : 4rem;

  text-align : center;

  font-size  : 1.3rem

}



.search-close-btn:hover,

.search-close-btn:focus {

  background-color: var(--color1);

  color           : #fff

}



.header-search>form input {

  border-bottom   : 2px solid rgba(0, 0, 0, .3);

  height          : 5rem;

  font-size       : 2.3rem;

  width           : 100%;

  background-color: transparent;

  padding-right   : 5rem

}



.header-search>form button {

  position        : absolute;

  right           : 0;

  top             : 0;

  bottom          : 0;

  width           : 3rem;

  background-color: transparent;

  text-align      : right;

  padding         : 0;

  font-size       : 2rem;

  font-weight     : 700

}



.nav-right ul>li:hover>.minicart-dropdown {

  opacity   : 1;

  visibility: visible

}



.minicart-dropdown {

  position             : absolute;

  right                : -1.25rem;

  background-color     : #fff;

  -webkit-box-shadow   : 0 0 12px rgba(0, 0, 0, 0.1);

  -ms-box-shadow       : 0 0 12px rgba(0, 0, 0, 0.1);

  -o-box-shadow        : 0 0 12px rgba(0, 0, 0, 0.1);

  box-shadow           : 0 0 12px rgba(0, 0, 0, 0.1);

  padding              : 1.25rem;

  width                : 18.125rem;

  -webkit-border-radius: .9375rem;

  border-radius        : .9375rem;

  visibility           : hidden;

  opacity              : 0;

  color                : var(--color4)

}



nav ul ul.minicart-dropdown-list::before {

  left       : auto;

  margin-left: 0;

  right      : 1.35rem

}



.minicart-dropdown>ul {

  display   : block;

  max-height: 15.625rem;

  overflow-y: auto

}



.minicart-dropdown>ul li {

  width: 100%

}



.minicart-item {

  align-items: center;

  position   : relative

}



.minicart-item>a {

  border   : 1px solid var(--color5);

  max-width: 4.375rem;

  display  : block

}



.minicart-item>a+.minicart-info {

  flex        : 0 0 calc(100% - 4.375rem);

  max-width   : calc(100% - 4.375rem);

  padding-left: 1.25rem

}



.minicart-info {

  padding-right: .9375rem

}



.minicart-info>h6 {

  font-family   : Roboto;

  font-weight   : 500;

  text-transform: uppercase

}



.minicart-dropdown>ul li:not(:first-child) {

  margin-top: 1.25rem;

  border-top: 0

}



.minicart-info .price {

  font-size : .9375rem;

  margin-top: 5px;

  display   : inline-block

}



.btns-total {

  border-top : 1px solid var(--color5);

  margin-top : 1.25rem;

  padding-top: .9375rem

}



.btns-total>span {

  color    : var(--color1);

  display  : block;

  font-size: 1rem

}



.btns-total>span span {

  display    : inline-block;

  margin-left: 5px;

  font-size  : inherit

}



.btns-wrap2>a.thm-btn {

  padding    : 9px 8px 8px;

  line-height: initial;

  font-size  : 13px;

  width      : calc(50% - 30px);

  text-align : center;

  margin-top : .9375rem;

  min-height : initial !important

}



.btns-total .btns-wrap2 {

  justify-content: space-between

}



.mini-cart:hover .minicart-dropdown {

  opacity   : 1;

  visibility: visible

}



.mini-cart>a span {

  -webkit-border-radius: 50%;

  border-radius        : 50%;

  background-color     : var(--color7);

  color                : var(--color8);

  font-size            : 12px;

  line-height          : .9375rem;

  width                : .9375rem;

  height               : .9375rem;

  position             : absolute;

  text-align           : center;

  top                  : -3px;

  left                 : -7px

}



.minicart-info a.remove-cart {

  position         : absolute;

  font-size        : 14px;

  right            : 0;

  top              : 50%;

  -webkit-transform: translateY(-50%);

  -ms-transform    : translateY(-50%);

  -o-transform     : translateY(-50%);

  transform        : translateY(-50%)

}



.minicart-info a.remove-cart:hover,

.minicart-info a.remove-cart:focus {

  color: var(--color1)

}



header.style1 {

  background-color: #fff

}



header.style2 nav>div:not(.nav-right)>ul>li,

header.style2 nav div.nav-right>ul>li {

  color: #fff

}



header.style2 nav>div:not(.nav-right)>ul>li.menu-item-has-children::before {

  border-bottom-color: #fff

}



header.style2 nav div:not(.nav-right)>ul ul {

  background-color: #fff

}



header.style2 nav div:not(.nav-right)>ul ul li {

  color: #737176

}



header.style2 nav div:not(.nav-right)>ul ul li:hover>a,

header.style2 nav div:not(.nav-right)>ul ul li>a:focus {

  color: var(--color1)

}



header.sticky {

  background-color  : #fff;

  -webkit-box-shadow: 0 0 1.25rem rgba(0, 0, 0, .1);

  -ms-box-shadow    : 0 0 1.25rem rgba(0, 0, 0, .1);

  -o-box-shadow     : 0 0 1.25rem rgba(0, 0, 0, .1);

  box-shadow        : 0 0 1.25rem rgba(0, 0, 0, .1)

}



header.sticky nav div:not(.nav-right)>ul ul {

  -webkit-box-shadow: 0 0 1.25rem rgba(0, 0, 0, .15);

  -ms-box-shadow    : 0 0 1.25rem rgba(0, 0, 0, .15);

  -o-box-shadow     : 0 0 1.25rem rgba(0, 0, 0, .15);

  box-shadow        : 0 0 1.25rem rgba(0, 0, 0, .15)

}



header.style2.sticky nav>div:not(.nav-right)>ul>li,

header.style2.sticky nav div.nav-right>ul>li {

  color: var(--color1)

}



.logo:hover .default-logo,

header.style2.sticky .logo .default-logo {

  -webkit-transform: rotateX(180deg);

  -ms-transform    : rotateX(180deg);

  -o-transform     : rotateX(180deg);

  transform        : rotateX(180deg);

  opacity          : 0;

  visibility       : hidden

}



.logo:hover .hover-logo {

  -webkit-transform: rotateX(0);

  -ms-transform    : rotateX(0);

  -o-transform     : rotateX(0);

  transform        : rotateX(0);

  opacity          : 1

}



header.sticky .logo .sticky-logo {

  -webkit-transform: rotateX(0);

  -ms-transform    : rotateX(0);

  -o-transform     : rotateX(0);

  transform        : rotateX(0);

  opacity          : 1

}



header.sticky nav>div:not(.nav-right)>ul>li {

  line-height: 5rem

}



.responsive-menu {

  -webkit-box-shadow: 0 0 1.25rem rgba(0, 0, 0, .15);

  -ms-box-shadow    : 0 0 1.25rem rgba(0, 0, 0, .15);

  -o-box-shadow     : 0 0 1.25rem rgba(0, 0, 0, .15);

  box-shadow        : 0 0 1.25rem rgba(0, 0, 0, .15);

  max-width         : 18.75rem;

  right             : -18.75rem;

  top               : 0;

  bottom            : 0;

  background-color  : #fff;

  z-index           : 9999;

  padding           : 5rem 2.5rem;

  opacity           : 0;

  visibility        : hidden

}



.menu-close {

  position             : absolute;

  height               : 1.875rem;

  width                : 1.875rem;

  line-height          : 2.1rem;

  cursor               : pointer;

  top                  : 1.25rem;

  right                : 1.25rem;

  -webkit-border-radius: 50%;

  border-radius        : 50%;

  background-color     : var(--color1);

  color                : #fff;

  text-align           : center;

  font-size            : 14px

}



.menu-close:hover,

.menu-close:focus {

  color: var(--color1)

}



.responsive-menu.slidein {

  right     : 0;

  opacity   : 1;

  visibility: visible

}



.responsive-menu>ul ul {

  display     : none;

  padding-left: 1.25rem;

  margin-top  : 7px

}



.responsive-menu>ul ul li {

  font-size: 1rem

}



.responsive-menu>ul li.active>a,

.responsive-menu>ul li.active-parent>a,

.responsive-menu>ul li:hover>a,

.responsive-menu>ul li>a:focus {

  color      : var(--color1);

  font-weight: 500

}



.responsive-menu>ul li a {

  display      : block;

  position     : relative;

  padding-right: 1.25rem

}



.responsive-menu>ul li.menu-item-has-children>a::before {

  content    : "\f0d7";

  font-family: "Font Awesome 5 Free";

  font-weight: 900;

  position   : absolute;

  right      : 0;

  top        : 0;

  line-height: inherit;

  font-size  : 14px

}



.responsive-menu>ul>li+li {

  margin-top: 7px

}



.responsive-menu>ul ul li+li {

  margin-top: 3px

}



.responsive-menu>ul+.scl-links {

  margin-top: 2.5rem

}



.feat-item>img {

  height   : auto;

  max-width: 87.5rem

}



.feat-cap-wrap {

  top              : 50%;

  left             : 50%;

  max-width        : 73.125rem;

  width            : 100%;

  -webkit-transform: translate(-50%, -50%);

  -ms-transform    : translate(-50%, -50%);

  -o-transform     : translate(-50%, -50%);

  transform        : translate(-50%, -50%)

}



.feat-cap {

  max-width         : 48%;

  z-index           : 1;

  -webkit-transform : translateX(-7rem);

  -ms-transform     : translateX(-7rem);

  -o-transform      : translateX(-7rem);

  transform         : translateX(-7rem);

  opacity           : 0;

  visibility        : hidden;

  -webkit-transition: all .8s linear;

  -ms-transition    : all .8s linear;

  -o-transition     : all .8s linear;

  transition        : all .8s linear

}



.slick-active .feat-cap {

  -webkit-transform: translateX(0);

  -ms-transform    : translateX(0);

  -o-transform     : translateX(0);

  transform        : translateX(0);

  opacity          : 1;

  visibility       : visible

}



.feat-cap>i {

  top    : -10.3125rem;

  left   : -10.3125rem;

  z-index: -1

}



.feat-cap i svg {

  max-width: 22.375rem

}



.feat-cap>span {

  font-size     : 14px;

  text-transform: uppercase;

  font-weight   : 500;

  letter-spacing: 2.5px

}



.feat-cap>span+h2 {

  margin-top: 10px

}



.feat-cap>h2 {

  font-size  : 5rem;

  line-height: 5.9375rem

}



.feat-cap>h2+a {

  margin-top: 3.25rem

}



.feat-cap>a {

  margin-left: 0

}



.feat-cap>a:hover,

.feat-cap>a:focus {

  margin-left: 7px

}



.thm-btn {

  font-size     : 1rem;

  color         : var(--color1);

  font-weight   : 500;

  text-transform: uppercase;

  padding       : 1.125rem 3.875rem;

  margin        : 7px

}



.thm-btn.bg-color1 {

  color: #fff

}



.thm-btn.bg-color1:hover,

.thm-btn.bg-color1:focus {

  color: var(--color1)

}



.thm-btn.thm-bg:hover,

.thm-btn.thm-bg:focus {

  background-color: var(--color1);

  color           : #fff

}



.thm-btn span.brd-btm-rgt {

  bottom       : -6px;

  top          : 55%;

  right        : -6px;

  border-right : 1px solid var(--color1);

  border-bottom: 1px solid var(--color1);

  left         : 0

}



.thm-btn span.brd-tp-lft {

  right      : -6px;

  top        : -6px;

  border-top : 1px solid var(--color1);

  border-left: 1px solid var(--color1);

  left       : 100%;

  bottom     : 100%;

  opacity    : 0

}



.thm-btn span {

  position: absolute

}



.thm-btn:hover span.brd-btm-rgt,

.thm-btn:focus span.brd-btm-rgt {

  top : -6px;

  left: -6px

}



.thm-btn:hover span.brd-tp-lft,

.thm-btn:focus span.brd-tp-lft {

  left              : -6px;

  bottom            : -6px;

  opacity           : 1;

  -webkit-transition: .3s left .3s, .3s bottom .6s, .3s opacity .3s;

  -ms-transition    : .3s left .3s, .3s bottom .6s, .3s opacity .3s;

  -o-transition     : .3s left .3s, .3s bottom .6s, .3s opacity .3s;

  transition        : .3s left .3s, .3s bottom .6s, .3s opacity .3s

}



.feat-wrap .pagiInfo {

  -webkit-transform: translateX(-50%);

  -ms-transform    : translateX(-50%);

  -o-transform     : translateX(-50%);

  transform        : translateX(-50%);

  max-width        : 73.125rem;

  width            : 100%;

  text-align       : right;

  bottom           : -3rem

}



.about-img {

  padding-bottom: 2.5rem

}



.about-img-cap {

  right  : -3.4375rem;

  bottom : 0;

  padding: 1.5rem 1.875rem

}



.about-img-cap>h3 {

  font-size     : 14px;

  font-family   : Roboto;

  font-weight   : 500;

  letter-spacing: 2.5px

}



.about-img-cap>h3 span {

  font-weight: 300

}



.about-img-cap>h3 i {

  width           : 2.8125rem;

  height          : 1px;

  background-color: var(--color1);

  display         : inline-block;

  vertical-align  : middle;

  margin-right    : 10px

}



.about-img-cap>h3+a {

  margin-left: 1.625rem

}



.about-img-cap>a {

  height     : 2.9375rem;

  width      : 2.9375rem;

  text-align : center;

  border     : 1px solid;

  font-size  : 14px;

  line-height: 2.9375rem;

  position   : relative

}



.about-img-cap>a:hover,

.about-img-cap>a:focus {

  color: var(--color1)

}



.about-img-cap>a svg {

  position: absolute;

  bottom  : -7px;

  left    : -7px;

  height  : 1.875rem;

  width   : 3.125rem

}



.about-img-cap>a:hover:before,

.about-img-cap>a:focus:before {

  border: 1px solid var(--color1)

}



.about-desc {

  padding: 0 2rem 0 5.625rem

}



.about-desc>span {

  font-size     : 14px;

  font-weight   : 500;

  text-transform: uppercase;

  letter-spacing: 2.5px

}



.about-desc>span+h2 {

  margin-top: 3px

}



.about-desc>h2 {

  font-size  : 2.8125rem;

  line-height: 3.625rem;

  max-width  : 70%

}



.about-desc>h2 i,

.sec-title-inner>h2 i {

  display         : inline-block;

  vertical-align  : middle;

  width           : 3.625rem;

  height          : 1px;

  background-color: var(--color1);

  margin-left     : .9375rem

}



.about-desc>h2+p {

  margin-top: 3.25rem

}



.about-desc>p+p {

  margin-top: 1.875rem

}



.about-desc>p+a {

  margin-top: 3.125rem

}



.about-desc>a {

  font-weight   : 500;

  text-transform: uppercase;

  font-size     : 1rem

}



.about-desc>a:hover,

.about-desc>a:focus {

  color: var(--color1)

}



.posts-wrap>div.row>div:first-child {

  margin-top: 4.6875rem

}



.posts-wrap>div.row>div:last-child {

  margin-top: 10rem

}



.post-box:hover>img {

  -webkit-transform: scale(1.05) rotate(2deg);

  -ms-transform    : scale(1.05) rotate(2deg);

  -o-transform     : scale(1.05) rotate(2deg);

  transform        : scale(1.05) rotate(2deg)

}



.post-info {

  top             : 0;

  background-color: rgba(255, 255, 255, .85);

  max-width       : 21.25rem;

  width           : 100%;

  padding         : 1.25rem 2.5rem 4.5rem

}



.info-right {

  right: 0

}



.info-center {

  left             : 50%;

  -webkit-transform: translateX(-50%);

  -ms-transform    : translateX(-50%);

  -o-transform     : translateX(-50%);

  transform        : translateX(-50%)

}



.info-left {

  left: 0

}



.post-info>h3 {

  font-size  : 1.625rem;

  line-height: 1.875rem

}



.post-info>h3 i {

  display         : inline-block;

  vertical-align  : middle;

  width           : 2.8125rem;

  height          : 1px;

  background-color: var(--color1);

  margin-left     : 12px

}



.post-info>span {

  height     : 3.125rem;

  line-height: 3.125rem;

  width      : 3.125rem;

  text-align : center;

  font-family: Arapey;

  font-weight: 400;

  font-size  : 1.875rem;

  bottom     : 0;

  left       : 0

}



.post-info>a {

  right         : 1.5rem;

  bottom        : 1rem;

  font-weight   : 500;

  font-size     : 1rem;

  text-transform: uppercase;

  line-height   : 1.2

}



.post-info>a:hover,

.post-info>a:focus {

  color: var(--color1)

}



.sec-title {

  margin-bottom: 3.875rem

}



.sec-title-inner>span {

  font-size     : 14px;

  text-transform: uppercase;

  font-weight   : 500;

  letter-spacing: 2.5px

}



.sec-title-inner>span+h2 {

  margin-top: 5px

}



.sec-title-inner>h2 {

  font-size  : 2.8125rem;

  line-height: 3.625rem

}



.dark-layer .sec-title-inner>h2,

.black-layer .sec-title-inner>h2 {

  color: #fff

}



.dark-layer .sec-title-inner>h2 i,

.black-layer .sec-title-inner>h2 i {

  background-color: #fff

}



.serv-box {

  margin-bottom: 2.5rem

}



.serv-box>span {

  margin     : 0 6px 6px;

  height     : 7.5rem;

  line-height: 7.5rem;

  width      : 7.5rem;

  font-size  : 4.0625rem

}



.serv-box>span:before,

.serv-box>span:after {

  content         : "";

  position        : absolute;

  background-color: var(--color1);

  bottom          : -6px;

  left            : -6px;

  opacity         : 0

}



.serv-box:hover>span {

  color: var(--color1)

}



.serv-box>span::before {

  width: 1px;

  top  : 100%

}



.serv-box>span::after {

  bottom: -6px;

  height: 1px;

  right : 100%

}



.serv-box:hover>span::after {

  right: 0

}



.serv-box:hover>span::before {

  top: 0

}



.serv-box:hover>span::before,

.serv-box:hover>span::after {

  opacity: 1

}



.serv-box>span+.serv-info {

  margin-top: 2.375rem

}



.serv-info>h3 {

  font-size     : 1.125rem;

  line-height   : 1.875rem;

  font-family   : Roboto;

  font-weight   : 500;

  text-transform: uppercase

}



.serv-info>h3+p {

  margin-top: 10px

}



.sec-title2 {

  margin-bottom: 2.5rem

}



.sec-title2-inner {

  max-width: 56%

}



.sec-title2-inner>h2 {

  position      : relative;

  font-size     : 1.625rem;

  line-height   : 1.875rem;

  padding-bottom: 13px

}



.sec-title2-inner>h2:before {

  content          : "";

  height           : 1px;

  width            : 2.8125rem;

  background-color : var(--color1);

  position         : absolute;

  bottom           : 0;

  left             : 50%;

  -webkit-transform: translateX(-50%);

  -ms-transform    : translateX(-50%);

  -o-transform     : translateX(-50%);

  transform        : translateX(-50%)

}



.sec-title2-inner>h2+p {

  margin-top: 1.75rem

}



.dark-layer .sec-title2-inner>h2 {

  color: #fff

}



.dark-layer .sec-title2-inner>h2:before {

  background-color: #fff

}



.newsletter-inner {

  max-width: 32.8125rem;

  width    : 100%

}



.field-box>i {

  position   : absolute;

  top        : 0;

  line-height: 3.75rem;

  left       : 1.875rem;

  font-size  : 1.25rem

}



.field-box>input {

  width    : 100%;

  height   : 3.75rem;

  border   : 1px solid var(--color5);

  font-size: 1rem;

  color    : #737176;

  padding  : 1rem 4.0625rem

}



.newsletter-inner>form button {

  right: -7px;

  top  : -7px

}



.proj-calc-box-wrap {

  margin-bottom: 2.5rem

}



.proj-calc-wrap>div.row>div:first-child .proj-calc-box-wrap {

  padding-right: 1.875rem

}



.proj-calc-wrap>div.row>div:nth-child(2) .proj-calc-box-wrap {

  padding: 0 .9375rem

}



.proj-calc-wrap>div.row>div:last-child .proj-calc-box-wrap {

  padding-left: 1.875rem

}



.proj-calc-box {

  background-size    : cover;

  background-position: center;

  background-repeat  : no-repeat;

  padding            : 2.375rem 2.5rem 4.0625rem;

  z-index            : 1;

  min-height         : 30.9375rem

}



.proj-calc-box:before {

  content         : "";

  position        : absolute;

  left            : 0;

  right           : 0;

  top             : 0;

  bottom          : 0;

  background-color: #fff;

  border          : 1px solid var(--color5);

  z-index         : -1

}



.proj-calc-box:hover:before {

  border-color    : transparent;

  background-color: var(--color3);

  opacity         : .8;

  z-index         : -1

}



.proj-calc-box>i {

  left     : -3.25rem;

  max-width: 3.875rem;

  top      : 3.125rem

}



.proj-calc-box>i svg {

  max-width: 3.875rem

}



.proj-calc-head>h2 {

  font-size  : 6.25rem;

  color      : #ddd;

  line-height: 1

}



.proj-calc-head>h2 small {

  font-size  : 1rem;

  font-family: Roboto;

  font-weight: 500

}



.proj-calc-box:hover .proj-calc-head>h2 {

  color: var(--color1)

}



.proj-calc-head>h2 small:first-child {

  margin-right: 10px

}



.proj-calc-head>h2 small:last-child {

  margin-left: 10px

}



.proj-calc-wrap>div.row>div:first-child .proj-calc-box>i {

  opacity   : 0;

  visibility: hidden

}



.proj-calc-head+.proj-calc-body {

  border-top : 2px solid #ddd;

  margin-top : 10px;

  padding-top: 3.125rem

}



.proj-calc-body-box+.proj-calc-body-box {

  margin-top: 2.5rem

}



.proj-calc-body-box>h4 {

  margin-bottom : 0;

  font-family   : Roboto;

  text-transform: uppercase;

  font-size     : 1.125rem;

  font-weight   : 500

}



.proj-calc-body-box>h4+* {

  margin-top: 1.125rem

}



.slc-box {

  position: relative

}



.slc-box:before {

  content       : "+";

  font-family   : Roboto;

  position      : absolute;

  right         : .9375rem;

  pointer-events: none;

  font-size     : 1.3rem;

  top           : 0;

  line-height   : 2.125rem

}



.slc-box select {

  -webkit-appearance: none;

  -ms-appearance    : none;

  appearance        : none;

  width             : 100%;

  background-color  : transparent;

  color             : #737176;

  font-size         : 1rem;

  font-weight       : 300;

  border-bottom     : 2px solid rgba(115, 113, 118, .5);

  padding           : 3.5px 1.875rem 4.5px .9375rem

}



.area-filter-range>span {

  font-size: 14px;

  color    : #737176

}



.area-filter {

  background-color     : rgba(115, 113, 118, .5);

  -webkit-border-radius: 0;

  border-radius        : 0;

  border               : 0;

  -webkit-box-shadow   : none;

  -ms-box-shadow       : none;

  -o-box-shadow        : none;

  box-shadow           : none;

  height               : 2px

}



.area-filter .noUi-handle {

  -webkit-box-shadow   : none;

  -ms-box-shadow       : none;

  -o-box-shadow        : none;

  box-shadow           : none;

  -webkit-border-radius: 0;

  border-radius        : 0;

  border               : 0;

  height               : 14px;

  width                : 14px

}



.area-filter .noUi-handle:before,

.area-filter .noUi-handle:after {

  display: none

}



.area-filter .noUi-handle .noUi-tooltip {

  background-color: transparent;

  border          : 0;

  padding         : 0 1.5rem 0 0;

  font-size       : 1rem

}



.area-filter .noUi-handle .noUi-tooltip:before {

  content : "m2";

  position: absolute;

  right   : 0;

  top     : 0

}



.proj-calc-body-box>h4+.area-filter {

  margin-top: 3.5rem

}



.area-filter+.area-filter-range {

  margin-top: 5px

}



.proj-calc-body-box>h4+div.quantity {

  margin-top: 1.5rem

}



.quantity {

  text-align: center

}



.quantity .bootstrap-touchspin {

  max-width      : 8.75rem;

  width          : 100%;

  justify-content: center;

  margin         : 0 auto;

  align-items    : center

}



.quantity .bootstrap-touchspin>span.input-group-btn {

  width : 1.875rem;

  margin: 0;

  height: 1.875rem

}



.quantity .bootstrap-touchspin>span.input-group-btn button {

  background-color: transparent;

  border          : 0;

  color           : transparent;

  padding         : 0;

  width           : 100%;

  position        : relative

}



.quantity .bootstrap-touchspin>span.input-group-prepend {

  order: 1

}



.quantity .bootstrap-touchspin>span.input-group-append {

  order: -1

}



.quantity .bootstrap-touchspin>input {

  text-align: center;

  border    : 1px solid var(--color1);

  color     : #737176;

  height    : 2.25rem;

  width     : 2.25rem;

  padding   : 0;

  max-width : 2.25rem;

  margin    : 0 1.25rem

}



.quantity .bootstrap-touchspin>span.input-group-btn button:before {

  content         : "";

  left            : 0;

  right           : 0;

  height          : 2px;

  background-color: var(--color1);

  position        : absolute;

  top             : 50%;

  margin-top      : -1px

}



.quantity .bootstrap-touchspin>span.input-group-append button::after {

  content         : "";

  top             : 0;

  bottom          : 0;

  left            : 50%;

  margin-left     : -1px;

  background-color: var(--color1);

  width           : 2px;

  position        : absolute

}



.checkbox-list {

  text-align: initial;

  padding   : 0 1.875rem

}



.checkbox-list>span {

  font-size  : 1rem;

  line-height: 1.875rem

}



.checkbox-list>span+span {

  margin-top: 12px

}



.check-box [type="checkbox"]:not(:checked),

.check-box [type="checkbox"]:checked {

  position: absolute;

  left    : -9999px

}



.check-box [type="checkbox"]:not(:checked)+label,

.check-box [type="checkbox"]:checked+label {

  position     : relative;

  padding      : 3px 0 3px 3.75rem;

  cursor       : pointer;

  margin-bottom: 0

}



.check-box [type="checkbox"]:not(:checked)+label::before,

.check-box [type="checkbox"]:checked+label::before {

  background-color: #fff;

  border          : 1px solid var(--color1);

  content         : "";

  height          : 2.25rem;

  left            : 0;

  position        : absolute;

  top             : 0;

  width           : 2.25rem

}



.check-box [type="checkbox"]:not(:checked)+label:after,

.check-box [type="checkbox"]:checked+label:after {

  content : "";

  position: absolute;

  top     : 8px;

  left    : 8px;

  height  : 1.25rem;

  width   : 1.25rem

}



.check-box [type="checkbox"]:not(:checked)+label:after {

  opacity          : 0;

  -webkit-transform: scale(0);

  -ms-transform    : scale(0);

  -o-transform     : scale(0);

  transform        : scale(0)

}



.check-box [type="checkbox"]:checked+label:after {

  opacity          : 1;

  -webkit-transform: scale(1);

  -ms-transform    : scale(1);

  -o-transform     : scale(1);

  transform        : scale(1)

}



.check-box [type="checkbox"]:disabled:not(:checked)+label:before,

.check-box [type="checkbox"]:disabled:checked+label:before {

  border-color    : #bbb;

  background-color: #ddd

}



.check-box [type="checkbox"]:disabled:checked+label:after {

  color: #999

}



.check-box [type="checkbox"]:disabled+label {

  color: #aaa

}



.projects-wrap {

  margin-bottom: -2rem

}



.proj-box {

  margin-bottom: 2rem

}



.proj-box:before {

  content         : "";

  position        : absolute;

  top             : 0;

  left            : 0;

  right           : 0;

  bottom          : 0;

  background-color: #000;

  opacity         : .1;

  z-index         : 1

}



.proj-box:hover>img {

  -webkit-transform: scale(1.03);

  -ms-transform    : scale(1.03);

  -o-transform     : scale(1.03);

  transform        : scale(1.03)

}



.proj-info {

  top              : 60%;

  left             : 50%;

  background-color : #fff;

  -webkit-transform: translate(-50%, -50%);

  -ms-transform    : translate(-50%, -50%);

  -o-transform     : translate(-50%, -50%);

  transform        : translate(-50%, -50%);

  padding          : 2.5rem 2.8125rem 2.25rem;

  max-width        : 18.75rem;

  min-width        : 18.75rem;

  opacity          : 0;

  visibility       : hidden;

  z-index          : 1

}



.proj-info:before {

  content : "";

  position: absolute;

  top     : 12px;

  left    : 12px;

  right   : 12px;

  bottom  : 12px;

  border  : 1px solid

}



.proj-info>h3 {

  position      : relative;

  font-size     : 1.625rem;

  letter-spacing: .3px;

  line-height   : 1.1;

  padding-bottom: 8px

}



.proj-info>h3:before {

  content         : "";

  position        : absolute;

  height          : 1px;

  left            : 50%;

  width           : 2.8125rem;

  margin-left     : -1.40625rem;

  background-color: var(--color1);

  bottom          : 0

}



.proj-info-list {

  text-align     : initial;

  justify-content: center

}



.proj-info-list>li {

  position    : relative;

  font-size   : 1rem;

  flex        : 0 0 calc(50% - 5px);

  max-width   : calc(50% - 5px);

  padding-left: 1.8rem;

  line-height : 1.25rem;

  margin-top  : 11px

}



.proj-info-list>li i {

  position  : absolute;

  left      : 0;

  top       : 0;

  text-align: center;

  font-size : 1.125rem

}



.proj-info>h3+.proj-info-list {

  margin-top: 13px

}



.proj-info>ul+a {

  margin-top: 1.6875rem

}



.proj-info-list>li:nth-child(2n) {

  margin-left: 1.6875rem;

  flex       : 0 0 calc(50% - 1.375rem);

  max-width  : calc(50% - 1.375rem)

}



.proj-box:hover .proj-info {

  opacity   : 1;

  visibility: visible;

  top       : 50%

}



.facts-wrap {

  margin-bottom: -2rem

}



.fact-box {

  margin-bottom: 2rem

}



.fact-box>h2+h5 {

  padding-top: 1.75rem;

  margin-top : 6px

}



.fact-box>h2 {

  font-size  : 8.4375rem;

  line-height: 1

}



.fact-box>h2+h5:before {

  content         : "";

  position        : absolute;

  top             : 0;

  left            : 50%;

  height          : 2px;

  width           : 15.3125rem;

  opacity         : .6;

  background-color: #000;

  margin-left     : -7.65625rem

}



.fact-box>h5 {

  position      : relative;

  font-family   : Roboto;

  font-weight   : 500;

  font-size     : 1.125rem;

  text-transform: uppercase

}



.fact-box>h5 i {

  font-size   : 1.25rem;

  margin-right: 10px

}



.packages-wrap {

  padding: 0 10px

}



.package-box {

  z-index      : 1;

  padding      : 2.8125rem 3.125rem 2.5rem;

  margin-bottom: 1.875rem

}



.package-box:before {

  content : "";

  position: absolute;

  top     : 1.25rem;

  left    : 1.25rem;

  right   : 1.25rem;

  bottom  : 1.25rem;

  border  : 1px solid #fff;

  z-index : -1;

  opacity : 0

}



.package-box:hover:before,

.package-box.active:before {

  opacity: 1;

  top    : 12px;

  left   : 12px;

  right  : 12px;

  bottom : 12px

}



.package-head>h4 {

  font-family   : Roboto;

  font-weight   : 500;

  text-transform: uppercase;

  font-size     : 1.125rem

}



.package-head>h4+h2 {

  margin-top: 6px

}



.package-head>h2 {

  font-size: 5rem

}



.package-head>h2 small {

  font-size  : 1rem;

  font-family: Roboto;

  font-weight: 500

}



.package-head+.package-body {

  margin-top : 10px;

  padding-top: 2.625rem

}



.package-head+.package-body:before {

  content         : "";

  height          : 2px;

  position        : absolute;

  left            : 50%;

  width           : 8.125rem;

  margin-left     : -4.0625rem;

  background-color: #000;

  opacity         : .6;

  top             : 0

}



.package-body {

  position: relative

}



.package-body>p+a {

  margin-top: 2.1875rem

}



.package-box.active {

  padding: 3.4375rem 2.8rem 3.125rem

}



.package-box.active .package-head>h4 {

  font-size: 1.25rem

}



.package-box:hover .package-head+.package-body::before,

.package-box.active .package-head+.package-body::before {

  opacity: .8

}



.package-box.active .package-body>p {

  font-weight: 400

}



.package-box:hover .package-body>a.thm-btn,

.package-box.active .package-body>a.thm-btn {

  background-color: var(--color1);

  color           : #fff

}



.package-box:hover .package-body>a.thm-btn span,

.package-box.active .package-body>a.thm-btn span {

  border-color: #fff

}



.package-box.v2 {

  border: 1px solid var(--color5)

}



.package-box.v2.active,

.package-box.v2:hover {

  background-color: var(--color3);

  border-color    : transparent

}



.package-box.v2:hover .package-body>a.thm-btn span {

  border-color: var(--color1)

}



.cont-inner {

  flex            : 0 0 26.875rem;

  max-width       : 26.875rem;

  background-color: #fff;

  z-index         : 1;

  padding         : 4.375rem 3.3rem 3.5625rem

}



.cont-inner:before,

.cont-inner:after {

  content : "";

  height  : 1.5625rem;

  width   : 1.5625rem;

  position: absolute

}



.cont-inner::before {

  left  : 10px;

  bottom: 10px

}



.cont-inner::after {

  right: 10px;

  top  : 10px

}



.cont-inner>i {

  max-width: 19.25rem;

  width    : 100%;

  bottom   : 0;

  right    : 0;

  z-index  : -1

}



.cont-title {

  margin-bottom: 2.5rem

}



.cont-title>h3 {

  position      : relative;

  padding-bottom: 12px

}



.cont-title>h3:before {

  content         : "";

  position        : absolute;

  bottom          : 0;

  left            : 50%;

  height          : 1px;

  background-color: var(--color1);

  width           : 2.8125rem;

  margin-left     : -1.40625rem

}



.cont-title>h3+p {

  margin-top: 1.625rem

}



.cont-inner>form .field-box>input {

  border-left     : 0;

  border-right    : 0;

  border-top      : 0;

  border-color    : #7371768f;

  padding         : 10px 2.5rem;

  height          : 2.8125rem;

  background-color: transparent;

  border-width    : 2px

}



.cont-inner>form .field-box>i {

  font-size  : 1.125rem;

  line-height: 2.8125rem;

  left       : 10px

}



.cont-inner>form .field-box+.field-box {

  margin-top: 1.875rem

}



.cont-inner>form button {

  margin-top: 4.0625rem

}



.spnsrs-wrap {

  padding: 0 2.5rem

}



.spnsrs-list>li {

  flex     : 0 0 14.2858%;

  max-width: 14.2858%;

  padding  : 0 1rem

}



.spnsr-box>a {

  display    : block;

  position   : relative;

  line-height: 13.125rem;

  min-height : 13.125rem;

  padding    : 0 1rem

}



.spnsr-box>a:before {

  content          : "";

  position         : absolute;

  top              : 0;

  left             : 0;

  right            : 0;

  bottom           : 0;

  border           : 1px solid var(--color5);

  -webkit-transform: scaleY(.5);

  -ms-transform    : scaleY(.5);

  -o-transform     : scaleY(.5);

  transform        : scaleY(.5);

  opacity          : 0

}



.spnsr-box>a:hover:before,

.spnsr-box>a:focus:before {

  opacity          : 1;

  -webkit-transform: scaleY(1);

  -ms-transform    : scaleY(1);

  -o-transform     : scaleY(1);

  transform        : scaleY(1)

}



.spnsr-box>a:hover img,

.spnsr-box>a:focus img {

  opacity: .5

}



.widget-box {

  margin-bottom: 3.125rem

}



.widget-box .logo a {

  line-height: inherit;

  display    : inline-block

}



.widget-box .logo,

.scl-links {

  line-height: 1

}



.widget-box .logo h1 {

  line-height: inherit

}



.widget-box .logo+p {

  margin-top: 1.75rem

}



.widget-box p {

  font-size: 1rem;

  max-width: 90%

}



.bg-color1 p,

.bg-color1 ul li {

  color: #bbbbbc

}



.widget-box p+.scl-links {

  margin-top: 2.9375rem

}



.scl-links>a {

  display  : inline-block;

  font-size: 1rem

}



.scl-links>a:not(:first-child) {

  margin-left: 1.875rem

}



.scl-links>a:hover,

.scl-links>a:focus {

  color: #fff

}



.widget-title {

  font-family   : Roboto;

  font-size     : 1.125rem;

  text-transform: uppercase;

  font-weight   : 500;

  line-height   : 1.875rem;

  padding-top   : 10px;

  margin-bottom : 2.5rem

}



.bg-color1 .widget-title {

  color: #fff

}



.widget-box ul li {

  font-size: 1rem;

  position : relative;

  width    : 100%

}



.widget-box ul li+li {

  margin-top: 10px

}



.widget-box ul.cont-list li+li {

  margin-top: 1.25rem

}



.widget-box ul li a {

  display       : inline-block;

  position      : relative;

  padding-bottom: 2px

}



.widget-box ul li a:before {

  content : "";

  height  : 1px;

  left    : 0;

  right   : 100%;

  bottom  : 0;

  opacity : 0;

  position: absolute

}



.widget-box ul li:hover>a::before,

.widget-box ul li a:focus:before {

  opacity: 1;

  right  : 0

}



.widget-box ul li:hover>a,

.widget-box ul li a:focus {

  color: #fff

}



.widget-box ul.cont-list li {

  padding-left: 2.5rem;

  max-width   : 90%

}



.widget-box ul.cont-list li i {

  position   : absolute;

  left       : 0;

  top        : 0;

  line-height: inherit;

  font-size  : 1.125rem

}



.widget-gallery {

  margin-bottom: -5px

}



.widget-gallery a:before {

  content         : "";

  position        : absolute;

  top             : 0;

  left            : 0;

  right           : 0;

  bottom          : 0;

  background-color: #000;

  opacity         : 0

}



.widget-gallery a:hover:before,

.widget-gallery a:focus:before {

  opacity: .6

}



.copyright {

  padding: 1.25rem 0

}



footer+.copyright {

  border-top: 1px solid rgba(255, 255, 255, .1)

}



.copyright-inner>p,

.copyright-inner>ul li {

  font-size: 14px

}



.copyright-inner>ul li {

  position: relative

}



.copyright-inner>ul li:not(:first-child) {

  padding-left: 8px;

  margin-left : 5px

}



.copyright-inner>ul li:not(:first-child):before {

  content  : "|";

  position : absolute;

  left     : 0;

  top      : -1px;

  font-size: 1.125rem

}



.clc-tp-btn {

  z-index    : 999;

  right      : -10.625rem;

  height     : 3.875rem;

  width      : 3.875rem;

  line-height: 3.875rem;

  text-align : center;

  top        : 1.25rem

}



.clc-tp-btn svg {

  max-width: 1rem

}



.feat-imgs-list>li {

  flex     : 0 0 25%;

  max-width: 25%

}



.feat-img {

  min-height         : 49.0625rem;

  background-position: center;

  background-size    : cover;

  display            : block !important;

  position           : relative

}



.feat-img:before {

  content         : "";

  position        : absolute;

  left            : 0;

  right           : 0;

  top             : 0;

  bottom          : 0;

  background-color: #000;

  opacity         : .1

}



.feat-cap-wrap2 {

  left             : 50%;

  top              : 50%;

  -webkit-transform: translate(-50%, -50%);

  -ms-transform    : translate(-50%, -50%);

  -o-transform     : translate(-50%, -50%);

  transform        : translate(-50%, -50%);

  z-index          : 1;

  width            : 100%;

  max-width        : 73.125rem

}



.feat-cap2>h2 {

  font-size  : 5rem;

  line-height: 5.9375rem;

  position   : relative;

  margin-top : -1.875rem;

  line-height: 4.0625rem

}



.feat-cap2>h2+a {

  margin-top: 3.625rem

}



.feat-cap2>h2 span {

  background-color: #fff;

  margin-top      : 1.875rem;

  padding         : 0 3.125rem

}



.serv-wrap2 {

  margin-bottom: -2.6875rem

}



.serv-box2-wrap {

  padding-top  : 4.0625rem;

  margin-bottom: 2.6875rem

}



.serv-box2-wrap>span {

  background-color: #fff;

  font-family     : Arapey;

  top             : 0;

  font-size       : 6.25rem;

  line-height     : 1;

  z-index         : 2;

  padding         : 0 1.25rem

}



.serv-caro .slick-slide.slick-active.slick-current .serv-box2-wrap,

.serv-wrap2>div.row>div:first-child .serv-box2-wrap,

.serv-wrap2>div.row>div:nth-child(4) .serv-box2-wrap {

  padding-right: 2.8125rem

}



.serv-caro .slick-slide.slick-active.slick-current+.slick-slide.slick-active .serv-box2-wrap,

.serv-wrap2>div.row>div:nth-child(2) .serv-box2-wrap,

.serv-wrap2>div.row>div:nth-child(5) .serv-box2-wrap {

  padding-left : 1.40625rem;

  padding-right: 1.40625rem

}



.serv-caro .slick-slide.slick-active.slick-current+.slick-slide.slick-active+.slick-slide.slick-active .serv-box2-wrap,

.serv-wrap2>div.row>div:nth-child(3) .serv-box2-wrap,

.serv-wrap2>div.row>div:last-child .serv-box2-wrap {

  padding-left: 2.8125rem

}



.serv-caro .serv-img2 {

  max-width: 20.3125rem

}



.serv-img2:before {

  content         : "";

  position        : absolute;

  top             : 0;

  left            : 0;

  right           : 0;

  bottom          : 0;

  background-color: #fff;

  opacity         : 0;

  z-index         : 1

}



.serv-box2:hover .serv-img2::before {

  opacity: .4

}



.serv-img2>a {

  top              : 50%;

  left             : 50%;

  -webkit-transform: translate(-50%, -50%) scale(.7);

  -ms-transform    : translate(-50%, -50%) scale(.7);

  -o-transform     : translate(-50%, -50%) scale(.7);

  transform        : translate(-50%, -50%) scale(.7);

  opacity          : 0;

  z-index          : 1

}



.serv-box2:hover .serv-img2>a {

  opacity          : 1;

  -webkit-transform: translate(-50%, -50%) scale(1);

  -ms-transform    : translate(-50%, -50%) scale(1);

  -o-transform     : translate(-50%, -50%) scale(1);

  transform        : translate(-50%, -50%) scale(1)

}



.serv-box2:hover .serv-img2 img {

  -webkit-transform: scale(1.05);

  -ms-transform    : scale(1.05);

  -o-transform     : scale(1.05);

  transform        : scale(1.05)

}



.serv-img2+.serv-info2 {

  margin-top: 1.25rem

}



.serv-info2 {

  padding-left: 1.25rem

}



.serv-info2>h3 {

  font-size     : 1.625rem;

  letter-spacing: .3px

}



.serv-info2>h3+p {

  margin-top: 12px

}



.serv-info2>p {

  max-width: 90%

}



.serv-info2:before {

  content         : "";

  position        : absolute;

  width           : 1px;

  height          : 3.75rem;

  top             : 7px;

  background-color: var(--color1);

  left            : 0

}



.proj-box2+.proj-box2 {

  margin-top: 6.25rem

}



.proj-img2 {

  padding: 4.0625rem 0

}



.proj-bg {

  background-size    : cover;

  background-position: center;

  top                : 0;

  bottom             : 0;

  right              : 0;

  left               : 0;

  z-index            : -1

}



.proj-box2:not(.rev) .proj-bg {

  right: 15.625rem;

  left : -23.4375rem

}



.proj-box2.rev .proj-bg {

  left : 15.625rem;

  right: -23.4375rem

}



.proj-img2>a {

  display : block;

  position: relative;

  overflow: hidden

}



.proj-img2>a:before {

  content         : "";

  position        : absolute;

  left            : 0;

  right           : 0;

  top             : 0;

  bottom          : 0;

  background-color: #fff;

  z-index         : 1;

  opacity         : 0

}



.proj-box2:hover .proj-img2>a::before {

  opacity: .2

}



.proj-box2:hover .proj-img2 img {

  -webkit-transform: scale(1.05);

  -ms-transform    : scale(1.05);

  -o-transform     : scale(1.05);

  transform        : scale(1.05)

}



.proj-info2 {

  padding-left: 2.8125rem;

  margin-top  : 6.5625rem

}



.proj-info2>h3 {

  font-family   : Roboto;

  font-size     : 1.125rem;

  text-transform: uppercase;

  font-weight   : 500;

  position      : relative;

  padding-left  : 2.5rem;

  line-height   : 1.875rem

}



.proj-info2>h3+p {

  margin-top: 1rem

}



.proj-info2>p+a {

  margin-top: 2.1875rem

}



.proj-info2>a {

  font-size     : 1rem;

  text-transform: uppercase;

  font-weight   : 500

}



.proj-info2>a:hover,

.proj-info2>a:focus {

  color: var(--color1)

}



.proj-info2>a+.proj-info-list-wrap {

  margin-top: 4.6875rem

}



.proj-info2:before {

  content         : "";

  height          : 1px;

  width           : 3.75rem;

  background-color: var(--color1);

  position        : absolute;

  left            : -3.125rem;

  top             : 1rem;

  z-index         : 1

}



.proj-box2.rev .proj-info2::before {

  left : auto;

  right: -3.125rem

}



.proj-box2.rev .proj-info2 {

  padding   : 0 2.8125rem 0 0;

  text-align: right

}



.proj-info2>h3 i {

  font-size  : 1.75rem;

  line-height: 1;

  position   : absolute;

  left       : 0;

  top        : 0

}



.proj-box2.rev .proj-info2>h3 {

  padding: 0 2.5rem 0 0

}



.proj-box2.rev .proj-info2>h3 i {

  left : auto;

  right: 0

}



.proj-info-list2 {

  flex      : 0 0 17.8125rem;

  max-width : 17.8125rem;

  text-align: initial

}



.proj-info-list2>li {

  font-size     : 14px;

  color         : #737176b3;

  letter-spacing: 2.5px;

  padding       : 4px 10px

}



.proj-info-list2>li+li {

  border-top: 1px solid var(--color5)

}



.proj-info-list2>li span {

  color         : var(--color1);

  letter-spacing: 0;

  max-width     : 29%;

  float         : right;

  width         : 100%

}



.team-caro>button.slick-prev {

  left: -6.5625rem

}



.team-caro>button.slick-next {

  right: -6.5625rem

}



.team-box {

  flex     : 0 0 50.9375rem;

  max-width: 50.9375rem

}



.team-img {

  flex              : 0 0 28.9375rem;

  max-width         : 28.9375rem;

  -webkit-transform : translateX(-7rem);

  -ms-transform     : translateX(-7rem);

  -o-transform      : translateX(-7rem);

  transform         : translateX(-7rem);

  opacity           : 0;

  visibility        : hidden;

  -webkit-transition: all .8s linear;

  -ms-transition    : all .8s linear;

  -o-transition     : all .8s linear;

  transition        : all .8s linear

}



.slick-active .team-img {

  -webkit-transform: translateX(0);

  -ms-transform    : translateX(0);

  -o-transform     : translateX(0);

  transform        : translateX(0);

  opacity          : 1;

  visibility       : visible

}



.team-img>a {

  display : block;

  position: relative

}



.team-img>a:before {

  content         : "";

  position        : absolute;

  top             : 0;

  left            : 0;

  right           : 0;

  bottom          : 0;

  background-color: #fff;

  opacity         : 0;

  z-index         : 1

}



.team-box:hover .team-img>a::before {

  opacity: .2

}



.team-box:hover .team-img img {

  -webkit-transform: scale(1.05);

  -ms-transform    : scale(1.05);

  -o-transform     : scale(1.05);

  transform        : scale(1.05)

}



.team-img+.team-info {

  flex        : 0 0 calc(100% - 28.9375rem);

  max-width   : calc(100% - 28.9375rem);

  padding-left: 3.125rem

}



.team-info {

  margin-top: 2.8125rem

}



.team-info>h3 {

  font-family   : Roboto;

  font-weight   : 500;

  text-transform: uppercase;

  font-size     : 1.125rem

}



.team-info>h3+p {

  margin-top: 1.5rem

}



.team-info>p+.scl-links {

  margin-top: 2.1875rem

}



.scl-links.v2>a {

  font-size: 1.125rem;

  color    : var(--color1)

}



.team-wrap>span.sec-watermark {

  line-height: 1;

  margin-top : -2rem;

  font-size  : 12.5rem

}



.team-bottom {

  bottom: 0;

  left  : 0

}



.team-bottom .pagiInfo {

  text-align : center;

  position   : static;

  line-height: 1

}



.team-bottom .pagiInfo:first-letter {

  font-size: 3.125rem

}



.team-bottom .pagiInfo+a {

  margin-top: 1.25rem

}



.team-bottom>a {

  font-size     : 1rem;

  text-transform: uppercase;

  font-weight   : 500

}



.team-bottom>a:hover,

.team-bottom>a:focus {

  color: var(--color1)

}



.how-to-img {

  flex     : 0 0 64.375rem;

  max-width: 64.375rem;

  right    : 0;

  bottom   : 0;

  z-index  : 2

}



.how-to-content-wrap {

  flex         : 0 0 72.5rem;

  max-width    : 72.5rem;

  padding-left : 2.5rem;

  padding-right: 7.8125rem;

  z-index      : 1

}



.how-to-content-wrap:before {

  content         : "";

  position        : absolute;

  top             : 0;

  left            : 0;

  right           : 0;

  bottom          : 0;

  background-color: #fff;

  opacity         : .7;

  z-index         : -1

}



.how-to-content-inner {

  flex     : 0 0 41.5625rem;

  max-width: 41.5625rem

}



.how-to-content-inner>p {

  max-width: 30rem

}



.how-to-content-inner>p+.steps-list {

  margin-top: 5px

}



.steps-list {

  max-width: 27.5rem;

  display  : inline-block

}



.step-box {

  margin-top: 1.875rem

}



.step-box>span {

  flex            : 0 0 5.625rem;

  max-width       : 5.625rem;

  background-color: var(--color5);

  text-align      : center;

  font-family     : Arapey;

  font-size       : 3.125rem;

  line-height     : 2.8125rem;

  position        : relative

}



.step-box>span svg {

  top        : calc(100%+.9375rem);

  max-width  : 1rem;

  left       : 50%;

  margin-left: -8px

}



.step-box>span+.step-box-info {

  flex        : 0 0 calc(100% - 5.625rem);

  max-width   : calc(100% - 5.625rem);

  padding-left: 1.5625rem

}



.step-box-info>h4 {

  position      : relative;

  padding-left  : 2.625rem;

  font-family   : Roboto;

  font-weight   : 500;

  text-transform: uppercase;

  font-size     : 1.125rem;

  line-height   : 1.875rem

}



.step-box-info>h4 i {

  position : absolute;

  left     : 0;

  top      : 0;

  font-size: 1.875rem

}



.step-box-info>h4+p {

  margin-top: 1.125rem

}



.blog-wrap>div.row>div:first-child .blog-post-box-wrap {

  padding-right: 1.875rem

}



.blog-wrap>div.row>div:nth-child(2) .blog-post-box-wrap {

  padding: 0 .9375rem

}



.blog-wrap>div.row>div:last-child .blog-post-box-wrap {

  padding-left: 1.875rem

}



.blog-post-box-wrap {

  margin-bottom: 2.5rem

}



.blog-post-img>a {

  display : block;

  position: relative

}



.blog-post-img>a:before {

  content         : "";

  position        : absolute;

  top             : 0;

  left            : 0;

  right           : 0;

  bottom          : 0;

  background-color: #fff;

  opacity         : 0;

  z-index         : 1

}



.blog-post-box:hover .blog-post-img>a::before {

  opacity: .4

}



.blog-post-box:hover .blog-post-img img {

  -webkit-transform: scale(1.05);

  -ms-transform    : scale(1.05);

  -o-transform     : scale(1.05);

  transform        : scale(1.05)

}



.blog-post-img+.blog-post-info {

  margin-top: .9375rem

}



.blog-post-info>a {

  position   : absolute;

  top        : -4.8125rem;

  right      : 0;

  height     : 3.875rem;

  width      : 3.875rem;

  line-height: 3.875rem;

  z-index    : 1;

  text-align : center

}



.blog-post-info>a svg {

  width: 1.75rem

}



.blog-post-info>a:hover,

.blog-post-info>a:focus {

  background-color: var(--color1)

}



.blog-post-data {

  color         : #737176b3;

  font-size     : 14px;

  letter-spacing: 2.5px

}



.blog-post-data>i {

  font-size   : 1.125rem;

  margin-right: 10px

}



.blog-post-data b {

  height          : 1px;

  display         : inline-block;

  width           : 4.6875rem;

  background-color: var(--color1);

  vertical-align  : middle;

  margin-left     : .9375rem

}



.blog-post-info>a:hover svg path:first-child,

.blog-post-info>a:focus svg path:first-child {

  fill: #fff

}



.blog-post-info>a:hover svg path:last-child,

.blog-post-info>a:focus svg path:last-child {

  stroke: #fff

}



.blog-post-info>span+h3 {

  margin-top: 10px

}



.blog-post-info>h3 {

  font-size  : 1.625rem;

  line-height: 1.875rem

}



.blog-post-info>h3+p {

  margin-top: 1.25rem

}



.feat-caro3 {

  width: 100%

}



.feat-item3 {

  width     : 100%;

  max-height: 67.5rem

}



.feat-img3 {

  background-size    : cover;

  background-position: center;

  width              : 100%;

  -webkit-transition : all 2s cubic-bezier(0.7, 0, 0.3, 1);

  -ms-transition     : all 2s cubic-bezier(0.7, 0, 0.3, 1);

  -o-transition      : all 2s cubic-bezier(0.7, 0, 0.3, 1);

  transition         : all 2s cubic-bezier(0.7, 0, 0.3, 1);

  -webkit-transform  : scale(1.3);

  -ms-transform      : scale(1.3);

  -o-transform       : scale(1.3);

  transform          : scale(1.3);

  min-height         : 67.5rem;

  max-height         : 67.5rem;

  height             : 100%

}



.slick-active .feat-img3 {

  -webkit-transform: scale(1);

  -ms-transform    : scale(1);

  -o-transform     : scale(1);

  transform        : scale(1)

}



.feat-img3::before {

  content         : "";

  position        : absolute;

  top             : 0;

  left            : 0;

  right           : 0;

  bottom          : 0;

  background-color: #000;

  opacity         : .45;

  z-index         : 1

}



.feat-img3::after {

  content            : "";

  position           : absolute;

  top                : 0;

  left               : 0;

  right              : 0;

  bottom             : 0;

  background-image   : url(../images/bg-lines.png);

  z-index            : 1;

  opacity            : .1;

  background-size    : cover;

  background-position: center

}



.feat-cap3 {

  top              : 50%;

  left             : 50%;

  -webkit-transform: translate(-50%, -50%);

  -ms-transform    : translate(-50%, -50%);

  -o-transform     : translate(-50%, -50%);

  transform        : translate(-50%, -50%);

  z-index          : 1;

  margin-top       : 2.7rem

}



.feat-cap3>span {

  letter-spacing: 2.5px;

  text-transform: uppercase;

  font-size     : 14px;

  font-weight   : 500

}



.feat-cap3>span+h2 {

  margin-top: 7px

}



.feat-cap3>h2 {

  font-size     : 5rem;

  color         : #fff;

  line-height   : 5.9375rem;

  letter-spacing: 3px

}



.feat-cap3>h2+a {

  margin-top: 3.125rem

}



.about-desc2 {

  margin-top: -10px

}



.about-desc2>p {

  max-width: 90%

}



.about-desc2>p+p {

  margin-top: 1.75rem

}



.about-desc2>p+a {

  margin-top: 3.625rem

}



.about-desc2>a {

  font-size     : 1rem;

  text-transform: uppercase;

  font-weight   : 500

}



.about-desc2>a:hover,

.about-desc2>a:focus {

  color: var(--color1)

}



.about-facts-wrap {

  padding-left : 6.25rem;

  margin-bottom: -2.5rem

}



.about-fact-box-wrap {

  margin-bottom: 2.5rem

}



.about-facts-wrap>div.row>div:nth-child(2n+1) .about-fact-box-wrap {

  padding-right: 2.8125rem

}



.about-facts-wrap>div.row>div:nth-child(2n) .about-fact-box-wrap {

  padding-left: 2.8125rem

}



.about-fact-box {

  border    : 1px solid var(--color5);

  min-height: 10.9375rem;

  padding   : 10px 1rem

}



.about-fact-box>span {

  font-size  : 5.3125rem;

  font-family: Arapey;

  font-weight: 400;

  line-height: 1

}



.about-fact-box>h5 {

  font-family   : Roboto;

  font-weight   : 500;

  text-transform: uppercase;

  font-size     : 1.125rem;

  line-height   : 1.875rem

}



.about-fact-box:before {

  content : "";

  position: absolute;

  left    : 10px;

  top     : 10px;

  height  : .9375rem;

  width   : .9375rem

}



.photo-info-wrap,

.faq-wrap,

.gallery-wrap {

  padding: 0 7.1875rem

}



.photo-info-inner,

.faq-inner {

  padding: 11px

}



.photo-info-img::before,

.faq-img:before {

  content : "";

  position: absolute;

  left    : -11px;

  right   : -11px;

  top     : -11px;

  bottom  : -11px;

  border  : 1px solid

}



.photo-info-img {

  min-height         : 49.0625rem;

  background-size    : cover;

  background-position: center

}



.photo-info-box.v1 {

  left             : 50%;

  -webkit-transform: translateX(-50%);

  -ms-transform    : translateX(-50%);

  -o-transform     : translateX(-50%);

  transform        : translateX(-50%);

  top              : 5.625rem

}



.photo-info-box.v2 {

  top              : 50%;

  right            : 20%;

  -webkit-transform: translateY(-50%);

  -ms-transform    : translateY(-50%);

  -o-transform     : translateY(-50%);

  transform        : translateY(-50%)

}



.photo-info-box.v3 {

  left  : 16%;

  bottom: 6.5625rem

}



.photo-info-box.v4 {

  margin-left      : 6rem;

  left             : 50%;

  -webkit-transform: translateX(-50%);

  -ms-transform    : translateX(-50%);

  -o-transform     : translateX(-50%);

  transform        : translateX(-50%);

  bottom           : 11.5px

}



.photo-info-box.active {

  z-index: 1

}



.photo-info-box>span {

  padding         : 4.15625rem;

  display         : inline-block;

  cursor          : pointer;

  text-align      : center;

  background-color: rgba(0, 0, 0, .5)

}



.photo-info-box>span i {

  height     : 3.4375rem;

  width      : 3.4375rem;

  line-height: 3.4375rem;

  display    : block;

  position   : relative

}



.photo-info-box>span i:before {

  content : "";

  position: absolute;

  left    : -11px;

  top     : -11px;

  bottom  : -11px;

  right   : -11px;

  border  : 1px solid

}



.photo-info-box>span i svg {

  max-width: 1.875rem

}



.photo-info-box.active>span i {

  background-color: var(--color1)

}



.photo-info-box.active>span i svg path {

  stroke: #fff

}



.photo-info-box.active>span {

  background-color: transparent

}



.photo-info-box.active>span i::before {

  opacity: 0

}



.photo-info-box.active>span i svg {

  -webkit-transform: rotate(45deg);

  -ms-transform    : rotate(45deg);

  -o-transform     : rotate(45deg);

  transform        : rotate(45deg)

}



.photo-info-box-inner {

  background-color : #fff;

  min-width        : 18.75rem;

  z-index          : 1;

  padding          : 2.8125rem 2.1875rem 1.875rem;

  opacity          : 0;

  visibility       : hidden;

  -webkit-transform: scale(.8);

  -ms-transform    : scale(.8);

  -o-transform     : scale(.8);

  transform        : scale(.8)

}



.photo-info-box-inner:before {

  content : "";

  left    : 11.5px;

  right   : 11.5px;

  bottom  : 11.5px;

  top     : 11.5px;

  border  : 1px solid;

  position: absolute;

  z-index : -1

}



.photo-info-box-inner>h3 {

  font-size     : 1.125rem;

  font-family   : Roboto;

  font-weight   : 500;

  text-transform: uppercase;

  position      : relative;

  padding-left  : 1.125rem;

  line-height   : 1.875rem

}



.photo-info-box-inner>h3+p {

  margin-top: 10px

}



.photo-info-box-inner>p {

  font-size: 1rem

}



.photo-info-box-inner>p+a {

  margin-top: 2.875rem

}



.photo-info-box-inner>a {

  font-size     : 1rem;

  text-transform: uppercase;

  font-weight   : 600;

  float         : right

}



.photo-info-box-inner>svg {

  position: absolute;

  bottom  : 0;

  left    : 0;

  z-index : -2

}



.photo-info-box-inner>h3:before {

  content         : "";

  width           : 1px;

  background-color: var(--color1);

  position        : absolute;

  left            : 0;

  top             : 4px;

  bottom          : 5px

}



.photo-info-box-inner>a:hover,

.photo-info-box-inner>a:focus {

  color: var(--color1)

}



.photo-info-box.v1 .photo-info-box-inner {

  top  : calc(100% - 4.0625rem);

  right: calc(100% - 4.0625rem)

}



.photo-info-box.v2 .photo-info-box-inner {

  top  : calc(100% - 4.0625rem);

  right: calc(100% - 4.0625rem)

}



.photo-info-box.v3 .photo-info-box-inner {

  bottom: calc(100% - 4.0625rem);

  left  : calc(100% - 4.0625rem)

}



.photo-info-box.v4 .photo-info-box-inner {

  bottom: calc(100% - 4.0625rem);

  right : calc(100% - 4.0625rem)

}



.photo-info-box.active .photo-info-box-inner {

  visibility       : visible;

  opacity          : 1;

  -webkit-transform: scale(1);

  -ms-transform    : scale(1);

  -o-transform     : scale(1);

  transform        : scale(1)

}



.why-choose-wrap .pagiInfo {

  font-weight   : 300;

  bottom        : 4.25rem;

  left          : auto;

  right         : 12rem;

  margin-right  : 5px;

  letter-spacing: 4px

}



.why-choose-wrap .pagiInfo:first-letter {

  font-size  : 1rem;

  font-family: Roboto;

  font-weight: 500

}



.why-choose-caro>button.slick-prev {

  left : auto;

  right: 16.875rem

}



.why-choose-caro>button.slick-next {

  right: 7.1875rem

}



.why-choose-caro>button.slick-arrow {

  top    : auto;

  bottom : 4.375rem;

  z-index: 1

}



.why-choose-img {

  max-width: 46.875rem

}



.why-choose-img:before {

  content            : "";

  position           : absolute;

  top                : 0;

  bottom             : 0;

  background-image   : url(../images/elips-patrn.png);

  width              : 12.5rem;

  right              : -13.125rem;

  background-size    : cover;

  background-position: center

}



.why-choose-img>img {

  -webkit-transform : translateX(-5rem);

  -ms-transform     : translateX(-5rem);

  -o-transform      : translateX(-5rem);

  transform         : translateX(-5rem);

  opacity           : 0;

  visibility        : hidden;

  -webkit-transition: all .8s linear;

  -ms-transition    : all .8s linear;

  -o-transition     : all .8s linear;

  transition        : all .8s linear

}



.slick-active .why-choose-img>img {

  -webkit-transform: translateX(0);

  -ms-transform    : translateX(0);

  -o-transform     : translateX(0);

  transform        : translateX(0);

  opacity          : 1;

  visibility       : visible

}



.why-choose-info {

  max-width       : 35rem;

  background-color: #fff;

  border          : 1px solid var(--color5);

  top             : 5.9375rem;

  right           : 0;

  z-index         : 1;

  padding         : 3.125rem 3.125rem 3.75rem 2.5rem;

  display         : flex;

  flex-wrap       : wrap;

  align-items     : flex-end

}



.why-choose-info>span {

  position      : relative;

  flex          : 0 0 5.3125rem;

  max-width     : 5.3125rem;

  font-family   : Arapey;

  font-size     : 1.25rem;

  z-index       : 1;

  padding-left  : 10px;

  padding-bottom: 3rem

}



.why-choose-info>span:before {

  content         : "";

  position        : absolute;

  left            : 0;

  top             : 0;

  height          : 4rem;

  width           : 4rem;

  z-index         : -1;

  background-color: red

}



.why-choose-info>span i {

  font-size  : 4.375rem;

  position   : absolute;

  line-height: 1;

  top        : 10px;

  right      : 0

}



.why-choose-info>span+h3 {

  flex        : 0 0 calc(100% - 5.3125rem);

  max-width   : calc(100% - 5.3125rem);

  padding-left: 1.5625rem

}



.why-choose-info>h3 {

  font-family   : Roboto;

  font-weight   : 500;

  text-transform: uppercase;

  font-size     : 1.125rem;

  line-height   : 1.875rem

}



.faq-inner:before {

  left   : 11px;

  top    : 11px;

  bottom : 11px;

  right  : 11px;

  width  : auto;

  height : auto;

  z-index: 1

}



.faq-inner:after {

  content            : "";

  position           : absolute;

  left               : 0;

  right              : 0;

  background-image   : url(../images/elips-patrn2.png);

  height             : 9.375rem;

  top                : 100%;

  background-position: center;

  z-index            : -1

}



.faq-img {

  left   : 11px;

  right  : 11px;

  top    : 11px;

  bottom : 11px;

  width  : auto;

  height : auto;

  z-index: 0

}



.toggle {

  position: relative;

  z-index : 1

}



.toggle-item {

  padding-top: 3.125rem

}



.toggle-item+.toggle-item {

  border-top: 2px solid rgba(255, 255, 255, .3)

}



.toggle-item>h4 {

  font-size    : 1.875rem;

  line-height  : 1.875rem;

  padding      : 13px 3.4375rem 13px 10.9375rem;

  margin-bottom: 2.5rem !important;

  cursor       : pointer

}



.toggle-item>h4 span {

  font-size  : 6.25rem;

  line-height: 1;

  left       : 0;

  top        : 50%;

  margin-top : -3.125rem

}



.toggle-item>h4 span:before {

  content   : "";

  position  : absolute;

  height    : .9375rem;

  width     : .9375rem;

  top       : 50%;

  left      : 7.5rem;

  margin-top: -7.5px

}



.dark-layer .toggle-item>h4 {

  color: #fff

}



.dark-layer .toggle-content>p {

  color: #fff

}



.toggle-content>p {

  max-width: 80%

}



.toggle-content>p+p {

  margin-top: 1.5625rem

}



.toggle-item>h4 i {

  height     : 3.4375rem;

  width      : 3.4375rem;

  right      : 0;

  top        : 0;

  line-height: 3.4375rem;

  text-align : center;

  border     : 1px solid;

  cursor     : pointer

}



.toggle-item>h4 i svg.arrow-svg {

  max-width: 1rem

}



.toggle-item>h4 i svg.close-svg {

  position         : absolute;

  min-width        : 2.5rem;

  left             : 50%;

  top              : 50%;

  -webkit-transform: translate(-50%, -50%);

  -ms-transform    : translate(-50%, -50%);

  -o-transform     : translate(-50%, -50%);

  transform        : translate(-50%, -50%);

  opacity          : 0

}



.toggle-item.active>h4 i svg.arrow-svg {

  opacity: 0

}



.toggle-item.active>h4 i svg.close-svg {

  opacity: 1

}



.toggle-item.active>h4 i {

  background-color: transparent

}



.toggle-content {

  padding-left  : 7.8125rem;

  padding-top   : 8px;

  padding-bottom: 9.375rem

}



.toggle-item.active>h4 {

  margin-bottom: 0 !important

}



.toggle-item:last-child>h4 {

  margin-bottom: 3.125rem !important

}



.stages-wrap {

  margin-bottom: -2.5rem

}



.stage-box {

  margin-bottom: 2.5rem;

  padding-left : 2.0625rem

}



.stage-head {

  padding-bottom: 1.5625rem

}



.stage-head:before,

.stage-head:after {

  content : "";

  position: absolute

}



.stage-head::before {

  height          : 1px;

  left            : -2.0625rem;

  right           : 0;

  background-color: #73717691;

  bottom          : 0

}



.stage-head::after {

  height          : 11px;

  width           : 11px;

  bottom          : -5px;

  background-color: var(--color1);

  left            : 0

}



.stages-wrap>div.row>div:not(:last-child) .stage-head::before {

  right: -1.875rem

}



.stage-head>span {

  font-size  : 6.25rem;

  line-height: .7;

  font-family: Arapey;

  display    : inline-block

}



.stage-head>span+i {

  margin-left: 10px

}



.stage-head>i {

  font-size  : 3.75rem;

  line-height: 1;

  position   : relative;

  top        : -10px;

  display    : inline-block

}



.stage-box:hover .stage-head>i {

  -webkit-transform: rotateY(360deg);

  -ms-transform    : rotateY(360deg);

  -o-transform     : rotateY(360deg);

  transform        : rotateY(360deg)

}



.stage-body>h3 {

  font-size     : 1.625rem;

  line-height   : 2.5rem;

  padding-bottom: 3px

}



.stage-body>h3:before {

  content         : "";

  position        : absolute;

  left            : 0;

  bottom          : 0;

  height          : 1px;

  background-color: var(--color1);

  width           : 2.8125rem

}



.stage-body>h3+p {

  margin-top: 1rem

}



.stage-head+.stage-body {

  margin-top: 1.875rem

}



.stage-box:hover .stage-head::after {

  height: 1.5625rem;

  width : 1.5625rem;

  bottom: -12px

}



.gallery-box:before {

  content         : "";

  position        : absolute;

  top             : 0;

  left            : 0;

  right           : 0;

  bottom          : 0;

  z-index         : 1;

  background-color: var(--color1);

  opacity         : 0

}



.gallery-box:hover:before {

  opacity: .6

}



.gallery-box:hover>img {

  -webkit-transform: scale(1.05);

  -ms-transform    : scale(1.05);

  -o-transform     : scale(1.05);

  transform        : scale(1.05)

}



.gallery-box>a {

  height           : 3.4375rem;

  width            : 3.4375rem;

  line-height      : 3.4375rem;

  left             : 50%;

  top              : 50%;

  z-index          : 1;

  -webkit-transform: translate(-50%, -50%) scale(.7);

  -ms-transform    : translate(-50%, -50%) scale(.7);

  -o-transform     : translate(-50%, -50%) scale(.7);

  transform        : translate(-50%, -50%) scale(.7);

  opacity          : 0;

  visibility       : hidden;

  text-align       : center

}



.gallery-box>a:before {

  content : "";

  border  : 1px solid;

  top     : -14px;

  left    : -14px;

  right   : -14px;

  bottom  : -14px;

  position: absolute

}



.gallery-box>a svg {

  max-width: 2rem

}



.gallery-box>a svg path {

  stroke: var(--color1)

}



.gallery-box:hover>a {

  -webkit-transform: translate(-50%, -50%) scale(1);

  -ms-transform    : translate(-50%, -50%) scale(1);

  -o-transform     : translate(-50%, -50%) scale(1);

  transform        : translate(-50%, -50%) scale(1);

  opacity          : 1;

  visibility       : visible

}



.gallery-box>a:hover,

.gallery-box>a:focus {

  background-color: #fff

}



.gallery-box>a:hover:before,

.gallery-box>a:focus:before {

  border-color: #fff

}



.team-wrap2 {

  margin-bottom: -5px

}



.team-box2 {

  margin-bottom: 1.875rem

}



.team-img2>a {

  display : block;

  position: relative

}



.team-img2>a:before {

  content : "";

  position: absolute;

  top     : 0;

  right   : 0;

  bottom  : 0;

  left    : 0;

  border  : 1px solid;

  opacity : 0

}



.team-box2:hover .team-img2>a::before {

  top    : -11px;

  left   : -11px;

  right  : -11px;

  bottom : -11px;

  opacity: 1

}



.team-img2+.team-info2 {

  margin-top: 1.625rem

}



.team-info2 {

  padding-left: 1.125rem

}



.team-info2:before {

  content         : "";

  left            : 0;

  height          : 3.75rem;

  width           : 1px;

  background-color: var(--color1);

  position        : absolute;

  top             : 0

}



.team-info2>h3 {

  font-size     : 1.125rem;

  font-weight   : 500;

  font-family   : Roboto;

  text-transform: uppercase;

  line-height   : 1.875rem

}



.team-info2>span {

  font-size  : 1rem;

  font-weight: 400

}



.team-info2>span+.scl-links {

  margin-top: 1rem

}



.team-info2 .scl-links.v2>a {

  font-size: 1rem

}



.team-info2 .scl-links.v2>a:not(:first-child) {

  margin-left: 2.1875rem

}



.reviw-info {

  flex              : 0 0 21.875rem;

  max-width         : 21.875rem;

  border            : 1px solid var(--color5);

  padding           : .9375rem 1.875rem;

  -webkit-transform : translateX(-5rem);

  -ms-transform     : translateX(-5rem);

  -o-transform      : translateX(-5rem);

  transform         : translateX(-5rem);

  opacity           : 0;

  visibility        : hidden;

  -webkit-transition: all .6s linear;

  -ms-transition    : all .6s linear;

  -o-transition     : all .6s linear;

  transition        : all .6s linear

}



.reviw-info>i {

  position   : absolute;

  max-width  : 1.75rem;

  right      : -1.25rem;

  top        : 50%;

  line-height: 1;

  margin-top : -9.375px

}



.reviw-info>img {

  flex     : 0 0 4.8125rem;

  max-width: 4.8125rem

}



.reviw-info>img+.reviw-info-inner {

  padding-left: 1.6875rem;

  flex        : 0 0 calc(100% - 4.8125rem);

  max-width   : calc(100% - 4.8125rem)

}



.reviw-info-inner>h4 {

  font-family: Roboto;

  font-weight: 500;

  font-size  : 1.125rem

}



.reviw-info-inner>h4+span {

  margin-top: 3px

}



.reviw-info-inner>span {

  font-size  : 1rem;

  font-weight: 400

}



.reviw-cap:before {

  content            : "";

  position           : absolute;

  left               : -10px;

  top                : 0;

  bottom             : 0;

  background-image   : url(../images/elips-patrn3.png);

  width              : 28.4375rem;

  z-index            : -1;

  background-size    : cover;

  background-position: center

}



.reviw-cap {

  flex              : 0 0 43.4375rem;

  max-width         : 43.4375rem;

  z-index           : 1;

  padding           : 3.75rem 4.375rem 3.75rem 5rem;

  -webkit-transform : translateX(5rem);

  -ms-transform     : translateX(5rem);

  -o-transform      : translateX(5rem);

  transform         : translateX(5rem);

  opacity           : 0;

  visibility        : hidden;

  -webkit-transition: all .6s linear;

  -ms-transition    : all .6s linear;

  -o-transition     : all .6s linear;

  transition        : all .6s linear

}



.slick-active .reviw-info,

.slick-active .reviw-cap {

  -webkit-transform: translateX(0);

  -ms-transform    : translateX(0);

  -o-transform     : translateX(0);

  transform        : translateX(0);

  opacity          : 1;

  visibility       : visible

}



.reviw-cap>p i:first-child {

  left: -3.4375rem;

  top : -1rem

}



.reviw-cap>p i:last-child {

  right : -4.375rem;

  bottom: -1.1rem

}



.reviw-cap>p i {

  line-height: 1;

  font-size  : 2.5rem

}



.page-top-inner {

  padding: 8.5rem 0 6.8rem

}



.page-title-info>i {

  z-index   : -1;

  max-height: 21.75rem;

  max-width : 22.375rem;

  bottom    : -4.6rem;

  left      : -8.4375rem

}



.page-title-info>h1 {

  font-size     : 5rem;

  line-height   : 5.9375rem;

  position      : relative;

  padding-right : 3.125rem;

  display       : inline-block;

  letter-spacing: 3.5px

}



.page-title-info>h1+ol.breadcrumb {

  margin-top: .9375rem

}



ol.breadcrumb {

  padding              : 0;

  -webkit-border-radius: 0;

  border-radius        : 0;

  background-color     : transparent

}



ol.breadcrumb li.breadcrumb-item {

  font-size     : 14px;

  color         : var(--color1);

  letter-spacing: 2px;

  position      : relative

}



ol.breadcrumb li.breadcrumb-item {

  margin-right : 1rem;

  padding-right: 1.25rem

}



ol.breadcrumb li.breadcrumb-item:last-child {

  margin-right: 0;

  padding     : 0

}



ol.breadcrumb li.breadcrumb-item:before {

  content    : "-";

  position   : absolute;

  padding    : 0;

  color      : inherit;

  right      : 0;

  top        : 0;

  line-height: inherit

}



ol.breadcrumb li.breadcrumb-item:last-child:before {

  display: none

}



ol.breadcrumb li.breadcrumb-item i {

  font-size   : 1.3125rem;

  margin-right: 1.25rem;

  line-height : 1

}



.page-title-info>h1:before {

  content         : "";

  position        : absolute;

  right           : 0;

  background-color: #fff;

  height          : 4.0625rem;

  left            : 40%;

  z-index         : -1;

  top             : 1rem

}



.page-title-img {

  max-width : 78.125rem;

  min-height: 24.0625rem;

  z-index   : -2;

  top       : 0;

  width     : 100%;

  right     : -32%

}



.page-title-img .sec-watermark {

  z-index: -1

}



.page-title-img-inner {

  min-height         : inherit;

  background-size    : cover;

  background-position: center

}



iframe.cont-map {

  -webkit-filter: grayscale(1);

  -ms-filter    : grayscale(1);

  -o-filter     : grayscale(1);

  filter        : grayscale(1)

}



.serv-banner-box.v2:before {

  content : "";

  position: absolute;

  left    : 11px;

  right   : 11px;

  bottom  : 11px;

  top     : 11px;

  border  : 1px solid;

  z-index : 1

}



.serv-banner-img {

  min-height         : 28.75rem;

  background-size    : cover;

  background-position: center

}



.serv-banner-box:not(.v2):before {

  content         : "";

  position        : absolute;

  bottom          : 10px;

  width           : 1.5625rem;

  height          : 1.5625rem;

  background-color: var(--color2);

  z-index         : 1

}



.services-banner-wrap:before {

  content         : "";

  background-image: url(../images/elips-patrn2.png);

  left            : 5.625rem;

  right           : 5.625rem;

  height          : 15.625rem;

  position        : absolute;

  bottom          : 0

}



.serv-banner-info {

  z-index: 1

}



.serv-banner-box.right-cont:not(.v2):before {

  right: 10px

}



.serv-banner-box.left-cont:not(.v2):before {

  left: 10px

}



.serv-banner-box:not(.v2) .serv-banner-info {

  top              : 50%;

  -webkit-transform: translateY(-50%);

  -ms-transform    : translateY(-50%);

  -o-transform     : translateY(-50%);

  transform        : translateY(-50%);

  max-width        : 14.375rem

}



.serv-banner-box.v2 .serv-banner-info {

  top: 4.375rem

}



.right-cont .serv-banner-info {

  right: 4.375rem

}



.left-cont .serv-banner-info {

  left: 4.375rem

}



.serv-banner-info a.thm-btn {

  margin-left: 0

}



.serv-banner-info a.thm-btn:hover,

.serv-banner-info a.thm-btn:focus {

  margin-left: 6px

}



.serv-banner-info>h3 {

  font-size     : 2.5rem;

  letter-spacing: .3px;

  line-height   : 3.125rem

}



.serv-banner-box:not(.v2) .serv-banner-info>h3::before {

  content         : "";

  position        : absolute;

  bottom          : 0;

  width           : 3.75rem;

  height          : 1px;

  background-color: var(--color1);

  left            : 0

}



.serv-banner-info>h3+a {

  margin-top: 2.375rem

}



.serv-banner-box:not(.v2) .serv-banner-info>h3 {

  padding-bottom: 14px

}



.serv-banner-info>h3 span {

  background-color: #fff;

  line-height     : 2.1875rem;

  display         : inline-block;

  padding         : 0 1.25rem

}



.serv-banner-info>a:not(.thm-btn) {

  text-transform: uppercase;

  font-weight   : 500;

  font-size     : 1rem

}



.serv-banner-info>a:not(.thm-btn):hover,

.serv-banner-info>a:not(.thm-btn):focus {

  color: var(--color1)

}



.serv-banner-box.v2 .serv-banner-info>h3+a {

  margin-top: 1.125rem

}



.v2.right-cont .serv-banner-info {

  right: 3.125rem

}



.serv-banner-img:before,

.serv-banner-img:after {

  content           : "";

  position          : absolute;

  background-color  : #fff;

  opacity           : 0;

  top               : 0;

  bottom            : 0;

  left              : 0;

  right             : 0;

  -webkit-transition: all .5s linear;

  -ms-transition    : all .5s linear;

  -o-transition     : all .5s linear;

  transition        : all .5s linear

}



.serv-banner-box:hover .serv-banner-img:before {

  left   : 50%;

  right  : 50%;

  opacity: .2

}



.serv-banner-box:hover .serv-banner-img::after {

  top    : 50%;

  bottom : 50%;

  opacity: .2

}



.serv-banner-box:not(.v2) .serv-banner-img:before,

.serv-banner-box:not(.v2) .serv-banner-img:after {

  background-color: var(--color1)

}



.sec-title+.about-serv-desc {

  margin-top: -10px

}



.about-serv-desc>p {

  max-width: 95%

}



.about-serv-desc>p+p {

  margin-top: 1.875rem

}



.about-serv-desc>p+a {

  margin-top: 2.6875rem

}



.about-serv-desc>a.thm-btn {

  margin-left: 0

}



.about-serv-desc>a.thm-btn:hover,

.about-serv-desc>a.thm-btn:focus {

  margin-left: 7px

}



.about-serv-img {

  padding-right : 6.25rem;

  padding-bottom: 3.125rem

}



.about-serv-info {

  right           : 0;

  bottom          : 0;

  background-color: #fff;

  border          : 1px solid var(--color5);

  max-width       : 18.75rem;

  padding         : 3.4375rem 2.1875rem 1.875rem

}



.about-serv-info>span {

  z-index    : 1;

  font-size  : 4.0625rem;

  line-height: 1

}



.about-serv-info>span:before {

  content         : "";

  top             : 0;

  left            : 0;

  height          : 4.0625rem;

  width           : 4.0625rem;

  background-color: var(--color2);

  position        : absolute;

  z-index         : -1

}



.about-serv-info>span i {

  line-height: 1;

  position   : relative;

  margin-left: 1.6rem;

  margin-top : 1rem;

  display    : inline-block

}



.about-serv-info>span+h3 {

  margin-top: 1.1875rem

}



.about-serv-info>h3 {

  font-family   : Roboto;

  font-weight   : 500;

  font-size     : 1.125rem;

  line-height   : 1.875rem;

  text-transform: uppercase

}



.about-serv-info>h3+a {

  margin-top: 1.875rem

}



.about-serv-info>a {

  font-size     : 1rem;

  text-transform: uppercase;

  font-weight   : 500

}



.port-tabs-wrap ul.nav-tabs {

  border       : 0;

  display      : block;

  padding-right: 5rem

}



.port-tabs-wrap ul.nav-tabs li.nav-item {

  margin: 0

}



.port-tabs-wrap ul.nav-tabs li.nav-item+li.nav-item {

  margin-top: 1.5625rem

}



.port-tabs-wrap ul.nav-tabs li.nav-item a.nav-link {

  display              : block;

  border               : 0;

  -webkit-border-radius: 0;

  border-radius        : 0;

  position             : relative;

  padding              : 0 10px 6px;

  background-color     : transparent

}



.port-tabs-wrap ul.nav-tabs li.nav-item a.nav-link:before {

  content         : "";

  position        : absolute;

  bottom          : 0;

  left            : 0;

  height          : 1px;

  background-color: var(--color1);

  right           : 90%;

  opacity         : 0

}



.port-tabs-wrap ul.nav-tabs li.nav-item a.active.nav-link::before {

  right  : 0;

  opacity: 1

}



.port-tabs-wrap ul.nav-tabs li.nav-item a.nav-link.active {

  font-weight: 500;

  color      : inherit

}



.port-tabs-wrap .serv-tab-carousel {

  max-height: 34.5rem;

  overflow  : hidden

}



.port-tabs-wrap .tab-pane {

  position: relative

}



.customBtns {

  top    : 50%;

  left   : 0;

  right  : 0;

  z-index: 1

}



.customBtns>div {

  height          : 3.875rem;

  width           : 3.875rem;

  line-height     : 3.875rem;

  cursor          : pointer;

  background-color: var(--color1);

  text-align      : center;

  position        : absolute;

  margin-top      : -1.9375rem

}



.customBtns>div.customNextBtn {

  left: -1.9375rem

}



.customBtns>div.customPreviousBtn {

  right: -1.9375rem

}



.customBtns>div svg {

  width: 1.75rem

}



.port-tabs-wrap .sec-watermark {

  left : -10.625rem;

  width: 50%;

  top  : 32%

}



.port-tabs-wrap .sec-watermark i {

  display    : block;

  float      : none;

  margin-left: 11.3rem;

  margin-top : 17rem

}



.about-me-wrap {

  padding-top: 4.6875rem

}



.about-me-img {

  padding: 0 2.1875rem 0 3.4375rem

}



.about-me-bg,

.exc-proj-img-bg {

  max-width          : 42.1875rem;

  width              : 100%;

  min-height         : 29.6875rem;

  left               : -22.9rem;

  z-index            : -1;

  top                : -4.6875rem;

  min-width          : 42.1875rem;

  background-size    : cover;

  background-position: center;

  opacity            : .6

}



.about-me-img .scl-links {

  max-width: .9375rem;

  position : absolute;

  left     : 0;

  bottom   : 0

}



.about-me-img .scl-links>a {

  font-size: 1rem

}



.about-me-img .scl-links>a:not(:first-child) {

  margin: 1.25rem 0 0

}



.about-me-desc,

.exc-porj-desc {

  margin-top: -10px

}



.about-me-desc>p+ul {

  margin-top: 3.125rem

}



.about-me-info {

  max-width: 16.5625rem

}



.about-me-info>li {

  font-size     : 14px;

  color         : #737176b3;

  letter-spacing: 2.5px;

  padding       : 4px 10px

}



.about-me-info>li+li {

  border-top: 1px solid var(--color5)

}



.about-me-info>li span {

  color         : var(--color1);

  letter-spacing: 0;

  float         : right;

  max-width     : 53%;

  width         : 100%

}



.about-me-desc>ul+a {

  margin-top: 3.25rem

}



.about-me-desc .thm-btn.bg-color1 span {

  border-color: var(--color1)

}



.about-me-wrap+.my-skills-wrap {

  margin-top: 4.375rem

}



.my-skills-wrap>h3 {

  font-size     : 1.625rem;

  letter-spacing: .3px;

  line-height   : 1.875rem

}



.progress-wrap {

  margin-top: 1.5625rem;

  overflow  : hidden

}



.progress-wrap>h5 {

  margin-bottom : 2px;

  font-family   : Roboto;

  text-transform: uppercase;

  font-weight   : 500;

  font-size     : 1.125rem;

  line-height   : 1.875rem

}



.progress-wrap .progress {

  overflow             : initial;

  -webkit-border-radius: 0;

  border-radius        : 0;

  height               : 1px;

  background-color     : var(--color5);

  margin               : 10px 0

}



.progress-wrap .progress .progress-bar {

  height    : 3px;

  margin-top: -1px;

  overflow  : initial;

  position  : relative

}



.progress-wrap .progress .progress-bar>span {

  min-width  : 3.125rem;

  max-width  : 3.125rem;

  text-align : center;

  color      : var(--color1);

  position   : absolute;

  right      : 0;

  height     : initial;

  line-height: 1.25rem;

  top        : 50%;

  margin-top : -10px;

  font-size  : 14px

}



.serv-create-wrap:before {

  background-image   : url(../images/elips-patrn2.png);

  background-position: center;

  content            : "";

  position           : absolute;

  left               : -16.875rem;

  right              : -16.875rem;

  bottom             : 2.5rem;

  min-height         : 8.8rem;

  z-index            : -1

}



.serv-create-wrap>div.row>div:nth-child(2) .serv-create-box {

  margin-left: 6px

}



.serv-create-wrap>div.row>div:last-child .serv-create-box {

  margin-left: 12px

}



.serv-create-box:before,

.serv-create-box:after {

  content          : "";

  position         : absolute;

  right            : 0;

  bottom           : 0;

  left             : 0;

  top              : 0;

  -webkit-clip-path: polygon(38% 10%, 38% 0, 100% 0, 100% 100%, 0 100%, 0 10%);

  -ms-clip-path    : polygon(38% 10%, 38% 0, 100% 0, 100% 100%, 0 100%, 0 10%);

  clip-path        : polygon(38% 10%, 38% 0, 100% 0, 100% 100%, 0 100%, 0 10%);

  z-index          : -1

}



.serv-create-box::before {

  background-color: #fff;

  border          : 1px solid var(--color5)

}



.serv-create-box::after {

  background-image   : url(../images/serv-create-bg1.png);

  background-size    : cover;

  background-position: center;

  opacity            : 0

}



.serv-create-box:hover:before {

  background-color: var(--color3);

  border-color    : var(--color3)

}



.serv-create-box:hover:after {

  opacity: 1

}



.serv-create-box {

  max-width : calc(100% - 12px);

  margin-top: 1.875rem;

  padding   : 5rem 1.875rem 0;

  z-index   : 1

}



.serv-create-box>span {

  font-size  : 6.25rem;

  line-height: .5;

  font-family: Arapey;

  left       : 0;

  top        : -1.875rem;

  max-width  : 8.4375rem;

  text-align : center;

  width      : 100%

}



.dark-layer .serv-create-box>span,

.black-layer .serv-create-box>span {

  color: #fff

}



.serv-create-box>i {

  display    : inline-block;

  font-size  : 4.0625rem;

  line-height: 1

}



.serv-create-box:hover>i {

  -webkit-transform: rotateY(360deg);

  -ms-transform    : rotateY(360deg);

  -o-transform     : rotateY(360deg);

  transform        : rotateY(360deg)

}



.serv-create-box>i+h3 {

  margin-top: 2rem

}



.serv-create-box>h3:before {

  content         : "";

  position        : absolute;

  bottom          : 0;

  height          : 1px;

  background-color: var(--color1);

  left            : 50%;

  width           : 2.8125rem;

  margin-left     : -1.40625rem

}



.serv-create-box>h3 {

  font-size     : 1.625rem;

  line-height   : 2.5rem;

  position      : relative;

  padding-bottom: 5px

}



.serv-create-box>h3+p {

  margin-top: .9375rem

}



.serv-create-box>p+a {

  margin-top: 1.9375rem

}



.serv-create-box>a.thm-btn {

  margin-bottom: -1.0625rem;

  bottom       : -13px

}



.timeline-list:before {

  content         : "";

  position        : absolute;

  height          : 1px;

  left            : 0;

  right           : 0;

  background-color: var(--color1);

  top             : 7.8125rem

}



.timeline-list>li {

  flex     : 0 0 20%;

  max-width: 20%

}



.timeline-box-wrap {

  padding-top: 7.8125rem

}



.timeline-list>li:first-child .timeline-box-head {

  right: 10px

}



.timeline-list>li:nth-child(2) .timeline-box-head {

  right: 4.375rem

}



.timeline-list>li:nth-child(3) .timeline-box-head {

  right: 5.9375rem

}



.timeline-list>li:nth-child(4) .timeline-box-head {

  right: 7.5rem

}



.timeline-list>li:last-child .timeline-box-head {

  right: auto;

  left : -1.25rem

}



.timeline-box-head {

  position: absolute;

  top     : -4px

}



.timeline-box-head>h4 {

  font-size    : 1.625rem;

  color        : #737176;

  margin-bottom: 0;

  padding-left : 3.21875rem

}



.timeline-box-head>h4 i {

  font-family: Roboto;

  display    : block;

  font-style : normal;

  font-size  : 1rem;

  font-weight: 300

}



.timeline-box-head>h4+span {

  margin-top: 2.5rem

}



.timeline-box-head>span {

  cursor    : pointer;

  width     : 6.625rem;

  text-align: center;

  z-index   : 1

}



.timeline-box-head>span:before {

  content         : "";

  height          : .9375rem;

  width           : .9375rem;

  position        : absolute;

  background-color: var(--color1);

  top             : 50%;

  left            : 50%;

  margin          : -7.5px 0 0 -7.5px

}



.timeline-box-head>span i {

  height           : 3.4375rem;

  width            : 3.4375rem;

  display          : inline-block;

  line-height      : 3.4375rem;

  text-align       : center;

  position         : relative;

  margin           : 11px;

  -webkit-transform: scale(.5);

  -ms-transform    : scale(.5);

  -o-transform     : scale(.5);

  transform        : scale(.5);

  opacity          : 0

}



.timeline-box-head>span i svg {

  max-width: 1.875rem

}



.timeline-box-head>span i:before {

  content : "";

  position: absolute;

  left    : -11px;

  right   : -11px;

  top     : -11px;

  bottom  : -11px;

  border  : 1px solid

}



.timeline-box-wrap.active .timeline-box-head>span {

  background-color: #fff

}



.timeline-box-wrap.active .timeline-box-head>span i {

  -webkit-transform: scale(1);

  -ms-transform    : scale(1);

  -o-transform     : scale(1);

  transform        : scale(1);

  opacity          : 1

}



.timeline-box-head>span:after {

  content         : "";

  left            : 50%;

  width           : 1px;

  height          : 2.1875rem;

  background-color: var(--color5);

  position        : absolute;

  top             : -5px;

  margin-left     : -1px

}



.timeline-box-wrap.active .timeline-box-head>span:after {

  opacity: 0

}



.timeline-box-wrap.active .timeline-box-head>h4 {

  color    : var(--color1);

  font-size: 3.125rem

}



.timeline-box-wrap.active .timeline-box-head>h4 i {

  font-size: 1.125rem

}



.timeline-box-wrap.active .timeline-box-head {

  top: -2.1875rem

}



.timeline-box-wrap.active .timeline-box-head>h4 {

  padding-left: 11.5px

}



.timeline-list>li:first-child .timeline-box-head+.timeline-box {

  left: 7.5rem

}



.timeline-list>li:nth-child(2) .timeline-box-head+.timeline-box {

  left: 3.7rem

}



.timeline-list>li:nth-child(3) .timeline-box-head+.timeline-box {

  left: 2.1rem

}



.timeline-list>li:nth-child(4) .timeline-box-head+.timeline-box {

  left: .6rem

}



.timeline-list>li:last-child .timeline-box-head+.timeline-box {

  left: -1.2rem

}



.timeline-box {

  margin-top       : 4.0625rem;

  padding-left     : 1.25rem;

  min-width        : 22.5rem;

  opacity          : 0;

  -webkit-transform: scale(.8);

  -ms-transform    : scale(.8);

  -o-transform     : scale(.8);

  transform        : scale(.8);

  margin-left      : 13.5px

}



.timeline-box>span {

  font-size  : 14px;

  line-height: 1

}



.timeline-box>span i {

  font-size   : 1.25rem;

  margin-right: 10px

}



.timeline-box:before {

  content         : "";

  left            : 0;

  width           : 1px;

  height          : 3.125rem;

  background-color: var(--color1);

  position        : absolute;

  top             : 0

}



.timeline-box-wrap.active .timeline-box {

  opacity          : 1;

  -webkit-transform: scale(1);

  -ms-transform    : scale(1);

  -o-transform     : scale(1);

  transform        : scale(1)

}



.timeline-box>span+h4 {

  margin-top: .9375rem

}



.timeline-box>h4 {

  font-size     : 1.125rem;

  font-weight   : 500;

  text-transform: uppercase;

  font-family   : Roboto

}



.timeline-box>h4+.loc {

  margin-top: 6px

}



.loc {

  font-size: 1.125rem

}



.timeline-box>span.prize-desg {

  font-size : 1.125rem;

  margin-top: 4px

}



.video-wrap {

  padding: 0 9.375rem

}



.video-inner {

  padding: 11px;

  border : 1px solid

}



.video-img:before {

  content         : "";

  position        : ;

  position        : absolute;

  left            : 0;

  right           : 0;

  top             : 0;

  bottom          : 0;

  background-color: #000;

  opacity         : .5

}



.video-img>a {

  height           : 3.4375rem;

  width            : 3.4375rem;

  line-height      : 3.4375rem;

  top              : 50%;

  left             : 50%;

  -webkit-transform: translate(-50%, -50%);

  -ms-transform    : translate(-50%, -50%);

  -o-transform     : translate(-50%, -50%);

  transform        : translate(-50%, -50%);

  text-align       : center

}



.video-img>a svg {

  max-width: 14px

}



.video-img>a:before {

  content : "";

  position: absolute;

  top     : -11px;

  left    : -11px;

  right   : -11px;

  bottom  : -11px;

  border  : 1px solid

}



.video-img>a:hover:before {

  top   : -1.25rem;

  left  : -1.25rem;

  right : -1.25rem;

  bottom: -1.25rem

}



.exc-porj-desc {

  padding-right: .9375rem

}



.exc-porj-desc>p+ul {

  margin-top: 2.8125rem

}



.exc-proj-list>li {

  position    : relative;

  padding-left: 9.6875rem

}



.exc-proj-list>li span {

  max-width       : 5.625rem;

  width           : 100%;

  left            : 0;

  top             : 0;

  background-color: var(--color3);

  line-height     : 2.8125rem;

  font-family     : Arapey;

  font-size       : 3.125rem;

  font-weight     : 400

}



.exc-proj-list>li span svg {

  max-width : 1.75rem;

  position  : absolute;

  top       : 50%;

  margin-top: -8px;

  right     : -2.8125rem

}



.exc-proj-list>li+li {

  margin-top: 2.5rem

}



.exc-porj-desc>ul+a {

  margin-top: 4.875rem

}



.exc-porj-desc>svg {

  z-index: -1;

  right  : -4.125rem;

  bottom : 10px

}



.exc-proj-imgs-wrap {

  min-width  : calc(100%+.9375rem);

  margin-left: -.9375rem

}



.exc-proj-img-bg {

  left : auto;

  right: -22.9rem

}



.exc-proj-imgs-wrap .pagiInfo {

  max-width       : 18.4375rem;

  width           : 100%;

  background-color: #fff;

  left            : 0;

  font-weight     : 300;

  text-align      : center;

  padding         : 1.4375rem 5rem

}



.exc-proj-imgs-wrap .pagiInfo:first-letter {

  font-size  : inherit;

  font-weight: 500;

  font-family: inherit

}



.exc-proj-img-caro>button.slick-prev {

  left: 3.125rem

}



.exc-proj-img-caro>button.slick-next {

  right: auto;

  left : 12.875rem

}



.exc-proj-img-caro>button.slick-arrow {

  top    : auto;

  bottom : 1.5625rem;

  z-index: 1

}



.exc-porj-desc a.thm-btn {

  margin-left: 0

}



.exc-porj-desc a.thm-btn:hover,

.exc-porj-desc a.thm-btn:focus {

  margin-left: 7px

}



.faq-que-wrap::before {

  content            : "";

  position           : absolute;

  bottom             : 0;

  left               : 17.5rem;

  background-image   : url(../images/elips-patrn3.png);

  width              : 28.4375rem;

  min-height         : 14.375rem;

  background-size    : cover;

  background-position: center

}



.faq-que-caro>button.slick-arrow {

  top: 8.5rem

}



.faq-que-caro .slick-list {

  margin: 0 -.9375rem

}



.faq-que-box-wrap {

  padding: 0 .9375rem

}



.faq-que-box {

  border          : 1px solid var(--color5);

  padding         : 3.125rem 1.875rem 4.375rem;

  margin-bottom   : 1.9375rem;

  background-color: #fff

}



.faq-que-box>span.qu {

  font-family: Arapey;

  font-size  : 1.25rem;

  font-weight: 400;

  left       : 1.5625rem;

  top        : 1.5625rem;

  line-height: 1

}



.faq-que-box>i {

  display           : inline-block;

  line-height       : 1;

  font-size         : 4.0625rem;

  margin-bottom     : 1.875rem;

  -webkit-transition: none;

  -ms-transition    : none;

  -o-transition     : none;

  transition        : none

}



.faq-que-box>h4 {

  font-size     : 1.125rem;

  font-family   : Roboto;

  font-weight   : 500;

  text-transform: uppercase;

  line-height   : 1.875rem;

  display       : inline-block;

  max-width     : 90%;

  padding-top   : 1rem

}



.faq-que-box>h4:before {

  content         : "";

  height          : 1px;

  background-color: var(--color1);

  margin-left     : -1.5625rem;

  width           : 3.125rem;

  position        : absolute;

  left            : 50%;

  top             : 0

}



.faq-que-box>h4+.faq-que-box-desc {

  margin-top: 1.5625rem

}



.faq-que-box-desc>p {

  font-size: 1rem

}



.faq-que-box>span.faq-btn {

  height     : 3.875rem;

  width      : 3.875rem;

  line-height: 3.875rem;

  border     : 1px solid;

  cursor     : pointer;

  left       : 50%;

  bottom     : -1.9375rem;

  margin-left: -1.9375rem

}



.faq-que-box>span.faq-btn svg.qu-arw {

  max-width: 1rem;

  height   : 1.75rem

}



.faq-que-box>span.faq-btn svg.qu-cls {

  top              : 50%;

  position         : absolute;

  left             : 50%;

  -webkit-transform: translate(-50%, -50%);

  -ms-transform    : translate(-50%, -50%);

  -o-transform     : translate(-50%, -50%);

  transform        : translate(-50%, -50%);

  width            : 2.875rem;

  opacity          : 0

}



.faq-que-box-wrap.active .faq-que-box>span.faq-btn {

  background-color: #fff

}



.faq-que-box-wrap.active .faq-que-box>span.faq-btn svg.qu-arw {

  opacity: 0

}



.faq-que-box-wrap.active .faq-que-box>span.faq-btn svg.qu-cls {

  opacity: 1

}



.founder-desc-wrap {

  padding-left: 3.125rem

}



.founder-desc-wrap .sec-title-inner {

  max-width: 60%

}



.founder-desc {

  margin-top: -10px

}



.founder-desc>p+blockquote.blockquote {

  margin-top: 2.8125rem

}



blockquote.blockquote {

  margin : 0;

  padding: 0 2.5rem 1.5625rem 4.6875rem

}



blockquote.blockquote:before {

  content            : "";

  background-image   : url(../images/elips-patrn3.png);

  width              : 28.4375rem;

  min-height         : 8.75rem;

  background-size    : cover;

  background-position: center;

  position           : absolute;

  z-index            : -1;

  left               : 0;

  bottom             : 0

}



.blockquote-footer {

  font-size   : 14px;

  color       : var(--color1);

  padding-left: 2.1875rem

}



.blockquote-footer:before {

  content         : "";

  width           : 1.5rem;

  height          : 1px;

  background-color: var(--color1);

  position        : absolute;

  left            : 0;

  top             : 50%

}



blockquote.blockquote>i.lft-qut {

  left: 0;

  top : -1rem

}



blockquote.blockquote>i.rgt-qut {

  right : 0;

  bottom: .5rem

}



blockquote.blockquote>p {

  margin-top: 1.875rem

}



blockquote.blockquote>i {

  font-size  : 2.5rem;

  line-height: 1

}



.founder-desc+.founder-bottom {

  margin-top: 7.75rem

}



.founder-bottom {

  min-width  : calc(100%+5rem);

  margin-left: -5rem

}



.why-choose-tabs-wrap ul.nav-tabs {

  border       : 0;

  padding-right: 2.1875rem

}



.why-choose-tabs-wrap ul.nav-tabs>li.nav-item {

  margin-bottom: 0;

  flex         : 0 0 100%;

  max-width    : 100%;

  font-size    : 1.625rem;

  line-height  : 2.5rem;

  font-weight  : 400;

  font-family  : Arapey

}



.why-choose-tabs-wrap ul.nav-tabs>li.nav-item+li.nav-item {

  margin-top: 2.1875rem

}



.why-choose-tabs-wrap ul.nav-tabs>li.nav-item a.nav-link {

  border               : 1px solid var(--color5);

  -webkit-border-radius: 0;

  border-radius        : 0;

  color                : inherit;

  position             : relative;

  padding              : 1.875rem 1.875rem 1.875rem 8.4375rem

}



.why-choose-tabs-wrap ul.nav-tabs>li.nav-item a.nav-link:before {

  content         : "";

  height          : 1px;

  background-color: var(--color1);

  width           : 2.8125rem;

  position        : absolute;

  bottom          : 1.6875rem;

  left            : 8.4375rem

}



.why-choose-tabs-wrap ul.nav-tabs>li.nav-item a.nav-link.active {

  border-color    : var(--color3);

  background-color: var(--color3)

}



.why-choose-tabs-wrap ul.nav-tabs>li.nav-item a.nav-link span {

  left       : 14px;

  font-family: Arapey;

  font-weight: 400;

  font-size  : 1.25rem;

  line-height: 1;

  top        : 10px

}



.why-choose-tabs-wrap ul.nav-tabs>li.nav-item a.nav-link i {

  position   : absolute;

  left       : 3rem;

  font-size  : 3rem;

  line-height: 1;

  top        : 1.875rem

}



.why-choose-tabs-wrap ul.nav-tabs>li.nav-item a.nav-link svg {

  max-width : 1.75rem;

  top       : 50%;

  margin-top: -7.5px;

  right     : -0.25rem;

  opacity   : 0

}



.why-choose-tabs-wrap ul.nav-tabs>li.nav-item a.nav-link.active i {

  color: var(--color1)

}



.why-choose-tabs-wrap ul.nav-tabs>li.nav-item a.nav-link.active svg {

  right  : -1.25rem;

  opacity: 1

}



.why-choose-tabs-decs-wrap {

  padding: 4.6875rem 0 6.5625rem 4.6875rem

}



.why-choose-bg {

  top                : 0;

  left               : 0;

  bottom             : 0;

  opacity            : .4;

  z-index            : -1;

  right              : -150%;

  background-size    : cover;

  background-position: center

}



.why-choose-tabs-decs-wrap .tab-content {

  margin-top: -10px

}



.why-choose-tabs-decs-wrap .tab-content h4 {

  font-weight   : 500;

  font-family   : Roboto;

  text-transform: uppercase;

  font-size     : 1.125rem;

  line-height   : 1.875rem

}



.why-choose-tabs-decs-wrap .tab-content p {

  margin-top: 1.875rem

}



.why-choose-tabs-decs-wrap .tab-content h4+p {

  margin-top: 1.25rem

}



.gallery-box2 {

  margin-bottom: 1.875rem

}



.gallery-box2:hover>img {

  -webkit-transform: scale(1.05);

  -ms-transform    : scale(1.05);

  -o-transform     : scale(1.05);

  transform        : scale(1.05)

}



.gallery-box2>span {

  top               : 50%;

  left              : 50%;

  text-align        : center;

  background-color  : rgba(30, 30, 32, .5);

  height            : 11.75rem;

  width             : 11.75rem;

  line-height       : 14.4rem;

  -webkit-transform : translate(-50%, -50%) scale(.5);

  -ms-transform     : translate(-50%, -50%) scale(.5);

  -o-transform      : translate(-50%, -50%) scale(.5);

  transform         : translate(-50%, -50%) scale(.5);

  opacity           : 0;

  -webkit-transition: all .4s linear;

  -ms-transition    : all .4s linear;

  -o-transition     : all .4s linear;

  transition        : all .4s linear;

  z-index           : 1

}



.gallery-box2>span a {

  height  : 3.4375rem;

  width   : 3.4375rem;

  display : inline-block;

  position: relative;

  z-index : 1

}



.gallery-box2>span a:before {

  content : "";

  position: absolute;

  left    : -14px;

  right   : -14px;

  top     : -14px;

  bottom  : -14px;

  border  : 1px solid;

  z-index : -1

}



.gallery-box2>span a svg {

  max-width  : 1.875rem;

  display    : block;

  margin     : 12.025px auto 0;

  line-height: 11.75rem

}



.gallery-box2:hover>span {

  -webkit-transform: translate(-50%, -50%) scale(1);

  -ms-transform    : translate(-50%, -50%) scale(1);

  -o-transform     : translate(-50%, -50%) scale(1);

  transform        : translate(-50%, -50%) scale(1);

  opacity          : 1

}



.gallery-box2>span a:hover:before {

  -webkit-transform: scale(1.2);

  -ms-transform    : scale(1.2);

  -o-transform     : scale(1.2);

  transform        : scale(1.2)

}



.gallery-box2.v2 {

  margin-bottom: 0

}



.gallery-box2.v2:before {

  content : "";

  position: absolute;

  left    : 0;

  right   : 0;

  top     : 0;

  bottom  : 0;

  border  : 0 solid #fff;

  opacity : 0;

  z-index : 1

}



.gallery-box2.v2:hover:before {

  border-width: 22px;

  opacity     : 1

}



.roadmap-box {

  margin-bottom: 2.8125rem

}



.roadmap-img {

  flex          : 0 0 29.375rem;

  max-width     : 29.375rem;

  padding-bottom: 1.25rem;

  padding-left  : 1.25rem

}



.roadmap-img+.roadmap-info-wrap {

  flex        : 0 0 calc(100% - 29.375rem);

  max-width   : calc(100% - 29.375rem);

  padding-left: 14.375rem

}



.roadmap-info-wrap {

  padding: 0 2.5rem

}



.roadmap-img:before {

  content         : "";

  position        : absolute;

  left            : 0;

  bottom          : 0;

  right           : 1.25rem;

  z-index         : -1;

  background-color: var(--color2);

  top             : 1.25rem

}



.roadmap-box:before {

  content : "";

  position: absolute;

  right   : 0;

  top     : 0;

  bottom  : 0;

  left    : 30%;

  border  : 1px solid transparent;

  opacity : 0;

  z-index : -1

}



.roadmap-box:hover:before {

  left        : 20%;

  border-color: var(--color5);

  opacity     : 1

}



.roadmap-info-wrap:before {

  content         : "";

  position        : absolute;

  height          : 15.625rem;

  width           : 1px;

  background-color: var(--color1);

  top             : 50%;

  left            : 7.1875rem;

  margin-top      : -7.8125rem

}



.roadmap-info-wrap>span {

  font-family: Arapey;

  color      : #fff;

  font-size  : 3.125rem;

  min-width  : 5rem;

  text-align : center;

  line-height: 2.8125rem;

  left       : 4.8125rem;

  top        : 50%;

  margin-top : -1.40625rem

}



.roadmap-box:hover .roadmap-info-wrap>span {

  color: var(--color1)

}



.roadmap-box.rev .roadmap-img {

  order: 1

}



.roadmap-box.rev .roadmap-img+.roadmap-info-wrap {

  padding-left : 2.5rem;

  padding-right: 14.375rem

}



.roadmap-box.rev .roadmap-info-wrap::before {

  left : auto;

  right: 7.1875rem

}



.roadmap-box.rev .roadmap-info-wrap>span {

  left : auto;

  right: 4.8125rem

}



.roadmap-box.rev::before {

  left : 0;

  right: 30%

}



.roadmap-box.rev:hover:before {

  right: 20%

}



.roadmap-box.rev .roadmap-info-wrap {

  text-align: right

}



.roadmap-info>span {

  text-transform: uppercase;

  font-weight   : 500;

  font-size     : 1.125rem;

  position      : relative;

  padding       : 0 4.375rem 0 2.5rem;

  padding-left  : 2.5rem

}



.roadmap-info>span:before {

  content         : "";

  height          : 1px;

  width           : 3.125rem;

  position        : absolute;

  background-color: var(--color1);

  right           : 0;

  top             : 12px

}



.roadmap-info>span i {

  font-size  : 1.5rem;

  line-height: 1;

  left       : 0

}



.roadmap-box.rev .roadmap-info>span {

  padding: 0 2.5rem 0 4.375rem

}



.roadmap-box.rev .roadmap-info>span:before {

  right: auto;

  left : 0

}



.roadmap-box.rev .roadmap-info>span i {

  left : auto;

  right: 0

}



.roadmap-info>span+p {

  margin-top: 1.125rem

}



.packages-inner {

  flex     : 0 0 26.875rem;

  max-width: 26.875rem;

  width    : 100%;

  z-index  : 1

}



.packages-inner:before {

  content         : "";

  width           : 3.4375rem;

  height          : 1px;

  background-color: var(--color1);

  position        : absolute;

  left            : -.9375rem;

  top             : 9.0625rem;

  z-index         : 1

}



.packages-caro>button.slick-arrow,

.port-dtl-img-caro>button.slick-arrow,

.blog-img-caro>button.slick-arrow {

  height          : 3.875rem;

  width           : 3.875rem;

  line-height     : 3.875rem;

  background-color: var(--color1);

  margin-top      : -1.9375rem;

  z-index         : 1

}



.packages-caro>button.slick-arrow svg,

.port-dtl-img-caro>button.slick-arrow svg,

.blog-img-caro>button.slick-arrow svg {

  max-width: 1.75rem

}



.packages-caro>button.slick-prev,

.port-dtl-img-caro>button.slick-prev,

.blog-img-caro>button.slick-prev {

  left: -1.9375rem

}



.packages-caro>button.slick-next,

.port-dtl-img-caro>button.slick-next,

.blog-img-caro>button.slick-next {

  right: -1.9375rem

}



.package-box2 {

  background-color: #fff;

  margin-top      : 3.125rem;

  padding         : 5.125rem 3.75rem 3.75rem

}



.package-box2>span {

  font-family: Arapey;

  font-size  : 6.25rem;

  line-height: 1;

  left       : 0;

  right      : 0;

  top        : -3.125rem

}



.package-box2>svg {

  right: 0;

  top  : 0

}



.package-box2:before,

.package-box2:after {

  content : "";

  position: absolute;

  height  : 1.5625rem;

  width   : 1.5625rem

}



.package-box2::before {

  top  : 10px;

  right: 10px

}



.package-box2::after {

  left  : 10px;

  bottom: 10px

}



.package-head2 {

  padding-left  : 2.5rem;

  padding-bottom: 2.5rem

}



.package-head2>i {

  font-size  : 1.75rem;

  line-height: 1;

  left       : 0;

  top        : 0

}



.package-head2>h4 {

  font-family   : Roboto;

  font-weight   : 500;

  text-transform: uppercase;

  font-size     : 1.125rem;

  line-height   : 1.875rem

}



.package-head2>span {

  font-family: Arapey;

  font-size  : 1.5rem;

  line-height: 1

}



.package-head2:before {

  content          : "";

  position         : absolute;

  bottom           : 0;

  width            : 15.9375rem;

  -webkit-transform: translateX(-50%);

  -ms-transform    : translateX(-50%);

  -o-transform     : translateX(-50%);

  transform        : translateX(-50%);

  height           : 1px;

  background-color : var(--color5);

  left             : 50%

}



.package-head2+.package-body2 {

  margin-top: 2.25rem

}



.package-info-list>li {

  position    : relative;

  width       : 100%;

  line-height : 2.5rem;

  padding-left: 2.1875rem

}



.package-info-list>li:before {

  content    : "\f00c";

  font-family: "Font Awesome 5 Free";

  font-weight: 900;

  position   : absolute;

  left       : 0;

  top        : 0;

  line-height: inherit;

  font-size  : 14px

}



.package-body2>ul+ul {

  margin-top: 1.875rem

}



.package-info-list2 {

  max-width: 15.9375rem

}



.package-info-list2>li {

  font-size     : 14px;

  color         : #737176b3;

  letter-spacing: 2.5px;

  padding       : 4px 10px

}



.package-info-list2>li+li {

  border-top: 1px solid var(--color5)

}



.package-info-list2>li span {

  max-width     : 25%;

  float         : right;

  width         : 100%;

  color         : var(--color1);

  letter-spacing: 0

}



.cont-info-wrap>div.row>div:first-child .cont-info-box-wrap {

  padding-right: 3.125rem

}



.cont-info-wrap>div.row>div:nth-child(2) .cont-info-box-wrap {

  padding: 0 1.5625rem

}



.cont-info-wrap>div.row>div:last-child .cont-info-box-wrap {

  padding-left: 3.125rem

}



.cont-info-box-wrap {

  margin-bottom: 1.875rem

}



.cont-info-box {

  border : 1px solid var(--color5);

  padding: 6.875rem 1.875rem 3.125rem 1.5625rem

}



.cont-info-box>span {

  min-width  : 5rem;

  line-height: 2.8125rem;

  color      : #fff;

  font-size  : 3.125rem;

  font-family: Arapey;

  font-weight: 400;

  left       : 0;

  top        : 1.875rem

}



.cont-info-box:hover {

  background-color: #fff

}



.cont-info-box>span svg {

  max-width : 2.6875rem;

  position  : absolute;

  right     : -4.0625rem;

  top       : 50%;

  margin-top: -7.8px

}



.cont-info-box:hover>span {

  color: var(--color1)

}



.cont-info-list>li {

  width       : 100%;

  position    : relative;

  padding-left: 2.5rem

}



.cont-info-list>li+li {

  margin-top: 1.25rem

}



.cont-info-list>li i {

  position   : absolute;

  left       : 0;

  top        : 0;

  line-height: inherit

}



.port-wrap {

  margin-top: -1.5625rem

}



.filter-links>li {

  text-transform: uppercase;

  margin        : 0 .9375rem

}



.filter-links>li a {

  display : block;

  position: relative;

  padding : 0 1.25rem 4px 1.25rem

}



.filter-links>li.active a,

.filter-links>li a:hover,

.filter-links>li a:focus {

  color: var(--color1)

}



.filter-links>li.active a span,

.filter-links>li a:hover span,

.filter-links>li a:focus span {

  top    : -5px;

  opacity: 1

}



.filter-links>li a span {

  font-size  : 14px;

  color      : #737176;

  position   : absolute;

  top        : -1rem;

  font-weight: 400;

  line-height: 1;

  right      : 12px;

  opacity    : 0

}



.filter-links>li.active {

  font-weight: 500

}



.filter-links>li a:before {

  content         : "";

  position        : absolute;

  left            : 50%;

  right           : 50%;

  bottom          : 0;

  height          : 1px;

  background-color: var(--color1)

}



.filter-links>li.active a::before,

.filter-links>li a:hover:before {

  opacity: 1;

  left   : 0;

  right  : 0

}



.filter-links+.port-inner {

  margin-top: 4.6875rem

}



.port-box {

  margin-bottom: 3.4375rem;



}

.overflow-hidden {

  overflow: hidden!important;

}



.port-box:hover .port-img>img {

  -webkit-transform: scale(1.05);

  -ms-transform    : scale(1.05);

  -o-transform     : scale(1.05);

  transform        : scale(1.05)

}



.port-img:before {

  content         : "";

  position        : absolute;

  top             : 0;

  left            : 0;

  right           : 0;

  bottom          : 0;

  background-color: var(--color1);

  opacity         : 0;

  z-index         : 1

}



.port-box:hover .port-img::before {

  opacity: .6

}



.port-img>a:not(.thm-btn) {

  top              : 50%;

  -webkit-transform: translate(-50%, -50%);

  -ms-transform    : translate(-50%, -50%);

  -o-transform     : translate(-50%, -50%);

  transform        : translate(-50%, -50%);

  z-index          : 1;

  height           : 3.4375rem;

  width            : 3.4375rem;

  left             : 50%;

  line-height      : 3.4375rem;

  text-align       : center;

  opacity          : 0;

  visibility       : hidden;

  z-index          : 1

}



.port-img>a:not(.thm-btn):before {

  content : "";

  position: absolute;

  left    : -14px;

  right   : -14px;

  top     : -14px;

  bottom  : -14px;

  border  : 1px solid;

  z-index : -1

}



.port-img>a:not(.thm-btn):hover:before {

  -webkit-transform: scale(1.2);

  -ms-transform    : scale(1.2);

  -o-transform     : scale(1.2);

  transform        : scale(1.2)

}



.port-img>a:not(.thm-btn) svg {

  max-width: 1.875rem;

  margin-top: 10px;

}



.port-box:hover .port-img>a {

  opacity   : 1;

  visibility: visible

}



.port-img+.port-info {

  margin-top: 1.25rem

}



.port-info {

  padding: 0 2.5rem 0 1.25rem

}



.port-info:before {

  content         : "";

  position        : absolute;

  left            : 0;

  width           : 1px;

  background-color: var(--color1);

  height          : 3.125rem;

  top             : 12px

}



.port-info>h3 {

  font-size  : 24px;

  line-height: 2.5rem;

  white-space: nowrap;

}



.port-info>span {

  font-size: 1.125rem

}



.port-info>a {

  right     : 0;

  top       : 0;

  font-size : 1.5rem;

  opacity   : 0;

  visibility: hidden

}



.port-info>a:hover,

.port-info>a:focus {

  color: var(--color1)

}



.port-box:hover .port-info>a {

  opacity   : 1;

  visibility: visible

}



.port-dtl-cont-inner {

  margin-top: 3.125rem

}



.port-dtl-desc {

  flex     : 0 0 50rem;

  max-width: 50rem

}



.port-dtl-desc>h1 {

  line-height: 3.625rem;

  font-size  : 2.8125rem

}



.port-dtl-desc>h1 i {

  display         : inline-block;

  vertical-align  : middle;

  height          : 1px;

  background-color: var(--color1);

  width           : 3.625rem;

  margin-left     : 1.25rem

}



.port-dtl-desc>h1+p,

.port-dtl-desc>p+p {

  margin-top: 1.75rem

}



.port-dtl-info .scl-links {

  margin-top: 1.5625rem

}



.port-dtl-info .scl-links>a:hover,

.port-dtl-info .scl-links>a:focus {

  color: var(--color1)

}



.port-dtl-desc+.port-dtl-info {

  flex        : 0 0 calc(100% - 50rem);

  max-width   : calc(100% - 50rem);

  padding-left: 6.5625rem

}



.port-dtl-info .scl-links+ul {

  margin-top: 3.5625rem

}



.port-dtl-info-list>li {

  font-size     : 14px;

  color         : #737176b3;

  letter-spacing: 2.5px;

  padding       : 4px 10px

}



.port-dtl-info-list>li+li {

  border-top: 1px solid var(--color5)

}



.port-dtl-info-list>li span {

  float         : right;

  color         : var(--color1);

  letter-spacing: 0;

  max-width     : 38%;

  width         : 100%

}



.port-dtl-cont+.port-dtl-gal-imgs {

  margin-top: 3.4375rem

}



.port-dtl-gal-imgs a {

  margin-top: 1.875rem

}



.port-dtl-gal-imgs a:before {

  content         : "";

  position        : absolute;

  top             : 0;

  left            : 0;

  right           : 0;

  bottom          : 0;

  z-index         : 1;

  background-color: var(--color1);

  opacity         : 0

}



.port-dtl-gal-imgs a:hover:before {

  opacity: .6

}



.port-dtl-gal-imgs a:hover img {

  -webkit-transform: scale(1.05);

  -ms-transform    : scale(1.05);

  -o-transform     : scale(1.05);

  transform        : scale(1.05)

}



.rlt-port-caro>button.slick-arrow {

  top: 6.28125rem

}



.port-box.v2 .port-img:before {

  content         : "";

  position        : absolute;

  top             : 0;

  left            : 0;

  right           : 0;

  bottom          : 0;

  border          : 1px solid;

  background-color: transparent;

  opacity         : 0

}



.port-box.v2:hover .port-img:before {

  opacity: 1

}



.port-box.v2 .port-img::after {

  content : "";

  position: absolute;

  left    : 1px;

  right   : 1px;

  bottom  : 1px;

  top     : 1px;

  border  : 0 solid #fff;

  opacity : 0

}



.port-box.v2:hover .port-img::after {

  opacity     : 1;

  border-width: 10px

}



.port-img>a.thm-btn {

  top              : 50%;

  left             : 50%;

  -webkit-transform: translate(-50%, -50%) scale(.7);

  -ms-transform    : translate(-50%, -50%) scale(.7);

  -o-transform     : translate(-50%, -50%) scale(.7);

  transform        : translate(-50%, -50%) scale(.7);

  opacity          : 0;

  visibility       : hidden;

  z-index          : 1

}



.port-box:hover .port-img>a.thm-btn {

  -webkit-transform: translate(-50%, -50%) scale(1);

  -ms-transform    : translate(-50%, -50%) scale(1);

  -o-transform     : translate(-50%, -50%) scale(1);

  transform        : translate(-50%, -50%) scale(1)

}



.port-box2,

.port-cover-box {

  margin-bottom: 1.875rem

}



.port-box2:hover>img {

  -webkit-transform: scale(1.05);

  -ms-transform    : scale(1.05);

  -o-transform     : scale(1.05);

  transform        : scale(1.05)

}



.port-info2 {

  background-color : rgba(255, 255, 255, .9);

  top              : 50%;

  left             : 50%;

  -webkit-transform: translate(-50%, -50%) scale(.7);

  -ms-transform    : translate(-50%, -50%) scale(.7);

  -o-transform     : translate(-50%, -50%) scale(.7);

  transform        : translate(-50%, -50%) scale(.7);

  opacity          : 0;

  visibility       : hidden;

  z-index          : 1;

  padding          : 3.375rem 2.1875rem 2.8125rem;

  min-width        : 15.625rem

}



.port-info2:before {

  content : "";

  position: absolute;

  border  : 1px solid;

  top     : 12px;

  left    : 12px;

  right   : 12px;

  bottom  : 12px;

  z-index : -1

}



.port-box2:hover .port-info2 {

  -webkit-transform: translate(-50%, -50%) scale(1);

  -ms-transform    : translate(-50%, -50%) scale(1);

  -o-transform     : translate(-50%, -50%) scale(1);

  transform        : translate(-50%, -50%) scale(1);

  opacity          : 1;

  visibility       : visible

}



.port-info2>h3 {

  font-size     : 1.625rem;

  line-height   : 1.875rem;

  position      : relative;

  padding-bottom: 10px

}



.port-info2>h3+span {

  margin-top: 1.125rem

}



.port-info2>span+a {

  margin-top: 11px

}



.port-info2>a {

  font-size  : 1.375rem;

  line-height: 1

}



.port-info2>h3:before {

  content         : "";

  position        : absolute;

  left            : 50%;

  height          : 1px;

  background-color: var(--color1);

  width           : 2.8125rem;

  margin-left     : -1.40625rem;

  bottom          : 0

}



.port-cover-box {

  min-height: 20rem

}



.port-cover-box::before {

  content         : "";

  position        : absolute;

  border          : 1px solid var(--color5);

  left            : 3.5625rem;

  right           : 3.5625rem;

  bottom          : 3.5625rem;

  top             : 3.5625rem;

  background-color: #fff

}



.port-cover-info {

  flex     : 0 0 15.9375rem;

  max-width: 15.9375rem

}



.port-cover-info>i {

  line-height: 1;

  font-size  : 3.75rem

}



.port-cover-info>i+h3 {

  margin-top: 1rem

}



.port-cover-info>h3 {

  font-size       : 1.625rem;

  line-height     : 2.5rem;

  background-color: #fff

}



.port-cover-info>h3+span {

  margin-top: 4px

}



.port-box3 {

  margin-bottom: 1.875rem

}



.port-img3>span {

  top               : 50%;

  -webkit-transform : translate(-50%, -50%) scale(.5);

  -ms-transform     : translate(-50%, -50%) scale(.5);

  -o-transform      : translate(-50%, -50%) scale(.5);

  transform         : translate(-50%, -50%) scale(.5);

  z-index           : 1;

  background-color  : rgba(30, 30, 32, .5);

  height            : 11.75rem;

  line-height       : 14.4rem;

  width             : 11.75rem;

  left              : 50%;

  -webkit-transition: all .4s linear;

  -ms-transition    : all .4s linear;

  -o-transition     : all .4s linear;

  transition        : all .4s linear;

  opacity           : 0;

  visibility        : hidden

}



.port-img3>span a {

  height  : 3.4375rem;

  width   : 3.4375rem;

  display : inline-block;

  position: relative;

  z-index : 1

}



.port-img3>span a:before {

  content : "";

  position: absolute;

  left    : -14px;

  right   : -14px;

  top     : -14px;

  bottom  : -14px;

  border  : 1px solid;

  z-index : -1

}



.port-img3>span a:hover:before {

  -webkit-transform: scale(1.2);

  -ms-transform    : scale(1.2);

  -o-transform     : scale(1.2);

  transform        : scale(1.2)

}



.port-img3>span a svg {

  line-height: 11.75rem;

  display    : block;

  margin     : 12.025px auto 0;

  max-width  : 1.875rem

}



.port-box3.v2:hover .port-img3>span {

  -webkit-transform: translate(-50%, -89.3%) scale(1);

  -ms-transform    : translate(-50%, -89.3%) scale(1);

  -o-transform     : translate(-50%, -89.3%) scale(1);

  transform        : translate(-50%, -89.3%) scale(1);

  visibility       : visible

}



.port-box3:hover .port-img3>span {

  opacity          : 1;

  -webkit-transform: translate(-50%, -50%) scale(1);

  -ms-transform    : translate(-50%, -50%) scale(1);

  -o-transform     : translate(-50%, -50%) scale(1);

  transform        : translate(-50%, -50%) scale(1);

  visibility       : visible

}



.port-info3 {

  bottom          : -50%;

  background-color: #fff;

  left            : 0;

  padding         : 3.125rem 1.875rem 1.4375rem;

  opacity         : 0;

  visibility      : hidden

}



.port-info3:before {

  content         : "";

  position        : absolute;

  left            : 50%;

  margin-left     : -.5px;

  top             : 1.125rem;

  width           : 1px;

  height          : 1.6875rem;

  background-color: var(--color1)

}



.port-info3>h3 {

  font-size  : 1.625rem;

  line-height: 2.5rem

}



.port-info3>h3+span {

  margin-top: 5px

}



.port-box3:hover .port-info3 {

  bottom    : 0;

  opacity   : 1;

  visibility: visible

}



.page-wrap>div.row>div.col-lg-8 {

  flex     : 0 0 70.84%;

  max-width: 70.84%

}



.page-wrap>div.row>div.col-lg-4 {

  flex     : 0 0 29.16%;

  max-width: 29.16%

}



.blog-post-box2-wrap {

  margin-bottom  : 4.6875rem;

  justify-content: flex-start

}



.blog-post-box2-wrap.rev {

  justify-content: flex-end

}



.blog-post-box2-wrap.rev .blog-post-img2 {

  order: 1

}



.blog-post-box2:not(.v2) {

  flex     : 0 0 96.5625rem;

  max-width: 96.5625rem;

  border   : 1px solid var(--color5)

}



.blog-post-box2:not(.v2) .blog-post-img2 {

  flex     : 0 0 55.9375rem;

  max-width: 55.9375rem

}



.blog-post-img2>a {

  display: block

}



.blog-post-box2:hover .blog-post-img2>a img {

  -webkit-transform: scale(1.05);

  -ms-transform    : scale(1.05);

  -o-transform     : scale(1.05);

  transform        : scale(1.05)

}



.blog-post-box2:not(.v2) .blog-post-img2+.blog-post-info2:not(.v2) {

  flex     : 0 0 calc(100% - 55.9375rem);

  max-width: calc(100% - 55.9375rem)

}



.blog-post-box2:not(.v2) .blog-post-info2 {

  padding: 1.875rem 3.75rem

}



.blog-post-info2>h3 {

  font-family   : Roboto;

  font-weight   : 500;

  font-size     : 1.375rem;

  text-transform: uppercase

}



.blog-post-info2>h3 i {

  width           : 3.625rem;

  height          : 1px;

  background-color: var(--color1);

  display         : inline-block;

  vertical-align  : middle;

  margin-left     : 1.125rem

}



.blog-post-info2>h3+ul {

  margin-top: 12px

}



.blog-meta>li {

  position      : relative;

  color         : #737176;

  font-size     : 14px;

  letter-spacing: 2px;

  line-height   : initial

}



.blog-meta>li i {

  font-size   : 1.25rem;

  line-height : 1;

  margin-right: .9375rem

}



.blog-meta>li+li {

  padding-left: 1.875rem;

  margin-left : 1.875rem

}



.blog-meta>li+li:before {

  content         : "";

  position        : absolute;

  height          : 1rem;

  width           : 1px;

  background-color: var(--color5);

  left            : 0;

  top             : 2px

}



.blog-post-info2>ul+p {

  margin-top: 1.75rem

}



.blog-post-info2>p+.blog-post-info-bottom {

  margin-top: 4.0625rem

}



.blog-post-info-bottom {

  min-height   : 3.875rem;

  padding-right: 3.875rem

}



.blog-post-info-bottom>a.position-absolute {

  height     : 3.875rem;

  width      : 3.875rem;

  right      : 0;

  top        : 0;

  line-height: 3.875rem;

  text-align : center

}



.blog-post-info-bottom>a.position-absolute svg {

  max-width: 1.75rem

}



.blog-cat {

  font-size  : 1rem;

  font-weight: 400

}



.blog-post-info-bottom-inner>span+.blog-share {

  margin-top: 12px

}



.blog-cat a:hover,

.blog-cat a:focus {

  color: var(--color1)

}



.blog-share>span {

  font-size     : 14px;

  color         : #737176;

  letter-spacing: 2px

}



.blog-share>span+.scl-links {

  margin-left: 2.5rem

}



.blog-post-box2.v2+.blog-post-box2.v2 {

  margin-top: 6.875rem

}



.blog-tag {

  font-size  : 14px;

  padding    : 4px 10px;

  line-height: 1;

  top        : 0;

  left       : 0

}



.blog-tag.thm-bg:hover,

.blog-tag.thm-bg:focus {

  background-color: var(--color1);

  color           : #fff

}



.blog-tag:not(.thm-bg):hover,

.blog-tag:not(.thm-bg):focus {

  color: var(--color1)

}



.blog-post-box2.v2 .blog-post-img2+.blog-post-info2,

.blog-post-box2.v2 iframe+.blog-post-info2 {

  margin-top: 2.5rem

}



.blog-post-box2.v2 .blog-post-info-bottom {

  padding-right: 0;

  min-height   : initial

}



.blog-post-box2.v2 .blog-post-info2>p+.blog-post-info-bottom {

  margin-top: 1.875rem

}



.blog-post-info-bottom>a:not(.position-absolute) {

  font-size     : 1rem;

  text-transform: uppercase;

  font-weight   : 500

}



.blog-post-quote::before,

.blog-post-link:before {

  content         : "";

  position        : absolute;

  top             : 0;

  left            : 0;

  right           : 0;

  z-index         : -1;

  background-color: var(--color3);

  bottom          : 0;

  opacity         : .8

}



.blog-post-quote,

.blog-post-link {

  z-index            : 1;

  background-size    : cover;

  background-position: center;

  padding            : 5.3125rem 2.8125rem 2.5rem

}



.blog-post-info2>ul+blockquote.blockquote {

  margin-top: 2.1875rem

}



.blog-post-info2 blockquote.blockquote:before {

  display: none

}



.blog-post-info2 blockquote.blockquote+.blog-post-info-bottom {

  margin-top: 1rem

}



.blog-post-video iframe {

  height: 28.75rem

}



.blog-tag+.blog-post-info2 {

  margin-top: .9375rem

}



.blog-post-link .blog-tag+.blog-post-info2 {

  margin-top: 0

}



.blog-post-info2>ul+.blog-post-link-box {

  margin-top: 1.875rem

}



.blog-post-link-box>a {

  text-transform: uppercase;

  font-weight   : 500;

  font-size     : 1.375rem;

  line-height   : 1.875rem

}



.blog-post-link-box>a i {

  font-size   : 2.125rem;

  margin-right: .9375rem

}



.blog-post-link-box+.blog-post-info-bottom {

  margin-top: 1.5625rem

}



.blog-img-caro>button.slick-prev {

  left: 0

}



.blog-img-caro>button.slick-next {

  right: 0

}



.widget-box2+.widget-box2 {

  border-top : 1px solid var(--color5);

  margin-top : 4.375rem;

  padding-top: 4.375rem

}



.widget-box2.search_widget,

.widget-box2.search_widget+.widget-box2 {

  padding-top: 0;

  border-top : 0

}



.author_widget {

  background-size    : cover;

  background-position: center;

  z-index            : 1;

  padding            : 2.5rem 2.5rem 2.1875rem

}



.author_widget:before {

  content         : "";

  position        : absolute;

  top             : 0;

  left            : 0;

  right           : 0;

  bottom          : 0;

  z-index         : -1;

  background-color: var(--color3);

  opacity         : .8

}



.author-widget-img {

  border : 1px solid;

  padding: 10px

}



.author-widget-img+.author-widget-info {

  margin-top: 1.6875rem

}



.author-widget-info>h3 {

  font-size     : 1.625rem;

  line-height   : 2.5rem;

  padding-bottom: 4px

}



.author-widget-info>h3:before {

  content         : "";

  height          : 1px;

  background-color: var(--color1);

  position        : absolute;

  bottom          : 0;

  left            : 50%;

  width           : 1.875rem;

  margin-left     : -.9375rem

}



.author-widget-info>h3+p {

  margin-top: 10px

}



.author-widget-info>p+.scl-links {

  margin-top: 1.5625rem

}



.search_widget form input {

  border     : 1px solid var(--color5);

  height     : 3.875rem;

  font-weight: 300;

  color      : #737176;

  width      : 100%;

  font-size  : 1rem;

  padding    : 10px 1.5rem

}



.search_widget form button {

  right    : 0;

  top      : 0;

  width    : 3.875rem;

  height   : 3.875rem;

  color    : #fff;

  font-size: 1.25rem

}



.search_widget form button:hover,

.search_widget form button:focus {

  color: var(--color1)

}



.widget-title2 {

  display      : inline-block;

  font-size    : 1.625rem;

  z-index      : 1;

  padding      : 0 1.75rem 0 5px;

  margin-bottom: 2.625rem

}



.widget-title2:before {

  content         : "";

  height          : 1.875rem;

  z-index         : -1;

  background-color: var(--color3);

  left            : 0;

  top             : 1px;

  right           : 0;

  position        : absolute

}



.widget-title2>i {

  position        : absolute;

  top             : .9375rem;

  height          : 1px;

  width           : 1.75rem;

  background-color: var(--color1);

  right           : -1.25rem

}



.widget-box2 ul {

  margin: -5px 0 -10px

}



.widget-box2 ul li+li {

  margin-top: 1rem

}



.widget-box2 ul li a {

  display       : inline-block;

  position      : relative;

  padding-bottom: 6px;

  font-weight   : 300

}



.widget-box2 ul li a span {

  color      : #737176;

  font-size  : 1rem;

  display    : inline-block;

  margin-left: 5px;

  opacity    : 0;

  font-weight: 300

}



.widget-box2 ul li a:before {

  content         : "";

  position        : absolute;

  left            : 0;

  bottom          : 0;

  width           : 0;

  background-color: var(--color1);

  height          : 1px

}



.widget-box2 ul li a:hover,

.widget-box2 ul li a:focus {

  font-weight: 500;

  color      : var(--color1)

}



.widget-box2 ul li a:hover span,

.widget-box2 ul li a:focus span {

  opacity: 1

}



.widget-box2 ul li a:hover:before,

.widget-box2 ul li a:focus:before {

  width: 100%

}



.popular-post-img {

  flex     : 0 0 6.875rem;

  max-width: 6.875rem

}



.popular-post-img+.popular-post-info {

  flex        : 0 0 calc(100% - 6.875rem);

  max-width   : calc(100% - 6.875rem);

  padding-left: 1.25rem;

  margin-top  : 5px

}



.popular-post-box:hover .popular-post-img>a img,

.top-product-box:hover .top-product-img>a img {

  -webkit-transform: scale(1.05);

  -ms-transform    : scale(1.05);

  -o-transform     : scale(1.05);

  transform        : scale(1.05)

}



.popular-post-info>h4,

.top-product-info>h4 {

  font-size     : 1rem;

  font-family   : Roboto;

  font-weight   : 500;

  text-transform: uppercase

}



.popular-post-info>h4+span,

.top-product-info>h4+span {

  margin-top: 7px

}



.popular-post-info>span,

.top-product-info>span {

  font-size     : 14px;

  color         : #737176;

  letter-spacing: 2px

}



.popular-post-box+.popular-post-box,

.top-product-box+.top-product-box {

  margin-top: 1.5625rem

}



.tagcloud {

  margin: -10px 0

}



.tagcloud>a {

  font-size    : 1rem;

  font-weight  : 400;

  color        : #737176;

  margin-right : 1.8rem;

  margin-bottom: 3px

}



.price-filter {

  border            : 0;

  height            : 1px;

  background-color  : var(--color5);

  -webkit-box-shadow: none;

  -ms-box-shadow    : none;

  -o-box-shadow     : none;

  box-shadow        : none;

  margin            : 8px 0 2rem

}



.price-filter .noUi-handle {

  width                : 7px;

  height               : 1.25rem;

  -webkit-border-radius: 0;

  border-radius        : 0;

  -webkit-box-shadow   : none;

  -ms-box-shadow       : none;

  -o-box-shadow        : none;

  box-shadow           : none;

  border               : 0;

  top                  : 50%;

  margin-top           : -9.5px

}



.price-filter .noUi-handle:before,

.price-filter .noUi-handle:after {

  display: none

}



.price-filter .noUi-handle.noUi-handle-lower,

.price-filter .noUi-handle.noUi-handle-upper {

  right: 0

}



.price-filter .noUi-connects {

  -webkit-border-radius: 0;

  border-radius        : 0;

  height               : 3px;

  margin-top           : -1px

}



.price-filter .noUi-handle .noUi-tooltip {

  background-color     : transparent;

  border               : 0;

  -webkit-border-radius: 0;

  border-radius        : 0;

  padding              : 0;

  font-size            : 14px;

  color                : var(--color1);

  bottom               : auto;

  top                  : 120%

}



.price-filter-wrap>button {

  background-color: transparent;

  font-size       : 1rem;

  text-transform  : uppercase;

  font-weight     : 500;

  margin-top      : 1rem

}



.price-filter-wrap>button svg {

  max-width     : 1.75rem;

  vertical-align: middle;

  margin-left   : .9375rem

}



.price-filter-wrap>button:hover,

.price-filter-wrap>button:focus {

  color: var(--color1)

}



.price-filter .noUi-handle .noUi-tooltip:before {

  content     : "$";

  margin-right: 5px

}



.top-product-img {

  flex     : 0 0 4.5rem;

  max-width: 4.5rem;

  border   : 1px solid var(--color5)

}



.top-product-img+.top-product-info {

  flex        : 0 0 calc(100% - 4.5rem);

  max-width   : calc(100% - 4.5rem);

  padding-left: 1.25rem;

  margin-top  : 5px

}



.post-detail-desc>p {

  margin-top: 2.6875rem

}



.post-detail-desc blockquote.blockquote {

  max-width    : calc(100% - 6.875rem);

  margin       : 3.75rem 3.4375rem 0;

  padding-right: 5rem

}



.post-detail-desc>ul {

  margin-top: 2.5rem

}



.post-detail-desc>ul li {

  position    : relative;

  padding-left: 4.375rem

}



.post-detail-desc>ul li+li {

  margin-top: 1.125rem

}



.post-detail-desc>ul li span {

  max-width       : 2.8125rem;

  width           : 100%;

  top             : 3.5px;

  line-height     : 1.4375rem;

  font-family     : Arapey;

  font-weight     : 400;

  background-color: var(--color3);

  font-size       : 1.25rem;

  left            : 0

}



.author-box {

  z-index            : 1;

  padding            : 3.4375rem 3.75rem;

  background-size    : cover;

  background-position: center;

  margin-top         : 3.75rem

}



.author-box:before {

  content         : "";

  position        : absolute;

  left            : 0;

  right           : 0;

  top             : 0;

  bottom          : 0;

  background-color: var(--color3);

  z-index         : -1;

  opacity         : .8

}



.author-box>ul+.post-detail-cate-share {

  margin-top: 1.375rem

}



.post-detail-cate-share+.author-box-inner {

  margin-top: 3.75rem

}



.author-box-img {

  flex     : 0 0 14.375rem;

  max-width: 14.375rem;

  padding  : 10px;

  border   : 1px solid

}



.author-box-img+.author-box-info {

  flex        : 0 0 calc(100% - 14.375rem);

  max-width   : calc(100% - 14.375rem);

  padding-left: 2.375rem

}



.author-box-info>h4 {

  font-size   : 1.625rem;

  line-height : 2.5rem;

  position    : relative;

  padding-left: .9375rem

}



.author-box-info>h4+p {

  margin-top: 1.25rem

}



.author-box-info>h4:before {

  content         : "";

  width           : 1px;

  top             : 6px;

  height          : 1.75rem;

  background-color: var(--color1);

  position        : absolute;

  left            : 0

}



.comments-wrap {

  margin-top      : 4.6875rem;

  border          : 1px solid var(--color5);

  padding         : 2.6875rem 3.75rem 3.375rem;

  background-color: #fff

}



.comments-wrap>h3,

.comment-reply>h3 {

  font-family   : Roboto;

  text-transform: uppercase;

  font-weight   : 500;

  font-size     : 1.125rem;

  line-height   : 2.5rem;

  margin-bottom : 1.25rem

}



.comments-thread>li+li {

  border-top : 1px solid var(--color5);

  margin-top : 2.5rem;

  padding-top: 2.5rem

}



.comment-info>img {

  flex     : 0 0 3.75rem;

  max-width: 3.75rem

}



.comment-info>img+.comment-meta {

  flex        : 0 0 calc(100% - 3.75rem);

  max-width   : calc(100% - 3.75rem);

  padding-left: 1.375rem

}



.comment-meta>h4 {

  font-size  : 1.125rem;

  font-weight: 500;

  font-family: Roboto

}



.comment-meta>h4+span {

  margin-top: 8px

}



.comment-meta>span {

  letter-spacing: 2px;

  color         : #737176;

  font-size     : 14px;

  line-height   : 1

}



.comment-info+p {

  margin-top: 2.0625rem

}



.comment-box>a,

.comment-box>span.rate {

  right      : 0;

  top        : .9375rem;

  font-size  : 1rem;

  font-weight: 500

}



.comment-box>a:hover,

.comment-box>a:focus {

  color: var(--color1)

}



.comment-reply {

  margin-top: 4.0625rem

}



.comment-reply form textarea {

  border       : 1px solid #737176;

  width        : 100%;

  padding      : 1.3rem 2.5rem;

  color        : #737176;

  font-size    : 1rem;

  font-weight  : 300;

  height       : 7.8125rem;

  margin-bottom: .9375rem

}



.comment-reply form .field-box input {

  border-left : 0;

  border-right: 0;

  border-top  : 0;

  border-color: #737176;

  font-weight : 300;

  padding     : 10px 2.5rem

}



.comment-reply form .field-box i {

  left: 10px

}



.shop-top>p {

  font-size: 1rem;

  color    : #737176

}



.shop-top .slc-box {

  max-width: 16.5625rem

}



.shop-top .slc-box:before {

  height     : 3.75rem;

  line-height: 3.75rem;

  right      : 1.25rem

}



.shop-top .slc-box select {

  border : 1px solid var(--color5);

  height : 3.75rem;

  padding: 1rem 1.875rem 1rem 1.25rem

}



.shop-top+.shop-wrap {

  margin-top: 3.4375rem

}



.shop-box {

  margin-bottom: 3.75rem

}



.shop-img {

  border: 1px solid var(--color5)

}



.shop-tag {

  text-transform: uppercase;

  font-size     : 14px;

  left          : -8px;

  padding       : .5px 13.3px;

  top           : 10px;

  z-index       : 1

}



.shop-img a.shop-like {

  left       : 1.25rem;

  bottom     : 1.25rem;

  line-height: 1

}



.shop-img a.shop-like i.position-absolute {

  left   : 0;

  opacity: 0;

  top    : 0

}



.shop-img a.shop-like:hover i.position-absolute,

.shop-img a.shop-like:focus i.position-absolute {

  opacity: 1

}



.shop-img a:not(.shop-like) {

  right   : 0;

  bottom  : 0;

  color   : #fff;

  overflow: hidden;

  padding : 1.09375rem 1.453125rem 1.09375rem 1.4375rem

}



.shop-img a:not(.shop-like) span {

  text-transform: uppercase;

  font-weight   : 500;

  font-size     : 1rem;

  width         : 0;

  display       : inline-block;

  white-space   : nowrap;

  opacity       : 0

}



.shop-img a:not(.shop-like):hover,

.shop-img a:not(.shop-like):focus {

  color       : var(--color1);

  padding-left: 1.75rem

}



.shop-img a:not(.shop-like):hover span,

.shop-img a:not(.shop-like):focus span {

  opacity     : 1;

  width       : 6.3125rem;

  margin-right: 2rem

}



.shop-img+.shop-info {

  margin-top: 1.875rem

}



.shop-info {

  padding    : 0 6.7rem 0 1.25rem;

  border-left: 1px solid var(--color1)

}



.shop-info>h3 {

  font-size     : 1.375rem;

  line-height   : 1.875rem;

  text-transform: uppercase;

  font-family   : Roboto;

  font-weight   : 500

}



.shop-info>h3+span {

  margin-top: 6px

}



.shop-info>span:not(.price) {

  font-size     : 14px;

  color         : #737176;

  letter-spacing: 2px

}



span.price {

  right      : 0;

  top        : 0;

  font-size  : 1.625rem;

  font-weight: 500

}



span.price del {

  font-weight : 300;

  color       : var(--color5);

  margin-right: 8px

}



.pagination-wrap>a {

  text-transform: uppercase;

  font-weight   : 500;

  font-size     : 1rem

}



.shop-box.v2 a.shop-like {

  bottom: auto;

  left  : auto;

  right : 1.25rem;

  top   : 1.25rem

}



.shop-box.v2 .shop-info {

  padding-right: 0

}



.shop-box.v2 .shop-info>span.price {

  line-height: 1

}



.shop-box.v2 .shop-info>h3 {

  letter-spacing: -.3px

}



.shop-detail-img-wrap {

  flex        : 0 0 28.75rem;

  max-width   : 28.75rem;

  padding-left: 2.5rem

}



.shop-detail-img-wrap .shop-tag {

  top: 1.875rem

}



.shop-detail-big-imgs+.shop-detail-imgs-nav {

  margin-top: 10px

}



.shop-detail-imgs-nav {

  max-width: 21.875rem

}



.shop-detail-imgs-nav .slick-list {

  margin: 0 -.9375rem

}



.shop-detail-imgs-nav .slick-slide {

  padding: 0 .9375rem

}



.shop-nav-img {

  border: 1px solid var(--color5);

  cursor: pointer

}



.shop-detail-img-wrap+.shop-detail-info-wrap {

  flex        : 0 0 calc(100% - 28.75rem);

  max-width   : calc(100% - 28.75rem);

  padding-left: 7.1875rem

}



.shop-detail-info-wrap>span {

  font-size     : 14px;

  font-weight   : 500;

  letter-spacing: 2px;

  text-transform: uppercase

}



.shop-detail-info-wrap>span+h2 {

  margin-top: 9px

}



.shop-detail-info-wrap>h2 {

  font-size: 2.8125rem

}



.shop-detail-info-wrap>h2 i {

  display         : inline-block;

  vertical-align  : middle;

  background-color: var(--color1);

  height          : 1px;

  width           : 3.625rem;

  margin-left     : 1.25rem

}



.shop-detail-info-wrap>h2+.shop-price-rate {

  margin-top: 2.125rem

}



.shop-price-rate span.price del {

  margin-right: 1rem

}



.shop-rate {

  font-size: 1rem

}



.shop-rate>span+a {

  margin-left: 1.25rem

}



.shop-rate>a {

  color: #737176

}



.rate>i+i {

  margin-left: 4px

}



.shop-price-rate+p {

  margin-top: 1.375rem

}



.shop-detail-info-wrap>p {

  max-width: 95%

}



.shop-detail-info-wrap>p+.cart {

  margin-top: 3rem

}



form.cart .quantity+button {

  margin-left: 2.375rem

}



form.cart+.shop-detail-bottom {

  margin-top: 3.9375rem

}



.shop-detail-bottom ul li {

  padding    : 4px 10px;

  display    : flex;

  flex-wrap  : wrap;

  align-items: center

}



.shop-detail-bottom ul li>i {

  font-style    : normal;

  font-size     : 14px;

  color         : #737176;

  letter-spacing: 2px;

  display       : inline-block;

  max-width     : 11.875rem;

  width         : 100%

}



.shop-detail-bottom ul li+li {

  border-top: 1px solid var(--color5)

}



.shop-detail-bottom ul li span {

  font-size: 14px;

  color    : var(--color1)

}



.shop-detail-bottom ul li div.scl-links.v2>a {

  font-size: 14px

}



.shop-detail-wrap+.shop-detail-tabs {

  margin-top: 5.75rem

}



.shop-detail-tabs ul.nav-tabs {

  border-bottom: 0;

  margin-bottom: 2.3125rem

}



.shop-detail-tabs ul.nav-tabs li.nav-item {

  margin        : 0 .9375rem;

  text-transform: uppercase

}



.shop-detail-tabs ul.nav-tabs li.nav-item a.nav-link {

  position             : relative;

  border               : 0;

  background-color     : transparent;

  -webkit-border-radius: 0;

  border-radius        : 0;

  padding              : 0 1.125rem 0;

  color                : var(--color1)

}



.shop-detail-tabs ul.nav-tabs li.nav-item a.nav-link.active {

  font-weight: 500

}



.shop-detail-tabs ul.nav-tabs li.nav-item a.nav-link:before {

  content         : "";

  position        : absolute;

  background-color: var(--color1);

  position        : absolute;

  bottom          : 0;

  left            : 50%;

  right           : 50%;

  height          : 1px

}



.shop-detail-tabs ul.nav-tabs li.nav-item a.nav-link.active::before {

  left : 0;

  right: 0

}



.shop-detail-tabs .tab-pane>p+p {

  margin-top: 1.875rem

}