/*** ======= // TABLE OF CONTENT // ============================

01- Google Fonts

02- General Styling

03- Cross Browser Compatibility

04- Theme Style

05- Header Styles

    05.1- Header Style 1

    05.2- Menu Style

    05.3- Header Ver 2

    05.4- Menu Style 2

06- 



===================================================== ***/



/*=== Google Fonts ===*/

@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);

@import url(https://fonts.googleapis.com/css2?family=Muli:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);



/*=== General Variables ===*/

:root {
  --principal: #005523;
  --secundario: #063318;
  --terciario: #809B35;

  --transition: all 0.2s cubic-bezier(0.19, 0.68, 0.49, 1.21);
  --transition2: all .2s linear;
  --round: 50%;
  --curve: 3px;
  --full: 100%;
}

.bg-transparent{background-color: transparent!important;}
.bg-black{background-color:#000;}
.bg-principal{background-color: var(--principal);}
.text-black{color:#000;}


/*=== General Styling ===*/

body, 
html {overflow-x: hidden;}

body {
  margin: 0;
  font-family: Muli;
  position: relative;
  width: 100%;
  max-width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Montserrat;
  color: #2e2e2e;
  font-weight: 700;
}

p {
  font-family: Muli;
  color: #666;
  line-height: 1.6875rem;
  font-size: 1.0625rem;
  font-weight: 400;
}

ul li,
ol li {
  font-family: Muli;
  color: #666;
  font-size: 1.0625rem;
  line-height: 1.875rem;
}

a {color: inherit;}

a:hover,
a:focus,
ins {
  text-decoration:none;
  outline:none;
}

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;
}

textarea {resize: none;}

main,
section,
footer,
.gap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 100%;
  position:relative;
  width:100%;
}

.particles-js {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

/*=== Paddings ===*/

.pt-10 {padding-top: 0.625rem;}

.pb-10 {padding-bottom: 0.625rem;}

.pt-20 {padding-top: 1.25rem;}

.pb-20 {padding-bottom: 1.25rem;}

.py-30 {padding: 1.875rem 0;}

.px-30 {padding: 0 1.875rem;}

.pt-30 {padding-top: 1.875rem;}

.pb-30 {padding-bottom: 1.875rem;}

.py-40 {padding: 2.5rem 0;}

.px-40 {padding: 0 2.5rem;}

.pt-40 {padding-top: 2.5rem;}

.pb-40 {padding-bottom: 2.5rem;}

.py-50 {padding: 3.125rem 0;}

.px-50 {padding: 0 3.125rem;}

.pt-50 {padding-top: 3.125rem;}

.pb-50 {padding-bottom: 3.125rem;}

.py-60 {padding: 3.75rem 0;}

.px-60 {padding: 0 3.75rem;}

.pt-60 {padding-top: 3.75rem;}

.pb-60 {padding-bottom: 3.75rem;}

.py-70 {padding: 4.375rem 0;}

.px-70 {padding: 0 4.375rem;}

.pt-70 {padding-top: 4.375rem;}


.py-80 {padding: 5rem 0;}

.px-80 {padding: 0 5rem;}

.pt-80 {padding-top: 5rem;}

.pb-80 {padding-bottom: 5rem;}

.pt-90 {padding-top:5.625rem;}

.pb-90 {padding-bottom: 5.625rem;}

.py-90 {padding: 5.625rem 0;}

.pt-100 {padding-top: 6.25rem;}

.py-100 {padding: 6.25rem 0;}

.pb-100 {padding-bottom: 6.25rem;}

.pt-120 {padding-top: 7.5rem;}

.pb-120 {padding-bottom: 7.5rem;}

.px-130 {padding: 0 8.125rem;}

.py-130 {padding: 8.125rem 0;}

.pt-130 {padding-top: 8.125rem;}

.pb-130 {padding-bottom: 8.125rem;}

.pt-155 {padding-top: 9.6875rem;}

.py-180 {padding: 11.25rem 0;}

.pt-180 {padding-top: 11.25rem;}

.pb-180 {padding-bottom: 11.25rem;}

.pt-210 {padding-top: 13.125rem;}

.pb-210 {padding-bottom: 13.125rem;}

.pt-280 {padding-top: 17.5rem;}

.pl-335 {padding-left: 20.9375rem;}



/*=== Margins ===*/

.mt-10 {margin-top: 0.625rem;}

.mb-10 {margin-bottom: 0.625rem;}

.mt-15 {margin-top: 0.9375rem;}

.mb-15 {margin-bottom: 0.9375rem;}

.mt-20 {margin-top: 1.25rem;}

.mb-20 {margin-bottom: 1.25rem;}

.mt-25 {margin-top: 1.5625rem;}

.mb-25 {margin-bottom: 1.5625rem;}

.mt-30 {margin-top: 1.875rem;}

.mb-30 {margin-bottom: 1.875rem;}

.mt-35 {margin-top: 2.1875rem;}

.mb-35 {margin-bottom: 2.1875rem;}

.mt-40 {margin-top: 2.5rem;}

.mb-40 {margin-bottom: 2.5rem;}

.mt-45 {margin-top: 2.8125rem;}

.mb-45 {margin-bottom: 2.8125rem;}

.mt-50 {margin-top: 3.125rem;}

.mb-50 {margin-bottom: 3.125rem;}

.mt-55 {margin-top: 3.4375rem;}


.my-60 {margin: 3.75rem 0;}

.mt-60 {margin-top: 3.75rem;}

.mb-60 {margin-bottom: 3.75rem;}

.mt-70 {margin-top: 4.375rem;}

.mb-70 {margin-bottom: 4.375rem;}

.mt-80 {margin-top: 5rem;}

.mb-80 {margin-bottom: 5rem;}

.mt-90 {margin-top: 5.625rem;}

.mb-90 {margin-bottom: 5.625rem;}

.mt-100 {margin-top: 6.25rem;}




/*=== Overlap ===*/

.mt-overlap220 {margin-top: -13.75rem;}


/*=== Default Colors ===*/

.drk-bg {background-color: #282828;}

.gre-bg {background-color: var(--principal)}

.gre-bg2 {background-color: var(--secundario)}

.drk-bg2 {background-color: #171717;}

.drk-bg3 {background-color: #17191b;}

.drk-bg4 {background-color: #151515;}

.gray-bg {background-color: #f5f5f5;}

.gray-bg2 {background-color: #f2f2f2;}



/*=== Container ===*/

.container {
  padding: 0;
  max-width: 73.125rem;
}


/*=== Mid Container ===*/

.mid-container {
  max-width: 85.625rem;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}


/*=== Small Container ===*/

.sml-container {
  margin-right: auto;
  max-width: 82rem;
}

.vh100 {height: 100vh;}


/*=== Column Gap ===*/

.mrg {margin: 0;}

.mrg > div {padding: 0;}

.mrg5 {margin: 0 -0.15625rem;}

.mrg5 > div {padding: 0 0.15625rem;}

.mrg6 {margin: 0 -0.1875rem;}

.mrg6 > div {padding: 0 0.1875rem;}

.mrg10 {margin: 0 -0.3125rem;}

.mrg10 > div {padding: 0 0.3125rem;}

.mrg15 {margin: 0 -0.46875rem;}

.mrg15 > div {padding: 0 0.46875rem;}

.mrg20 {margin: 0 -0.625rem;}

.mrg20 > div {padding: 0 0.625rem;}

.mrg25 {margin: 0 -0.78125rem;}

.mrg25 > div {padding: 0 0.78125rem;}

.mrg35 {margin: 0 -2.1875rem;}

.mrg35 > div {padding: 0 2.1875rem;}

.mrg40 {margin: 0 -1.25rem;}

.mrg40 > div {padding: 0 1.25rem;}

.mrg50 {margin: 0 -1.5625rem;}

.mrg50 > div {padding: 0 1.5625rem;}

.mrg60 {margin: 0 -1.875rem;}

.mrg60 > div {padding: 0 1.875rem;}



/*=== Fonts Typography ===*/

.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;}



/*=== Parallax Background ===*/

.fixed-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;

}

.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 {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;}



.grad-bg {

  z-index: 0;

  opacity: .2;

}

.grad-bg2 {

  background: -moz-linear-gradient(0deg, rgba(103,57,182,1) 0%, rgba(0,127,251,1) 100%);

  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(103,57,182,1)), color-stop(100%, rgba(0,127,251,1)));

  background: -webkit-linear-gradient(0deg, rgba(103,57,182,1) 0%, rgba(0,127,251,1) 100%);

  background: -o-linear-gradient(0deg, rgba(103,57,182,1) 0%, rgba(0,127,251,1) 100%);

  background: -ms-linear-gradient(0deg, rgba(103,57,182,1) 0%, rgba(0,127,251,1) 100%);

  background: linear-gradient(90deg, rgba(103,57,182,1) 0%, rgba(0,127,251,1) 100%);

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6739b6', endColorstr='#007ffb',GradientType=1 );

}

.grad-bg3 {

  background: -moz-linear-gradient(0deg, rgba(0,129,255,1) 0%, rgba(28,187,180,1) 100%);

  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0,129,255,1)), color-stop(100%, rgba(28,187,180,1)));

  background: -webkit-linear-gradient(0deg, rgba(0,129,255,1) 0%, rgba(28,187,180,1) 100%);

  background: -o-linear-gradient(0deg, rgba(0,129,255,1) 0%, rgba(28,187,180,1) 100%);

  background: -ms-linear-gradient(0deg, rgba(0,129,255,1) 0%, rgba(28,187,180,1) 100%);

  background: linear-gradient(90deg, rgba(0,129,255,1) 0%, rgba(28,187,180,1) 100%);

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0081ff', endColorstr='#1cbbb4',GradientType=1 );

}

.grad-bg4,

.grad-bg4-layer:before {

  background: -moz-linear-gradient(0deg, rgba(156,38,176,1) 0%, rgba(46,49,146,1) 100%);

  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(156,38,176,1)), color-stop(100%, rgba(46,49,146,1)));

  background: -webkit-linear-gradient(0deg, rgba(156,38,176,1) 0%, rgba(46,49,146,1) 100%);

  background: -o-linear-gradient(0deg, rgba(156,38,176,1) 0%, rgba(46,49,146,1) 100%);

  background: -ms-linear-gradient(0deg, rgba(156,38,176,1) 0%, rgba(46,49,146,1) 100%);

  background: linear-gradient(90deg, rgba(156,38,176,1) 0%, rgba(46,49,146,1) 100%);

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9c26b0', endColorstr='#2e3192',GradientType=1 );

}



/*=== Background Layer ===*/

.black-layer:before,

.white-layer:before,

.gray-layer:before,

.gray-layer2:before,

.thm-layer:before,

.dark-layer:before,

.dark-layer2:before,

.dark-layer3:before,

.dark-layer4:before,

.blue-layer:before,

.grad-bg4-layer:before {

  content: "";

  height: 100%;

  left: 0;

  position: absolute;

  top: 0;

  width: 100%;

  z-index: -1;

}

.dark-layer:before {background-color: #382232;}

.dark-layer2:before {background-color: #393939;}

.dark-layer3:before {background-color: #252525;}

.dark-layer4:before {background-color: #080e15;}

.black-layer:before {background-color: #000000;}

.blue-layer:before {background-color: var(--color25);}

.white-layer:before {background-color:#ffffff;}

.gray-layer:before {background-color: #f2f4f5}

.gray-layer2:before {background-color: var(--color14);}



/*=== Opacity ===*/

.opc1:before {opacity: .1;}

.opc15:before {opacity: .15;}

.opc2:before {opacity: .2;}

.opc25:before {opacity: .25;}

.opc3:before {opacity: .3;}

.opc35:before {opacity: .35;}

.opc4:before {opacity: .4;}

.opc45:before {opacity: .45;}

.opc5:before {opacity: .5;}

.opc55:before {opacity: .55;}

.opc6:before {opacity: .6;}

.opc65:before {opacity: .65;}

.opc7:before {opacity: .7;}

.opc75:before {opacity: .75;}

.opc8:before {opacity: .8;}

.opc85:before {opacity: .85;}

.opc9:before {opacity: .9;}

.opc95:before {opacity: .95;}

.opc99:before {opacity: .99;}



/*=== Iframe ===*/

iframe {

  border: 0;

  width: 100%;

}



/*=== Image ===*/

img {

  height: auto;

  /* max-width: 100%; */

  vertical-align: middle;

}



.left-img {left: -18rem;}

.right-img {right: -18rem;}

.left-img,

.right-img {

  top: 50%;

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

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

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

  transform: translateY(-50%);

}



/*=== Width ===*/

.wdth5 {width: 5%;}

.wdth10 {width: 10%;}

.wdth15 {width: 15%;}

.wdth20 {width: 20%;}

.wdth25 {width: 25%;}

.wdth30 {width: 30%;}

.wdth35 {width: 35%;}

.wdth40 {width: 40%;}

.wdth45 {width: 45%;}

.wdth50 {width: 50%;}

.wdth55 {width: 55%;}

.wdth60 {width: 60%;}

.wdth65 {width: 65%;}

.wdth70 {width: 70%;}

.wdth75 {width: 75%;}

.wdth80 {width: 80%;}

.wdth85 {width: 85%;}

.wdth90 {width: 90%;}

.wdth95 {width: 95%;}

.wdth100 {width: 100%;}

.wow {visibility: hidden;}



/*=== Cross Browser Compatibility ===*/

i,

a,

img,

input,

button,

textarea,

:before,

:after,

label,

span,

nav > ul li,

nav > ul ul,

.menu-wrap,

.srv-box1,

.port-bottom-info1,

.port-info1,

.team-box2,

.team-info2,

.scl3,

.port-info3,

.scl,

.post-info3,

.post-info3 > p,

.srv-box3,

.srv-box3 > h3,

.port-info5,

.menu-wrap2 > ul ul,

.team-info4,

.sticky-header,

.one-page-nav2

{

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

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

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

  transition: var(--transition2);

}




/* ERROR */
.loqueseaparaquitarelerror{

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

  -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); /* easeOutBack */

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

  -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); /* easeOutBack */

}



/*=== Border Radius ===*/

.brd-rd20

{

  -webkit-border-radius: 1.25rem;

  border-radius: 1.25rem;

}



.brd-rd10

{

  -webkit-border-radius: 0.625rem;

  border-radius: 0.625rem;

}



.brd-rd5

{

  -webkit-border-radius: 0.3125rem;

  border-radius: 0.3125rem;

}



.brd-rd3

{

  -webkit-border-radius: 0.1875rem;

  border-radius: 0.1875rem;

}



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



/*=== Particles ===*/

.particles-js {

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

}



/*=== Animations ===*/

@-webkit-keyframes pulseSmall {

  0% { -webkit-box-shadow:0 0 0 0 #ee3364; }

  70% { -webkit-box-shadow:0 0 0 10px rgba(238,51,100,0); }

  100% { -webkit-box-shadow:0 0 0 0 rgba(238,51,100,0); }

}

@keyframes pulseSmall {

  0% { box-shadow:0 0 0 0 #ee3364; }

  70% { box-shadow:0 0 0 10px rgba(238,51,100,0); }

  100% { box-shadow:0 0 0 0 rgba(238,51,100,0); }

}

@-webkit-keyframes pulseBig {

  0% { -webkit-box-shadow:0 0 0 0 #ee3364; }

  70% { -webkit-box-shadow:0 0 0 20px rgba(238,51,100,0); }

  100% { -webkit-box-shadow:0 0 0 0 rgba(238,51,100,0); }

}

@keyframes pulseBig {

  0% { box-shadow:0 0 0 0 #ee3364; }

  70% { box-shadow:0 0 0 20px rgba(238,51,100,0); }

  100% { box-shadow:0 0 0 0 rgba(238,51,100,0); }

}

@-webkit-keyframes pulseBigBlue {

  0% { -webkit-box-shadow:0 0 0 0 #24a1f1; }

  70% { -webkit-box-shadow:0 0 0 20px rgba(36,161,241,0); }

  100% { -webkit-box-shadow:0 0 0 0 rgba(36,161,241,0); }

}

@keyframes pulseBigBlue {

  0% { -webkit-box-shadow:0 0 0 0 #24a1f1; }

  70% { -webkit-box-shadow:0 0 0 20px rgba(36,161,241,0); }

  100% { -webkit-box-shadow:0 0 0 0 rgba(36,161,241,0); }

}

@-webkit-keyframes pulseBigPink {

  0% { -webkit-box-shadow:0 0 0 0 #e22eb4; }

  70% { -webkit-box-shadow:0 0 0 20px rgba(226,46,180,0); }

  100% { -webkit-box-shadow:0 0 0 0 rgba(226,46,180,0); }

}

@keyframes pulseBigPink {

  0% { -webkit-box-shadow:0 0 0 0 #e22eb4; }

  70% { -webkit-box-shadow:0 0 0 20px rgba(226,46,180,0); }

  100% { -webkit-box-shadow:0 0 0 0 rgba(226,46,180,0); }

}

@-webkit-keyframes pulseBigGreen {

  0% { -webkit-box-shadow:0 0 0 0 #27f191; }

  70% { -webkit-box-shadow:0 0 0 20px rgba(39,241,145,0); }

  100% { -webkit-box-shadow:0 0 0 0 rgba(39,241,145,0); }

}

@keyframes pulseBigGreen {

  0% { -webkit-box-shadow:0 0 0 0 #27f191; }

  70% { -webkit-box-shadow:0 0 0 20px rgba(39,241,145,0); }

  100% { -webkit-box-shadow:0 0 0 0 rgba(39,241,145,0); }

}

@-webkit-keyframes pulseBigYellow {

  0% { -webkit-box-shadow:0 0 0 0 #fda620; }

  70% { -webkit-box-shadow:0 0 0 20px rgba(253,166,32,0); }

  100% { -webkit-box-shadow:0 0 0 0 rgba(253,166,32,0); }

}

@keyframes pulseBigYellow {

  0% { -webkit-box-shadow:0 0 0 0 #fda620; }

  70% { -webkit-box-shadow:0 0 0 20px rgba(253,166,32,0); }

  100% { -webkit-box-shadow:0 0 0 0 rgba(253,166,32,0); }

}



@keyframes slide-animation {

  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-animation {

  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-animation {

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

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

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

  animation: 5s slide-animation infinite;

}



/*=== Social Media ===*/

.facebook,

.facebook-hvr:hover,

.facebook-hvr:focus {

  background-color: #516ae8;

  border-color: #516ae8;

}

.twitter,

.twitter-hvr:hover,

.twitter-hvr:focus {

  background-color: #4fbbff;

  border-color: #4fbbff;

}

.google,

.google-hvr:hover,

.google-hvr:focus {

  background-color: #df2929;

  border-color: #df2929;

}

.linkedin,

.linkedin-hvr:hover,

.linkedin-hvr:focus {

  background-color: #3c4e99;

  border-color: #3c4e99;

}

.stumbleupon,

.stumbleupon-hvr:hover,

.stumbleupon-hvr:focus {

  background-color: #e32a2a;

  border-color: #e32a2a;

}

.pinterest,

.pinterest-hvr:hover,

.pinterest-hvr:focus {

  background-color: #bd081c;

  border-color: #bd081c;

}

.facebook:hover,

.facebook:focus {color: #516ae8;}

.twitter:hover,

.twitter:focus,

.twitter-list > li i {color: #4fbbff;}

.google:hover,

.google:focus {color: #df2929;}

.linkedin:hover,

.linkedin:focus {color: #3c4e99;}

.stumbleupon:hover,

.stumbleupon:focus {color: #e32a2a;}

.pinterest:hover,

.pinterest:focus {color: #bd081c;}



/*======================================= Theme Style =========================================*/
/*======================================= Theme Style =========================================*/
/*======================================= Theme Style =========================================*/

/* GENERALES */
.bottom250{
  position: relative;
  top: -250px;
}
.bottom170{
  position: relative;
  top: -190px;
}
.bottom150{
  position: relative;
  top: -160px;
}
@media(min-width: 768px){
  .bottom150{
    top: -180px;
  }
}
.bottom125{
  position: relative;
  top: -125px;
}
.bottom100{
  position: relative;
  top: -115px;
}
.bottom70{
  position: relative;
  top: -70px;
}
.py-200{
  padding-top: 200px;
  padding-bottom: 200px;
}
.py-150{
  padding-top: 150px;
  padding-bottom: 150px;
}
.py-100{
  padding-top: 100px;
  padding-bottom: 100px;
}
.py-50{
  padding-top: 50px;
  padding-bottom: 50px;
}
pt-200{
  padding-top: 200px!important;
}
pt-150{
  padding-top: 150px;
}
.pb-155 {
  padding-bottom: 1.5rem;
}
.pb-70 {
  padding-bottom: 1.2rem;
}
.mb-55 {
  margin-bottom: 1rem;
}
.mb-100 {
  margin-bottom: 1.5rem;
}
@media(min-width: 768px){
  .pb-155 {
    padding-bottom: 9.6875rem;
  }
  .pb-70 {
    padding-bottom: 4.375rem;
  }
  .mb-55 {
    margin-bottom: 3.4375rem;
  }
  .mb-100 {
    margin-bottom: 6.25rem;
  }
}
.opacidad50{
  opacity: 0.50;
}
.opacidad25{
  opacity: 0.25;
}
.opacidad15{
  opacity: 0.15;
}
::placeholder {
  font-weight: 700;
  color: var(--principal);
}
.btn-secondary{
  background-color: var(--terciario);
  font-weight: 700;
  border-radius: 3px;
}
.thm-btn {
  position: relative;
  display: inline-block;
  color: #fff;
  font-family: Montserrat;
  font-size: 18px;
  font-weight: 600;
  padding: 1.4125rem 2.8125rem;
  z-index: 1;
  overflow: hidden;
}

.thm-btn.mini-btn {padding: 1.1rem 2.1rem;}

.thm-btn:hover, 

.thm-btn:focus {color: #fff;}

.thm-btn:before{
  content: "";
  z-index: -1;
  background-color: #000;
  opacity: 0;
  left: 50%;
  bottom: 0;
  position: absolute;
  top: 0;
  right: 50%;
}

.thm-btn:hover:before, 
.thm-btn:focus:before {
  opacity: .15;
  right: 0;
  left: 0;
}
.btn-secondary:before{
  content: "";
  z-index: -1;
  background-color: #000;
  opacity: 0;
  left: 50%;
  bottom: 0;
  position: absolute;
  top: 0;
  right: 50%;
}

.btn-secondary:hover:before, 
.btn-secondary:focus:before {
  opacity: .15;
  right: 0;
  left: 0;
}
.port-img7 > a {display: block;}

.port-img7 > a:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 80%;
  opacity: 0;
}

.port-img7 > a i {
  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%);
  height: 2.5rem;
  width: 2.5rem;
  opacity: 0;
}

.port-img7 > a i:before, 
.port-img7 > a i:after {
  content: "";
  background-color: #fff;
  position: absolute;
}

.port-img7 > a i:before {
  left: 50%;
  top: 0;
  bottom: 0;
  width: 1px;
  margin-left: -.5px;
}

.port-img7 > a i:after {
  top: 50%;
  height: 1px;
  left: 0;
  right: 0;
  margin-top: -.5px;
}

.port-info7 {padding-top: 1.125rem;}

.port-info7:before {
  content: "";
  position: absolute;
  left: 50%;
  width: 2px;
  margin-left: -1px;
  height: 3.125rem;
  top: -1.5625rem;
  z-index: 1;
  display: none;
}

.port-info7 > span {
  font-size: 0.96875rem;
  color: #a4a4a4;
  font-family: Montserrat;
  font-weight: 500;
  text-transform: uppercase;
}

.port-info7 > h4 {
  font-size: 1.5rem;
  color: var(--principal);
  letter-spacing: .5px;
}

.port-img7:hover > a > img{
  -webkit-transform: scale(1.1)!important;
  -ms-transform: scale(1.1)!important;
  -o-transform: scale(1.1)!important;
  transform: scale(1.1)!important;
}
.logoF a img{
  height: 110px;
}


/*===== Barra de nav Styles =====*/
header {
  position: relative;
  width: 100%;
  z-index: 99999;
}
a .menu-btn rounded-circle{
  background-color: var(--terciario)!important;
}
.sticky-header {
  opacity: 0;
  position: fixed;
  margin-top: -350px;
  /* width: 100%;
  z-index: 100000; */
  transition: all .5s ease;
}
.sticky-header.activo {
  margin-top: 0;
  opacity: 1;
}
.img-barra{
  position: relative;
  z-index: 99998;
  bottom: -25px;
  background-position: center;
  background-size: cover;
  background-repeat: repeat-x!important;
  height: 100px;
}
.activeMn a{
  color: var(--principal)!important;
}

/* INDEX */
.headIndex{
  height: 100vh;
}
.txtHeadIndex{
  position: relative;
  bottom: -150px;
  text-align: center;
}
.txtHeadIndex h4{
  text-transform: uppercase;
  font-size: 1.1rem;
}
.txtHeadIndex h1{
  font-weight: 700;
  font-size: 2rem;
  letter-spacing: 1px;
}
.txtHeadIndex h1, .txtHeadIndex h4{
  color: #fff!important;
}
.sec1ImgIdx{
  background-size: cover;
  background-position: center;
}
.redesSec2Idx{
 height: 10px;
}
.redesSec2Idx a{
 font-size: 1.5rem;
 color: #fff;
 padding: 0px 10px;
}
.txtSec2IdxMail h5, .txtSec2IdxMail p{
  color: #fff!important;
}
.txtSec2IdxMail h5{
  font-size: 1rem;
}
@media(min-width: 758px){
  .redesSec2Idx{
    height: auto;
   }
  .txtSec2IdxMail h5{
    font-size: 1.3rem;
  }
  .img-barra{
    bottom: 0px;
    height: auto;
  }
  .redesSec2Idx a{
    font-size: 2.5rem;
    padding: 0px 10px;
   }
}
.txtSec2IdxMail a{
  position: relative;
  top: -18px;
  font-size: 4rem;
  color: #fff!important;
}
.sec2Index1{
  height: 90vh;
  background-image: url(../images/sec2Idx3.png);
  background-size: cover;
  background-position: top;
  position: relative;
}
.sec2Index1 h1, .sec2Index1 p{
  position: relative;
  color: #fff;
  text-align: center!important;
  z-index: 10;
}
.sec2Index2{
  height: 20vh;
  background-image: url(../images/sec2Idx4.png);
  background-size: cover;
  background-position: bottom;
}
.parrafoIdxSec1{
  background-color: #104e29a2;
  border-radius: 5px;
  padding: 10px;
}
.sec2Index1 > .container h1 {
  font-size: 2rem;
}
.sec2Index1 > .container h1 i {
  font-style: normal;
  color: #ecebeb;
  position: absolute;
  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;
  font-size: 9.5625rem;
  font-weight: 700;
  opacity: .20;
}
.sec2Index1 > .container h1 i img {
  width: 250px!important;
}
@media(min-width: 758px){
  .headIndex{
    height: 78vh;
  }
  .txtHeadIndex{
    position: relative;
    bottom: -230px;
    text-align: center;
  }
  .txtHeadIndex h1{
    font-size: 3rem;
    letter-spacing: 1px;
  }
  .sec2Index1{
    height: 90vh;
    background-image: url(../images/sec2Idx.png);
  }
  .sec2Index2{
    height: 20vh;
    background-image: url(../images/sec2Idx2.png);
  }
  .redesSec2Idx a{
    font-size: 2.5rem;
    color: #fff;
    padding: 0px 10px;
   }
   .sec2Index1 > .container h1 {
    font-size: 2.5625rem;
  }
   .sec2Index1 > .container h1 i {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  .sec2Index1 > .container h1 i img {
    width: 500px!important;
  }
  .parrafoIdxSec1{
    background-color: #00000000;
  }
  .mt-md-100{
    margin-top: 100px!important;
  } 
  .pt-md-100{
    padding-top: 100px!important;
  }
}
.titIdx1{
  font-weight: 500!important;
}
.titIdx1.tit1{
  color: var(--principal)!important;
}
.subTit1{
  color: var(--terciario)!important;
}
.titIdx1.tit2, .txtTit1{
  color: var(--secundario)!important;
}

/* CATÁLOGO */
.fixed-bg.headCatalogo{
  height: 98vh;
  background-image: url(../images/headerCatalogo2.jpg);
  top: -100px;
  background-size: cover;
}
.page-title.tituloCatalogo > h1{
  color: var(--principal)!important;
  font-size: 2.7rem;
  font-weight: 800;
  position: relative;
  bottom: -135px;
  letter-spacing: 3px;
}

.sec-title-inner {
  position: relative;
  z-index: 1;
}

.sec-title-inner > h2 {
  font-size: 2.375rem!important;
  font-weight: 800;
  letter-spacing: -3.5px;
  position: relative;
}
.sec-title-inner > h3 {
  font-size: 1.375rem!important;
}

.sec-title-inner > h2 + span {margin-top: -5px;}
.sec-title-inner > span {
  color: #8b8b8b;
  font-size: 1.0625rem;
}

.sec-title-inner > h2 i {
  font-style: normal;
  color: #ecebeb;
  position: absolute;
  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: 100;
  font-size: 9.5625rem;
  font-weight: 700;
  opacity: 1;
}
.sec-title-inner > h2 i img {
  width: 270px!important;
}

.fixed-bg + div .sec-title-inner > h2 i {color: #fff;}

.bg-color34 .sec-title-inner > h2 i {color: #273054;}

.sec-title.style2 .sec-title-inner > h2 {font-size: 3.75rem;}

.descargaCatContainer{
  height: 100vh;
}
.about-info.txtDescarga{
  position: relative;
  text-align: center;
  top: -20px;
}
.about-info.txtDescarga h2, .about-info.txtDescarga h3{
  text-transform: uppercase;
  color: var(--principal);
}
.about-info.txtDescarga h2{
  font-size: 2.5rem;
  font-weight: 700;
  padding-top: 10px;
}
.about-info.txtDescarga h3{
  font-size: 1.5rem;
  letter-spacing: 3px;
}

@media(min-width: 768px){
  .fixed-bg.headCatalogo{
    height: 98vh;
    background-image: url(../images/headerCatalogo.jpg);
    top: -105px;
  }
  .page-title.tituloCatalogo > h1{
    font-size: 4.5rem;
    bottom: -135px;
    letter-spacing: 4px;
  }
  .sec-title-inner > h2 {
    font-size: 3.875rem!important;
    font-weight: 800;
    letter-spacing: -3.5px;
    position: relative;
  }
  .sec-title-inner > h3 {
    font-size: 2rem!important;
  }
  .sec-title-inner > h2 i img {
    width: 500px!important;
  }
  .descargaCatContainer{
    height: auto;
  }
  .about-info.txtDescarga{
    top: -300px;
  }
  .about-info.txtDescarga h2{
    font-size: 3.5rem;
    padding-top: 10px;
  }
  .about-info.txtDescarga h3{
    font-size: 2rem;
    letter-spacing: 4px;
  }
}
.fltr-btns.style2 {
  margin-top: 0;
  margin-bottom: 3.125rem;
}

.fltr-btns.style2 > li {
  flex: initial;
  max-width: initial;
  font-size: 1.3rem;
  text-transform: uppercase;
  color: var(--terciario);
  padding: 0;
  margin: 0 2.1875rem;
}

.fltr-btns.style2 > li a {padding: 0;}

.fltr-btns.style2 > li a:before {display: none;}

/* CONTACTO */
.fixed-bg2 {
  background-position: center;
  height:100%;
  width:100%;
  margin:0;
  position:relative;
  left:0;
  top:0;
  z-index:0;
}

.fixed-bg2 {
  background-image: url(../images/headContacto2.jpg);
  height: 100vh;
  background-size:cover;
}
.titContacto1{
  padding-top: 80px;
}
.imgContacto2{
  background-image: url(../images/imgContacto4.png);
  background-size: cover;
  background-position: top;
}
.imgContacto3{
  background-image: url(../images/imgContacto5.png);
  height: 25vh;
  background-size: cover;
  background-position: bottom;
  z-index: -10;
}
.get-info-list > li.txtContacto {
  font-size: 1rem;
  width: 100%;
  padding-left: 2.5625rem;
  position: relative;
  margin-top: 1.5rem;
  color: var(--principal);
  font-weight: 700;
}
.repMx{
  max-height: 620px;
}
@media(min-width: 768px){
  .fixed-bg2 {
    background-image: url(../images/headContacto.jpg);
    height: 80vh;
  }
  .titContacto1{
    padding-top: 150px;
  }
  .imgContacto2{
    background-image: url(../images/imgContacto.png);
  }
  .imgContacto3{
    background-image: url(../images/imgContacto2.png);
    height: 20vh;
  }
  .get-info-list > li.txtContacto {
    font-size: 1.2rem;
  }
}


/* SURTIDOR */
.imgSurtidor1{
  background-image: url(../images/imgSurtidor6.jpg);
  background-size: cover;
  height: 100vh;
}
.imgSurtidor2{
  background-image: url(../images/imgSurtidor7.png);
  background-size: cover;
  background-position: top;
  z-index: 100;
  height: 90vh;
}
.txtSurtidor{
  text-align: center;
  padding-left: 5px;
  padding-right: 5px;
}
.txtSurtidor h1, .txtSurtidor h2{
  color: #fff;
}
.txtSurtidor h1{
  font-size: 1.7rem;
}
.txtSurtidor h2{
  font-size: 1.4rem;
  font-weight: 500;
}
.txtSurtidor img{
  width: 90%;
}
.imgHambur{
  max-width: 450px;
}
@media(min-width: 768px){
  .imgSurtidor1{
    background-image: url(../images/imgSurtidor.jpg);
    background-size: cover;
    height: 80vh;
  }
  .imgSurtidor2{
    background-image: url(../images/imgSurtidor4.png);
    height: 80vh;
  }
  .txtSurtidor{
    text-align: left;
    padding-left: 80px;
  }
  .txtSurtidor h1{
    font-size: 2.5rem;
  }
  .txtSurtidor h2{
    font-size: 1.8rem;
  }
  .txtSurtidor img{
    width: 50%;
  }
}


/*=== Menu DropDown ===*/

.menu-wrap2 > ul ul {

  position: absolute;

  left: 1.40625rem;

  top: 100%;

  min-width: 15.625rem;

  background-color: #fff;

  opacity: 0;

  visibility: hidden;

}

.menu-wrap2 > ul li.menu-item-has-children:hover > ul {

  opacity: 1;

  visibility: visible;

}

.menu-wrap2 > ul ul li {

  line-height: initial;

  padding: 0;

  font-size: .975rem;

}

.menu-wrap2 > ul ul li a {

  padding: 1rem 1.5rem;

  display: block;

}

.menu-wrap2 > ul ul li + li {border-top: 1px solid #f3f3f3;}

.menu-wrap2 > ul ul li a:before {display: none;}

.menu-wrap2 > ul ul ul {

  top: 0;

  left: 100%;

  background-color: #fbfbfb;

}



/*=== Header Style 1 ===*/

header.style1 {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  padding: 2.5rem 3.125rem 0;

}

.menu-btns {

  text-align: center;

  align-items: center;

}

.menu-btns > a {color: #fff;}

.menu-btns > a + a {margin-left: 1.25rem;}

.menu-btns > a.search-btn {

  height: 3.125rem;

  width: 3.125rem;

  line-height: 3.125rem;

}

.menu-btns > a.menu-btn {

  height: 4.375rem;

  line-height: 4.375rem;

  width: 4.375rem;

  font-size: 1.25rem;

}

.menu-btns > a:hover, 

.menu-btns > a:focus {

  background-color: #333;

  color: #fff;

}

.menu-wrap {

  position: fixed;

  left: 0;

  top: 0;

  right: 0;

  bottom: 0;

  /* background-color: rgba(255,255,255,.98); */
  background-color: var(--principal);

  display: flex;

  flex-wrap: wrap;

  justify-content: center;

  align-items: center;

  padding: 2.5rem 0;

  opacity: 0;

  visibility: hidden;

}

.menu-wrap.active,

.search-wrap.active {

  opacity: 0.97;

  visibility: visible;

}

.menu-wrap > ul {

  max-width: 35%;

  height: 90%;

}

.menu-wrap > ul > li {

  font-size: 1.8rem!important;
  font-family: Montserrat;
  font-weight: 700;
  line-height: 5.3125rem;
  position: relative;
  border-radius: 10px;
  padding: 5px 0px;
  margin: 15px 0px;
  background-color: var(--terciario);
  color: #fff;
}

.menu-wrap > ul > li.menu-item-has-children {padding-right: 3.125rem;}

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

  content: "\L";

  font-family: 'ElegantIcons';

  position: absolute;

  right: .2rem;

  top: 0;

  font-size: 3.125rem;

  font-weight: 400;

}

.menu-wrap > ul > li.menu-item-has-children.active > a:before {content: "\K";}

.menu-wrap > ul ul {display: none;}

.menu-wrap > ul ul li {

  font-size: 1.375rem;

  width: 100%;

}

.menu-wrap > ul ul li + li {margin-top: .5rem;}



/*=== Header Style 2 ===*/

.menu-wrap2 > ul li {

  font-size: 1.0625rem;

  font-family: Montserrat;

  font-weight: 600;

  color: #fff;

  padding: 0 1.40625rem;

  position: relative;

  line-height: 4.375rem;

}

.menu-wrap2 > ul li > a:before {

  content: "";

  position: absolute;

  left: 1.40625rem;

  right: 100%;

  height: 2px;

  bottom: 1.2rem;

  background-color: #000;

  opacity: 0;

}

.menu-wrap2 > ul li.menu-item-has-children > a::after {

  content: "\L";

  font-family: 'ElegantIcons';

  position: absolute;

  top: 0;

  right: .2rem;

}

.menu-wrap2 > ul ul li.menu-item-has-children {padding-right: 0;}

.menu-wrap2 > ul ul li.menu-item-has-children a:after {

  top: 1rem;

  right: .85rem;

}

.menu-wrap2 > ul li:hover > a::before, 

.menu-wrap2 > ul li.active > a::before {

  right: 1.8rem;

  opacity: 1;

}

.menu-wrap2 > ul li.menu-item-has-children {padding-right: 1.8rem;}

.menu-wrap2 > ul li.menu-item-has-children:hover > a::after, 

.menu-wrap2 > ul li.menu-item-has-children.active > a::after {content: "\K";}



/*=== Header Style 3 ===*/

header.style3 {

  background-color: #232f3d;

  padding: 0 6.25rem;

}

header.style3 .menu-wrap2 > ul > li {

  color: #fff;

  line-height: 5.9375rem;

}

header.style3 .menu-btns > a:hover, 

header.style3 .menu-btns > a:focus {

  background-color: #fff;

  color: #333;

}



/*=== Header Style 4 ===*/

header.style4 {

  position: absolute;

  left: 0;

  top: 0;

  right: 0;

  padding: 1.25rem 3.75rem 0;

}

header.style4 .menu-wrap2 > ul > li, 

header.style4 .cnt-inf {color: #fff;}

.cnt-inf > i {font-style: normal;}



/*=== Header Style 5 ===*/

header.style5 {

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  background-color: rgba(67, 47, 152, .5);

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

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

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

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

}

.topbar {padding: 0.625rem 0;}

.tp-lst li {

  color: #117a3e;

  opacity: .4;

  font-size: .95rem;

}

.tp-lst li i {margin-right: .5rem;}

.tp-lst li:not(:first-child) {margin-left: 2.5rem;}

.topbar-inner .scl2 > a {

  margin: 0;

  color: #117a3e;

  opacity: .4;

  font-size: .95rem;

}

.topbar-inner .scl2 > a:hover, 

.topbar-inner .scl2 > a:focus {opacity: 1;}

.topbar-inner .scl2 > a:not(:first-child) {margin-left: .85rem;}

.topbar + .menu-wrap3 {border-top: 1px solid rgb(255, 255, 255);}

.menu-inner > div > ul {display: flex;}

.menu-inner .menu-wrap2 {display: inline-block;}

.menu-inner > div > ul li {

  color: #117a3e;

  line-height: 5.9375rem;

}

.menu-inner > div > ul li li {

  line-height: initial;

  color: #000;

}

.menu-inner .menu-wrap2 + .menu-btns {margin-left: 3rem;}

header.style5.v2 {background-color: rgba(0, 0, 0, .5);}



/*===== Search Style =====*/

.search-wrap {

  position: fixed;

  left: 0;

  top: 0;

  right: 0;

  bottom: 0;

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

  z-index: 999999;

  padding: 2.5rem;

  opacity: 0;

  visibility: hidden;

}

.search-cls-btn,

.menu-cls-btn {

  position: fixed;

  right: 1.25rem;

  top: 1.25rem;

  height: 2.5rem;

  line-height: 2.5rem;

  width: 2.5rem;

  text-align: center;

  font-size: 1.25rem;

  background-color: #333;

  color: #fff;

  cursor: pointer;

}

.search-wrap > form {

  max-width: 90%;

  position: relative;

}

.search-wrap > form input {

  font-size: 1.25rem;

  background-color: transparent;

  width: 100%;

  border-bottom: 2px solid #ddd;

  color: #888;

  height: 3.5rem;

  padding-right: 3.5rem;

}

.search-wrap > form button {

  position: absolute;

  right: 0;

  top: 0;

  bottom: 0;

  width: 3.5rem;

  font-size: 1.25rem;

  background-color: transparent;

  color: #888;

}



/*=== Sticky Header ===*/

.sticky-header {

  z-index: 9999999;
  background-color: var(--terciario);
  -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);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 0 2rem;
  justify-content: space-between;
  opacity: 0;
  /* visibility: hidden; */

}

nav.menu-wrap2 {margin-left: 2rem;}

nav.menu-wrap2 > ul {

  display: flex;

  flex-wrap: wrap;

}

.sticky-header.active {
  opacity: 1;
  visibility: visible;
}



/*===== One Page Nav Style 1 =====*/

.one-page-nav {

  position: fixed;

  right: 3.125rem;

  top: 50%;

  z-index: 9999;

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

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

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

  transform: translateY(-50%);

}

.one-page-nav > li.current, 

.one-page-nav > li:hover {margin: 1.25rem 0;}

.one-page-nav > li {

  position: relative;

  line-height: 0;

  margin: 0.625rem 0;

}

.one-page-nav > li::before, 

.one-page-nav > li::after {

  content: "";

  position: absolute;

  top: 5px;

  right: 0.625rem;

  width: 3px;

  height: 3px;

  opacity: 0;

  -webkit-border-radius: 3px;

  border-radius: 3px;

}

.one-page-nav > li.current::before, 

.one-page-nav > li.current::after, 

.one-page-nav > li:hover::before, 

.one-page-nav > li:hover::after {

  top: 0.625rem;

  right: -8px;

  opacity: 1;

}

.one-page-nav > li.current::after, 

.one-page-nav > li:hover::after {right: 30px;}

.one-page-nav > li.current > a, 

.one-page-nav > li:hover > a {

  font-size: 0.875rem;

  line-height: 1.5rem;

  background: #fab702;

  padding: 0 0.9375rem;

}

.one-page-nav > li > a {

  display: inline-block;

  font-size: 0;

  font-weight: 600;

  line-height: 0.75rem;

  color: #ffffff;

  margin-right: 2.5rem;

  -webkit-border-radius: 0.9375rem;

  border-radius: 0.9375rem;

}

.one-page-nav > li.current > a::before, 

.one-page-nav > li:hover > a::before {

  top: 8px;

  right: 8px;

  width: 5px;

  height: 5px;

}

.one-page-nav > li > a::before {

  content: "";

  position: absolute;

  top: 0;

  right: 6px;

  width: 0.75rem;

  height: 0.75rem;

  border: 4px solid;

  -webkit-border-radius: 0.625rem;

  border-radius: 0.625rem;

}

.one-page-nav > li.current > a::after, 

.one-page-nav > li:hover > a::after {

  right: 0;

  width: 24px;

  height: 24px;

  border-color: #fab702;

}

.one-page-nav > li > a::after {

  content: "";

  position: absolute;

  top: 0;

  right: 6px;

  width: 0.75rem;

  height: 0.75rem;

  border: 1px solid transparent;

  -webkit-border-radius: 1.5rem;

  border-radius: 1.5rem;

}



/*===== One Page Nav Style 2 =====*/

.one-page-nav2 {

  position: fixed;

  top: 50%;

  left: 0;

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

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

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

  transform: translateY(-50%);

  max-width: 9.0625rem;

  text-align: center;

  width: 100%;

  z-index: 999;

  opacity: 0;

  visibility: hidden;

}

.one-page-nav2.active {

  left: 4.0625rem;

  opacity: 1;

  visibility: visible;

}

.one-page-nav2 > li {

  color: #fff;

  font-size: 0.90625rem;

  font-family: Montserrat;

  font-weight: 600;

  line-height: initial;

  margin: 1.25rem 0;

  display: inline-block;

  width: 100%;

}

.one-page-nav2 > li a {

  display: block;

  padding: 2rem 1.25rem;

  min-height: 9.0625rem;

  background-position: center;

  background-repeat: no-repeat;

  background-size: contain;

}

.one-page-nav2 > li a i {

  display: block;

  font-size: 1.5rem;

  margin-bottom: 0.625rem;

}

.one-page-nav2 > li a:hover, 

.one-page-nav2 > li a:focus {color: #fff;}

.one-page-nav2 > li.current a {

  -webkit-filter: drop-shadow(0 0 3.125rem rgba(0,0,0,.9));

  -ms-filter: drop-shadow(0 0 3.125rem rgba(0,0,0,.9));

  -o-filter: drop-shadow(0 0 3.125rem rgba(0,0,0,.9));

  filter: drop-shadow(0 0 3.125rem rgba(0,0,0,.9));

}

.one-page-nav2 > li:first-child a {

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

  padding: 2.5rem 1.25rem;

}

.one-page-nav2 > li:nth-child(2) a {

  background-image: url(../images/menu-bg2.png);

  padding: 2.3rem 1.25rem;

}

.one-page-nav2 > li:nth-child(3) a {

  background-image: url(../images/menu-bg3.png);

  padding: 3rem 1.25rem;

}

.one-page-nav2 > li:nth-child(4) a {

  background-image: url(../images/menu-bg4.png);

  padding: 2.3rem 1.25rem;

}



/*===== Theme Button =====*/





/*===== Services Style 1 =====*/

.srv-box1 {

  padding: 2.5rem 1.875rem;

  background-color: #fff;

}

.srv-box1:hover {

  -webkit-box-shadow: 0 5px 2.1875rem rgba(0,0,0,0.1);

  -ms-box-shadow: 0 5px 2.1875rem rgba(0,0,0,0.1);

  -o-box-shadow: 0 5px 2.1875rem rgba(0,0,0,0.1);

  box-shadow: 0 5px 2.1875rem rgba(0,0,0,0.1);

}

.srv-info1 > h3 {font-size: 1.875rem;}



/*===== Services Style 1 Ver 2 =====*/

.srv-box1.style2 {

  padding: 0;

  background-color: transparent;

}

.srv-box1.style2:hover {

  -webkit-box-shadow: none;

  -ms-box-shadow: none;

  -o-box-shadow: none;

  box-shadow: none;

}

.srv-box1.style2 .srv-info1 > h3 {font-size: 1.5rem;}

.srv-box1.style2 .srv-info1 > p {font-size: 1rem;}



/*===== About Style 1 =====*/

.about-info > h2 {

  font-size: 3.4375rem;

  line-height: 3.75rem;

  letter-spacing: -2.5px;

}

.about-info > h2 + p {margin-top: 1.25rem;}

.about-info > p + p {margin-top: 1.5625rem;}

.about-info > p + a {margin-top: 2.8125rem;}

.about-info > h2 + ul {margin-top: 2.5rem;}

.about-info > ul + a {margin-top: 4.6875rem;}

.list-style1 > li {

  position: relative;

  font-size: 1.125rem;

  width: 100%;

  padding-left: 2.8125rem;

}

.list-style1 > li + li {margin-top: 1.125rem;}

.list-style1 > li:before {

  content: "\4e";

  height: 1.875rem;

  width: 1.875rem;

  position: absolute;

  left: 0;

  top: 0;

  -webkit-border-radius: 50%;

  border-radius: 50%;

  line-height: 1.875rem;

  color: #fff;

  background-color: #000;

  text-align: center;

  font-family: 'ElegantIcons';

}



/*=== About Style 1 Ver 2 ===*/

.about-wrap.style2 .about-mckp {

  width: calc(100% + 10.3125rem);

  margin-left: -10.3125rem;

}



/*===== Sec Title Style 1 =====*/




/*===== Portfolio Style 1 =====*/

.port-box1:before {

  content: "";

  position: absolute;

  left: 0;

  right: 0;

  bottom: 0;

  background-color: inherit;

  top: 80%;

  opacity: 0;

}

.port-box1:hover:before {

  opacity: .93;

  top: 0;

}

.port-info1 {

  top: 70%;

  left: 0;

  right: 0;

  text-align: center;

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

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

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

  transform: translateY(-50%);

  padding: 0 1.25rem;

}

.port-info1 > span {

  font-size: 1.25rem;

  font-family: Montserrat;

  font-weight: 700;

  opacity: 0;

  visibility: hidden;

  display: inline-block;

  -webkit-transition: .4s linear;

  -ms-transition: .4s linear;

  -o-transition: .4s linear;

  transition: .4s linear;

  -webkit-transition-delay: .3s;

  -ms-transition-delay: .3s;

  -o-transition-delay: .3s;

  transition-delay: .3s;

}

.port-info1 > h3 {

  color: #fff;

  text-transform: uppercase;

  font-size: 1.875rem;

  letter-spacing: -.3px;

  opacity: 0;

  visibility: hidden;

  -webkit-transition: .4s linear;

  -ms-transition: .4s linear;

  -o-transition: .4s linear;

  transition: .4s linear;

  -webkit-transition-delay: .4s;

  -ms-transition-delay: .4s;

  -o-transition-delay: .4s;

  transition-delay: .4s;

}

.port-info1 > h3 a:hover, 

.port-info1 > h3 a:focus {color: #fff;}

.port-box1:hover .port-info1 > span, 

.port-box1:hover .port-info1 > h3 {

  opacity: 1;

  visibility: visible;

}

.port-info1 > * {margin-top: 1rem;}

.port-box1:hover .port-info1 > * {margin-top: 0;}

.port-box1:hover .port-info1 {top: 50%;}

.port-bottom-info1 {

  left: 0;

  right: 0;

  bottom: 0;

  padding: 2.625rem 3.375rem;

  z-index: 1;

}

.port-bottom-info1 > i {

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  z-index: -1;

  opacity: .93;

}

.port-box1:hover .port-bottom-info1 {

  bottom: -8rem;

  opacity: 0;

  visibility: hidden;

}

.port-bottom-info1 > span {

  font-size: 1.25rem;

  font-family: Montserrat;

  font-weight: 700;

  display: inline-block;

}

.port-bottom-info1 > h3 {

  color: #fff;

  font-size: 1.875rem;

  letter-spacing: -.3px;

  text-transform: uppercase;

}



/*===== Video Presentation =====*/

.video-pres-inner {max-width: 80%;}

.video-pres-inner > a:not(.thm-btn) {

  display: inline-block;

  color: #fff;

  line-height: 6.25rem;

  height: 6.25rem;

  width: 6.25rem;

  -webkit-border-radius: 50%;

  border-radius: 50%;

  -webkit-animation: pulseBig 2s infinite;

  -ms-animation: pulseBig 2s infinite;

  -o-animation: pulseBig 2s infinite;

  animation: pulseBig 2s infinite;

  font-size: 1.3rem;

}

.video-pres-inner > a:not(.thm-btn) + span {margin-top: 1.875rem;}

.video-pres-inner > span {

  font-size: 1.25rem;

  color: #f6663f;

}

.video-pres-inner > span + h3 {margin-top: 10px;}

.video-pres-inner > h3 {

  font-size: 3.125rem;

  line-height: 3.75rem;

}

.black-layer .video-pres-inner > h3 {color: #fff;}

.video-pres-inner > h3 + a {margin-top: 2.8125rem;}



/*===== Team Style 1 =====*/

.team-item > img {min-width: 31.25rem;}

.team-item > img + .team-info {padding-left: 3.125rem;}

.team-info > h3 {font-size: 2.5rem;}

.team-info > span {

  color: #8799a3;

  font-size: 1.0625rem;

}

.team-info > span + p {margin-top: 1.25rem;}

.team-info > p {max-width: 80%;}

.team-info > p + .scl {

  margin-left: -12px;

  margin-top: 1.5625rem;

}

.scl > a {

  display: inline-block;

  line-height: 3.125rem;

  height: 3.125rem;

  width: 3.125rem;

  text-align: center;

  -webkit-border-radius: 50%;

  border-radius: 50%;

}

.team-caro {padding-right: 9.375rem;}

.team-nav-caro {

  position: absolute;

  right: 0;

  top: 50%;

  max-width: 9.0625rem;

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

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

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

  transform: translateY(-50%);

}

.team-nav-caro img {

  cursor: pointer;

  min-width: 7.1875rem;

}

.team-nav-caro .slick-current img {

  -webkit-box-shadow: 0 10px 1.25rem rgba(37,37,37,0.2);

  -ms-box-shadow: 0 10px 1.25rem rgba(37,37,37,0.2);

  -o-box-shadow: 0 10px 1.25rem rgba(37,37,37,0.2);

  box-shadow: 0 10px 1.25rem rgba(37,37,37,0.2);

}

.team-nav-caro .slick-slide {

  border: 0;

  padding: 0.9375rem;

}

.scl > a img {

  width: auto !important;

  display: inline-block !important;

}

.scl > a:hover, 

.scl > a:focus {background-color: #f1f1f1;}



/*===== Price Tabs =====*/

.pric-tabs {

  width: calc(100% + 15rem);

  margin-left: -7.5rem;

}

.pric-tabs ul.nav-tabs {border-bottom: 0;}

.pric-tabs ul.nav-tabs li {

  margin: 0;

  font-size: 1.875rem;

  font-family: Montserrat;

  font-weight: 700;

  color: #0a0a0a;

  flex: 0 0 100%;

  max-width: 100%;

}

.pric-tabs ul.nav-tabs li a {

  padding: 0 2.7rem 0 0;

  background-color: transparent;

  -webkit-border-radius: 0;

  border-radius: 0;

  border: 0;

  position: relative;

  display: inline-block;

}

.pric-tabs ul.nav-tabs li a:before {

  content: "\$";

  position: absolute;

  right: 1.5rem;

  font-family: 'ElegantIcons';

  opacity: 0;

  top: 0;

}

.pric-tabs ul.nav-tabs li + li {margin-top: 2.5rem;}

.pric-tabs ul.nav-tabs li a.active:before {

  opacity: 1;

  right: 0;

}

.pric-tabs ul.nav-tabs li a.active {background-color: transparent;}

.price-post-info {

  bottom: 1.875rem;

  left: 3.4375rem;

}

.price-post-info > h3 {font-size: 2.5rem;}

.price-post-info > h3 + span {margin-top: -4px;}

.price-post-info > span {

  font-size: 1.5625rem;

  font-weight: 700;

  font-family: Montserrat;

}

.price-table {

  background-color: #fff;

  padding: 4.0625rem 2.5rem 2.5rem;

  background-size: cover;

  background-position: center;

}

.tab-pane .price-table {min-height: 33.7895625rem;}

.price-head > h3 {

  font-size: 2.125rem;

  text-transform: uppercase;

  font-weight: 800;

}

.price-head > span {

  display: block;

  font-size: 1.25rem;

  font-family: Montserrat;

  font-weight: 600;

}

.price-head > span + i {margin-top: 1.25rem;}

.price-head > i {

  font-size: 2.428125rem;

  font-style: normal;

  font-weight: 900;

  font-family: Montserrat;

  display: block;

}

.price-body + a {margin-top: 2.1875rem;}



/*===== Facts Style 1 =====*/

.facts-list > li {

  flex: 0 0 20%;

  max-width: 20%;

  padding: 0 0.9375rem;

}

.fact-box > i {

  font-size: 2rem;

  display: inline-block;

  height: 5rem;

  line-height: 5rem;

  width: 5rem;

  color: #2e2e2e;

}

.bg-color15 .fact-box > i {background-color: var(--color16);}

.fact-box > i + h2 {margin-top: 1.25rem;}

.fact-box > h2 {font-size: 4.125rem;}

.fact-box > h2 + h6 {margin-top: -2px;}

.fact-box > h6 {

  font-size: 1.0625rem;

  font-weight: 500;

  color: #6c6c6c;

}

.fact-box:hover > i {

  color: #fff;

  -webkit-animation: pulseBig 2s infinite;

  -ms-animation: pulseBig 2s infinite;

  -o-animation: pulseBig 2s infinite;

  animation: pulseBig 2s infinite;

}



/*=== Ver 2 ===*/

.fact-clr1 > i {

  background: linear-gradient(48deg,#0255fc 0%,#24a1f1 64%);

  color: #fff;

}

.bg-color34 .fact-clr1 > h6 {color: #157ff6;}

.fact-clr1:hover > i {

  -webkit-animation: pulseBigBlue 2s infinite;

  -ms-animation: pulseBigBlue 2s infinite;

  -o-animation: pulseBigBlue 2s infinite;

  animation: pulseBigBlue 2s infinite;

}

.fact-clr2 > i {

  background: linear-gradient(48deg,#b058df 0%,#e22eb4 64%);

  color: #fff;

}

.bg-color34 .fact-clr2 > h6 {color: #d638bf;}

.fact-clr2:hover > i {

  -webkit-animation: pulseBigPink 2s infinite;

  -ms-animation: pulseBigPink 2s infinite;

  -o-animation: pulseBigPink 2s infinite;

  animation: pulseBigPink 2s infinite;

}

.fact-clr3 > i {

  background: linear-gradient(48deg,#00dda0 0%,#27f191 64%);

  color: #fff;

}

.bg-color34 .fact-clr3 > h6 {color: #10e59a;}

.fact-clr3:hover > i {

  -webkit-animation: pulseBigGreen 2s infinite;

  -ms-animation: pulseBigGreen 2s infinite;

  -o-animation: pulseBigGreen 2s infinite;

  animation: pulseBigGreen 2s infinite;

}

.fact-clr4 > i {

  background: linear-gradient(48deg,#fb7710 0%,#fda620 64%);

  color: #fff;

}

.bg-color34 .fact-clr4 > h6 {color: #fc8a17;}

.fact-clr4:hover > i {

  -webkit-animation: pulseBigYellow 2s infinite;

  -ms-animation: pulseBigYellow 2s infinite;

  -o-animation: pulseBigYellow 2s infinite;

  animation: pulseBigYellow 2s infinite;

}

.fact-clr5 > i {

  background: linear-gradient(48deg,#ee3364 0%,#f74573 64%);

  color: #fff;

}



/*===== Blog Style 1 =====*/

.post-style1 {

  padding: 0 2.8125rem 0;

  width: calc(100% + 8.75rem);

  margin-left: -4.375rem;

  align-items: center;

}

.post-style1.rev .post-img1 {

  order: 1;

  padding: 0 0 0 2.5rem;

}

.post-info1 {

  padding: 2.8125rem;

  flex: 0 0 44.1%;

  max-width: 44.1%;

  margin: 3.75rem 0 2.5rem;

}

.post-cat {

  font-size: 0.875rem;

  font-family: Montserrat;

  font-weight: 600;

  text-transform: uppercase;

}

.post-cat > a {

  display: inline-block;

  padding: 2px 1.25rem;

}

.post-cat > a:hover, 

.post-cat > a:focus {color: #fff;}

.post-info1 > h3 {

  font-size: 3.125rem;

  line-height: 3.5rem;

}

.post-info1 > h3 + p {margin-top: 0.9375rem;}

.post-info1 > p + a {margin-top: 2.5rem;}

.post-img1 {

  max-width: 54.9%;

  padding-right: 2.5rem;

}

.post-style1:nth-child(3) .post-img1 {

  -webkit-transform: translate(2.8125rem, 2.46rem);

  -ms-transform: translate(2.8125rem, 2.46rem);

  -o-transform: translate(2.8125rem, 2.46rem);

  transform: translate(2.8125rem, 2.46rem);

}

.post-style1:nth-child(4) .post-img1 {

  -webkit-transform: translate(-1.2rem, 1rem);

  -ms-transform: translate(-1.2rem, 1rem);

  -o-transform: translate(-1.2rem, 1rem);

  transform: translate(-1.2rem, 1rem);

}



/*===== Features Style 1 =====*/

.feat-info-wrap > h2 {

  font-size: 2.8125rem;

  font-weight: 800;

  line-height: 3.25rem;

  letter-spacing: -2.5px;

  margin-bottom: 0.9375rem;

  display: inline-block;

}

.feat-box > img + .feat-info {

  padding-left: 1.6875rem;

  width: calc(100% - 6.125rem);

}

.feat-info > h3 {font-size: 1.5625rem;}

.feat-info > h3 + p {margin-top: 0.75rem;}

.feat-info > p {font-size: 1.125rem;}



/*===== Sponsor Style 1 =====*/

.sponsor-item > a {display: block;}

.sponsor-item > a:hover img {opacity: .8;}



/*=== Sponsor Style 1 Ver 2 ===*/

.sponsor-wrap.style2 .sponsor-item {

  min-height: 17.5rem;

  background-color: #f7f9f9;

  line-height: 17.5rem;

}

.sponsor-wrap.style2 .sponsor-item > a {padding: 0 1.25rem;}



/*===== Newsletter Style 1 =====*/

.newsletter-inner > h2 {font-size: 2.1875rem;}

.newsletter-inner > h2 + p {margin-top: 0.8125rem;}

.newsletter-inner > p {font-size: 1.125rem;}

.newsletter-inner > p + form {margin-top: 1.875rem;}

.newsletter-inner > form {max-width: 25.9375rem;}

.newsletter-inner > form input {

  height: 4.0625rem;

  width: 100%;

  font-size: 0.9625rem;

  padding: 0.9375rem 5rem 0.9375rem 2.5rem;

}

.newsletter-inner > form button {

  background-color: transparent;

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  width: 5rem;

  font-size: 1.3rem;

  color: var(--color2);

}

.newsletter-inner > form button:hover, 

.newsletter-inner > form button:focus {color: #333;}



/*===== Footer =====*/

.footer-inner {max-width: 50%;}

.footer-inner > p {margin-top: 1rem;}

.footer-inner > p + .scl2 {
  margin-top: 0.8125rem;

}

.scl2 > a {
  display: inline-block;
  margin: .3rem;
  font-size: 1.1rem;
}

.gre-bg .scl2 > a {color: #ffffff!important;}
.gre-bg .footer-inner > p {color: #ffffff;}
.bootom-bar {padding: 0.7rem 0.9375rem;}
.bootom-bar > p {
  font-size: 0.7375rem;
  color: #c8ccd4;
}
.bootom-bar > p a {color: #fff;}


/*===== Portfolio Style 2 =====*/

.port-thumb2 > span {

  top: 50%;

  left: 0;

  bottom: 50%;

  opacity: 0;

}

.port-box2:hover .port-thumb2 > span {

  top: 0;

  bottom: 0;

  opacity: .87;

}

.port-thumb2 > a {

  top: 50%;

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

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

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

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

  opacity: 0;

  left: 50%;

  height: 4.375rem;

  width: 4.375rem;

  line-height: 4.375rem;

  text-align: center;

  background-color: #fff;

  font-size: 1.25rem;

}

.port-box2:hover .port-thumb2 > a {

  opacity: 1;

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

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

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

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

}

.port-thumb2 > a:hover, 

.port-thumb2 > a:focus {color: #fff;}

.port-info2 {padding: 1.75rem 1.25rem 0 6.25rem;}

.port-info2 > i {

  font-size: 3.90625rem;

  font-style: normal;

  font-family: Montserrat;

  font-weight: 600;

  line-height: 3.90625rem;

  left: 0;

  top: 1.5rem;

}

.port-info2 > h3 {font-size: 1.78125rem;}

.port-info2 > span {

  text-transform: uppercase;

  font-family: Montserrat;

  color: #a4a4a4;

  font-size: 0.971875rem;

  font-weight: 500;

}



/*===== About Style 2 =====*/

.about-mckp2 {padding-top: 3.125rem;}

.about-mckp2:before {

  content: "";

  width: 29.375rem;

  border: 3px dashed #00bec5;

  position: absolute;

  right: -0.9375rem;

  top: 0;

  z-index: -1;

  bottom: 2.1875rem;

}

.about-info2 {padding-left: 5rem;}

.about-info2 > h2 {

  font-size: 3.125rem;

  line-height: 3.4375rem;

  letter-spacing: -1.5px;

}

.about-info2 > h2 + p {margin-top: 1.25rem;}

.about-info2 > p {font-size: 1.125rem;}

.about-info2 > p + .about-prog {margin-top: 2rem;}

.about-prog {display: inline-block;}

.prog-wrap {

  margin-top: 1.0625rem;

  display: flex;

  flex-direction: row;

  align-items: center;

  justify-content: space-between;

}

.prog-wrap > span {

  font-size: 1.125rem;

  font-family: Montserrat;

  font-weight: 700;

  flex: 15.9375rem;

}

.prog-wrap > i {

  font-size: 1.125rem;

  font-style: normal;

}

.prog-wrap > span + i {margin-left: 1.5625rem;}

.prog-wrap > span i {

  font-style: normal;

  font-weight: 400;

}

.prog-wrap > span span + i {padding-left: 1.25rem;}

.prog-wrap .progress {

  background-color: #efefef;

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

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

  height: 1.25rem;

}

.about-prog + a {margin-top: 3.3125rem;}



/*===== Team Style 2 =====*/

.team-caro2 {margin: 0 -1.25rem;}

.team-caro2 .slick-list {

  margin: -2.5rem -1.25rem 0;

  padding: 2.5rem 1.25rem 0;

}

.team-caro2 .slick-list .slick-slide {padding: 0 1.25rem;}

.team-box2 {overflow: hidden;}

.team-box2:hover {

  -webkit-box-shadow: 0 0 2.5rem rgba(135, 153, 163, .45);

  -ms-box-shadow: 0 0 2.5rem rgba(135, 153, 163, .45);

  -o-box-shadow: 0 0 2.5rem rgba(135, 153, 163, .45);

  box-shadow: 0 0 2.5rem rgba(135, 153, 163, .45);

}

.slick-slider > button.slick-arrow {

  position: absolute;

  top: 50%;

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

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

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

  transform: translateY(-50%);

  color: transparent;

  background-color: #f2f2f2;

  height: 4.375rem;

  width: 4.375rem;

  -webkit-border-radius: 50%;

  border-radius: 50%;

}

.slick-slider > button.slick-prev {left: -8.75rem;}

.slick-slider > button.slick-next {right: -8.75rem;}

.slick-slider > button.slick-arrow:hover:before, 

.slick-slider > button.slick-arrow:focus:before {color: #fff;}

.slick-slider > button.slick-arrow:before {

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  font-family: 'ElegantIcons';

  color: #333;

  font-size: 1.875rem;

  line-height: 4.375rem;

}

.slick-slider > button.slick-prev::before {content: "\23";}

.slick-slider > button.slick-next:before {content: "\24";}

.gray-bg2 .slick-slider > button.slick-arrow {background-color: #fff;}

.team-info2 {

  background-color: #fff;

  padding: 2rem 1.25rem 1.875rem;

  position: relative;

  z-index: 1;

}

.team-info2 > h3 {

  font-size: 1.25rem;

  font-weight: 800;

  text-transform: uppercase;

}

.team-info2 > h3 + span {margin-top: 5px;}

.team-info2 > span + .scl3 {margin-top: 1.25rem;}

.team-box2:hover .team-info2 {margin-top: -3rem;}

.scl3 > a {

  display: inline-block;

  margin: 0 7px;

  color: #bbc7cd;

  font-size: .95rem;

}

.team-info2 .scl3 {

  margin-bottom: -3rem;

  opacity: 0;

  visibility: hidden;

}

.team-box2:hover .team-info2 .scl3 {

  margin-bottom: 0;

  opacity: 1;

  visibility: visible;

}



/*===== Testimonials Style 1 =====*/

.testi-inner {max-width: 39.6875rem;}

.testi-thumb {padding-left: 4.6875rem;}

.testi-thumb:before {

  content: "“";

  font-size: 8.75rem;

  font-weight: 700;

  color: #fdf4b4;

  position: absolute;

  line-height: 6.25rem;

  left: 0;

  top: 2rem;

}

.testi-thumb > img {max-width: 6.875rem;}

.testi-item > p {

  font-size: 1.5rem;

  font-family: Montserrat;

  font-weight: 700;

  line-height: 2.125rem;

  letter-spacing: -.5px;

  margin-top: 1.25rem;

}

.blue-layer .testi-item > p {color: #fff;}

.testi-item > h6 {

  text-transform: uppercase;

  margin-top: 2rem;

}

.blue-layer .testi-item > h6 {color: #fff;}

.slick-slider .slick-dots {

  padding-left: 0;

  list-style: none;

  margin: 4.375rem 0 0;

  display: flex;

  justify-content: center;

}

.slick-slider .slick-dots li button {

  height: 3px;

  width: 1rem;

  color: transparent;

  background-color: #fff;

  opacity: .6;

}

.slick-slider .slick-dots li {

  margin: 0 5px;

  line-height: 3px;

}

.slick-slider .slick-dots li button:hover,

.slick-slider .slick-dots li button:focus, 

.slick-slider .slick-dots li.slick-active button {opacity: 1;}



/*===== Blog Style 2 =====*/

.post-meta {

  display: inline-block;

  color: #fff;

  padding: 0.84375rem 0.9375rem;

  font-size: 12px;

  text-transform: uppercase;

  font-weight: 600;

  font-family: Montserrat;

}

.post-meta > a:hover, 

.post-meta > a:focus {color: #fff;}

.post-info2 .post-meta {

  margin-top: -10px;

  position: relative;

  top: -12.5px;

  margin-left: 2.5rem;

  z-index: 1;

}

.post-info2 > h3 {

  font-size: 2.125rem;

  line-height: 2.5625rem;

  margin-top: 1.25rem;

}

.post-info2 > h3 + p {margin-top: 10px;}

.post-info2 > p {

  font-size: 1rem;

  line-height: 1.625rem;

}

.post-style2:hover .post-img2 > a img,

.post-style4:hover .post-img4 > a img {

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

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

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

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

}

.post-img2 > a:before {

  content: "";

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  background-color: #000;

  opacity: 0;

  z-index: 1;

}

.post-style2:hover .post-img2 > a:before {opacity: .5;}



/*===== Services Style 2 =====*/

.serv-wrap2 {

  -webkit-box-shadow: 0 2rem 5.625rem rgba(0,0,0,.2);

  -ms-box-shadow: 0 2rem 5.625rem rgba(0,0,0,.2);

  -o-box-shadow: 0 2rem 5.625rem rgba(0,0,0,.2);

  box-shadow: 0 2rem 5.625rem rgba(0,0,0,.2);

}

.srv-box2 {padding: 3.4375rem 2.8125rem 3.75rem;}

.srv-box2 > i {

  display: inline-block;

  line-height: 4.5rem;

  height: 4.5rem;

  width: 4.5rem;

  font-size: 1.8rem;

}

.clr1 {background-color: #fff;}

.clr2 {background-color: #f0f0f0;}

.clr3 {background-color: #242424;}

.clr1 > i {

  background-image: -webkit-linear-gradient(48deg,#0255fc 0%,#24a1f1 64%);

  background-image: -ms-linear-gradient(48deg,#0255fc 0%,#24a1f1 64%);

  background-image: -o-linear-gradient(48deg,#0255fc 0%,#24a1f1 64%);

  background-image: linear-gradient(48deg,#0255fc 0%,#24a1f1 64%);

  color: #fff;

}

.clr2 > i {

  background-image: -webkit-linear-gradient(48deg,#b058df 0%,#e22eb4 64%);

  background-image: -ms-linear-gradient(48deg,#b058df 0%,#e22eb4 64%);

  background-image: -o-linear-gradient(48deg,#b058df 0%,#e22eb4 64%);

  background-image: linear-gradient(48deg,#b058df 0%,#e22eb4 64%);

  color: #fff;

}

.clr3 > i {

  background-image: -webkit-linear-gradient(48deg,#fb7710 0%,#fda620 64%);

  background-image: -ms-linear-gradient(48deg,#fb7710 0%,#fda620 64%);

  background-image: -o-linear-gradient(48deg,#fb7710 0%,#fda620 64%);

  background-image: linear-gradient(48deg,#fb7710 0%,#fda620 64%);

  color: #fff;

}

.srv-info2 > h3 {

  font-size: 1.625rem;

  line-height: 2.1875rem;

}

.srv-info2 > h3 + p {margin-top: 0.625rem;}

.srv-info2 > p {font-size: 1rem;}

.clr3 .srv-info2 > h3, 

.clr3 .srv-info2 > p {color: #fff;}

.srv-box2 > i + .srv-info2 {margin-top: 1.375rem;}



/*=== Ver 2 ===*/

.serv-wrap2.style2 {

  -webkit-box-shadow: none;

  -ms-box-shadow: none;

  -o-box-shadow: none;

  box-shadow: none;

}

.srv-box2.style2 {

  background-color: transparent;

  padding: 0 1.25rem;

  position: relative;

}

.serv-wrap2.style2 > .row > div:not(:nth-child(3n)) .srv-box2.style2::before {

  content: "";

  background-color: #ededed;

  width: 1px;

  position: absolute;

  bottom: 0;

  right: -0.9375rem;

  height: 5.9375rem;

}

.srv-box2.style2 .srv-info2 > h3 {color: #2e2e2e;}

.srv-box2.style2 .srv-info2 > p {color: #666;}



/*===== Portfolio Style 3 =====*/

.port-box3 > a {

  top: 0;

  left: 0;

  bottom: 70%;

  opacity: 0;

}

.port-box3:hover > a {

  opacity: .9;

  bottom: 0;

}

.port-info3 {

  position: absolute;

  left: 0;

  right: 0;

  top: 70%;

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

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

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

  transform: translateY(-50%);

  padding: 0 1.85rem;

  opacity: 0;

  z-index: 1;

}

.port-info3 > a {

  height: 4.0625rem;

  width: 4.0625rem;

  line-height: 4.0625rem;

  color: #fff;

  font-size: 1.5rem;

}

.port-info3 > a + h3 {margin-top: 1.25rem;}

.port-info3 > h3 {

  color: #fff;

  font-size: 2.3375rem;

}

.port-sticky-info > h3 {

  background-color: #fff;

  display: inline-block;

  color: #2e2e2e;

  padding: 1px .75rem;

}

.port-sticky-info > span {

  background-color: #fff;

  color: #333;

  padding: 1px .95rem;

}

.col-md-6 .col-md-6 .port-info3 > h3 {font-size: 1.8rem;}

.col-lg-3 .port-info3 > h3 {font-size: 1.6875rem;}

.port-info3 > a:hover,

.port-info3 > a:focus {background-color: #333;}

.thm-bg + img + .port-info3 > h3 a:hover,

.thm-bg + img + .port-info3 > h3 a:focus,

.thm-bg + img + .port-info3 > span a:hover,

.thm-bg + img + .port-info3 > span a:focus,

.bg-white + img + .port-info3 > h3,

.bg-white + img + .port-info3 > span {color: #333;}

.port-info3 > h3 + span {margin-top: 5px;}

.port-info3 > span {

  font-size: 1.16875rem;

  font-family: Montserrat;

  font-weight: 500;

  color: #fff;

  text-transform: uppercase;

}

.col-md-6 .col-md-6 .port-info3 > span {font-size: 1rem;}

.col-lg-3 .port-info3 > span {font-size: 0.875rem;}

.port-box3:hover .port-info3 {

  opacity: 1;

  top: 50%;

}



/*=== Ver 2 ===*/

.fltr-btns > li {

  flex: 0 0 100%;

  max-width: 100%;

  color: #fff;

  font-family: Montserrat;

  font-weight: 600;

  font-size: 1.5rem;

}

.fltr-btns > li a {

  position: relative;

  display: block;

  padding-right: 5rem;

}

.fltr-btns > li + li {margin-top: 1.5625rem;}

.fltr-btns > li a span {font-size: 1.125rem;}

.fltr-btns > li a:before {

  content: "";

  height: 2px;

  right: 0;

  top: 50%;

  margin-top: -1px;

  background-color: #fff;

  opacity: 0;

  width: 0;

  position: absolute;

}

.fltr-btns > li.active a:before, 

.fltr-btns > li a:hover:before {

  opacity: 1;

  width: 5rem;

}

.fltr-btns > li.active a, 

.fltr-btns > li a:hover, 

.fltr-btns > li a:focus {color: #fff;}

.port-box3.style2 .port-info3 > a {

  background-color: transparent;

  height: 2.5rem;

  width: 2.5rem;

  position: relative;

}

.port-box3.style2 .port-info3 > a:before, 

.port-box3.style2 .port-info3 > a:after {

  content: "";

  position: absolute;

  background-color: #fff;

}

.port-box3.style2 .port-info3 > a:before {

  width: 1px;

  top: 0;

  left: 50%;

  bottom: 0;

  margin-left: -.5px;

}

.port-box3.style2 .port-info3 > a::after {

  left: 0;

  right: 0;

  top: 50%;

  height: 1px;

  margin-top: -.5px;

}

.port-box3.style2 .port-info3 > h3 {

  font-size: 1.25rem;

  text-transform: uppercase;

  font-family: Muli;

}

.port-box3.style2 .port-info3 > span {

  font-size: 14px;

  font-style: italic;

  text-transform: initial;

}

.port-box3.style2 .port-info3 > a + h3 {margin-top: 0.9375rem;}



/*===== Testimonials Style 2 =====*/

.testi-wrap2 .slick-slider .slick-dots {

  margin-top: 2rem;

  max-width: 11.5625rem;

}

.testi-item.style2 {

  display: flex !important;

  padding-top: 1.5rem;

  flex-wrap: wrap;

}

.testi-item.style2 .testi-thumb {padding: 0 4.6875rem 0 0;}

.testi-item.style2 .testi-thumb:before {

  font-family: Montserrat;

  font-size: 14.438rem;

  -webkit-text-stroke: 0.75rem var(--color25);

  text-stroke: 0.75rem var(--color25);

  line-height: 10rem;

  left: auto;

  right: 1.85rem;

  top: -1.25rem;

}

.testi-item.style2 .testi-thumb > img {

  max-width: 11.5625rem;

  -webkit-box-shadow: 0 0.625rem 1.875rem rgba(0,0,0,.2);

  -ms-box-shadow: 0 0.625rem 1.875rem rgba(0,0,0,.2);

  -o-box-shadow: 0 0.625rem 1.875rem rgba(0,0,0,.2);

  box-shadow: 0 0.625rem 1.875rem rgba(0,0,0,.2);

}

.blue-layer .testi-item-inner > p {color: #fff;}

.testi-item-inner > p {

  font-family: Montserrat;

  font-weight: 700;

  font-size: 1.875rem;

  line-height: 2.5rem;

  font-style: italic;

  max-width: 90%;

  margin-top: 1.25rem;

}

.testi-item-inner > p + .testi-info {margin-top: 1.875rem;}

.testi-info {

  flex: 0 0 100%;

  max-width: 100%;

}

.testi-item.style2 .testi-thumb + .testi-item-inner {

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

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

}

.testi-info > img {display: inline-block;}

.testi-info > img + .testi-info-inner {margin-left: 2.1875rem;}

.testi-info-inner {display: inline-block;}

.testi-info-inner > h6 {

  color: #fdf4b4;

  font-size: 1.375rem;

  text-transform: uppercase;

}

.testi-info-inner > span {color: #fff;}



/*=== Ver 2 ===*/

.gray-bg .testi-item.style2 .testi-thumb::before {

  -webkit-text-stroke: 0.75rem #f5f5f5;

  text-stroke: 0.75rem #f5f5f5;

}

.gray-bg .testi-item-inner > p {color: #2e2e2e;}

.gray-bg .testi-info-inner > span {color: #2e2e2e;}



/*===== Team Style 3 =====*/

.team-thumb3 .scl {

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

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

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

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

  top: 80%;

  left: 50%;

  background-color: #fff;

  min-width: 12rem;

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

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

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

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

  padding: 1.15rem;

  opacity: 0;

}

.team-thumb3 .scl > a {

  height: initial;

  width: initial;

  margin: 0 3px;

  line-height: initial;

}

.team-thumb3 .scl > a:hover {background-color: initial;}

.team-box3:hover .team-thumb3 .scl {

  top: 50%;

  opacity: 1;

}

.team-thumb3:before {

  content: "";

  position: absolute;

  top: 0;

  bottom: 80%;

  background-color: #f0f0f0;

  left: 0;

  right: 0;

  opacity: 0;

}

.team-box3:hover .team-thumb3::before {

  opacity: .75;

  bottom: 0;

}

.team-thumb3 + .team-info3 {margin-top: 1.25rem;}

.team-info3 > h3 {font-size: 1.75rem;}

.team-info3 > span {

  color: #8799a3;

  font-size: 1.125rem;

}



/*===== Blog Style 3 =====*/

.post-style3 > i {

  left: 0;

  bottom: 0;

  opacity: 0;

  top: 80%;

}

.post-style3:hover > i {

  opacity: .7;

  top: 0;

}

.post-info3 {

  left: 0;

  bottom: 0;

  z-index: 1;

  padding: 2rem 4.0625rem 1.875rem;

  -webkit-transform: translateY(36.5%);

  -ms-transform: translateY(36.5%);

  -o-transform: translateY(36.5%);

  transform: translateY(36.5%);

}

.post-info3 > h3 {

  color: #fff;

  font-size: 2.375rem;

  line-height: 3.125rem;

  max-width: 80%;

}

.post-info3 > i {

  top: 0;

  bottom: 0;

  left: 0;

  z-index: -1;

  opacity: .95;

}

.post-info3 > p {

  color: #fff;

  font-size: 1.125rem;

  line-height: 1.75rem;

  max-width: 80%;

  opacity: 0;

}

.post-info3 .post-meta {

  padding: 0;

  -webkit-border-radius:  0;

  border-radius: 0;

}

.post-info3 > h3 + .post-meta {margin-top: 0.625rem;}

.post-info3 > h3 a:hover, 

.post-info3 > h3 a:focus {

  color: #fff;

  opacity: .8;

}

.post-info3 .post-meta + p {margin-top: 0.875rem;}

.post-info3 > p + a {margin-top: 1.25rem;}

.post-info3 > a {

  display: inline-block;

  font-size: 1.75rem;

  color: #fff;

  opacity: 0;

}

.post-info3 > a:hover, 

.post-info3 > a:focus {opacity: .8;}

.post-style3:hover .post-info3 > p, 

.post-style3:hover .post-info3 > a {opacity: 1;}

.post-style3:hover .post-info3 > i {

  opacity: 0;

  bottom: -100%;

}

.post-style3:hover .post-info3 {

  -webkit-transform: translateY(0);

  -ms-transform: translateY(0);

  -o-transform: translateY(0);

  transform: translateY(0);

}



/*===== Featured Area Style =====*/

.feat-caro {width: 100%;}

.feat-item {

  width: 100%;

  position: relative;

  max-height: 60rem;

  overflow: hidden;

  margin-bottom: -7px;

}

.feat-item .scl {

  bottom: 3.125rem;

  left: 3.125rem;

  min-width: 12rem;

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

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

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

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

  background-color: #fff;

  padding: 1.15rem;

  text-align: center;

}

.feat-item .scl > a {

  height: initial;

  width: initial;

  margin: 0 3px;

  line-height: initial;

}

.feat-item .scl > a:hover,

.feat-item .scl > a:focus {background-color: transparent;}

.feat-img {

  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: 60rem;

  max-height: 60rem;

  height: 100%;

}

.slick-active .feat-img {

  -webkit-transform: scale(1);

  -ms-transform: scale(1);

  -o-transform: scale(1);

  transform: scale(1);

}

.feat-cap {

  z-index: 1;

  top: 50%;

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

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

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

  transform: translateY(-50%);

}

.feat-cap > span {

  text-transform: uppercase;

  font-family: Montserrat;

  font-weight: 600;

  font-size: 1.5625rem;

  line-height: initial;

  letter-spacing: 1.25rem;

  padding-left: 1.0625rem;

}

.feat-cap > h2 {

  font-size: 10.75rem;

  font-weight: 600;

  letter-spacing: -8px;

  line-height: 10.75rem;

}

.feat-cap > span + h2 {}

.feat-cap > h2 + p {margin-top: 7px;}

.feat-cap > p {

  font-size: 2.3125rem;

  color: #333e48;

  font-weight: 300;

  max-width: 90%;

  line-height: 2.6875rem;

}

.feat-cap > p + a {margin-top: 3.125rem;}



/*===== Services Style 3 =====*/

.srv-box3 {padding-bottom: 2.5rem;}

.srv-box3:after {

  content: "";

  height: 0.75rem;

  width: 0.75rem;

  position: absolute;

  -webkit-border-radius: 50%;

  border-radius: 50%;

  left: 50%;

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

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

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

  transform: translateX(-50%);

  bottom: 0;

  opacity: 0;

}

.srv-box3:hover:after {opacity: 1;}

.srv-box3 > span {

  height: 5rem;

  width: 5rem;

  line-height: 5rem;

  position: relative;

  color: #fff;

  font-size: 2.046875rem;

  z-index: 1;

}

.srv-box3:hover > span {font-size: 2.5rem;}

.srv-box3 > span:before {

  content: "";

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  position: absolute;

  z-index: -1;

  -webkit-border-radius: inherit;

  border-radius: inherit;

}

.srv-box3:hover > span:before {

  -webkit-transform: scale(1.2);

  -ms-transform: scale(1.2);

  -o-transform: scale(1.2);

  transform: scale(1.2);

}

.srv-box3 > span:after {

  content: "";

  position: absolute;

  height: 2.5rem;

  width: 2.5rem;

  -webkit-border-radius: inherit;

  border-radius: inherit;

  top: -0.9375rem;

  right: -0.9375rem;

  -webkit-transform: scale(.5);

  -ms-transform: scale(.5);

  -o-transform: scale(.5);

  transform: scale(.5);

  opacity: 0;

  border:  4px solid #fff;

}

.srv-box3:hover > span:after {

  -webkit-transform: scale(1);

  -ms-transform: scale(1);

  -o-transform: scale(1);

  transform: scale(1);

  opacity: 1;

}

.srv-box3 > span + h3 {margin-top: 1.4375rem;}

.srv-box3 > h3 {

  font-size: 1.4375rem;

  line-height: 2rem;

}

.clr1-1:after,

.clr1-1 > span:before,

.clr1-1 > span:after {

  background-image: -webkit-linear-gradient(48deg,#0255fc 0%,#24a1f1 64%);

  background-image: -ms-linear-gradient(48deg,#0255fc 0%,#24a1f1 64%);

  background-image: -o-linear-gradient(48deg,#0255fc 0%,#24a1f1 64%);

  background-image: linear-gradient(48deg,#0255fc 0%,#24a1f1 64%);

}

.clr1-1:hover > h3 {color: #2697e0;}

.clr1-2:after,

.clr1-2 > span:before,

.clr1-2 > span:after {

  background-image: -webkit-linear-gradient(48deg,#b058df 0%,#e22eb4 64%);

  background-image: -ms-linear-gradient(48deg,#b058df 0%,#e22eb4 64%);

  background-image: -o-linear-gradient(48deg,#b058df 0%,#e22eb4 64%);

  background-image: linear-gradient(48deg,#b058df 0%,#e22eb4 64%);

}

.clr1-2:hover > h3 {color: #d82aab;}

.clr1-3:after,

.clr1-3 > span:before,

.clr1-3 > span:after {

  background-image: -webkit-linear-gradient(48deg,#00dda0 0%,#27f191 64%);

  background-image: -ms-linear-gradient(48deg,#00dda0 0%,#27f191 64%);

  background-image: -o-linear-gradient(48deg,#00dda0 0%,#27f191 64%);

  background-image: linear-gradient(48deg,#00dda0 0%,#27f191 64%);

}

.clr1-3:hover > h3 {color: #2cd082;}

.clr1-4:after,

.clr1-4 > span:before,

.clr1-4 > span:after {

  background-image: -webkit-linear-gradient(48deg,#fb7710 0%,#fda620 64%);

  background-image: -ms-linear-gradient(48deg,#fb7710 0%,#fda620 64%);

  background-image: -o-linear-gradient(48deg,#fb7710 0%,#fda620 64%);

  background-image: linear-gradient(48deg,#fb7710 0%,#fda620 64%);

}

.clr1-4:hover > h3 {color: #ef9a19;}



/*===== Portfolio Style 4 =====*/

.port-box4 {z-index: 1;}

.port-bg1 {background-color: #fff2ef;}

.port-bg2 {background-color: #e4f3ff;}

.port-bg3 {background-color: #fff9ef;}

.port-box4 > span {

  position: absolute;

  right: 0;

  font-size: 17.125rem;

  font-weight: 700;

  font-family: Montserrat;

  top: -2.7rem;

  line-height: 17.125rem;

  z-index: -1;

}

.port-bg1 > span {color: #ffe3dd;}

.port-bg2 > span {color: #cce6fb;}

.port-bg3 > span {color: #faebd1;}

.port-box4:hover .port-thumb4 > a img {

  -webkit-transform: scale(1.05);

  -ms-transform: scale(1.05);

  -o-transform: scale(1.05);

  transform: scale(1.05);

}

.port-thumb4 + .port-info4 {

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

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

}

.port-info4 {padding: 2rem 4.0625rem;}

.port-info4 > span {

  font-size: 0.98125rem;

  text-transform: uppercase;

}

.port-info4 > span + h3 {margin-top: 0.625rem;}

.port-info4 > h3 {

  font-size: 2.2rem;

  letter-spacing: -.3px;

}

.port-info4 > a {

  display: inline-block;

  font-size: 0.75rem;

  font-family: Montserrat;

  font-weight: 600;

  padding: 1.25rem 2.1875rem;

}

.port-info4 > h3 + a {margin-top: 2.5rem;}

.port-bg1 .port-info4 > a {background-color: #ffe3dd;}

.port-bg2 .port-info4 > a {background-color: #cce6fb;}

.port-bg3 .port-info4 > a {background-color: #faebd1;}

.port-info4 > a:hover,

.port-info4 > a:focus {color: #fff;}



/*===== Blog Style 4 =====*/

.post-info4 {

  background-color: #f4f4f4;

  margin-top: -5.9375rem;

  z-index: 1;

  position: relative;

  max-width: 88%;

  margin-left: 6%;

  padding: 2.6875rem 4.0625rem 2.8125rem;

}

.post-info4 > span {

  font-family: Montserrat;

  font-size: 0.875rem;

  text-transform: uppercase;

  font-weight: 600;

}

.post-info4 > span i {margin-right: 0.5rem;}

.post-info4 > span + h3 {margin-top: 1.125rem;}

.post-info4 > h3 {

  font-size: 2.125rem;

  line-height: 2.5rem;

}

/*===== About Style 4 =====*/

.about-mckp3 {

  margin-left: -18.4375rem;

  margin-right: -4.6875rem;

}

.about-info3 > h2 {

  font-size: 3.3125rem;

  line-height: 3.875rem;

}

.about-info3 > h2 + p {margin-top: 0.625rem;}

.about-info3 > p {

  font-size: 1.375rem;

  line-height: 1.7;

}

.about-info3 > p + a {margin-top: 3.125rem;}



/*===== About Style 5 =====*/

.about-mckp4 > a {

  position: absolute;

  top: 50%;

  left: -3.125rem;

  color: #fff;

  background-color: #007ffb;

  height: 6.25rem;

  width: 6.25rem;

  line-height: 7rem;

  text-align: center;

  font-size: 3.5rem;

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

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

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

  transform: translateY(-50%);

  margin-top: -4.5rem;

}

.about-cap > h2 {

  font-size: 5rem;

  letter-spacing: -1px;

  line-height: 5.625rem;

}

.about-cap > h2 + span {margin-top: 1.875rem;}

.about-cap > span {

  font-family: Montserrat;

  font-size: 2.5rem;

  font-weight: 500;

}

.about-cap > span + i {margin-top: 2px;}

.about-cap > i {

  font-size: 1.625rem;

  font-style: normal;

}

.about-cap > i + a {margin-top: 3.75rem;}

.bg-color30 .about-cap > h2, 

.bg-color30 .about-cap > span {color: #fff;}

.bg-color30 .about-cap > i {color: #a1a1a1;}



/*=== Ver 2 ===*/

.about-wrap4.style2 .about-cap > h2 {

  font-size: 4.3125rem;

  line-height: 5.3125rem;

  letter-spacing: -3px;

  font-weight: 600;

}

.about-wrap4.style2 .about-inner {

  width: calc(100% + 16.25rem);

  margin-left: -8.125rem;

}

.about-wrap4.style2 .about-cap > span {

  font-size: 1rem;

  text-transform: uppercase;

  font-weight: 400;

}

.about-wrap4.style2 .about-cap > h2 + span {margin-top: 1.25rem;}

.about-wrap4.style2 .about-cap > span + a {margin-top: 3.125rem;}



/*=== Ver 3 ===*/

.about-wrap4.style3 .about-cap {

  min-width: 535px;

  margin-top: 18rem;

}

.about-wrap4.style3 .about-cap > h2 {

  font-size: 3.75rem;

  line-height: 4.5rem;

  font-weight: 900;

}

.about-wrap4.style3 .about-cap > h2 + p {margin-top: 1.5625rem;}

.about-wrap4.style3 .about-cap > p {font-size: 1.1875rem;}

.about-wrap4.style3 .about-cap > p + a {margin-top: 4.375rem;}



/*===== Services Style 4 =====*/

.srv-info4 {padding: 3.125rem 5.3125rem;}

.srv-info4 > h3 {

  font-size: 2.375rem;

  color: #fff;

}

.srv-info4 > h3 + p {margin-top: 1.25rem;}

.srv-info4 > p {

  font-size: 1rem;

  color: #fff;

}

.srv-info4 > p + a {margin-top: 1.875rem;}

.srv-info4 > a {

  height: 3.4375rem;

  line-height: 3.75rem;

  text-align: center;

  width: 3.4375rem;

  color: #fff;

  background-color: rgba(0,0,0,.2);

  font-size: 1.875rem;

}



/*===== Get In Touch Style =====*/

.get-touch-wrap {

  position: relative;

  padding: 4.6rem 5.625rem;

}

.get-info > h2, 

.form-wrap > h2 {font-size: 2rem;}

.drk-bg3 .get-info > h2, 

.drk-bg3 .form-wrap > h2 {color: #fff;}

.get-info > h2 + p {margin-top: 1.5625rem;}

.get-info > p {

  font-size: 1.5rem;

  line-height: 2.1875rem;

}

.drk-bg3 .get-info > p {color: #f3f4f6;}

.get-info > p + ul {margin-top: 1.25rem;}

.get-info-list > li {

  font-size: 1.125rem;

  width: 100%;

  padding-left: 4.5625rem;

  position: relative;

  margin-top: 1.75rem;

}

.drk-bg3 .get-info-list > li {color: #fff;}

.get-info-list > li i {

  font-size: 1.6875rem;

  position: absolute;

  left: 0;

  top: 0;

}

.form-wrap form input, 

.form-wrap form textarea {

  height: 3.75rem;

  background-color: #f3f4f6;

  font-size: 1rem;

  color: #8799a3;

  padding: 0.9375rem 2.5rem;

  border: 2px solid #f3f4f6;

}

.form-wrap form textarea {height: 10rem;}

.form-wrap form input:hover, 

.form-wrap form textarea:hover, 

.form-wrap form input:focus, 

.form-wrap form textarea:focus {background-color: #fff;}



/*===== Footser Style 2 =====*/

.footer2 {

  position: fixed;

  left: 0;

  right: 0;

  bottom: 1.25rem;

}

.footer2-inner > p {

  color: #fff;

  opacity: .2;

  margin-top: .5rem;

}

.footer2-inner > ul {margin-top: .5rem;}

.footer2-inner ul li {color: #fff;}

.footer2-inner ul li i {margin-right: 0.625rem;}

.footer2-inner ul li + li {margin-left: 2.5rem;}

.footer2-inner > h2 {

  color: #fff;

  font-size: 5.3125rem;

  letter-spacing: -5px;

}



/*===== Contact =====*/

.cont-wrap > h2 {

  font-size: 3rem;

  line-height: 3.375rem;

}

.cont-wrap > h2 + form {margin-top: 1.25rem;}

.cont-wrap > form .input-field i {

  position: absolute;

  top: 1.5rem;

  left: 2rem;

  font-size: 0.9375rem;

}

.cont-wrap > form .input-field input {

  height: 4.0625rem;

  padding: 1rem 1.5rem 1rem 3.4375rem;

  font-size: 0.9375rem;

  color: #898989;

}

.cont-wrap > form button {height: 3.75rem;}



/*===== Portfolio Style 5 =====*/

.port-info5 {

  padding: 4.375rem 5.3125rem;

  position: absolute;

  left: 0;

  right: 0;

  bottom: 0;

  -webkit-transform: translateY(5.3125rem);

  -ms-transform: translateY(5.3125rem);

  -o-transform: translateY(5.3125rem);

  transform: translateY(5.3125rem);

}

.port-info5 > span {

  font-size: 0.98125rem;

  text-transform: uppercase;

}

.port-info5 > span + h3 {margin-top: 0.625rem;}

.port-info5 > h3 {font-size: 2.5rem;}

.port-info5 > h3 + a {margin-top: 1.5625rem;}

.port-info5 > a {

  padding: 1.25rem 2.1875rem;

  font-size: 0.75rem;

  font-family: Montserrat;

  font-weight: 600;

  background-color: #fff;

  opacity: 0;

  visibility: hidden;

}

.port-info5 > a:hover, 

.port-info5 > a:focus {color: #fff;}

.port-box5:hover .port-info5 {

  background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);

  background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);

  background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );

  -webkit-transform: translateY(0);

  -ms-transform: translateY(0);

  -o-transform: translateY(0);

  transform: translateY(0);

}

.port-box5:hover .port-info5 > a {

  opacity: 1;

  visibility: visible;

}



/*===== Price Wrap =====*/

.price-post.style2:before {

  content: "";

  background-color: #000;

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  opacity: .6;

}

.price-post.style2 .price-post-info {

  bottom: auto;

  top: 50%;

  left: 50%;

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

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

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

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

}

.price-post-info > a {

  border: 4px solid;

  height: 5.625rem;

  width: 5.625rem;

  line-height: 5.3125rem;

  font-size: 2.5rem;

}

.price-post-info > a:hover,

.price-post-info > a:focus {

  border-color: #fff;

  color: #fff;

}

.price-post.style2 .price-post-info > h3 {color: #fff;}

.price-post.style2 .price-post-info > span {

  font-size: 1.125rem;

  font-weight: 500;

}

.price-post.style2 .price-post-info > h3 + span {margin-top: 0;}

.price-post-info > a + h3 {margin-top: 1.5625rem;}

.price-table.style2 {

  background-color: transparent;

  padding: 4.8rem 2.5rem;

}

.price-post.style2 {margin-bottom: -6px;}



/*===== Footer Style 2 =====*/

.widget .logo + p {margin-top: 2.2rem;}

.widget p {font-size: 1.1rem;}

.widget p + form {margin-top: 2.3125rem;}

.widget form input {

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

  height: 3.125rem;

  padding: .9rem 2.2rem .9rem 1.5625rem;

  color: #8799a3;

  font-size: 0.875rem;

}

.widget form button {

  position: absolute;

  text-align: initial;

  padding: 0;

  right: 0;

  top: 0;

  bottom: 0;

  width: 2.2rem;

  background-color: transparent;

  color: #686868;

}

.widget h3 {

  font-size: 1.5rem;

  margin-bottom: 2.1875rem;

}

.drk-bg4 .widget h3 {color: #fff;}

.twitter-list > li {

  padding-left: 1.875rem;

  position: relative;

}

.twitter-list > li + li {margin-top: 1.875rem;}

.twitter-list > li i {

  position: absolute;

  left: 0;

  top: 5px;

}

.twitter-list > li p a {color: #8799a3;}

.insta-gal {margin: 0 -5px;}

.insta-gal li {

  flex: 0 0 33.334%;

  max-width: 33.334%;

  margin-bottom: 0.625rem;

  padding: 0 5px;

}

.insta-gal li a {

  -webkit-border-radius: 5px;

  border-radius: 5px;

  overflow: hidden;

  position: relative;

}

.insta-gal li a:before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background-color: #000;

  opacity: 0;

}

.insta-gal li a:hover:before {opacity: .5;}

.insta-gal li a img {width: 100%;}

.insta-gal + a {margin-top: 8px;}

.follow-btn {

  color: #9c26b0;

  font-family: Montserrat;

  font-weight: 600;

}

.follow-btn img {margin-right: 0.625rem;}

.cont-info-list > li {

  font-size: 1.1rem;

  line-height: 1.5rem;

}

.cont-info-list > li span {color: #666;}

.drk-bg4 .cont-info-list > li {color: #fff;}

.cont-info-list > li + li {margin-top: 0.625rem;}

.cont-info-list > li a {color: #8799a3;}

.cont-info-list + .scl4 {margin-top: 2.1875rem;}

.scl4 > a {

  color: #fff;

  line-height: 2rem;

  height: 2rem;

  width: 2rem;

  text-align: center;

  border-width: 2px;

  border-style: solid;

}

.scl4 > a:not(:first-child) {margin-left: 5px;}

.scl4 > a:hover, 

.scl4 > a:focus {background-color: transparent;}

.footer-inner2 + .bootom-bar2 {

  border-top: 1px solid #252525;

  padding-top: 2.5rem;

  margin-top: 3.125rem;

}

.bootom-bar2 > p {font-size: 1rem;}

.bootom-bar2 > p a {color: #fff;}



/*===== Dark Bg Homepage =====*/

.bg-color34 h1,

.bg-color34 h2,

.bg-color34 h3,

.bg-color34 h4,

.bg-color34 h5,

.bg-color34 h6,

.bg-color34 p {color: #fff;}

.bg-color34 .port-info5 > h3,

.bg-color34 .team-info2 > h3,

.bg-color34 .price-head > h3,

.bg-color34 .post-info4 > h3 {color: #2e2e2e;}



/*===== Skill Style =====*/

.skills-wrap {padding-right: 4.5rem;}

.skills-desc > span {

  font-size: 0.821875rem;

  text-transform: uppercase;

  font-family: Montserrat;

  font-weight: 700;

  letter-spacing: 6px;

}

.skills-desc > span + h2 {margin-top: 3px;}

.skills-desc > h2 {

  font-size: 3.5625rem;

  letter-spacing: -4px;

}

.skills-desc > h2 + p {margin-top: 2.5rem;}

.skills-desc > p {

  font-size: 1.125rem;

  color: #b9b9b9;

  letter-spacing: -.4px;

}

.skills-desc > p + ul {margin-top: 2.1875rem;}

.skills-list > li {width: 100%;}

.skills-list > li + li {margin-top: 1.25rem;}

.progress-wrap > span, .progress-wrap > i {

  font-style: normal;

  font-size: 1rem;

  font-family: Montserrat;

  font-weight: 500;

}

.progress-wrap .progress {

  height: 0.8125rem;

  background-color: #fff;

  margin-top: 0.3125rem;

}

.progress-wrap .progress .progress-bar {

  background: -moz-linear-gradient(0deg, rgba(237,20,91,1) 0%, rgba(110,69,226,1) 100%);

  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(237,20,91,1)), color-stop(100%, rgba(110,69,226,1)));

  background: -webkit-linear-gradient(0deg, rgba(237,20,91,1) 0%, rgba(110,69,226,1) 100%);

  background: -o-linear-gradient(0deg, rgba(237,20,91,1) 0%, rgba(110,69,226,1) 100%);

  background: -ms-linear-gradient(0deg, rgba(237,20,91,1) 0%, rgba(110,69,226,1) 100%);

  background: linear-gradient(90deg, rgba(237,20,91,1) 0%, rgba(110,69,226,1) 100%);

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed145b', endColorstr='#6e45e2',GradientType=1 );

}

.skills-desc > ul + a {margin-top: 4.6875rem;}



/*===== About Style 6 =====*/

.about-info5 {min-width: 33.625rem;}

.about-info5 > h2 {

  font-size: 3.39375rem;

  font-weight: 900;

  letter-spacing: -3px;

  line-height: 3.75rem;

}

.about-info5 > h2 + p {margin-top: 1.875rem;}

.about-info5 > p {

  font-size: 1.3125rem;

  line-height: 2.25rem;

}

.fact-box2 {margin-top: 2.5rem;}

.fact-box2 > i {margin-top: 1.25rem;}

.fact-box2 > i + .fact-info2 {padding-left: 2rem;}

.fact-info2 > span {

  font-size: 3.125rem;

  font-weight: 900;

  font-family: Montserrat;

}

.fact-info2 > span + h6 {margin-top: -10px;}

.fact-info2 > h6 {

  font-size: 1.25rem;

  font-family: Muli;

  font-weight: 400;

}

.fact-wrap2 + a {margin-top: 5.3125rem;}



/*===== Contact Style 2 =====*/

.cont-map {height: 21.5625rem;}

.cont-map + .cont-formwrap {margin-top: 1.875rem;}

.cont-info2,

.cont-form2 {margin-top: 1.875rem;}

.cont-info2 > h2, 

.cont-form2 > h2 {

  font-size: 2rem;

  font-weight: 900;

}

.cont-info2 > h2 + p {margin-top: 1.25rem;}

.cont-info2 > p {

  color: #fff;

  font-size: 1.375rem;

}

.cont-info2 > p + ul {margin-top: 3rem;}

.cont-info-list2 > li {

  position: relative;

  color: #fff;

  font-size: 1.125rem;

  padding-left: 4rem;

}

.cont-info-list2 > li + li {margin-top: 1.875rem;}

.cont-info-list2 > li i {

  position: absolute;

  left: 0;

  top: 0;

}

.cont-form2 > h2 + form {margin-top: 0.625rem;}

.cont-form2 form input, 

.cont-form2 form textarea {

  height: 3.75rem;

  background-color: #f3f4f6;

  padding: 1rem 2.5rem;

  margin-top: 1.25rem;

  color: #8799a3;

  font-size: 0.9375rem;

}

.cont-form2 form input:hover, 

.cont-form2 form textarea:hover, 

.cont-form2 form input:focus, 

.cont-form2 form textarea:focus {background-color: #fff;}

.cont-form2 form textarea {height: 13.68rem;}



/*===== Page Title Style 1 =====*/

.page-title {margin-top: 20rem;}

.page-title > h1 {font-size: 4.375rem;}

.dark-layer3 .page-title > h1 {color: #fff;}

.page-title + .breadcrumb {margin-top: 21.6875rem;}

.breadcrumb {

  -webkit-border-radius: 0;

  border-radius: 0;

  padding: 0;

  margin-bottom: -2.5rem;

  align-items: center;

  position: relative;

  z-index: 1;

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

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

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

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

  background-color: #fff;

}

.breadcrumb > li.breadcrumb-item {

  color: #8799a3;

  position: relative;

}

.breadcrumb > li.breadcrumb-item:first-child {

  max-width: 5.9375rem;

  width: 100%;

  text-align: center;

  border-right: 1px solid #f3f4f6;

  margin-right: 2.5rem;

  padding: 0;

}

.breadcrumb > li.breadcrumb-item:first-child a {

  padding: 1.563rem 1rem;

  display: block;

}

.breadcrumb > li.breadcrumb-item:not(:first-child):not(:nth-child(2)) {

  margin-left: 1rem;

  padding-left: 1.2rem;

}

.breadcrumb > li.breadcrumb-item:not(:first-child):not(:nth-child(2)):before {

  content: "5";

  color: inherit;

  font-family: 'ElegantIcons';

  position: absolute;

  left: -0.53rem;

  top: 0;

}

.breadcrumb > li.breadcrumb-item:nth-child(2) {padding-left: 0;}

.breadcrumb > li.breadcrumb-item:nth-child(2):before {display: none;}



/*=== Ver 2 ===*/

.page-title.style2 {

  margin-top: 21.25rem;

  margin-bottom: 25rem;

}

.page-title.style2 > h1 {

  font-size: 3.875rem;

  font-weight: 800;

}



/*===== About Style 7 =====*/

.about-wrap6 > h2 {font-size: 2.625rem;}

.about-wrap6 > h2 + p {margin-top: 1.25rem;}

.about-wrap6 > p + .about-img {margin-top: 0.625rem;}

.about-img + .about-info6 {margin-top: 0.625rem;}

.about-list {

  display: flex;

  flex-wrap: wrap;

}

.about-list > li {

  position: relative;

  max-width: 50%;

  font-size: 1.125rem;

  font-weight: 600;

  font-family: Montserrat;

  color: #282828;

  flex: 0 0 50%;

  padding-left: 1.875rem;

  margin-top: 0.625rem;

}

.about-list > li:before {

  content: "E";

  font-family: 'ElegantIcons';

  position: absolute;

  left: -0.625rem;

  top: 0;

}



/*===== Team Style 4 =====*/

.team-box4:before {

  content: "";

  top: 0;

  left: 0;

  right: 0;

  background-color: #000;

  bottom: 90%;

  position: absolute;

  opacity: 0;

}

.team-box4:hover:before {

  bottom: 0;

  opacity: .85;

}

.team-info4 {

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

  top: 80%;

  left: 50%;

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

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

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

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

  min-width: 17.5rem;

  padding: 1.5rem 2.5rem;

  opacity: 0;

  visibility: hidden;

}

.team-info4 > h3 {font-size: 1.96875rem;}

.team-info4 > span {

  font-size: 1.14375rem;

  font-family: Montserrat;

  font-weight: 500;

}

.team-box4:hover .team-info4 {

  opacity: 1;

  visibility: visible;

  top: 50%;

}



/*===== About Style 8 =====*/

.about-img7:before {

  content: "";

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  background-color: #222a4b;

  opacity: .38;

}

.about-img7 > a {

  left: 50%;

  top: 50%;

  color: #fff;

  height: 6.25rem;

  line-height: 6.4rem;

  width: 6.25rem;

  text-align: center;

  font-size: 3rem;

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

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

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

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

}

.about-img7 > a:hover, 

.about-img7 > a:focus {

  color: #fff;

  background-color: #333;

}

.about-img7 + .about-info7 {margin-top: 0.625rem;}

.about-info7 h2 {font-size: 3.1875rem;}



/*===== Choos Us =====*/

.choos-info {padding-left: 1.5625rem;}

.choos-info > h2 {font-size: 2.625rem;}

.choos-info > h2 + p {margin-top: 1.875rem;}

.choos-info > p {font-size: 1.125rem;}

.choos-info > ul li {

  color: #fff;

  width: 100%;

  font-family: Montserrat;

  font-weight: 500;

  font-size: 1.125rem;

  padding-left: 1.5625rem;

  position: relative;

  margin-top: .95rem;

}

.choos-info > ul li:before {

  content: "\45";

  font-family: 'ElegantIcons';

  position: absolute;

  left: -0.5rem;

  top: 0;

}

.choos-info > ul + a {margin-top: 3.125rem;}

.choos-info > p + ul {margin-top: 1.5625rem;}



/*===== Skills Style 2 =====*/

.prog-wrap2 {padding-right: 8.125rem;}

.prog-wrap2 > span, .prog-wrap2 > i {

  font-family: Montserrat;

  text-transform: uppercase;

  font-weight: 700;

  font-size: 1.0625rem;

}

.prog-wrap2 > i {

  font-style: normal;

  font-size: 0.875rem;

  position: absolute;

  right: 2.8125rem;

  bottom: -1px;

}

.prog-wrap2 .progress {

  height: 1.25rem;

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

  margin-top: 0.625rem;

}

.prog-wrap2 .progress .progress-bar {background-color: #fefb30;}



/*===== About Me Style =====*/

.about-me-img {padding-left: 2.5rem;}

.about-me-info > h2 {

  font-size: 2.1875rem;

  font-weight: 800;

  letter-spacing: -2.5px;

}

.about-me-info > h2 + p,

.about-me-info > p + ul {margin-top: 1.25rem;}

.social-contact {display: inline-block;}

.social-contact > li {

  line-height: 3.4375rem;

  margin-top: 1.125rem;

  width: 100%;

  display: block;

}

.social-contact > li a i {

  margin-right: 1.5625rem;

  height: 3.4375rem;

  line-height: 3.4375rem;

  width: 3.4375rem;

  color: #fff;

  display: inline-block;

  text-align: center;

  -webkit-border-radius: 3px;

  border-radius: 3px;

}

.social-contact > li a i.social_twitter {background-color: #2196f3;}

.social-contact > li a i.social_dribbble {background-color: #e72473;}

.about-me-info > ul + a {margin-top: 4.375rem;}



/*===== Pagination =====*/

.pagination {display: inline-block;}

.pagination > li {

  display: inline-block;

  font-size: 1.25rem;

  font-family: Montserrat;

  font-weight: 700;

  color: #2e2e2e;

  line-height: 2.8125rem;

}

.pagination > li a, 

.pagination > li span {

  -webkit-border-radius: 50% !important;

  border-radius: 50% !important;

  border: 0;

  padding: 0;

  line-height: inherit;

  color: inherit;

  background-color: transparent;

  height: 2.8125rem;

  width: 2.8125rem;

}

.pagination > li a:hover, 

.pagination > li a:focus, 

.pagination > li span {color: #fff;}



/*===== Filter Buttons =====*/





/*===== Portfolio Style 6 =====*/

.port-box6 {

  display: flex;

  align-items: center;

  flex-wrap: wrap;

  min-height: 42.8125rem;

  padding: 0 9.375rem;

}

.port-img6 {

  flex: 0 0 49%;

  max-width: 49%;

  text-align: center;

  align-self: end;

}

.port-box6.rev .port-img6 {order: 1;}

.port-box6.rev .port-info6 {padding: 0 6rem 0 0;}

.port-info6 {

  flex: 0 0 calc(100% - 49%);

  max-width: calc(100% - 49%);

  padding-left: 5rem;

}

.port-info6 > span {

  font-size: 0.971875rem;

  color: #636363;

  text-transform: uppercase;

  font-family: Montserrat;

  font-weight: 500;

}

.port-info6 > h3 {font-size: 3rem;}

.port-info6 > span + h3 {margin-top: 1.25rem;}

.port-info6 > h3 + p {margin-top: 0.625rem;}

.port-info6 > p + a {margin-top: 2.8125rem;}



/*===== Portfolio Style 7 =====*/





/*===== Portfolio Detail Style 1 =====*/

.port-detail-img {padding-right: 4.375rem;}

.port-detail-info {

  margin-left: -2.5rem;

  width: calc(100% + 2.5rem);

}

.port-detail-info > span {

  color: #8799a3;

  font-size: 1.125rem;

}

.port-detail-info > span + h2 {margin-top: 7px;}

.port-detail-info > h2,

.port-detail-info-inner > h2 {

  font-size: 2rem;

  font-weight: 900;

}

.port-detail-info > h2 + .port-scl,

.port-detail-info-inner > h2 + .port-scl {margin-top: 1.5625rem;}

.port-scl > span {

  font-size: 0.875rem;

  display: inline-block;

  font-weight: 700;

  font-family: Montserrat;

}

.port-scl-inner {display: inline-block;}

.port-scl-inner > a {

  color: #bbc7cd;

  display: inline-block;

  font-size: 0.875rem;

  margin-left: 0.875rem;

}

.port-scl + p {margin-top: 2.1875rem;}

.port-detail-info > p + .port-ord-info {margin-top: 3.125rem;}

.port-ord-info {display: inline-block;}

.port-ord-info > span {

  font-size: 1.0625rem;

  margin-top: 1.5625rem;

}

.port-ord-info > span i {

  font-style: normal;

  text-transform: uppercase;

  font-family: Montserrat;

  font-weight: 600;

  color: #8a8a8a;

  font-size: 12px;

}

.port-ord-info + a,

.port-detail-info-inner .port-scl + a {margin-top: 3.9375rem;}



/*===== Portfolio Detail Style 2 =====*/

.port-detail-inner {max-width: 84%;}

.port-detail-inner > span,

.port-detail-info-inner > span {

  font-size: 1.125rem;

  color: #8799a3;

}

.port-detail-inner > h2 {

  font-size: 3.25rem;

  font-weight: 800;

  line-height: 3.4375rem;

}

.port-detail-inner > h2 + p {margin-top: 1.25rem;}

.container + .port-detail-video-img {margin-top: 4.0625rem;}

.port-detail-video-img {

  height: 44.375rem;

  background-size: cover;

  background-position: center;

}

.port-detail-video-img:before {

  content: "";

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  background-color: #000;

  opacity: .2;

}

.port-detail-video-img > a {

  color: #fff;

  height: 6.25rem;

  line-height: 6.25rem;

  width: 6.25rem;

  text-align: center;

  font-size: 3rem;

  left: 50%;

  top: 50%;

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

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

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

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

}

.port-detail-inner > span + h2 {margin-top: 8px;}

.port-detail-inner > p {font-size: 1.125rem;}

.port-detail-img2 {margin-top: 4.375rem;}

.port-detail-info2 .port-ord-info {margin-top: 3.125rem;}

.port-detail-info2  p {margin-top: 4.375rem;}

.port-detail-info2 p + a {margin-top: 2.5rem;}



/*===== Portfolio Detail Style 3 =====*/

.port-detail-info-inner, 

.port-detail-info3 p {margin-top: 2rem;}

.port-detail-info3 .port-ord-info {margin-top: 0.625rem;}

.port-detail-img3 + .port-detail-info3 {margin-top: 3.75rem;}



/*===== 404 Error Page =====*/

.error-wrap {margin-top: 8rem;}

.error-inner {max-width: 55%;}

.error-inner > h2 {

  font-size: 7.8125rem;

  font-style: italic;

  color: #1b1b1b;

}

.error-inner > h2 + h4 {margin-top: -0.625rem;}

.error-inner > h4 {

  color: #1b1b1b;

  font-family: Muli;

  font-weight: 400;

  font-size: 2.1875rem;

}

.error-inner > h4 + p {margin-top: 3.4375rem;}

.error-inner > p {

  line-height: 2.1875rem;

  font-size: 1.5625rem;

  color: #1b1b1b;

}

.error-inner > p + a {margin-top: 2.8125rem;}



/*===== Coming Soon Style 1 =====*/

.coming-soon-wrap {

  overflow: hidden;

  height: 100vh;

}

.coming-soon-wrap .cont-map {

  height: 100vh;

  position: absolute !important;

  top: 0;

  left: 0;

}

.coming-soon-inner {

  position: relative;

  z-index: 1;

  max-width: 75rem;

  -webkit-border-radius: 0.625rem;

  border-radius: 0.625rem;

  padding: 5rem;

}

.coming-soon-wrap:before {

  content: "";

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  background-color: #000;

  z-index: 1;

  opacity: .5;

}

.coming-soon-inner:before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background-color: #fff;

  opacity: .93;

  z-index: -1;

  -webkit-border-radius: inherit;

  border-radius: inherit;

}

.coming-soon-inner > span {

  text-transform: uppercase;

  color: #8b8b8b;

  font-size: 0.6875rem;

  font-family: Montserrat;

  font-weight: 500;

}

.coming-soon-inner > h2 {font-size: 2.9375rem;}

.coming-soon-inner > h2 + ul {margin-top: 1.5625rem;}

.coming-soon-inner .countdown > li {

  display: inline-block;

  margin: 0 1.25rem;

}

.coming-soon-inner .countdown > li span {

  font-size: 2.975rem;

  font-family: Montserrat;

  font-weight: 700;

  color: #2e2e2e;

}

.coming-soon-inner .countdown > li p {

  text-transform: capitalize;

  font-size: 0.875rem;

  color: #2e2e2e;

  font-family: Montserrat;

  font-weight: 500;

  line-height: initial;

}

.coming-soon-inner > ul + h5 {margin-top: 1.25rem;}

.coming-soon-inner > h5 {font-size: 1.415625rem;}

.coming-soon-inner > h5 + form {margin-top: 5px;}

.coming-soon-inner > form {

  max-width: 41.25rem;

  display: inline-block;

}

.coming-soon-inner > form input, 

.coming-soon-inner > form textarea {

  padding: 0.9375rem 1.5625rem;

  text-transform: uppercase;

  border-radius: 5px;

  font-size: 0.75rem;

  height: 3.125rem;

  background-color: #ddd;

}

.coming-soon-inner > form textarea {height: 7.1875rem; }

.coming-soon-inner .scl4 {

  position: absolute;

  left: 0;

  bottom: -2.03125rem;

}

.scl4.scl-lrg > a {

  height: 4.0625rem;

  line-height: 4.0625rem;

  width: 4.0625rem;

}

.scl4.scl-lrg > a {font-size: 1.25rem;}

.scl4.scl-lrg > a:hover,

.scl4.scl-lrg > a:focus {background-color: #fff;}

.scl4.scl-lrg > a + a {margin-left: 1rem;}



/*===== Coming Soon Style 2 =====*/

.coming-soon-wrap2 {height: 68vh;}

.coming-info > h2 {

  font-size: 3.8125rem;

  font-weight: 800;

  line-height: 4.125rem;

}

.coming-info > h2 + span {margin-top: 0.9375rem;}

.coming-info > span {font-size: 1.1875rem;}

.coming-info > span + p {margin-top: 6.25rem;}

.coming-info > p {

  position: relative;

  padding-top: 2.5rem;

  font-size: 1.125rem;

  font-family: Montserrat;

  font-weight: 700;

  text-transform: uppercase;

}

.dark-layer4 .coming-info > h2, 

.dark-layer4 .coming-info > span, 

.dark-layer4 .coming-info > p {color: #fff;}

.coming-info > p:before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  height: 5px;

  width: 3.75rem;

}

.coming-soon-inner2 .countdown {

  max-width: 23.125rem;

  text-align: center;

}

.coming-soon-inner2 .countdown > li {

  display: inline-block;

  position: relative;

}

.coming-soon-inner2 .countdown > li:first-child {

  height: 16.875rem;

  width: 16.875rem;

  background-color: #fff;

  -webkit-border-radius: 50%;

  border-radius: 50%;

  margin: 1.5625rem;

  padding: 4.3rem 2rem;

}

.coming-soon-inner2 .countdown > li span {

  font-size: 3.125rem;

  font-family: Montserrat;

  font-weight: 800;

  display: block;

  line-height: initial;

}

.coming-soon-inner2 .countdown > li span + p {margin-top: -5px;}

.coming-soon-inner2 .countdown > li p {

  font-size: 1.028125rem;

  text-transform: uppercase;

  font-weight: 700;

  margin-bottom: 0;

}

.dark-layer4 .coming-soon-inner2 .countdown > li span {color: #fff;}

.dark-layer4 .coming-soon-inner2 .countdown > li p {color: #c5c5c5;}

.coming-soon-inner2 .countdown > li:first-child:before {

  content: "";

  position: absolute;

  top: -1.5625rem;

  right: -1.5625rem;

  bottom: -1.5625rem;

  left: -1.5625rem;

  -webkit-border-radius: inherit;

  border-radius: inherit;

  z-index: -1;

}

.coming-soon-inner2 .countdown > li:first-child span {

  color: #2e2e2e;

  font-size: 5.1875rem;

}

.coming-soon-inner2 .countdown > li:first-child p {

  font-size: 1.728125rem;

  font-weight: 500;

}

.coming-soon-inner2 .countdown > li:first-child span + p {margin-top: -5px;}

.coming-soon-inner2 .countdown > li:not(:first-child) {

  padding: 0 1.25rem;

  margin-top: 1.5625rem;

}

.coming-soon-inner2 .countdown > li:not(:first-child):before {

  content: "";

  position: absolute;

  right: 0;

  height: 2.1875rem;

  width: 1px;

  background-color: #fff;

  opacity: .25;

  top: 50%;

  margin-top: -1.09375rem;

}

.coming-soon-inner2 .countdown > li:last-child:before {display: none;}



/*===== Contact Page =====*/

.cont-map.style2 {height: 35rem;}

.cont-map.style2 + .container .get-touch-wrap.style2 {margin-top: 5.625rem;}

.get-touch-wrap.style2 {padding: 0;}



/*===== Subscribe Popup Style =====*/

.subscribe-popup-wrap {

  display: flex;

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

  z-index: 99999;

}

.subscribe-popup-inner {

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

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

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

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

  max-width: 41.5625rem;

}

.subscribe-popup-iner {

  background-size: cover;

  background-repeat: no-repeat;

  background-color: #fff;

  position: relative;

  padding: 6.875rem 7rem;

  z-index: 1;

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

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

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

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

}

.subscribe-popup-iner > span {

  position: absolute;

  right: 0.9375rem;

  height: 4.0625rem;

  width: 4.0625rem;

  line-height: 4.0625rem;

  font-size: 1.6rem;

  background-color: #f8f8f8;

  cursor: pointer;

  top: 0.9375rem;

}

.subscribe-popup-iner > span:hover, 

.subscribe-popup-iner > span:focus {color: #fff;}

.popup-title > h2 {font-size: 2.1875rem;}

.popup-title > h2 + p {margin-top: .8rem;}

.popup-title > p {

  font-size: 0.875rem;

  color: #aaa;

  line-height: 1.5rem;

}

.popup-title + form {margin-top: 1.25rem;}

.subscribe-popup-iner > form {

  overflow: hidden;

  -webkit-border-radius: 3.125rem;

  -ms-border-radius: 3.125rem;

  -o-border-radius: 3.125rem;

  border-radius: 3.125rem;

}

.subscribe-popup-iner > form input {

  background-color: #e7e7e7;

  height: 4.375rem;

  width: 100%;

  font-size: .95rem;

  padding: .95rem 5rem .95rem 1.7rem;

}

.subscribe-popup-iner > form button {

  position: absolute;

  right: 0;

  background-color: transparent;

  top: 0;

  bottom: 0;

  width: 5rem;

}

.subscribe-popup-iner > i {

  font-style: normal;

  font-family: Montserrat;

  font-weight: 700;

  position: absolute;

  left: -3.2rem;

  right: 0;

  font-size: 12.7rem;

  line-height: 12rem;

  bottom: -1.5rem;

  color: #f5f5f5;

  z-index: -1;

}

.subscribe-popup-bottom {

  padding: 2.2rem 4.375rem 1.875rem;

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center;

}

.emailinfo {

  position: relative;

  padding-left: 5.5rem;

}

.emailinfo > i {

  position: absolute;

  left: 0;

  top: -.85rem;

  font-size: 4rem;

}

.emailinfo > a {

  font-size: 1.3rem;

  font-weight: 700;

  font-family: Montserrat;

}



/*===== Blog Detail Style =====*/

.blog-img-info > img + h2 {margin-top: 2.5rem;}

.blog-img-info > h2 {font-size: 1.75rem;}

.blog-img-info > h2 + ul {margin-top: 0.625rem;}

.pst-dtl-mta > li {color: #bbc7cd;}

.pst-dtl-mta > li + li {margin-left: 1.875rem;}

.pst-dtl-mta > li a {color: #8799a3;}

.blog-detail > p {

  font-size: 1.125rem;

  margin-top: 1.5625rem;

}

blockquote {

  width: 100%;

  margin: 4.5rem 0 1.5rem;

  position: relative;

  padding-left: 6.875rem;

}

blockquote > p {

  line-height: 1.875rem;

  font-size: 1.5rem;

  color: #2e2e2e;

}

blockquote > p:before {

  content: "“";

  color: #dfe5e9;

  font-size: 17.1875rem;

  line-height: 12.5rem;

  position: absolute;

  top: -1.25rem;

  left: 2.5rem;

  z-index: -1;

}

blockquote > p + h5 {margin-top: 1.65rem;}

blockquote > h5 {font-size: 1.125rem;}

blockquote > span {

  font-size: 1rem;

  color: #8799a3;

}

.blg-dtl-gal {

  margin-top: 1.25rem;

  margin-bottom: .5rem;

  display: inline-block;

}

.alignright {

  float: right;

  margin-left: 1.875rem;

}

.blog-detaildata {

  border-top: 2px solid rgba(137,137,137,.15);

  margin-top: 2.8125rem;

  padding-top: 2.5rem;

}

.tags > span, .scl4 > span {

  font-size: 0.9375rem;

  text-transform: uppercase;

  font-family: Montserrat;

  font-weight: 700;

  display: inline-block;

  vertical-align: middle;

  margin-right: 1.25rem;

}

.tags + .scl4 {margin-top: .75rem;}

.author {

  margin-top: 3.125rem;

  background-color: #f8f8f8;

  padding: 3.125rem;

}

.author-img {

  max-width: 6.25rem;

  flex: 0 0 6.25rem;

}

.author-img + .author-info {

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

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

  padding-left: 1.875rem;

}

.author-info > h3 {font-size: 1.375rem;}

.author-info > h3 + p {margin-top: .75rem;}

.author-info > p {

  font-size: 1rem;

  line-height: 1.6rem;

}

.reply-form {margin-top: 4.375rem;}

.reply-form > h3 {font-size: 1.75rem;}

.reply-form > h3 + form {margin-top: 1.25rem;}

.reply-form > form input, 

.reply-form > form textarea {

  background-color: #f8f8f8;

  height: 3.75rem;

  padding: 1.5rem 2.1875rem;

  font-size: 1rem;

  color: #8799a3;

}

.reply-form > form textarea {height: 10rem;}



/*===== Sidebar Style =====*/

.wdgt.style2 {

  background-color: #f8f8f8;

  -webkit-box-shadow: 0 8px .75rem rgba(0,0,0,.04);

  -ms-box-shadow: 0 8px .75rem rgba(0,0,0,.04);

  -o-box-shadow: 0 8px .75rem rgba(0,0,0,.04);

  box-shadow: 0 8px .75rem rgba(0,0,0,.04);

  padding: 2.5rem;

}

.wdgt.style2 > h4 {

  padding-bottom: 1.25rem;

  border-bottom: 2px solid #f3f4f6;

  font-size: 1.5rem;

  margin-bottom: 1.5rem;

}

.wdgt > ul li {

  display: block;

  width: 100%;

  font-size: 0.9375rem;

}

.wdgt > ul li + li {

  border-top: 1px solid #eaeaea;

  padding-top: 8px;

  margin-top: 8px;

}

.wdgt > ul.abt-cnt-lst li + li {

  margin-top: 0;

  padding-top: 0;

  border-top: 0;

}

.mini-pst-bx {

  display: flex;

  align-items: center;

}

.mini-pst-bx + .mini-pst-bx {margin-top: 1.5625rem;}

.mini-pst-bx > a {

  flex: 0 0 6.0625rem;

  max-width: 6.0625rem;

}

.mini-pst-bx > a + .mini-pst-inf {

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

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

  padding-left: 1.25rem;

}

.mini-pst-inf > span {

  display: inline-block;

  font-size: 0.875rem;

  font-weight: 600;

  color: #999;

}

.mini-pst-inf > h4 {

  margin: 3px 0;

  font-weight: 600;

  font-size: 1rem;

}

.mini-pst-inf > span.pst-athr {font-weight: 500;}

.mini-pst-wrp > a {

  margin-top: 2.5rem;

  padding: 0.8125rem 2.8125rem;

}

.tagcloud {margin-top: -0.625rem;}

.tagcloud > a {

  display: inline-block;

  margin: 5px 5px 0 0;

  border: 2px solid #ebebeb;

  -webkit-border-radius: 1.875rem;

  border-radius: 1.875rem;

  font-size: 0.875rem;

  color: #999;

  padding: 7px 1.375rem;

}

.tagcloud > a:hover, 

.tagcloud > a:focus {color: #fff;}



/*===== Price Style 1 =====*/

.price-box3 {

  position: relative;

  background: -moz-linear-gradient(90deg, rgba(204,43,94,1) 0%, rgba(117,58,136,1) 100%);

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(117,58,136,1)), color-stop(100%, rgba(204,43,94,1)));

  background: -webkit-linear-gradient(90deg, rgba(204,43,94,1) 0%, rgba(117,58,136,1) 100%);

  background: -o-linear-gradient(90deg, rgba(204,43,94,1) 0%, rgba(117,58,136,1) 100%);

  background: -ms-linear-gradient(90deg, rgba(204,43,94,1) 0%, rgba(117,58,136,1) 100%);

  background: linear-gradient(0deg, rgba(204,43,94,1) 0%, rgba(117,58,136,1) 100%);

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#753a88', endColorstr='#cc2b5e',GradientType=0 );

  padding: 3.125rem 2.5rem 3.75rem;

}

.price-box3:before {

  content: "";

  position: absolute;

  border: 0.8125rem solid #fff;

  top: 4px;

  bottom: 4px;

  left: 4px;

  right: 4px;

}

.price-head3 {

  position: relative;

  z-index: 1;

}

.price-head3 > h2 {

  color: #fff;

  font-size: 2.0625rem;

  font-weight: 900;

}

.price-head3 > i {

  color: #fff;

  font-size: 1rem;

  font-style: normal;

  text-transform: uppercase;

}

.price-head3 > i + h3 {margin-top: 1.875rem;}

.price-head3 > h3 {

  color: #fff;

  font-size: 3.75rem;

  font-weight: 800;

}

.price-head3 + .price-body3 {margin-top: 1.55rem;}

.price-body3 > ul {

  position: relative;

  z-index: 1;

}

.price-body3 > ul li {color: #fff;}

.price-body3 > ul + a {margin-top: 2.8125rem;}

.price-body3 > a {

  padding: 0.88rem 2.5rem;

  font-size: 0.9375rem;

  font-family: Montserrat;

  font-weight: 700;

  background-color: #fff;

  position: relative;

  z-index: 1;

}

.price-head3 > h3 sup {

  top: -1rem;

  font-size: 60%;

}

.price-body3 > a:hover,

.price-body3 > a:focus {color: #fff;}



/*===== Price Style 2 =====*/

.price-body4 {

  z-index: 1;

  min-height: 51.875rem;

  background-size: cover;

  background-position: center;

  padding: 3rem 2rem 3.4375rem;

}

.price-body4-inner > span {

  color: #fff;

  font-size: 3.4375rem;

  font-family: Montserrat;

  font-weight: 800;

}

.price-body4-inner > span sup {

  top: -0.625rem;

  font-size: 60%;

}

.price-body4-inner > h4 {

  color: #fff;

  font-size: 1.875rem;

  font-weight: 600;

}

.price-body4-inner > h4 + ul {margin-top: 1.6875rem;}

.price-body4-inner > ul li {color: #fff;}

.price-body4:before {

  content: "";

  position: absolute;

  left: 0;

  right: 0;

  bottom: 0;

  top: 0;

  background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 20%, rgba(0,0,0,0.95) 100%);

  background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 20%,rgba(0,0,0,0.95) 100%);

  background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 20%,rgba(0,0,0,0.95) 100%);

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );

  z-index: -1;

}

.price-box4 > a {font-size: 1.6875rem;}



/*===== Page Title Styles =====*/



/*=== Page Title Style 3 ===*/

.page-title.style3 {margin-bottom: 0.9375rem;}

.breadcrumb.style2 {

  background-color: transparent;

  -webkit-box-shadow: none;

  -ms-box-shadow: none;

  -o-box-shadow: none;

  box-shadow: none;

  padding: 0;

  margin: 0;

  justify-content: center;

}

.breadcrumb.style2 > li.breadcrumb-item:first-child {

  border: 0;

  margin: 0;

  max-width: initial;

  text-align: initial;

  width: auto;

}

.breadcrumb.style2 > li.breadcrumb-item:first-child a {

  padding: 0;

  margin: 0;

}

.breadcrumb.style2 > li.breadcrumb-item:first-child a i {margin-right: .5rem;}

.breadcrumb.style2 > li.breadcrumb-item:nth-child(2) {

  margin-left: 1rem;

  padding-left: 1.2rem;

}

.breadcrumb.style2 > li.breadcrumb-item:nth-child(2):before {

  display: block;

  content: "5";

  font-family: 'ElegantIcons';

  position: absolute;

  left: -0.53rem;

  top: 0;

  color: inherit;

}

.breadcrumb.style2.bg-color41 {

  background-color: var(--color41);

  padding: 1.72rem 2rem;

}

.container + .breadcrumb.style2.bg-color41 {margin-top: 6.25rem;}

.breadcrumb.style2.v2 {

  display: inline-block;

  background-color: #502d9b;

  padding: .75rem 3.5rem;

}

.breadcrumb.style2.v2 > li {display: inline-block;}



/* #WhatsApp Code */

.float{

	position:fixed;

	width:60px;

	height:60px;

	bottom:40px;

	right:40px;

	background-color:#25d366;

	color:#FFF;

	border-radius:50px;

	text-align:center;

  font-size:30px;

	box-shadow: 2px 2px 3px #999;

  z-index:100;

}



.my-float{

	margin-top:16px;

}