.immo img {
    display: block;
}
.row.top-padding {
    padding-top: 75px;
    padding-bottom: 10px;
}
.section-testimonial-slider {
    padding-top: 70px;
    padding-bottom: 64px;
}
.ht-slide.slider-style-1.bg_image--52.d-flex.align-items-center.animation__style--1 {
    min-height: 621px !important;
    background-size: contain;
}

html {
    scroll-behavior: smooth;
}
.col-md-12.gifo img {
    width: 109px;
    margin-top: -16px;
    position: absolute;
    z-index: 11;
    margin-left: 0px;
    top: 14px;
    left: -27px;
}

div#courses {
    padding: 52px 20px;
}
.logo img {
    width: 100%;
    max-width: 220px;
	background: white;
}

.form1 {
    background: rgb(247 247 247);
    padding: 20px;
    border-radius: 20px;
    /*border: 10px solid #1396ba;*/
}
.hero-event.content h3 {
    font-size: 41PX;
    color: #fff !Important;
    background: #017cc0;
    /* border: 20px solid #000; */
}
.thumb img {
   
    text-align: center;
    margin: 0 auto;
}
.reapir-choose-us {
    background: url(img/repair/about/shap.png);
}
div#commerce-programs {
    padding-top: 48px;
    /* color: #fff; */
    padding-bottom: 40px;
}
.section-welcome {
    background: url(img/repair/about/shap.png);
}
a.nav-link {
    padding: 10px 15px !important;
}

.event-tab-content.nav.justify-content-between {
    margin-bottom: 0px 10px !important;
}

div#commerce-programs h2,p,h3,h4 {
    color: #fff !important;
}

ul.listing li {
    background: #00316a;
    padding: 20px;
    color: #fff;
    font-size: 20px;
}

a.nav-link.active.show {
    background: #00a3c8;
}

a.nav-link {
    background: #fff;
}



div#day1 p {
    color: #fff !important;
}

div#commerce-programs p {
    color: #fff !important;
}

.section-service p {
    color: #fff !important;
}
.bordo.col-md-6.boright {
    border-right: 2px solid #fff;
}
ul.listing1 li,ul.listing2 li  {
    color: #fff;
}
.reapir-choose-us h4 {
    color: #000 !important;
}
.section-post-carousel {
    padding-top: 55px;
    padding-bottom: 50px;
}
.section-post-carousel {
    background: #29658a;
    float: left;
    width: 100%;
}
.section-post-carousel p {
    color: #fff !important;
}
h3.wwrite {
    font-size: 32px;
}
.section-brand h2 {
    font-size: 37px;
}
.section-brand {
    padding-top: 30px;
    padding-bottom: 30px;
}
footer#eduservices-footer {
    background: #272424;
    /* text-align: center; */
    /* margin: 0 auto; */
}



.copyright p {
    margin: 0;
    padding: 14px;
    color: #fff !important;
}
.section-testimonial-slider p {
    color: #fff !important;
}


.mobile-carousel .owl-dots {
    display: flex;
    justify-content: center;
    margin-top: 10px;
}
.mobile-carousel .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    background: #576575;
    margin: 2px;
}
.mobile-carousel .owl-dots .owl-dot.active span {
    background: #113c73;
}
 	.hide__mob {
		display: block!important;
	}
	.visible__mob {
		display: none!important;
	}
section.rs-ranking-section .mobile-carousel .item img {
    width: 100%;
    display: inline-block;
    padding: 1rem;
}
section#\#programs .owl-carousel {
	padding-bottom: 20px;
}
section#\#programs .owl-carousel .item {
    background: #fff;
    padding: 1.5rem;
}
section#\#programs .owl-carousel .item h3 {
    color: #000;
    font-weight: 700;
    margin-bottom: 1rem;
}
section#\#programs .owl-carousel .item h4, section#program .owl-carousel .item h5 {
    margin: 10px 0;
    color: #000;
    font-weight: 500;
    font-size: 20px;
}
section#\#programs .owl-carousel .item ul {
    padding-left: 18px;
}
section#\#programs .owl-carousel .item ul li {
    list-style: disc;
}
section#\#programs .owl-carousel .item .col-6 h2 {
    font-size: 16px;
    margin-top: 10px;
}
  .cta-wrapper {
    display: none;
}
/* Home Cleaning */
@import url("https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800,900,900i|Poppins:400,500,500i,600,800|Courgette:400|Raleway:400,500,600,700|Lora:400,700|Open+Sans:400,600,700,800|Lobster+Two:400,700|Prata|Playfair+Display:400,700,700i,900,900i|Londrina+Outline|Rubik|Cormorant+Garamond:400,600,700|Dosis:400,600,700,800|Playball|Cabin:400,400i,500,600,70|Frank+Ruhl+Libre:400,500,700,900|Cookie");
@media only screen and (max-width: 575px) {
  .container {
    width: 450px; 
  }
  .vid_popup .modal-dialog {
    max-width: 90% !important;
    margin: 15% auto !important;
}  
    
}
@media only screen and (max-width: 479px) {
  .container {
    width: 100%; } }
/**
 * Reset Styels
 */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
nav,
section,
summary {
  display: block; }

audio,
canvas,
video {
  display: inline-block; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden] {
  display: none; }

html,
button,
input,
select,
textarea {
  font-family: "Source Sans Pro", Helvetica, sans-serif; }

a {
  color: #ca3c08;
  text-decoration: none; }

a:visited {
  color: #ac0404; }

a:focus {
  outline: thin dotted; }

a:active,
a:hover {
  color: #ea9629;
  outline: 0; }

a:hover {
  text-decoration: underline; }

address {
  font-style: italic;
  margin: 0 0 24px; }

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

mark {
  background: #ff0;
  color: #000; }

p {
  margin: 0 0 24px; }

code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 14px;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none; }

pre {
  background: #f5f5f5;
  color: #666;
  font-family: monospace;
  font-size: 14px;
  margin: 20px 0;
  overflow: auto;
  padding: 20px;
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

blockquote,
q {
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  quotes: none; }

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none; }

blockquote {
  font-size: 18px;
  font-style: italic;
  font-weight: 300;
  margin: 24px 40px; }

blockquote blockquote {
  margin-right: 0; }

blockquote cite,
blockquote small {
  font-size: 14px;
  font-weight: normal;
  text-transform: uppercase; }

blockquote em,
blockquote i {
  font-style: normal;
  font-weight: 300; }

blockquote strong,
blockquote b {
  font-weight: 400; }

small {
  font-size: smaller; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

dl {
  margin: 0 20px; }

dt {
  font-weight: bold; }

dd {
  margin: 0 0 20px; }

menu,
ol,
ul {
  margin: 16px 0;
  padding: 0 0 0 40px; }

ul {
  list-style-type: square; }

nav ul,
nav ol {
  list-style: none;
  list-style-image: none; }

li > ul,
li > ol {
  margin: 0; }

img {
  -ms-interpolation-mode: bicubic;
  border: 0;
  vertical-align: middle; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 0; }

form {
  margin: 0; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  min-width: inherit;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0;
  white-space: normal; }

button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  max-width: 100%;
  vertical-align: baseline; }

button,
input {
  line-height: normal; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  cursor: pointer; }

button[disabled],
input[disabled] {
  cursor: default; }

input[type="checkbox"],
input[type="radio"] {
  padding: 0; }

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
  appearance: textfield;
  padding-right: 2px;
  /* Don't cut off the webkit search cancel button */
  width: 270px; }

input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
  appearance: none; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto;
  vertical-align: top; }

table {
  border-bottom: 1px solid #ededed;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 14px;
  line-height: 2;
  margin: 0 0 20px;
  width: 100%; }

caption,
th,
td {
  font-weight: normal;
  text-align: center; }

caption {
  font-size: 16px;
  margin: 20px 0; }

th {
  font-weight: bold;
  text-transform: uppercase; }

td {
  border-top: 1px solid #ededed;
  padding: 4px 4px 6px 18px; }

del {
  color: #333; }

ins {
  background: #fff9c0;
  text-decoration: none; }

hr {
  background-size: 4px 4px;
  border: 0;
  height: 1px;
  margin: 0 0 24px; }

/**
 * Typography
 */
* {
  box-sizing: border-box; }

img {
  max-width: 100%; }

html {
  overflow: hidden;
  overflow-y: auto; }

body {
  overflow: hidden;
  font-size: 16px;
  line-height: 24px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "Poppins", sans-serif;
  color: #18012c;
  font-weight: 400; }

a {
  transition: all 0.4s ease-in-out 0s; }

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
address,
p,
pre,
blockquote,
dl,
dd,
menu,
ol,
ul,
table,
caption,
hr {
  margin: 0;
  margin-bottom: 15px; }

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: "Montserrat", sans-serif;
  line-height: 1.3;
  color: #18012c; }

h1,
.h1 {
  font-size: 42px; }

h2,
.h2 {
  font-size: 30px; }

h3,
.h3 {
  font-size: 26px; }

h4,
.h4 {
  font-size: 22px; }

h5,
.h5 {
  font-size: 18px; }

h6,
.h6 {
  font-size: 14px; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  h1,
  .h1 {
    font-size: 38px; }

  h2,
  .h2 {
    font-size: 28px; }

  h3,
  .h3 {
    font-size: 24px; } 
}


@media only screen and (max-width: 991px) {
.header--transparant {
    top: 25px;
}
}


@media only screen and (max-width: 767px) {
    
    .col-md-12.gifo img {
    width: 109px;
    margin-top: -16px;
    position: absolute;
    z-index: 11;
    margin-left: 0px;
    top: -14px;
    left: 2px;
}
    
    
  h1,
  .h1 {
    font-size: 36px; }

  h2,
  .h2 {
    font-size: 26px; }

  h3,
  .h3 {
    font-size: 24px; } 
    
      	.hide__mob {
		display: none!important;
	}
	.visible__mob {
		display: block!important;
	}

.mobile-carousel .item {
    background: #fff;
    padding: 1.5rem;
    overflow: auto;
}
        .mobile-carousel p {
    color: #000!important;
}
    .mobile-carousel .item h3 {
    color: #000!important;
}
    ul.ul-disc li {
    color: #000!important;
}

.mobile-carousel .item ul.listing1 li, ul.listing2 li {
    color: #000!important;
}
    .mobile-carousel .item ul.eligi li {
    color: #000!important;
}
    .mobile-carousel .item h2 {
    color: #000!important;!important;
}
    
    footer {
    margin-bottom: 50px;
}
.cta-wrapper {
    display: block;
    position: relative;
    width: 100%;
}
.btn-cta-wrapper {
    position: fixed;
    background-color: #6c757d;
    padding: 7px 2px;
    width: 100%;
    bottom: 0;
    z-index: 99;
}
.all-btns {
    display: flex;
    justify-content: center;
}
.btn-apply {
    margin: 0 10px 0 5px;
    background-color: #FFF;
}
.cta {
    background-color: #fff;
    display: flex;
    align-items: center;
    padding: 0 10px !important;
}
.cta, .read-more {
    color: #000;
    font-weight: 700;
    text-decoration: none;
    padding: 7px 10px;
}
.cta .padd-btn {
    font-size: 13px;
    padding: 9px 9px 7px 0px;
}
.cta span:nth-child(2) {
    margin-right: -10px;
    position: relative;
    padding: 9px;
}
.cta .arrow-bg {
    background-color: #ae152d;    
}
.btn-chat, .btn-request {
    padding: 7px 4px;
    font-size: 12px;
}
.btn-request img {
    background-color: transparent;
}
}






@media only screen and (max-width: 575px) {
  h1,
  .h1 {
    font-size: 34px; } 
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
  font-weight: 700; }

h4,
.h4,
h5,
.h5 {
  font-weight: 600; }

h6,
.h6 {
  font-weight: 500; }

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

a:visited {
  color: inherit; }

input,
button,
select,
textarea {
  background: transparent;
  border: 1px solid #cccccc;
  transition: all 0.4s ease-out 0s;
  color: #18012c; }
  input:focus, input:active,
  button:focus,
  button:active,
  select:focus,
  select:active,
  textarea:focus,
  textarea:active {
    outline: none;
    border-color: #18012c; }

input,
select,
textarea {
  width: 100%;
  font-size: 14px; }

input,
select {
  height: 40px;
  padding: 0 15px; }

/*======================
 * Utilities
========================*/
/*-----------------------------------------------
 body-font: 'Poppins', sans-serif;
 heading-font: 'Montserrat', sans-serif;
 font-family: 'Courgette', cursive;
 font-family: 'Raleway', sans-serif;
 font-family: 'Lora', serif;
 font-family: 'Open Sans', sans-serif;
 font-family: 'Lobster Two', cursive;
 font-family: 'Prata', serif;
 font-family: 'Playfair Display', serif;
 font-family: 'Londrina Outline', cursive;
 font-family: 'Rubik', sans-serif;
 font-family: 'Cormorant Garamond', serif;
 font-family: 'Dosis', sans-serif;
 font-family: 'Playball', cursive;
 font-family: 'Cabin', sans-serif;
 font-family: 'Frank Ruhl Libre', serif;
 font-family: 'Cookie', cursive;
-------------------------------------------------*/
.hidden {
  display: none; }

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.poss_relative {
  position: relative; }

.poss_absolute {
  position: absolute; }

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }

.invisible {
  visibility: hidden; }

.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

.clearfix:after {
  clear: both; }

.wrapper {
  position: relative; }

.plr_-15 {
  padding: 0; }

.mt_dec-30 {
  margin-top: -30px !important; }

/*--------------------------
    Section Separation
---------------------------*/
.padding-none {
  padding-left: 0 !important;
  padding-right: 0 !important; }

/*-- Padding Top --*/
.pt--5 {
  padding-top: 5px; }

.pt--10 {
  padding-top: 10px; }

.pt--15 {
  padding-top: 15px; }

.pt--20 {
  padding-top: 20px; }

.pt--25 {
  padding-top: 25px; }

.pt--30 {
  padding-top: 30px; }

.pt--35 {
  padding-top: 35px; }

.pt--40 {
  padding-top: 40px; }

.pt--45 {
  padding-top: 45px; }

.pt--50 {
  padding-top: 50px; }

.pt--55 {
  padding-top: 55px; }

.pt--60 {
  padding-top: 60px; }

.pt--65 {
  padding-top: 65px; }

.pt--70 {
  padding-top: 70px; }

.pt--75 {
  padding-top: 75px; }

.pt--80 {
  padding-top: 80px; }

.pt--85 {
  padding-top: 85px; }

.pt--90 {
  padding-top: 90px; }

.pt--95 {
  padding-top: 95px; }

.pt--100 {
  padding-top: 100px; }

.pt--105 {
  padding-top: 105px; }

.pt--110 {
  padding-top: 110px; }

.pt--115 {
  padding-top: 115px; }

.pt--120 {
  padding-top: 120px; }

.pt--125 {
  padding-top: 125px; }

.pt--130 {
  padding-top: 130px; }

.pt--135 {
  padding-top: 135px; }

.pt--140 {
  padding-top: 140px; }

.pt--145 {
  padding-top: 145px; }

.pt--150 {
  padding-top: 150px; }

@media only screen and (max-width: 575px) {
  .pt_sm--5 {
    padding-top: 5px; }

  .pt_sm--10 {
    padding-top: 10px; }

  .pt_sm--15 {
    padding-top: 15px; }

  .pt_sm--20 {
    padding-top: 20px; }

  .pt_sm--25 {
    padding-top: 25px; }

  .pt_sm--30 {
    padding-top: 30px; }

  .pt_sm--35 {
    padding-top: 35px; }

  .pt_sm--40 {
    padding-top: 40px; }

  .pt_sm--45 {
    padding-top: 45px; }

  .pt_sm--50 {
    padding-top: 50px; } }
/*-- Padding Bottom --*/
.pb--5 {
  padding-bottom: 5px; }

.pb--10 {
  padding-bottom: 10px; }

.pb--15 {
  padding-bottom: 15px; }

.pb--20 {
  padding-bottom: 20px; }

.pb--25 {
  padding-bottom: 25px; }

.pb--30 {
  padding-bottom: 30px; }

.pb--35 {
  padding-bottom: 35px; }

.pb--40 {
  padding-bottom: 40px; }

.pb--45 {
  padding-bottom: 45px; }

.pb--50 {
  padding-bottom: 50px; }

.pb--55 {
  padding-bottom: 55px; }

.pb--60 {
  padding-bottom: 60px; }

.pb--65 {
  padding-bottom: 65px; }

.pb--70 {
  padding-bottom: 70px; }

.pb--75 {
  padding-bottom: 75px; }

.pb--80 {
  padding-bottom: 80px; }

.pb--85 {
  padding-bottom: 85px; }

.pb--90 {
  padding-bottom: 90px; }

.pb--95 {
  padding-bottom: 95px; }

.pb--100 {
  padding-bottom: 100px; }

.pb--105 {
  padding-bottom: 105px; }

.pb--110 {
  padding-bottom: 110px; }

.pb--115 {
  padding-bottom: 115px; }

.pb--120 {
  padding-bottom: 120px; }

.pb--125 {
  padding-bottom: 125px; }

.pb--130 {
  padding-bottom: 130px; }

.pb--135 {
  padding-bottom: 135px; }

.pb--140 {
  padding-bottom: 140px; }

.pb--145 {
  padding-bottom: 145px; }

.pb--150 {
  padding-bottom: 150px; }

@media only screen and (max-width: 575px) {
  .pb_sm--5 {
    padding-bottom: 5px; }

  .pb_sm--10 {
    padding-bottom: 10px; }

  .pb_sm--15 {
    padding-bottom: 15px; }

  .pb_sm--20 {
    padding-bottom: 20px; }

  .pb_sm--25 {
    padding-bottom: 25px; }

  .pb_sm--30 {
    padding-bottom: 30px; }

  .pb_sm--35 {
    padding-bottom: 35px; }

  .pb_sm--40 {
    padding-bottom: 40px; }

  .pb_sm--45 {
    padding-bottom: 45px; }

  .pb_sm--50 {
    padding-bottom: 50px; } }
/*-- Padding Left --*/
.pl--5 {
  padding-left: 5px; }

.pl--10 {
  padding-left: 10px; }

.pl--15 {
  padding-left: 15px; }

.pl--20 {
  padding-left: 20px; }

.pl--25 {
  padding-left: 25px; }

.pl--30 {
  padding-left: 30px; }

.pl--35 {
  padding-left: 35px; }

.pl--40 {
  padding-left: 40px; }

.pl--45 {
  padding-left: 45px; }

.pl--50 {
  padding-left: 50px; }

.pl--55 {
  padding-left: 55px; }

.pl--60 {
  padding-left: 60px; }

.pl--65 {
  padding-left: 65px; }

.pl--70 {
  padding-left: 70px; }

.pl--75 {
  padding-left: 75px; }

.pl--80 {
  padding-left: 80px; }

.pl--85 {
  padding-left: 85px; }

.pl--90 {
  padding-left: 90px; }

.pl--95 {
  padding-left: 95px; }

.pl--100 {
  padding-left: 100px; }

.pl--105 {
  padding-left: 105px; }

.pl--110 {
  padding-left: 110px; }

.pl--115 {
  padding-left: 115px; }

.pl--120 {
  padding-left: 120px; }

.pl--125 {
  padding-left: 125px; }

.pl--130 {
  padding-left: 130px; }

.pl--135 {
  padding-left: 135px; }

.pl--140 {
  padding-left: 140px; }

.pl--145 {
  padding-left: 145px; }

.pl--150 {
  padding-left: 150px; }

.pl--5 {
  padding-left: 5px !important; }

@media only screen and (max-width: 575px) {
  .pl_sm--5 {
    padding-left: 5px; }

  .pl_sm--10 {
    padding-left: 10px; }

  .pl_sm--15 {
    padding-left: 15px; }

  .pl_sm--20 {
    padding-left: 20px; }

  .pl_sm--25 {
    padding-left: 25px; }

  .pl_sm--30 {
    padding-left: 30px; }

  .pl_sm--35 {
    padding-left: 35px; }

  .pl_sm--40 {
    padding-left: 40px; }

  .pl_sm--45 {
    padding-left: 45px; }

  .pl_sm--50 {
    padding-left: 50px; } }
/*-- Padding Right --*/
.pr--5 {
  padding-right: 5px; }

.pr--10 {
  padding-right: 10px; }

.pr--15 {
  padding-right: 15px; }

.pr--20 {
  padding-right: 20px; }

.pr--25 {
  padding-right: 25px; }

.pr--30 {
  padding-right: 30px; }

.pr--35 {
  padding-right: 35px; }

.pr--40 {
  padding-right: 40px; }

.pr--45 {
  padding-right: 45px; }

.pr--50 {
  padding-right: 50px; }

.pr--55 {
  padding-right: 55px; }

.pr--60 {
  padding-right: 60px; }

.pr--65 {
  padding-right: 65px; }

.pr--70 {
  padding-right: 70px; }

.pr--75 {
  padding-right: 75px; }

.pr--80 {
  padding-right: 80px; }

.pr--85 {
  padding-right: 85px; }

.pr--90 {
  padding-right: 90px; }

.pr--95 {
  padding-right: 95px; }

.pr--100 {
  padding-right: 100px; }

.pr--105 {
  padding-right: 105px; }

.pr--110 {
  padding-right: 110px; }

.pr--115 {
  padding-right: 115px; }

.pr--120 {
  padding-right: 120px; }

.pr--125 {
  padding-right: 125px; }

.pr--130 {
  padding-right: 130px; }

.pr--135 {
  padding-right: 135px; }

.pr--140 {
  padding-right: 140px; }

.pr--145 {
  padding-right: 145px; }

.pr--150 {
  padding-right: 150px; }

@media only screen and (max-width: 575px) {
  .pr_sm--5 {
    padding-right: 5px; }

  .pr_sm--10 {
    padding-right: 10px; }

  .pr_sm--15 {
    padding-right: 15px; }

  .pr_sm--20 {
    padding-right: 20px; }

  .pr_sm--25 {
    padding-right: 25px; }

  .pr_sm--30 {
    padding-right: 30px; }

  .pr_sm--35 {
    padding-right: 35px; }

  .pr_sm--40 {
    padding-right: 40px; }

  .pr_sm--45 {
    padding-right: 45px; }

  .pr_sm--50 {
    padding-right: 50px; } }
/*-- Padding Left Right --*/
.plr--5 {
  padding: 0 5px; }

.plr--10 {
  padding: 0 10px; }

.plr--15 {
  padding: 0 15px; }

.plr--20 {
  padding: 0 20px; }

.plr--25 {
  padding: 0 25px; }

.plr--30 {
  padding: 0 30px; }

.plr--35 {
  padding: 0 35px; }

.plr--40 {
  padding: 0 40px; }

.plr--45 {
  padding: 0 45px; }

.plr--50 {
  padding: 0 50px; }

.plr--55 {
  padding: 0 55px; }

.plr--60 {
  padding: 0 60px; }

.plr--65 {
  padding: 0 65px; }

.plr--70 {
  padding: 0 70px; }

.plr--75 {
  padding: 0 75px; }

.plr--80 {
  padding: 0 80px; }

.plr--85 {
  padding: 0 85px; }

.plr--90 {
  padding: 0 90px; }

.plr--95 {
  padding: 0 95px; }

.plr--100 {
  padding: 0 100px; }

.plr--105 {
  padding: 0 105px; }

.plr--110 {
  padding: 0 110px; }

.plr--115 {
  padding: 0 115px; }

.plr--120 {
  padding: 0 120px; }

.plr--125 {
  padding: 0 125px; }

.plr--130 {
  padding: 0 130px; }

.plr--135 {
  padding: 0 135px; }

.plr--140 {
  padding: 0 140px; }

.plr--145 {
  padding: 0 145px; }

.plr--150 {
  padding: 0 150px; }

/*-- Margin Top --*/
.mt--5 {
  margin-top: 5px !important; }

.mt--10 {
  margin-top: 10px !important; }

.mt--15 {
  margin-top: 15px !important; }

.mt--20 {
  margin-top: 20px !important; }

.mt--25 {
  margin-top: 25px !important; }

.mt--30 {
  margin-top: 30px !important; }

.mt--35 {
  margin-top: 35px !important; }

.mt--40 {
  margin-top: 40px !important; }

.mt--45 {
  margin-top: 45px !important; }

.mt--50 {
  margin-top: 50px !important; }

.mt--55 {
  margin-top: 55px !important; }

.mt--60 {
  margin-top: 60px !important; }

.mt--65 {
  margin-top: 65px !important; }

.mt--70 {
  margin-top: 70px !important; }

.mt--75 {
  margin-top: 75px !important; }

.mt--80 {
  margin-top: 80px !important; }

.mt--85 {
  margin-top: 85px !important; }

.mt--90 {
  margin-top: 90px !important; }

.mt--95 {
  margin-top: 95px !important; }

.mt--100 {
  margin-top: 100px !important; }

/*-- Margin Bottom --*/
.mb--5 {
  margin-bottom: 5px !important; }

.mb--10 {
  margin-bottom: 10px !important; }

.mb--15 {
  margin-bottom: 15px !important; }

.mb--20 {
  margin-bottom: 20px !important; }

.mb--25 {
  margin-bottom: 25px !important; }

.mb--30 {
  margin-bottom: 30px !important; }

.mb--35 {
  margin-bottom: 35px !important; }

.mb--40 {
  margin-bottom: 40px !important; }

.mb--45 {
  margin-bottom: 45px !important; }

.mb--50 {
  margin-bottom: 50px !important; }

.mb--55 {
  margin-bottom: 55px !important; }

.mb--60 {
  margin-bottom: 60px !important; }

.mb--65 {
  margin-bottom: 65px !important; }

.mb--70 {
  margin-bottom: 70px !important; }

.mb--75 {
  margin-bottom: 75px !important; }

.mb--80 {
  margin-bottom: 80px !important; }

.mb--85 {
  margin-bottom: 85px !important; }

.mb--90 {
  margin-bottom: 90px !important; }

.mb--95 {
  margin-bottom: 95px !important; }

.mb--100 {
  margin-bottom: 100px !important; }

/*-- Margin Bottom --*/
.ptb--5 {
  padding: 5px 0; }

.ptb--10 {
  padding: 10px 0; }

.ptb--15 {
  padding: 15px 0; }

.ptb--20 {
  padding: 20px 0; }

.ptb--25 {
  padding: 25px 0; }

.ptb--30 {
  padding: 30px 0; }

.ptb--35 {
  padding: 35px 0; }

.ptb--40 {
  padding: 40px 0; }

.ptb--45 {
  padding: 45px 0; }

.ptb--50 {
  padding: 50px 0; }

.ptb--55 {
  padding: 55px 0; }

.ptb--60 {
  padding: 60px 0; }

.ptb--65 {
  padding: 65px 0; }

.ptb--70 {
  padding: 70px 0; }

.ptb--75 {
  padding: 75px 0; }

.ptb--80 {
  padding: 80px 0; }

.ptb--85 {
  padding: 85px 0; }

.ptb--90 {
  padding: 90px 0; }

.ptb--95 {
  padding: 95px 0; }

.ptb--100 {
  padding: 100px 0; }

.ptb--105 {
  padding: 105px 0; }

.ptb--110 {
  padding: 110px 0; }

.ptb--115 {
  padding: 115px 0; }

.ptb--120 {
  padding: 120px 0; }

.ptb--125 {
  padding: 125px 0; }

.ptb--130 {
  padding: 130px 0; }

.ptb--135 {
  padding: 135px 0; }

.ptb--140 {
  padding: 140px 0; }

.ptb--145 {
  padding: 145px 0; }

.ptb--150 {
  padding: 150px 0; }

.ptb--155 {
  padding: 155px 0; }

.ptb--160 {
  padding: 160px 0; }

.ptb--165 {
  padding: 165px 0; }

.ptb--170 {
  padding: 170px 0; }

.ptb--175 {
  padding: 175px 0; }

/* Section Padding Top Bottom */
.section-ptb-xl {
  padding: 100px 0; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-ptb-xl {
      padding: 80px 0; } }
  @media only screen and (max-width: 767px) {
    .section-ptb-xl {
      padding: 70px 0; } }
  @media only screen and (max-width: 575px) {
    .section-ptb-xl {
      padding: 60px 0; } }

.section-ptb-120 {
  padding: 120px 0; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-ptb-120 {
      padding: 80px 0; } }
  @media only screen and (max-width: 767px) {
    .section-ptb-120 {
      padding: 70px 0; } }
  @media only screen and (max-width: 575px) {
    .section-ptb-120 {
      padding: 60px 0; } }

.section-ptb-110 {
  padding: 110px 0; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-ptb-110 {
      padding: 80px 0; } }
  @media only screen and (max-width: 767px) {
    .section-ptb-110 {
      padding: 70px 0; } }
  @media only screen and (max-width: 575px) {
    .section-ptb-110 {
      padding: 60px 0; } }

/* Section Padding Top */
.section-pt-xl {
  padding-top: 100px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-pt-xl {
      padding-top: 80px; } }
  @media only screen and (max-width: 767px) {
      .header.header-1 .logo {
     margin-bottom: 0px;
      }
    
    .section-pt-xl {
      padding-top: 70px; } }
  @media only screen and (max-width: 575px) {
    .section-pt-xl {
      padding-top: 60px; } }

.section-pt-110 {
  padding-top: 110px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-pt-110 {
      padding-top: 80px; } }
  @media only screen and (max-width: 767px) {
    .section-pt-110 {
      padding-top: 70px; } }
  @media only screen and (max-width: 575px) {
    .section-pt-110 {
      padding-top: 60px; } }

.section-pt-120 {
  padding-top: 120px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-pt-120 {
      padding-top: 80px; } }
  @media only screen and (max-width: 767px) {
    .section-pt-120 {
      padding-top: 70px; } }
  @media only screen and (max-width: 575px) {
    .section-pt-120 {
      padding-top: 60px; } }

/* Section Padding Bottom */
.section-pb-xl {
  padding-bottom: 100px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-pb-xl {
      padding-bottom: 80px; } }
  @media only screen and (max-width: 767px) {
    .section-pb-xl {
      padding-bottom: 70px; } }
  @media only screen and (max-width: 575px) {
    .section-pb-xl {
      padding-bottom: 60px; } }

.section-pb-110 {
  padding-bottom: 110px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-pb-110 {
      padding-bottom: 80px; } }
  @media only screen and (max-width: 767px) {
    .section-pb-110 {
      padding-bottom: 70px; } }
  @media only screen and (max-width: 575px) {
    .section-pb-110 {
      padding-bottom: 60px; } }

.section-pb-120 {
  padding-bottom: 120px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-pb-120 {
      padding-bottom: 80px; } }
  @media only screen and (max-width: 767px) {
    .section-pb-120 {
      padding-bottom: 70px; } }
  @media only screen and (max-width: 575px) {
    .section-pb-120 {
      padding-bottom: 60px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .md-mt-30 {
    margin-top: 30px; } }
@media only screen and (max-width: 767px) {
  .sm-mt-30 {
    margin-top: 30px; } }
@media only screen and (max-width: 575px) {
  .small-mt-30 {
    margin-top: 30px; } }
@media only screen and (max-width: 767px) {
  .plr--80 {
    padding: 0; }

  .plr--30 {
    padding: 0; } }
/*--------------------------------
    Define Text  Colors 
---------------------------------*/
.color-theme {
  color: #18012c; }

.white {
  color: #fff; }

/*----------------------------
    Button Background Color 
------------------------------*/
.button-color--theme {
  background: #18012c; }

/*---------------------------
    Border Radious 
---------------------------*/
.button-radious--5 {
  border-radius: 5px; }

.button-radious--10 {
  border-radius: 10px; }

.button-radious--15 {
  border-radius: 15px; }

.button-radious--20 {
  border-radius: 20px; }

.button-radious--25 {
  border-radius: 25px; }

.button-radious--30 {
  border-radius: 30px; }

.button-radious--35 {
  border-radius: 35px; }

.button-radious--40 {
  border-radius: 40px; }

.button-radious--45 {
  border-radius: 45px; }

.button-radious--50 {
  border-radius: 50px; }

.button-radious--55 {
  border-radius: 55px; }

.button-radious--60 {
  border-radius: 60px; }

.button-radious--65 {
  border-radius: 65px; }

.button-radious--70 {
  border-radius: 70px; }

.button-radious--75 {
  border-radius: 75px; }

.button-radious--80 {
  border-radius: 80px; }

.button-radious--85 {
  border-radius: 85px; }

.button-radious--90 {
  border-radius: 90px; }

.button-radious--95 {
  border-radius: 95px; }

.button-radious--100 {
  border-radius: 100px; }

.button-radious--105 {
  border-radius: 105px; }

.button-radious--110 {
  border-radius: 110px; }

.button-radious--115 {
  border-radius: 115px; }

.button-radious--120 {
  border-radius: 120px; }

.button-radious--125 {
  border-radius: 125px; }

.button-radious--130 {
  border-radius: 130px; }

.button-radious--135 {
  border-radius: 135px; }

.button-radious--140 {
  border-radius: 140px; }

.button-radious--145 {
  border-radius: 145px; }

.button-radious--150 {
  border-radius: 150px; }

.button-radious--155 {
  border-radius: 155px; }

.button-radious--160 {
  border-radius: 160px; }

.button-radious--165 {
  border-radius: 165px; }

.button-radious--170 {
  border-radius: 170px; }

.button-radious--175 {
  border-radius: 175px; }

.button-radious--180 {
  border-radius: 180px; }

.button-radious--185 {
  border-radius: 185px; }

.button-radious--190 {
  border-radius: 190px; }

.button-radious--195 {
  border-radius: 195px; }

.button-radious--200 {
  border-radius: 200px; }

.button-radious--205 {
  border-radius: 205px; }

.button-radious--210 {
  border-radius: 210px; }

.button-radious--215 {
  border-radius: 215px; }

.button-radious--220 {
  border-radius: 220px; }

.button-radious--225 {
  border-radius: 225px; }

.button-radious--230 {
  border-radius: 230px; }

.button-radious--235 {
  border-radius: 235px; }

.button-radious--240 {
  border-radius: 240px; }

.button-radious--245 {
  border-radius: 245px; }

.button-radious--250 {
  border-radius: 250px; }

/*---------------------------
    Button Border
---------------------------*/
.border-1 {
  border: 1px solid #18012c !important; }

.border-4 {
  border: 4px solid #18012c !important; }

.border-8 {
  border: 8px solid #18012c !important; }

/*------------------------------
    Background Color 
 -------------------------------*/
.bg_color--1 {
  background: #18012c; }

.bg_color--2 {
  background: #fff; }

.bg_color--3 {
  background: #f4f4f4; }

.bg_color--4 {
  background: #45b29d; }

.bg_color--5 {
  background: #556270; }

.bg_color--6 {
  background: #3c254a; }

.bg_color--7 {
  background: #73665c; }

.bg_color--8 {
  background: #e09d8b; }

.bg_color--9 {
  background: #1a4f63; }

.bg_color--10 {
  background: #a85265; }

.bg_color--11 {
  background: #d82f4e; }

.bg_color--12 {
  background: #ed9330; }

.bg_color--13 {
  background: #c44b26; }

.bg_color--14 {
  background: #751d45; }

.bg_color--15 {
  background: #ff6b6b; }

.bg_color--16 {
  background: #c44d58; }

.bg_color--17 {
  background: #a85265; }

.bg_color--18 {
  background: #7db7f1; }

.bg_color--19 {
  background: #077e67; }

.bg_color--20 {
  background: #84680a; }

.bg_color--21 {
  background: #a04714; }

.bg_color--22 {
  background: #53c4c0; }

.bg_color--23 {
  background: #f47a6b; }

.bg_color--24 {
  background: #fec51d; }

.bg_color--25 {
  background: #f05555; }

.bg_color--26 {
  background: #67bf35; }

.bg_color--27 {
  background: #ff58c8; }

.bg_color--28 {
  background: #1f2024; }

.bg_color--29 {
  background: #008bff; }

.bg_color--30 {
  background: #f1f1f1; }

.bg_color--31 {
  background: #2a47e0; }

.bg_color--32 {
  background: #365a73; }

.bg_color--33 {
  background: #a7d1b0; }

.bg_color--34 {
  background: #fa9866; }

.bg_color--35 {
  background: #ff7a5a; }

.bg_color--36 {
  background: #00aaa0; }

.bg_color--37 {
  background: #2b2b2b; }

.bg_color--38 {
  background: #212121; }

.bg_color--39 {
  background: #f4f4f4; }

.bg_color--40 {
  background: #e0e0e0; }

.bg_color--41 {
  background: #f4f4f4; }

.bg_color--42 {
  background: #e0e0e0; }

.bg_color--43 {
  background: #083061; }

.bg_color--44 {
  background: #072d5a; }

.bg_color--45 {
  background: #f3f3f3; }

.bg_color--46 {
  background: #f9f9f9; }

.bg_color--47 {
  background: #2d323c; }

.bg_color--48 {
  background: #fdedf7; }

.bg_color--50 {
  background: #313131; }

.bg_color--51 {
  background: #000000; }

.bg-transparent {
  background: transparent !important; }

/*-------------------------
    Background Image 
---------------------------*/
.bg_image--1 {
  background-image: url(img/bg/bg-image-1.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--2 {
  background-image: url(img/bg/bg-image-2.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--3 {
  background-image: url(img/bg/bg-image-3.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--4 {
  background-image: url(img/bg/bg-image-4.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--5 {
  background-image: url(img/bg/bg-image-5.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--6 {
  background-image: url(img/bg/bg-image-6.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--7 {
  background-image: url(img/bg/bg-image-7.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--8 {
  background-image: url(img/bg/bg-image-8.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--9 {
  background-image: url(img/bg/bg-image-9.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--10 {
  background-image: url(img/bg/bg-image-10.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--11 {
  background-image: url(img/bg/bg-image-11.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--12 {
  background-image: url(img/bg/bg-image-12.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--13 {
  background-image: url(img/bg/bg-image-13.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--14 {
  background-image: url(img/bg/bg-image-14.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--15 {
  background-image: url(img/bg/bg-image-15.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--16 {
  background-image: url(img/bg/bg-image-16.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--17 {
  background-image: url(img/bg/bg-image-17.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--18 {
  background-image: url(img/bg/bg-image-18.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--19 {
  background-image: url(img/bg/bg-image-19.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--20 {
  background-image: url(img/bg/bg-image-20.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--21 {
  background-image: url(img/bg/bg-image-21.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--22 {
  background-image: url(img/bg/bg-image-22.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--23 {
  background-image: url(img/bg/bg-image-23.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--24 {
  background-image: url(img/bg/bg-image-24.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--25 {
  background-image: url(img/bg/bg-image-25.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--26 {
  background-image: url(img/bg/bg-image-26.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--27 {
  background-image: url(img/bg/bg-image-27.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--28 {
  background-image: url(img/bg/bg-image-28.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--29 {
  background-image: url(img/bg/bg-image-29.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--30 {
  background-image: url(img/bg/bg-image-30.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--31 {
  background-image: url(img/bg/bg-image-31.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--32 {
  background-image: url(img/bg/bg-image-32.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--33 {
  background-image: url(img/bg/bg-image-33.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--34 {
  background-image: url(img/bg/bg-image-34.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--35 {
  background-image: url(img/bg/bg-image-35.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--36 {
  background-image: url(img/bg/bg-image-36.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--37 {
  background-image: url(img/bg/bg-image-37.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--38 {
  background-image: url(img/bg/bg-image-38.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--39 {
  background-image: url(img/bg/bg-image-39.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--40 {
  background-image: url(img/bg/bg-image-40.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--41 {
  background-image: url(img/bg/bg-image-41.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--42 {
  background-image: url(img/bg/bg-image-42.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--43 {
  background-image: url(img/bg/bg-image-43.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--44 {
  background-image: url(img/bg/bg-image-44.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--45 {
  background-image: url(img/bg/bg-image-45.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--46 {
  background-image: url(img/bg/bg-image-46.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--47 {
  background-image: url(img/bg/bg-image-47.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--48 {
  background-image: url(img/bg/bg-image-48.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--49 {
  background-image: url(img/bg/bg-image-49.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--50 {
  background-image: url(img/bg/bg-image-50.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--51 {
  background-image: url(img/bg/bg-image-51.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--52 {
  background-image: url(img/bg/bg-image.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--53 {
  background-image: url(img/bg/bg-image-531.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--54 {
  background-image: url(img/bg/bg-image-54.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--55 {
  background-image: url(img/bg/bg-image-551.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--56 {
  background-image: url(img/bg/bg-image-56.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--57 {
  background-image: url(img/bg/bg-image-57.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--58 {
  background-image: url(img/bg/bg-image-58.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--59 {
  background-image: url(img/bg/bg-image-59.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--60 {
  background-image: url(img/bg/bg-image-60.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--61 {
  background-image: url(img/bg/bg-image-61.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--62 {
  background-image: url(img/bg/bg-image-62.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--63 {
  background-image: url(img/bg/bg-image-63.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--64 {
  background-image: url(img/bg/bg-image-64.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--65 {
  background-image: url(img/bg/bg-image-65.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--66 {
  background-image: url(img/bg/bg-image-66.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--67 {
  background-image: url(img/bg/bg-image-67.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--68 {
  background-image: url(img/bg/bg-image-68.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--69 {
  background-image: url(img/bg/bg-image-69.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--70 {
  background-image: url(img/bg/bg-image-70.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--71 {
  background-image: url(img/bg/bg-image-71.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--72 {
  background-image: url(img/bg/bg-image-72.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--73 {
  background-image: url(img/bg/bg-image-73.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--74 {
  background-image: url(img/bg/bg-image-74.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--75 {
  background-image: url(img/bg/bg-image-75.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--76 {
  background-image: url(img/bg/bg-image-76.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--77 {
  background-image: url(img/bg/bg-image-77.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--78 {
  background-image: url(img/bg/bg-image-78.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--79 {
  background-image: url(img/bg/bg-image-79.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--80 {
  background-image: url(img/bg/bg-image-80.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--81 {
  background-image: url(img/bg/bg-image-81.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--82 {
  background-image: url(img/bg/bg-image-82.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--83 {
  background-image: url(img/bg/bg-image-831.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--84 {
  background-image: url(img/bg/bg-image-84.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--85 {
  background-image: url(img/bg/bg-image-85.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--86 {
  background-image: url(img/bg/bg-image-86.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--87 {
  background-image: url(img/bg/bg-image-87.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--88 {
  background-image: url(img/bg/bg-image-88.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--89 {
  background-image: url(img/bg/bg-image-89.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--90 {
  background-image: url(img/bg/bg-image-90.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--91 {
  background-image: url(img/bg/bg-image-91.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--92 {
  background-image: url(img/bg/bg-image-92.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--93 {
  background-image: url(img/bg/bg-image-93.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--94 {
  background-image: url(img/bg/bg-image-94.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--95 {
  background-image: url(img/bg/bg-image-95.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--96 {
  background-image: url(img/bg/bg-image-96.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--97 {
  background-image: url(img/bg/bg-image-97.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--98 {
  background-image: url(img/bg/bg-image-98.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--99 {
  background-image: url(img/bg/bg-image-99.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--100 {
  background-image: url(img/bg/bg-image-100.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--101 {
  background-image: url(img/bg/bg-image-101.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--102 {
  background-image: url(img/bg/bg-image-102.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--103 {
  background-image: url(img/bg/bg-image-103.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--104 {
  background-image: url(img/bg/bg-image-104.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--105 {
  background-image: url(img/bg/bg-image-105.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--106 {
  background-image: url(img/bg/bg-image-106.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--107 {
  background-image: url(img/bg/bg-image-107.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--108 {
  background-image: url(img/bg/bg-image-108.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--109 {
  background-image: url(img/bg/bg-image-109.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--110 {
  background-image: url(img/bg/bg-image-110.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--111 {
  background-image: url(img/bg/bg-image-111.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--112 {
  background-image: url(img/bg/bg-image-112.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--113 {
  background-image: url(img/bg/bg-image-113.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--114 {
  background-image: url(img/bg/bg-image-114.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--115 {
  background-image: url(img/bg/bg-image-115.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--116 {
  background-image: url(img/bg/bg-image-116.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--117 {
  background-image: url(img/bg/bg-image-117.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--118 {
  background-image: url(img/bg/bg-image-118.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--119 {
  background-image: url(img/bg/bg-image-119.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.bg_image--120 {
  background-image: url(img/bg/bg-image-120.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

/*-----------------------------------------
    Slider Navigation Background Image 
-------------------------------------------*/
.slider_image--1 {
  background-image: url(img/slider/bg/bg-1.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.slider_image--2 {
  background-image: url(img/slider/bg/bg-2.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.slider_image--3 {
  background-image: url(img/slider/bg/bg-3.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.slider_image--4 {
  background-image: url(img/slider/bg/bg-4.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.slider_image--5 {
  background-image: url(img/slider/bg/bg-5.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.slider_image--6 {
  background-image: url(img/slider/bg/bg-6.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.slider_image--7 {
  background-image: url(img/slider/bg/bg-7.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.slider_image--8 {
  background-image: url(img/slider/bg/bg-8.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.slider_image--9 {
  background-image: url(img/slider/bg/bg-9.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.slider_image--10 {
  background-image: url(img/slider/bg/bg-10.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.slider_image--11 {
  background-image: url(img/slider/bg/bg-11.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.slider_image--12 {
  background-image: url(img/slider/bg/bg-12.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.slider_image--13 {
  background-image: url(img/slider/bg/bg-13.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.slider_image--14 {
  background-image: url(img/slider/bg/bg-14.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.slider_image--15 {
  background-image: url(img/slider/bg/bg-15.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.slider_image--16 {
  background-image: url(img/slider/bg/bg-16.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.slider_image--17 {
  background-image: url(img/slider/bg/bg-17.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.slider_image--18 {
  background-image: url(img/slider/bg/bg-18.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.slider_image--19 {
  background-image: url(img/slider/bg/bg-19.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.slider_image--20 {
  background-image: url(img/slider/bg/bg-20.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

/*-----------------------------------------
    Marker Background Image 
-------------------------------------------*/
.marker_image--1 {
  background-image: url(img/marker/marker-1.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.marker_image--2 {
  background-image: url(img/marker/marker-2.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.marker_image--3 {
  background-image: url(img/marker/marker-3.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.marker_image--4 {
  background-image: url(img/marker/marker-4.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.marker_image--5 {
  background-image: url(img/marker/marker-5.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.marker_image--6 {
  background-image: url(img/marker/marker-6.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.marker_image--7 {
  background-image: url(img/marker/marker-7.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.marker_image--8 {
  background-image: url(img/marker/marker-8.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.marker_image--9 {
  background-image: url(img/marker/marker-9.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.marker_image--10 {
  background-image: url(img/marker/marker-10.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

/* ------------------------
    Text specialized
---------------------------*/
.text-italic {
  font-style: italic; }

.text-normal {
  font-style: normal; }

.text-underline {
  font-style: underline; }

/*------------------------
    Font specialized 
-------------------------*/
.body-font {
  font-family: "Poppins", sans-serif; }

.heading-font {
  font-family: "Montserrat", sans-serif; }

/* ------------------------
    Height and width
---------------------------*/
.fullscreen {
  min-height: 100vh;
  width: 100%; }

.w-100 {
  width: 100%; }

.w-75 {
  width: 75%; }

.w-50 {
  width: 50%; }

.w-33 {
  width: 33.33%; }

.w-25 {
  width: 25%; }

.w-10 {
  width: 10%; }

.h-100 {
  height: 100%; }

.h-75 {
  height: 75%; }

.h-50 {
  height: 50%; }

.h-25 {
  height: 25%; }

.h-33 {
  height: 33.33%; }

.h-10 {
  height: 10%; }

/*-- ----------------
    Custom Row
-------------------------*/
.row--0 {
  margin-left: -0px;
  margin-right: -0px; }
  .row--0 > [class*="col"] {
    padding-left: 0px;
    padding-right: 0px; }

.row--1 {
  margin-left: -1px;
  margin-right: -1px; }
  .row--1 > [class*="col"] {
    padding-left: 1px;
    padding-right: 1px; }

.row--2 {
  margin-left: -2px;
  margin-right: -2px; }
  .row--2 > [class*="col"] {
    padding-left: 2px;
    padding-right: 2px; }

.row--5 {
  margin-left: -5px;
  margin-right: -5px; }
  .row--5 > [class*="col"] {
    padding-left: 5px;
    padding-right: 5px; }

.row--10 {
  margin-left: -10px;
  margin-right: -10px; }
  .row--10 > [class*="col"] {
    padding-left: 10px;
    padding-right: 10px; }

.row--25 {
  margin-left: -25px;
  margin-right: -25px; }
  .row--25 > [class*="col"] {
    padding-left: 25px;
    padding-right: 25px; }

.row--20 {
  margin-left: -20px;
  margin-right: -20px; }
  @media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .row--20 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row--20 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .row--20 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (max-width: 767px) {
    .row--20 {
      margin-left: -15px !important;
      margin-right: -15px !important; } }
  .row--20 > [class*="col"], .row--20 > [class*="col-"] {
    padding-left: 20px;
    padding-right: 20px; }
    @media only screen and (min-width: 1200px) and (max-width: 1599px) {
      .row--20 > [class*="col"], .row--20 > [class*="col-"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .row--20 > [class*="col"], .row--20 > [class*="col-"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .row--20 > [class*="col"], .row--20 > [class*="col-"] {
        padding-left: 15px !important;
        padding-right: 15px !important; } }
    @media only screen and (max-width: 767px) {
      .row--20 > [class*="col"], .row--20 > [class*="col-"] {
        padding-left: 15px !important;
        padding-right: 15px !important; } }

/*------------------------------------
    Input Placeholder
---------------------------------------*/
input:-moz-placeholder, textarea:-moz-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

/*--------------------------
	Overlay styles 
---------------------------*/
[data-overlay],
[data-black-overlay],
[data-white-overlay] {
  position: relative; }

[data-overlay] > div,
[data-overlay] > *,
[data-black-overlay] > div,
[data-black-overlay] > *,
[data-white-overlay] > div,
[data-white-overlay] > * {
  position: relative;
  z-index: 2; }

[data-overlay]:before,
[data-black-overlay]:before,
[data-white-overlay]:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 2; }

[data-overlay]:before {
  background-color: #18012c; }

[data-black-overlay]:before {
  background-color: #000000; }

[data-white-overlay]:before {
  background-color: #ffffff; }

[data-overlay="1"]:before, [data-black-overlay="1"]:before, [data-white-overlay="1"]:before {
  opacity: 0.1; }

[data-overlay="2"]:before, [data-black-overlay="2"]:before, [data-white-overlay="2"]:before {
  opacity: 0.2; }

[data-overlay="3"]:before, [data-black-overlay="3"]:before, [data-white-overlay="3"]:before {
  opacity: 0.3; }

[data-overlay="4"]:before, [data-black-overlay="4"]:before, [data-white-overlay="4"]:before {
  opacity: 0.4; }

[data-overlay="5"]:before, [data-black-overlay="5"]:before, [data-white-overlay="5"]:before {
  opacity: 0.5; }

[data-overlay="6"]:before, [data-black-overlay="6"]:before, [data-white-overlay="6"]:before {
  opacity: 0.6; }

[data-overlay="7"]:before, [data-black-overlay="7"]:before, [data-white-overlay="7"]:before {
  opacity: 0.7; }

[data-overlay="8"]:before, [data-black-overlay="8"]:before, [data-white-overlay="8"]:before {
  opacity: 0.8; }

[data-overlay="9"]:before, [data-black-overlay="9"]:before, [data-white-overlay="9"]:before {
  opacity: 0.9; }

[data-overlay="10"]:before, [data-black-overlay="10"]:before, [data-white-overlay="10"]:before {
  opacity: 1; }

/*=======================
    Data Gradient 
==========================*/
[data-gradient] {
  position: relative; }

[data-gradient] > div,
[data-gradient] > *,
[data-black-gradient] > div,
[data-black-gradient] > *,
[data-white-gradient] > div,
[data-white-gradient] > *,
[data-agency-gradient] > div,
[data-agency-gradient] > * {
  position: relative;
  z-index: 2; }

[data-gradient]:before,
[data-black-gradient]:before,
[data-white-gradient]:before,
[data-agency-gradient]:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 2; }

[data-agency-gradient]:before {
  background-image: linear-gradient(-45deg, #03a9f4, #341941);
  background-image: -webkit-gradient(-45deg, #03a9f4, #341941);
  background-image: -webkit-linear-gradient(-45deg, #03a9f4, #341941);
  background-image: -moz-linear-gradient(-45deg, #03a9f4, #341941);
  background-image: -ms-linear-gradient(-45deg, #03a9f4, #341941);
  background-image: -o-linear-gradient(-45deg, #03a9f4, #341941); }

[data-gradient="1"]:before, [data-black-gradient="1"]:before, [data-white-gradient="1"]:before, [data-agency-gradient="1"]:before {
  opacity: 0.1; }

[data-gradient="2"]:before, [data-black-gradient="2"]:before, [data-white-gradient="2"]:before, [data-agency-gradient="2"]:before {
  opacity: 0.2; }

[data-gradient="3"]:before, [data-black-gradient="3"]:before, [data-white-gradient="3"]:before, [data-agency-gradient="3"]:before {
  opacity: 0.3; }

[data-gradient="4"]:before, [data-black-gradient="4"]:before, [data-white-gradient="4"]:before, [data-agency-gradient="4"]:before {
  opacity: 0.4; }

[data-gradient="5"]:before, [data-black-gradient="5"]:before, [data-white-gradient="5"]:before, [data-agency-gradient="5"]:before {
  opacity: 0.5; }

[data-gradient="6"]:before, [data-black-gradient="6"]:before, [data-white-gradient="6"]:before, [data-agency-gradient="6"]:before {
  opacity: 0.6; }

[data-gradient="7"]:before, [data-black-gradient="7"]:before, [data-white-gradient="7"]:before, [data-agency-gradient="7"]:before {
  opacity: 0.7; }

[data-gradient="8"]:before, [data-black-gradient="8"]:before, [data-white-gradient="8"]:before, [data-agency-gradient="8"]:before {
  opacity: 0.8; }

[data-gradient="9"]:before, [data-black-gradient="9"]:before, [data-white-gradient="9"]:before, [data-agency-gradient="9"]:before {
  opacity: 0.9; }

[data-gradient="10"]:before, [data-black-gradient="10"]:before, [data-white-gradient="10"]:before, [data-agency-gradient="10"]:before {
  opacity: 1; }

.bg-theme, .bg-dark, .bg-dark-light, .bg-secondary {
  color: #ffffff; }
  .bg-theme h1, .bg-theme h2, .bg-theme h3, .bg-theme h4, .bg-theme h5, .bg-theme h6, .bg-theme p, .bg-dark h1, .bg-dark h2, .bg-dark h3, .bg-dark h4, .bg-dark h5, .bg-dark h6, .bg-dark p, .bg-dark-light h1, .bg-dark-light h2, .bg-dark-light h3, .bg-dark-light h4, .bg-dark-light h5, .bg-dark-light h6, .bg-dark-light p, .bg-secondary h1, .bg-secondary h2, .bg-secondary h3, .bg-secondary h4, .bg-secondary h5, .bg-secondary h6, .bg-secondary p {
    color: #ffffff; }

/*------------------------------
    Scroll Up 
--------------------------------*/
#scrollUp {
  width: 40px;
  height: 40px;
  background-color: #18012c;
  border: 3px solid #eeeeee;
  color: #ffffff;
  right: 20px;
  bottom: 60px;
  text-align: center;
  overflow: hidden;
  border-radius: 50px;
  z-index: 9811 !important; }
  @media only screen and (max-width: 767px) {
    #scrollUp {
      display: none !important; } }
  #scrollUp i {
    display: block;
    line-height: 34px;
    font-size: 22px; }
  #scrollUp:hover i {
    animation-name: fadeInUp;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-iteration-count: infinite; }

/*------------------------------
// Contact Form
--------------------------------*/
.form-message {
  margin-bottom: 0;
  text-align: center; }
  .form-message.error {
    margin-top: 20px;
    color: #f80707; }
  .form-message.success {
    margin-top: 20px;
    color: #0d8d2d; }

.bk-parallax {
  position: relative;
  z-index: 0; }

.bk-parallax > .bk-parallax-img {
  position: absolute;
  object-fit: cover;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1; }

/*----------------------
    Social Color
------------------------*/
.facebook {
  background-color: #3B5998;
  color: #fff; }
  .facebook:hover {
    background-color: #3B5998;
    color: #fff; }

.twitter {
  background-color: #00ACEE;
  color: #fff; }
  .twitter:hover {
    background-color: #00ACEE;
    color: #fff; }

.linkedin {
  background-color: #0E76A8;
  color: #fff; }
  .linkedin:hover {
    background-color: #0E76A8;
    color: #fff; }

.pinterest {
  background-color: #C8232C;
  color: #fff; }
  .pinterest:hover {
    background-color: #C8232C;
    color: #fff; }

.google-plus {
  background-color: #DD4B39;
  color: #fff; }
  .google-plus:hover {
    background-color: #DD4B39;
    color: #fff; }

.flickr {
  background-color: #FF0084;
  color: #fff; }
  .flickr:hover {
    background-color: #FF0084;
    color: #fff; }

.yahoo {
  background-color: #720E9E;
  color: #fff; }
  .yahoo:hover {
    background-color: #720E9E;
    color: #fff; }

.behance {
  background-color: #0057ff;
  color: #fff; }
  .behance:hover {
    background-color: #0057ff;
    color: #fff; }

.dribbble {
  background-color: #EA4C89;
  color: #fff; }
  .dribbble:hover {
    background-color: #EA4C89;
    color: #fff; }

.google {
  background-color: #DD4B39;
  color: #fff; }
  .google:hover {
    background-color: #DD4B39;
    color: #fff; }

.github {
  background-color: #171515;
  color: #fff; }
  .github:hover {
    background-color: #171515;
    color: #fff; }

.instagram {
  background-color: #D82E86;
  color: #fff; }
  .instagram:hover {
    background-color: #D82E86;
    color: #fff; }

.quora {
  background-color: #A82400;
  color: #fff; }
  .quora:hover {
    background-color: #A82400;
    color: #fff; }

.reddit {
  background-color: #C6C6C6;
  color: #fff; }
  .reddit:hover {
    background-color: #C6C6C6;
    color: #fff; }

.skype {
  background-color: #00AFF0;
  color: #fff; }
  .skype:hover {
    background-color: #00AFF0;
    color: #fff; }

.slack {
  background-color: #63C1A0;
  color: #fff; }
  .slack:hover {
    background-color: #63C1A0;
    color: #fff; }

.snapchat {
  background-color: #FFFC00;
  color: #fff; }
  .snapchat:hover {
    background-color: #FFFC00;
    color: #fff; }

.tumblr {
  background-color: #34526F;
  color: #fff; }
  .tumblr:hover {
    background-color: #34526F;
    color: #fff; }

.vimeo {
  background-color: #86C9EF;
  color: #fff; }
  .vimeo:hover {
    background-color: #86C9EF;
    color: #fff; }

.youtube {
  background-color: #C4302B;
  color: #fff; }
  .youtube:hover {
    background-color: #C4302B;
    color: #fff; }

/**************************************
	Elements Styles
***************************************/
/*-----------------------
 * Button Style 
-----------------------*/
.color-theme {
  color: #18012c; }

/* Button Bg Inages */
.button-bg-image--1 {
  background-image: url(img/button/button-bg-1.jpg);
  border-style: none;
  background-repeat: no-repeat; }

.button-bg-image--2 {
  background-image: url(img/button/button-bg-2.jpg);
  border-style: none;
  background-repeat: no-repeat; }

.button-bg-image--3 {
  background-image: url(img/button/button-bg-3.jpg);
  border-style: none;
  background-repeat: no-repeat; }

.button-bg-image--4 {
  background-image: url(img/button/button-bg-4.jpg);
  border-style: none;
  background-repeat: no-repeat; }

.button-bg-image--5 {
  background-image: url(img/button/button-bg-5.jpg);
  border-style: none;
  background-repeat: no-repeat; }

/* Button Css */
.button-group--horizonta {
  display: flex;
  flex-wrap: wrap; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .button-group--horizonta {
      justify-content: center; } }
  @media only screen and (max-width: 767px) {
    .button-group--horizonta {
      justify-content: center; } }

.ht-btn {
  font-size: 13px;
  display: inline-block;
  text-transform: uppercase;
  line-height: 27px;
  position: relative;
  overflow: hidden;
  z-index: 1;
  color: #fff;
  font-family: "Montserrat", sans-serif; }
  .ht-btn:hover {
    color: #fff; }
  .ht-btn.button-bg-image {
    transition: 0.5s; }
    .ht-btn.button-bg-image:hover {
      opacity: 0.8; }
  .ht-btn.button-shadow {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    overflow: visible; }
    .ht-btn.button-shadow:hover {
      -webkit-transform: translateY(-5px);
      transform: translateY(-5px); }
    .ht-btn.button-shadow.button-shadow-2::before {
      pointer-events: none;
      position: absolute;
      z-index: -1;
      content: '';
      top: 100%;
      left: 5%;
      height: 10px;
      width: 90%;
      opacity: 0;
      background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
      background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
      -webkit-transition-duration: 0.3s;
      transition-duration: 0.3s;
      -webkit-transition-property: transform, opacity;
      transition-property: transform, opacity; }
    .ht-btn.button-shadow.button-shadow-2:hover::before {
      opacity: 1;
      -webkit-transform: translateY(5px);
      transform: translateY(5px); }
    .ht-btn.button-shadow.button-shadow-3::before, .ht-btn.button-shadow.button-shadow-3::after {
      pointer-events: none;
      position: absolute;
      content: '';
      left: 0;
      width: 100%;
      box-sizing: border-box;
      background-repeat: no-repeat;
      height: 5px;
      opacity: 0;
      -webkit-transition-duration: 0.3s;
      transition-duration: 0.3s;
      -webkit-transition-property: opacity;
      transition-property: opacity; }
    .ht-btn.button-shadow.button-shadow-3::before {
      bottom: 100%;
      background: -webkit-radial-gradient(50% 150%, ellipse, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
      background: radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%); }
    .ht-btn.button-shadow.button-shadow-3::after {
      top: 100%;
      background: -webkit-radial-gradient(50% -50%, ellipse, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
      background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%); }
    .ht-btn.button-shadow.button-shadow-3:hover::before, .ht-btn.button-shadow.button-shadow-3:hover::after {
      opacity: 1; }
    .ht-btn.button-shadow.button-shadow-4:hover {
      box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.6), 0 0 1px rgba(0, 0, 0, 0); }
    .ht-btn.button-shadow.button-shadow-5:hover {
      box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6); }
    .ht-btn.button-shadow.button-shadow-6:hover {
      box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); }
  .ht-btn.bg_color--2 {
    color: #18012c; }
  .ht-btn.button-color--theme {
    background: #18012c; }
  .ht-btn.button-color--2 {
    background: #18012c; }
  .ht-btn.button-transparent {
    background: transparent;
    color: #18012c; }
    .ht-btn.button-transparent:hover {
      background: #18012c;
      color: #ffffff; }
  .ht-btn.button-border--1 {
    border: 1px solid #18012c; }
  .ht-btn.button--medium {
    padding: 16px 43px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .ht-btn.button--medium {
        padding: 16px 36px; } }
    .ht-btn.button--medium.btn-standard {
      padding: 25px 32px; }
    .ht-btn.button--medium.btn-large {
      padding: 30px 58px; }
    .ht-btn.button--medium.btn-extra-large {
      padding: 36px 50px; }
    .ht-btn.button--medium.btn-small {
      padding: 22px 37px; }
    .ht-btn.button--medium.btn-extra-small {
      padding: 16px 16px; }
    .ht-btn.button--medium.button-icon {
      padding: 24px 50px; }
  .ht-btn.button-icon span {
    padding-left: 12px; }
    .ht-btn.button-icon span i {
      font-size: 20px;
      color: #fff; }
  .ht-btn.button-gradient {
    position: relative;
    overflow: hidden;
    box-shadow: 0 0 0 rgba(244, 63, 59, 0.5);
    position: relative;
    z-index: 100;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    background-image: -webkit-linear-gradient(top, #000, #ce51da);
    background-image: linear-gradient(0, #000, #ce51da);
    background-size: 100%; }
    .ht-btn.button-gradient::before {
      position: absolute;
      z-index: -100;
      top: 0;
      left: 0;
      display: block;
      width: 100%;
      height: 100%;
      content: "";
      -webkit-transition: opacity 1s;
      transition: opacity 1s;
      opacity: 0;
      background-image: -webkit-linear-gradient(top, #ce51da, #000000);
      background-image: linear-gradient(0, #ce51da, #000000); }
    .ht-btn.button-gradient:hover::before {
      opacity: 1;
      -webkit-transition: all .5s ease-in-out;
      transition: all .5s ease-in-out; }
    .ht-btn.button-gradient--2 {
      background-image: -webkit-linear-gradient(top, #ecbfa6, #6e2f17);
      background-image: linear-gradient(0, #ecbfa6, #6e2f17); }
      .ht-btn.button-gradient--2::before {
        background-image: -webkit-linear-gradient(top, #6e2f17, #ecbfa6);
        background-image: linear-gradient(0, #6e2f17, #ecbfa6); }
    .ht-btn.button-gradient--3 {
      background-image: -webkit-linear-gradient(top, #511f48, #de6b0e);
      background-image: linear-gradient(0, #511f48, #de6b0e); }
      .ht-btn.button-gradient--3::before {
        background-image: -webkit-linear-gradient(top, #de6b0e, #511f48);
        background-image: linear-gradient(0, #de6b0e, #511f48); }
    .ht-btn.button-gradient--4 {
      background-image: -webkit-linear-gradient(top, #000000, #0cd7f5);
      background-image: linear-gradient(0, #000000, #0cd7f5); }
      .ht-btn.button-gradient--4::before {
        background-image: -webkit-linear-gradient(top, #0cd7f5, #000000);
        background-image: linear-gradient(0, #0cd7f5, #000000); }
    .ht-btn.button-gradient--5 {
      background-image: -webkit-linear-gradient(top, #efb8ea, #f801e4);
      background-image: linear-gradient(0, #efb8ea, #f801e4); }
      .ht-btn.button-gradient--5::before {
        background-image: -webkit-linear-gradient(top, #f801e4, #efb8ea);
        background-image: linear-gradient(0, #f801e4, #efb8ea); }
    .ht-btn.button-gradient--6 {
      background-image: -webkit-linear-gradient(top, #bf0f19, #274f1b);
      background-image: linear-gradient(0, #bf0f19, #274f1b); }
      .ht-btn.button-gradient--6::before {
        background-image: -webkit-linear-gradient(top, #274f1b, #bf0f19);
        background-image: linear-gradient(0, #274f1b, #bf0f19); }
  .ht-btn.button-effect--1 {
    position: relative;
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    z-index: 1; }
    .ht-btn.button-effect--1::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: #623687;
      z-index: -1;
      opacity: 0;
      -webkit-transform: scale3d(0.7, 1, 1);
      transform: scale3d(0.7, 1, 1);
      -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
      transition: transform 0.4s, opacity 0.4s;
      -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
      transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
      z-index: -1; }
    .ht-btn.button-effect--1:hover::before {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0); }
  .ht-btn.button-effect--2 {
    z-index: 1;
    overflow: hidden; }
    .ht-btn.button-effect--2::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 150%;
      height: 100%;
      background: #623687;
      z-index: -1;
      -webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
      transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
      -webkit-transform-origin: 0% 100%;
      transform-origin: 0% 100%;
      -webkit-transition: -webkit-transform 0.3s, opacity 0.3s, background-color 0.3s;
      transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
      z-index: -1; }
    .ht-btn.button-effect--2:hover::before {
      opacity: 1;
      -webkit-transform: rotate3d(0, 0, 1, 0deg);
      transform: rotate3d(0, 0, 1, 0deg);
      -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
      transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); }
  .ht-btn.button-effect--3 {
    z-index: 1;
    position: relative;
    color: #fff; }
    .ht-btn.button-effect--3::before, .ht-btn.button-effect--3::after {
      content: '';
      border-radius: inherit;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      -webkit-transition: -webkit-transform 0.3s, background-color 0.3s;
      transition: transform 0.3s, background-color 0.3s;
      -webkit-transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1);
      transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1);
      z-index: -1; }
    .ht-btn.button-effect--3::before {
      border: 2px solid #623687;
      -webkit-transform: scale3d(0.7, 0.7, 1);
      transform: scale3d(0.7, 0.7, 1); }
    .ht-btn.button-effect--3::after {
      background: #18012c; }
    .ht-btn.button-effect--3:hover::before {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1); }
    .ht-btn.button-effect--3:hover::after {
      background-color: #623687;
      -webkit-transform: scale3d(0.7, 0.7, 1);
      transform: scale3d(0.7, 0.7, 1); }
  .ht-btn.button-with--border {
    z-index: 1;
    position: relative;
    color: #fff; }
    .ht-btn.button-with--border::before, .ht-btn.button-with--border::after {
      content: '';
      border-radius: inherit;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      -webkit-transition: -webkit-transform 0.3s, background-color 0.3s;
      transition: transform 0.3s, background-color 0.3s;
      -webkit-transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1);
      transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1);
      z-index: -1; }
    .ht-btn.button-with--border::before {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
      border: 2px solid #ff6b6b;
      border-radius: 30px; }
    .ht-btn.button-with--border::after {
      background-color: #ff6b6b;
      -webkit-transform: scale3d(0.7, 0.7, 1);
      transform: scale3d(0.7, 0.7, 1);
      border-radius: 30px; }
  .ht-btn.button-effect--4::before {
    content: '';
    position: absolute;
    top: -20px;
    left: -20px;
    bottom: -20px;
    right: -20px;
    background: inherit;
    z-index: -1;
    opacity: 0.4;
    -webkit-transform: scale3d(0.8, 0.5, 1);
    transform: scale3d(0.8, 0.5, 1); }
  .ht-btn.button-effect--4:hover::before {
    -webkit-animation: np-btn--2 0.3s 0.3s forwards;
    animation: np-btn--2 0.3s 0.3s forwards; }
  .ht-btn.button-effect--4:hover {
    -webkit-transition: background-color 0.1s 0.3s, color 0.1s 0.3s;
    transition: background-color 0.1s 0.3s, color 0.1s 0.3s;
    color: #ECEFF1;
    background-color: #623687;
    -webkit-animation: np-btn--1 0.3s forwards;
    animation: np-btn--1 0.3s forwards; }
  .ht-btn.button-effect--5::before {
    content: '';
    z-index: -1;
    position: absolute;
    top: 50%;
    left: 100%;
    margin: -15px 0 0 1px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #623687;
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transform: scale3d(1, 2, 1);
    transform: scale3d(1, 2, 1);
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1);
    transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1); }
  .ht-btn.button-effect--5:hover::before {
    -webkit-transform: scale3d(9, 9, 1);
    transform: scale3d(9, 9, 1); }
  .ht-btn.button-effect--6::before {
    content: '';
    z-index: -1;
    position: absolute;
    top: 50%;
    margin: -15px 0 0 1px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #623687;
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transform: scale3d(1, 2, 1);
    transform: scale3d(1, 2, 1);
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1);
    transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1);
    right: 100%; }
  .ht-btn.button-effect--6:hover::before {
    -webkit-transform: scale3d(9, 9, 1);
    transform: scale3d(9, 9, 1); }
  .ht-btn.button-effect--7:hover {
    -webkit-transform: skew(-10deg);
    transform: skew(-10deg); }
  .ht-btn.button-effect--8 {
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0); }
    .ht-btn.button-effect--8:hover {
      -webkit-animation-name: np-hvr-horizontal;
      animation-name: np-hvr-horizontal;
      -webkit-animation-duration: 1s;
      animation-duration: 1s;
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out;
      -webkit-animation-iteration-count: 1;
      animation-iteration-count: 1; }
  .ht-btn.button-effect--9 {
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0); }
    .ht-btn.button-effect--9:hover {
      -webkit-animation-name: hvr-to-bottom-right;
      animation-name: hvr-to-bottom-right;
      -webkit-animation-duration: 1s;
      animation-duration: 1s;
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out;
      -webkit-animation-iteration-count: 1;
      animation-iteration-count: 1; }
  .ht-btn.button-effect--10::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    background: #e09d8b;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    color: #fff; }
  .ht-btn.button-effect--10:hover::before {
    -webkit-transform: scaleX(0);
    transform: scaleX(0); }
  .ht-btn.button-effect--11::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #45b29d;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  .ht-btn.button-effect--11:hover::before {
    -webkit-transform: scaleY(0);
    transform: scaleY(0); }
  .ht-btn.button-effect--12::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #18012c;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  .ht-btn.button-effect--12:hover::before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); }
  .ht-btn.button-effect--13::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #18012c;
    border-radius: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  .ht-btn.button-effect--13:hover::before {
    -webkit-transform: scale(2);
    transform: scale(2); }
  .ht-btn.button-effect--14::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #18012c;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  .ht-btn.button-effect--14:hover::before {
    -webkit-transform: scale(1);
    transform: scale(1); }
  .ht-btn.button-effect--15::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #d82f4e;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  .ht-btn.button-effect--15:hover::before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); }
  .ht-btn.button-effect--16::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #18012c;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  .ht-btn.button-effect--16:hover::before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); }
  .ht-btn.button-effect--17::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #18012c;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  .ht-btn.button-effect--17:hover::before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); }

.button-holder {
  flex-grow: 1;
  flex-basis: 0;
  margin-right: 30px;
  margin-top: 30px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .button-holder {
      flex-grow: inherit;
      flex-basis: inherit;
      margin-right: 15px;
      margin-top: 15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .button-holder {
      flex-grow: inherit;
      flex-basis: inherit;
      margin-right: 15px;
      margin-top: 15px; } }
  @media only screen and (max-width: 767px) {
    .button-holder {
      flex-grow: inherit;
      flex-basis: inherit;
      margin-right: 13px;
      margin-top: 13px; } }
  .button-holder:last-child {
    margin-right: 0; }

/* Button Sixe Variation */
.button-size .button-holder {
  flex-grow: inherit;
  flex-basis: inherit;
  margin-right: 60px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .button-size .button-holder {
      margin-right: 30px; } }
  @media only screen and (max-width: 767px) {
    .button-size .button-holder {
      margin-right: 15px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .button-size .button-holder {
      margin-right: 20px; } }
  .button-size .button-holder:last-child {
    margin-right: 0; }

.flex_grow-none .button-holder {
  flex-grow: inherit;
  flex-basis: inherit; }

/* Button With Icon */
.button-icon-group .button-holder {
  margin-right: 27px; }
  .button-icon-group .button-holder:last-child {
    margin-right: 0; }

.ht-btn--2 {
  font-size: 13px;
  display: inline-block;
  text-transform: uppercase;
  position: relative;
  overflow: hidden;
  z-index: 1;
  color: #fff;
  height: 60px;
  line-height: 58px;
  display: flex;
  align-items: center;
  font-family: "Montserrat", sans-serif; }
  .ht-btn--2.button-shadow {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    overflow: visible; }
    .ht-btn--2.button-shadow:hover {
      -webkit-transform: translateY(-5px);
      transform: translateY(-5px); }
  .ht-btn--2 span.button-with-icon {
    padding: 0 36px;
    color: #fff; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .ht-btn--2 span.button-with-icon {
        padding: 0 27px; } }
    @media only screen and (max-width: 575px) {
      .ht-btn--2 span.button-with-icon {
        padding: 0 21px; } }
  .ht-btn--2 span.button-arrow {
    background: #fff;
    display: inline-block;
    padding: 0 20px;
    color: #18012c;
    font-size: 20px; }
    .ht-btn--2 span.button-arrow.button-radious {
      width: 50px;
      padding: 0;
      height: 50px;
      text-align: center;
      line-height: 50px; }
  .ht-btn--2.button-icon-2 span.button-arrow {
    color: #fff;
    background: #18012c;
    border-left: 1px solid #ffffff; }
  .ht-btn--2.button-icon-3 {
    padding: 0 49px; }
    .ht-btn--2.button-icon-3 span.button-arrow {
      background: transparent;
      color: #fff;
      padding: 0;
      padding-left: 11px; }
    .ht-btn--2.button-icon-3 span.button-with-icon {
      padding: 0; }

/* Button Effect With keyframe */
@-webkit-keyframes np-btn--1 {
  60% {
    -webkit-transform: scale3d(0.8, 0.8, 1);
    transform: scale3d(0.8, 0.8, 1); }
  85% {
    -webkit-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1); }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
@keyframes np-btn--1 {
  60% {
    -webkit-transform: scale3d(0.8, 0.8, 1);
    transform: scale3d(0.8, 0.8, 1); }
  85% {
    -webkit-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1); }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
@-webkit-keyframes np-btn--2 {
  to {
    opacity: 0;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
@keyframes np-btn--2 {
  to {
    opacity: 0;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
/* Effect Horizontal */
@-webkit-keyframes np-hvr-horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px); }
  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px); }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px); }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px); }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
@keyframes np-hvr-horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px); }
  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px); }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px); }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px); }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
/* Effect To Bottom Right */
@-webkit-keyframes hvr-to-bottom-right {
  16.65% {
    -webkit-transform: translate(8px, 8px);
    transform: translate(8px, 8px); }
  33.3% {
    -webkit-transform: translate(-6px, -6px);
    transform: translate(-6px, -6px); }
  49.95% {
    -webkit-transform: translate(4px, 4px);
    transform: translate(4px, 4px); }
  66.6% {
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px); }
  83.25% {
    -webkit-transform: translate(1px, 1px);
    transform: translate(1px, 1px); }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }
@keyframes hvr-to-bottom-right {
  16.65% {
    -webkit-transform: translate(8px, 8px);
    transform: translate(8px, 8px); }
  33.3% {
    -webkit-transform: translate(-6px, -6px);
    transform: translate(-6px, -6px); }
  49.95% {
    -webkit-transform: translate(4px, 4px);
    transform: translate(4px, 4px); }
  66.6% {
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px); }
  83.25% {
    -webkit-transform: translate(1px, 1px);
    transform: translate(1px, 1px); }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }
/*============================
    Cleaning Home Btn 
=============================*/
.cln-btn {
  display: inline-block;
  background: #03a9f4;
  color: #fff;
  height: 54px;
  padding: 0 54px;
  line-height: 54px;
  font-weight: 500;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  transition: 0.4s ease-in-out; }
  .cln-btn:hover {
    background: #ffffff;
    color: #03a9f4; }
  .cln-btn.btn-transparent {
    background: transparent;
    border: 2px solid #fff;
    color: #fff; }
    .cln-btn.btn-transparent:hover {
      background: #03a9f4;
      border: 2px solid #03a9f4;
      color: #ffffff; }
  .cln-btn.btn-radious--24 {
    border-radius: 24px; }

/*---------------------------
 * Section Title Style
---------------------------------*/
.section-title h2 {
  font-size: 24px;
  font-weight: 600;
  margin: 0;
  display: inline-block;
  border-bottom: 2px solid #18012c;
  margin-bottom: 20px; }
.section-title.white-text h2 {
  color: #ffffff;
  border-bottom: 2px solid #ffffff; }

/* Section Title Style 2 */
.section-title--2 {
  margin-top: -10px; }
  .section-title--2 h2 {
    font-size: 34px;
    font-weight: 700;
    margin: 0;
    display: inline-block;
    color: #333333;
    margin-bottom: 8px; }
    @media only screen and (max-width: 767px) {
      .section-title--2 h2 {
        font-size: 28px; } }
  .section-title--2 p {
    margin: 0;
    color: #333;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-size: 16px; }
    @media only screen and (max-width: 767px) {
      .section-title--2 p {
        font-size: 14px; } }
  .section-title--2.white-text h2 {
    color: #ffffff; }
  .section-title--2.white-text p {
    color: #ffffff; }
  .section-title--2.agency-title h2 {
    color: #18012c; }
  .section-title--2.agency-title p {
    color: #494849; }

/* Section Title Style 3 */
.section-title--3 {
  margin-top: -10px; }
  .section-title--3 h2 {
    font-size: 36px;
    font-weight: 600;
    margin: 0;
    display: inline-block;
    color: #4a4949;
    margin-bottom: 8px; }
    @media only screen and (max-width: 767px) {
      .section-title--3 h2 {
        font-size: 28px; } }
  .section-title--3 p {
    margin: 0;
    color: #535252;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-size: 16px; }
    @media only screen and (max-width: 767px) {
      .section-title--3 p {
        font-size: 14px; } }
  .section-title--3.white-text h2 {
    color: #ffffff; }
  .section-title--3.white-text p {
    color: #ffffff; }
  .section-title--3.education-title p {
    position: relative;
    padding-bottom: 20px; }
    .section-title--3.education-title p::before {
      position: absolute;
      content: "";
      background: #56a4b1;
      width: 76px;
      height: 2px;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%); }

/* Section Title Style 4 */
.section-title--4 {
  margin-top: -10px; }
  .section-title--4 span {
    color: #18012c;
    letter-spacing: 1px;
    display: block; }
  .section-title--4 h2 {
    color: #18012c;
    font-weight: 600;
    margin: 0;
    font-size: 48px;
    display: inline-block;
    padding: 0 130px;
    position: relative; }
    @media only screen and (max-width: 767px) {
      .section-title--4 h2 {
        font-size: 27px;
        padding: 0 112px; } }
    .section-title--4 h2::before, .section-title--4 h2::after {
      position: absolute;
      content: "";
      left: 0;
      top: 50%;
      width: 100px;
      height: 3px;
      background: #412e51; }
    .section-title--4 h2::after {
      left: auto;
      right: 0; }

/* Section Title Style 3 */
.section-title--5 {
  margin-top: -10px; }
  .section-title--5 h2 {
    font-size: 34px;
    font-weight: 700;
    display: inline-block;
    color: #fff;
    margin-bottom: 7px; }
    @media only screen and (max-width: 767px) {
      .section-title--5 h2 {
        font-size: 28px; } }
  .section-title--5 p {
    margin: 0;
    color: #333;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px; }
    @media only screen and (max-width: 767px) {
      .section-title--5 p {
        font-size: 14px; } }
  .section-title--5.white-text h2 {
    color: #ffffff; }
  .section-title--5.white-text p {
    color: #ffffff; }

/* Section Title Style 6 */
.section-title--6 {
  margin-top: -10px; }
  .section-title--6 h2 {
    font-size: 36px;
    font-weight: 600;
    color: #18012c;
    margin-bottom: 3px; }
    @media only screen and (max-width: 767px) {
      .section-title--6 h2 {
        font-size: 28px; } }
  .section-title--6 img {
    margin-bottom: 16px; }
  .section-title--6 p {
    margin: 0;
    color: #18012c;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    padding: 0 27%; }
    @media only screen and (max-width: 767px) {
      .section-title--6 p {
        font-size: 14px; } }
  .section-title--6.white-text h2 {
    color: #ffffff; }
  .section-title--6.white-text p {
    color: #ffffff; }
  .section-title--6.text-left p {
    padding: 0 27% 0 0; }

/* Section Title Style 7 */
.section-title--7 {
  margin-top: -10px; }
  .section-title--7 h2 {
    font-size: 48px;
    font-weight: 700;
    color: #000000;
    margin-bottom: 3px; }

/* Section Title Style 8 */
.section-title--8 {
  position: relative;
  margin-top: -10px; }
  .section-title--8 h2 {
    color: #434344;
    font-size: 36px;
    margin-bottom: 2px; }
  .section-title--8 img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    left: 50%; }
  .section-title--8 p {
    margin: 0;
    color: #494849;
    font-size: 16px;
    line-height: 30px; }

/* Section Title Style 9 */
.section-title--9 {
  margin-top: 30px; }
  .section-title--9 h2 {
    color: #333333;
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 0; }

/* Section Title Style 10 */
.section-title--10 {
  margin-top: -10px; }
  .section-title--10 h2 {
    color: #333333;
    font-size: 36px;
    margin-bottom: 10px; }
  .section-title--10 p {
    color: #333333;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    padding: 0 24%;
    margin: 0;
    margin-top: 12px; }

/* Section Title Style 11 */
.section-title--11 {
  margin-top: -10px; }
  .section-title--11 h2 {
    font-family: 'Playfair Display', serif;
    font-style: italic;
    font-weight: 700;
    font-size: 36px;
    margin-bottom: 12px;
    color: #333333;
    margin-top: 20px; }
  .section-title--11 p {
    color: #333333;
    font-size: 18px;
    line-height: 30px;
    font-weight: 400;
    padding: 0 24%;
    margin: 0;
    font-family: 'Cabin', sans-serif; }

/* Section Title Style 12 */
.section-title--12 {
  margin-top: -12px; }
  .section-title--12 h2 {
    color: #424242;
    font-size: 36px;
    font-weight: 900;
    margin-bottom: 12px;
    font-family: 'Frank Ruhl Libre', serif; }
  .section-title--12 p {
    margin: 0;
    color: #4c4c4c;
    font-size: 15px;
    line-height: 25px;
    padding: 0 30%;
    font-family: 'Open Sans', sans-serif; }
  .section-title--12.text-left p {
    padding: 0 30% 0 0; }

/* Section Title Style 13 */
.section-title--13 {
  margin-top: -10px; }
  .section-title--13 h2 {
    color: #333333;
    font-size: 34px;
    margin-bottom: 5px; }
  .section-title--13 p {
    font-weight: 300;
    color: #333333;
    font-size: 16px;
    margin: 0; }

/* Section Title Style 15 */
.section-title--15 {
  margin-top: -10px; }
  .section-title--15 h2 {
    color: #18012c;
    font-size: 36px;
    margin-bottom: 4px;
    font-weight: 600; }
  .section-title--15 img {
    margin-bottom: 16px; }
  .section-title--15 p {
    font-weight: 400;
    color: #18012c;
    font-size: 16px;
    margin: 0;
    line-height: 28px;
    padding: 0 27%;
    font-family: "Montserrat", sans-serif; }

/* Section Title Style 16 */
.section-title--16 {
  margin-top: -10px; }
  .section-title--16 h2 {
    color: #333333;
    font-size: 30px;
    font-style: italic;
    font-family: 'Playfair Display', serif;
    font-weight: 400;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 15px; }
    .section-title--16 h2::before {
      position: absolute;
      content: "";
      left: 50%;
      bottom: 0;
      width: 80px;
      background: #e54c2a;
      height: 2px;
      transform: translateX(-50%); }
  .section-title--16 img {
    margin-bottom: 16px; }
  .section-title--16 p {
    font-weight: 400;
    color: #18012c;
    font-size: 18px;
    margin: 0;
    line-height: 30px;
    padding: 0 27%;
    font-family: 'Cabin', sans-serif; }
  .section-title--16.text-left h2::before {
    left: 0;
    transform: inherit; }
  .section-title--16.text-left p {
    padding: 0 27% 0 0; }

/* Section Title Style 20 */
.section-title--19 span {
  color: #ff759d;
  font-weight: 400;
  font-size: 30px;
  font-family: 'Cookie', cursive;
  display: block;
  margin-bottom: 10px; }
.section-title--19 h2 {
  color: #333333;
  font-size: 36px;
  font-weight: 600;
  position: relative;
  margin-bottom: 8px; }
.section-title--19 p {
  font-weight: 400;
  color: #333333;
  font-size: 16px;
  margin: 0;
  line-height: 28px;
  padding: 0 25%;
  font-family: "Montserrat", sans-serif; }
.section-title--19.text-left p {
  padding: 0 25% 0 0; }

/* Section Title Style 20 */
.section-title--20 {
  margin-top: -10px; }
  .section-title--20 h2 {
    color: #333333;
    font-size: 30px;
    font-weight: 600;
    position: relative;
    margin-bottom: 8px; }
  .section-title--20 p {
    font-weight: 400;
    color: #333333;
    font-size: 18px;
    margin: 0;
    line-height: 30px;
    padding: 0 20%;
    font-family: "Montserrat", sans-serif; }
  .section-title--20.text-left p {
    padding: 0 20% 0 0; }

/* Section Title Style 20 */
.section-title--17 {
  margin-top: -10px; }
  .section-title--17 h2 {
    color: #333333;
    font-size: 36px;
    font-weight: 600;
    position: relative;
    margin-bottom: 8px; }
  .section-title--17 p {
    font-weight: 400;
    color: #333333;
    font-size: 16px;
    margin: 0;
    line-height: 30px;
    padding: 0 20%;
    font-family: "Montserrat", sans-serif; }
  .section-title--17.text-left p {
    padding: 0 20% 0 0; }
  .section-title--17.text-white h2 {
    color: #ffffff; }
  .section-title--17.text-white p {
    color: #ffffff; }

/* Section Title Style 18 */
.section-title--18 {
  margin-top: -10px; }
  .section-title--18 p {
    font-weight: 600;
    color: #3f3f3f;
    font-size: 18px;
    margin: 0;
    padding: 0 20%;
    font-family: "Montserrat", sans-serif; }
  .section-title--18 h2 {
    color: #3f3f3f;
    font-size: 48px;
    font-weight: 600;
    position: relative;
    margin: 0;
    padding-bottom: 19px;
    margin-top: 6px; }
    .section-title--18 h2::before {
      position: absolute;
      content: "";
      left: 50%;
      bottom: 0;
      width: 100px;
      background: #455ac8;
      height: 2px;
      transform: translateX(-50%); }
  .section-title--18.text-left p {
    padding: 0 20% 0 0; }

/*-----------------------------
    Accordion Style
------------------------------*/
/*---------------------------
    Accordion Style Two 
-------------------------*/
.panel-group {
  max-width: 570px;
  margin: 0 auto;
  margin-top: 40px; }

.accordion-style-1 .panel-default.accordion-boxshadow {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); }

.accordion-style-1 .container {
  max-width: 688px; }
.accordion-style-1 .panel-default {
  margin-bottom: 11px; }
  .accordion-style-1 .panel-default .panel-heading {
    background-color: #fff;
    border-color: #fff;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
    .accordion-style-1 .panel-default .panel-heading.bg-gray {
      background-color: #f4f4f4;
      border-color: #f4f4f4; }
      .accordion-style-1 .panel-default .panel-heading.bg-gray h4 a {
        color: #18012c; }
    .accordion-style-1 .panel-default .panel-heading h4 {
      font-size: 14px;
      margin-bottom: 0px;
      font-weight: 600; }
      .accordion-style-1 .panel-default .panel-heading h4 a {
        display: block;
        padding: 22px 43px 22px 30px;
        color: #18012c;
        position: relative; }
        .accordion-style-1 .panel-default .panel-heading h4 a::after {
          position: absolute;
          top: 50%;
          display: inline-block;
          font-style: normal;
          font-weight: 400;
          transition: transform 0.5s linear;
          -webkit-transition: -webkit-transform 0.5s linear;
          content: "\f068";
          font-family: FontAwesome;
          color: #18012c;
          position: absolute;
          right: 30px;
          font-size: 15px;
          transform: translateY(-50%); }
        .accordion-style-1 .panel-default .panel-heading h4 a.icon-left {
          padding: 22px 15px 22px 69px; }
          .accordion-style-1 .panel-default .panel-heading h4 a.icon-left::after {
            right: auto;
            left: 5px;
            width: 53px;
            background: #fff;
            height: 53px;
            line-height: 53px;
            text-align: center;
            border-radius: 100%; }
          .accordion-style-1 .panel-default .panel-heading h4 a.icon-left.icon-square::after {
            border-radius: 0; }
          .accordion-style-1 .panel-default .panel-heading h4 a.icon-left.icon-bg-gray::after {
            background: #f4f4f4; }
          .accordion-style-1 .panel-default .panel-heading h4 a.icon-left.bg-transparent {
            padding: 22px 15px 22px 79px; }
            @media only screen and (max-width: 767px) {
              .accordion-style-1 .panel-default .panel-heading h4 a.icon-left.bg-transparent {
                padding: 22px 9px 22px 74px; } }
            .accordion-style-1 .panel-default .panel-heading h4 a.icon-left.bg-transparent::after {
              left: 0;
              width: 60px;
              background: transparent;
              height: 100%;
              line-height: 65px;
              border-radius: 0;
              border-right: 1px solid #18012c; }
        .accordion-style-1 .panel-default .panel-heading h4 a.collapsed::after {
          content: "\f067"; }
  .accordion-style-1 .panel-default .panel-collapse {
    background: #e9e9e9;
    padding: 32px 30px; }
    @media only screen and (max-width: 575px) {
      .accordion-style-1 .panel-default .panel-collapse {
        padding: 20px 17px; } }
    .accordion-style-1 .panel-default .panel-collapse.bg-transparant {
      background: transparent; }
    .accordion-style-1 .panel-default .panel-collapse.panel-body-with-border {
      border-left: 1px solid #18012c;
      border-bottom: 1px solid #18012c;
      border-right: 1px solid #18012c; }
    .accordion-style-1 .panel-default .panel-collapse .panel-body {
      color: #494849;
      font-size: 14px;
      line-height: 28px;
      font-family: 'Poppins', sans-serif; }

.accordion-style-1 .panel-default .panel-collapse.border-left {
  background: transparent;
  padding: 15px;
  border-left: 1px dashed #0a0a0a !important;
  margin-left: 31px;
  margin-bottom: -10px; }

.accordion-style-1 .panel-default.round-shape .panel-collapse.border-left {
  padding: 40px;
  padding-left: 32px; }

/*------------------------------
    Accordion With Gallery
--------------------------------*/
ul.gallery-sm-img {
  display: flex;
  padding: 0;
  margin: 0;
  justify-content: center;
  list-style: none;
  margin-top: 14px; }
  ul.gallery-sm-img li {
    margin: 0 3px; }

/*---------------------------
    Accordion Style Three
-------------------------*/
.gallery-wrap {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 70vh; }
  .gallery-wrap .item {
    flex: 1;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: none;
    transition: flex 0.8s ease; }
    .gallery-wrap .item:hover {
      flex: 7; }
    .gallery-wrap .item.item-1 {
      background-image: url("img/gallery/gallery-c1.jpg"); }
    .gallery-wrap .item.item-2 {
      background-image: url("img/gallery/gallery-c2.jpg"); }
    .gallery-wrap .item.item-3 {
      background-image: url("img/gallery/gallery-c3.jpg"); }
    .gallery-wrap .item.item-4 {
      background-image: url("img/gallery/gallery-c4.jpg"); }
    .gallery-wrap .item.item-5 {
      background-image: url("img/gallery/gallery-c5.jpg"); }

/*---------------------------
    Accordion Style Four 
-------------------------*/
ul.accordion--4 {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  text-align: center !important;
  justify-content: center;
  margin-top: 40px; }
  ul.accordion--4 li {
    width: 115px;
    height: 480px;
    display: block;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    -moz-box-shadow: 1px 3px 15px #555;
    -webkit-box-shadow: 1px 3px 15px #555;
    box-shadow: 1px 3px 15px #555; }
    ul.accordion--4 li.bg1 {
      background-image: url(img/gallery/gallery-d1.jpg); }
    ul.accordion--4 li.bg2 {
      background-image: url(img/gallery/gallery-d2.jpg); }
    ul.accordion--4 li.bg3 {
      background-image: url(img/gallery/gallery-d3.jpg); }
    ul.accordion--4 li.bg4 {
      background-image: url(img/gallery/gallery-d4.jpg); }
    ul.accordion--4 li.bg5 {
      background-image: url(img/gallery/gallery-d5.jpg); }
    ul.accordion--4 li.bg6 {
      background-image: url(img/gallery/gallery-d6.jpg); }
    ul.accordion--4 li.bleft {
      border-left: 2px solid #fff; }
    ul.accordion--4 li .heading {
      background-color: #fff;
      padding: 10px;
      margin-top: 60px;
      text-transform: capitalize;
      font-weight: 500;
      font-size: 18px;
      text-align: center;
      color: #18012c; }
    ul.accordion--4 li .description {
      position: absolute;
      height: 175px;
      bottom: 60px;
      left: 0px;
      display: none;
      width: 100%; }
      @media only screen and (max-width: 767px) {
        ul.accordion--4 li .description {
          height: auto;
          bottom: 20px; } }
      ul.accordion--4 li .description h2 {
        color: #18012c;
        font-size: 30px; }
        @media only screen and (max-width: 479px) {
          ul.accordion--4 li .description h2 {
            color: #18012c;
            font-size: 16px; } }
      ul.accordion--4 li .description p {
        margin: 10px 22px;
        font-size: 14px;
        line-height: 28px;
        color: #18012c; }
        @media only screen and (max-width: 767px) {
          ul.accordion--4 li .description p {
            margin: 0px 11px;
            font-size: 14px;
            line-height: 24px; } }
        @media only screen and (max-width: 479px) {
          ul.accordion--4 li .description p {
            margin: 0px 4px;
            font-size: 13px;
            line-height: 21px; } }
      ul.accordion--4 li .description a {
        position: absolute;
        bottom: 5px;
        left: 20px;
        text-transform: uppercase;
        font-style: normal;
        font-size: 11px;
        text-decoration: none;
        color: #888; }
        ul.accordion--4 li .description a:hover {
          color: #333;
          text-decoration: underline; }
    ul.accordion--4 li .bgDescription {
      background: transparent url(img/gallery/bgDescription.png) repeat-x top left;
      height: 340px;
      position: absolute;
      bottom: 0px;
      left: 0px;
      width: 100%;
      display: none; }

/*---------------------------
    Accordion Style Five 
-------------------------*/
.accor_wrapper {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  background: #000; }

.accordion--5 {
  position: relative;
  margin: 40px auto 0 auto; }
  .accordion--5 .single_accordion {
    cursor: pointer;
    position: absolute;
    width: 100%;
    left: 0px;
    overflow: hidden;
    text-align: center;
    z-index: 2; }
    .accordion--5 .single_accordion::before {
      position: absolute;
      content: "";
      background: #000000;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      opacity: 0.4;
      z-index: -1; }
    .accordion--5 .single_accordion .va-title {
      text-transform: uppercase;
      font-size: 40px;
      margin-left: 20px;
      color: #ffffff;
      display: inline-block; }
      @media only screen and (max-width: 575px) {
        .accordion--5 .single_accordion .va-title {
          font-size: 27px; } }
      .accordion--5 .single_accordion .va-title p {
        font-size: 22px;
        font-style: italic;
        font-family: Georgia, serif; }
    .accordion--5 .single_accordion .va-content {
      display: none;
      margin-left: 0;
      padding: 0 23%;
      margin-top: -36px; }
      @media only screen and (max-width: 767px) {
        .accordion--5 .single_accordion .va-content {
          padding: 0 8%; } }
      .accordion--5 .single_accordion .va-content p {
        color: #ffffff;
        font-size: 14px;
        line-height: 28px; }
        @media only screen and (max-width: 575px) {
          .accordion--5 .single_accordion .va-content p {
            line-height: 26px; } }

.accor_wrapper .bg-1 {
  background: #000 url(img/gallery/gallery-e1.jpg) no-repeat center center;
  background-size: cover; }
.accor_wrapper .bg-2 {
  background: #000 url(img/gallery/gallery-e2.jpg) no-repeat center center;
  background-size: cover; }
.accor_wrapper .bg-3 {
  background: #000 url(img/gallery/gallery-e3.jpg) no-repeat center center;
  background-size: cover; }
.accor_wrapper .bg-4 {
  background: #000 url(img/gallery/gallery-e4.jpg) no-repeat center center;
  background-size: cover; }
.accor_wrapper .bg-5 {
  background: #000 url(img/gallery/gallery-e5.jpg) no-repeat center center;
  background-size: cover; }
.accor_wrapper .bg-6 {
  background: #000 url(img/gallery/gallery-e6.jpg) no-repeat center center;
  background-size: cover; }
.accor_wrapper .bg-7 {
  background: #000 url(img/gallery/gallery-e1.jpg) no-repeat center center;
  background-size: cover; }

@media only screen and (max-width: 575px) {
  .accordion-style-1 .panel-default.round-shape .panel-collapse.border-left {
    padding: 16px;
    padding-left: 22px; } }
/*--------------------------
    Heading Style
------------------------------*/
/*--------------------------
// Heading Defult
------------------------------*/
.heading-1 {
  color: #18012c;
  font-size: 48px;
  line-height: 1;
  font-family: "Montserrat", sans-serif;
  font-weight: 700; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .heading-1 {
      font-size: 42px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .heading-1 {
      font-size: 38px; } }
  @media only screen and (max-width: 767px) {
    .heading-1 {
      font-size: 32px; } }
  @media only screen and (max-width: 575px) {
    .heading-1 {
      font-size: 23px; } }

.heading-2 {
  color: #18012c;
  font-size: 36px;
  line-height: 1;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  margin-bottom: 8px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .heading-2 {
      font-size: 30px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .heading-2 {
      font-size: 26px; } }
  @media only screen and (max-width: 767px) {
    .heading-2 {
      font-size: 26px; } }
  @media only screen and (max-width: 575px) {
    .heading-2 {
      font-size: 23px; } }

.heading-3 {
  color: #18012c;
  font-size: 36px;
  line-height: 1;
  font-family: "Montserrat", sans-serif;
  font-weight: 700; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .heading-3 {
      font-size: 30px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .heading-3 {
      font-size: 26px; } }
  @media only screen and (max-width: 767px) {
    .heading-3 {
      font-size: 26px; } }
  @media only screen and (max-width: 575px) {
    .heading-3 {
      font-size: 23px; } }

/*--------------------------
// Subtitle Defult
------------------------------*/
.subtitle {
  font-size: 16px;
  color: #494849;
  font-family: "Poppins", sans-serif;
  margin: 5px 0;
  line-height: 30px; }
  @media only screen and (max-width: 767px) {
    .subtitle {
      font-size: 14px;
      line-height: 25px; } }

.subtitle-2 {
  color: #322242;
  font-weight: 500; }

.subtitle-3 {
  color: #494849;
  font-weight: 500;
  margin-bottom: 5px; }

/*--------------------------
// Heading  Css
------------------------------*/
.ht-heading {
  z-index: 1; }
  .ht-heading.center-icon img {
    position: absolute;
    top: 47%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: -1; }
  .ht-heading .heading-bg-text {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: -1;
    color: #f1f1f1;
    font-size: 80px;
    font-weight: 800;
    line-height: 28px;
    margin: 0;
    width: 100%;
    text-align: center;
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase; }
    .ht-heading .heading-bg-text.heading-bg--textleft {
      text-align: left; }
    .ht-heading .heading-bg-text.heading-bg--textright {
      text-align: right; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .ht-heading .heading-bg-text {
        font-size: 60px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .ht-heading .heading-bg-text {
        font-size: 50px; } }
    @media only screen and (max-width: 767px) {
      .ht-heading .heading-bg-text {
        font-size: 40px; } }
  .ht-heading .middle-align-border {
    position: relative;
    display: inline-block;
    padding: 0 10.5%; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .ht-heading .middle-align-border {
        padding: 0 14.5%; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .ht-heading .middle-align-border {
        padding: 0 17.5%; } }
    @media only screen and (max-width: 767px) {
      .ht-heading .middle-align-border {
        padding: 0 12.5%; } }
    @media only screen and (max-width: 575px) {
      .ht-heading .middle-align-border {
        padding: 0; } }
    .ht-heading .middle-align-border::before {
      position: absolute;
      content: "";
      left: 0;
      width: 100px;
      height: 3px;
      background: #412e51;
      top: 50%; }
      @media only screen and (max-width: 767px) {
        .ht-heading .middle-align-border::before {
          width: 50px; } }
      @media only screen and (max-width: 575px) {
        .ht-heading .middle-align-border::before {
          display: none; } }
    .ht-heading .middle-align-border::after {
      position: absolute;
      content: "";
      right: 0;
      width: 100px;
      height: 3px;
      background: #412e51;
      top: 50%; }
      @media only screen and (max-width: 767px) {
        .ht-heading .middle-align-border::after {
          width: 50px; } }
      @media only screen and (max-width: 575px) {
        .ht-heading .middle-align-border::after {
          display: none; } }
  .ht-heading .heading-bg-img {
    line-height: 57px;
    margin-bottom: 3px;
    background: url(img/icons/heading-bg.jpg) repeat-y;
    -webkit-background-clip: text;
    background-clip: text;
    /* Animate Background Image */
    -webkit-text-fill-color: transparent;
    -webkit-animation: heading-animation-1 80s linear infinite;
    /* Activate smoother animations */
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden; }
    @media only screen and (max-width: 767px) {
      .ht-heading .heading-bg-img {
        line-height: 1.2; } }
  .ht-heading p.heading-border-bottom {
    position: relative;
    padding-bottom: 8px;
    margin-bottom: 12px; }
    .ht-heading p.heading-border-bottom::before {
      position: absolute;
      content: "";
      bottom: 0;
      width: 70px;
      height: 2px;
      background: #18012c;
      left: 50%;
      transform: translateX(-50%); }
  .ht-heading.heading-border-left {
    position: relative; }
    .ht-heading.heading-border-left::before {
      position: absolute;
      content: "";
      left: 0;
      height: 70px;
      width: 5px;
      background: #18012c;
      top: 50%;
      transform: translateY(-50%); }
      @media only screen and (max-width: 575px) {
        .ht-heading.heading-border-left::before {
          height: 50px; } }
  .ht-heading.heading-border-right {
    position: relative; }
    .ht-heading.heading-border-right::before {
      position: absolute;
      content: "";
      right: 0;
      height: 70px;
      width: 5px;
      background: #18012c;
      top: 50%;
      transform: translateY(-50%); }
      @media only screen and (max-width: 575px) {
        .ht-heading.heading-border-right::before {
          height: 50px; } }
  .ht-heading.heading-style-5 p.subtitle {
    font-weight: 500; }

/*----------------------------
    Animate Background Image
----------------------------*/
@-webkit-keyframes heading-animation-1 {
  0% {
    background-position: 0% 50%; }
  100% {
    background-position: 100% 50%; } }
@keyframes heading-animation-1 {
  0% {
    background-position: 0% 50%; }
  100% {
    background-position: 100% 50%; } }
/*---------------------------------
    Progress Bar Style
-----------------------------------*/
/*------------------------------------------------
    Progress Bar Background Color 
 ----------------------------------------------*/
.progress-bar-bg--1 {
  background: #18012c; }

.progress-bar-bg--2 {
  background: #e6e6e6; }

.progress-bar-bg--3 {
  background: #e8e8e8; }

.progress-bar-bg--4 {
  background: #f4f4f4; }

.progress-bar-bg--5 {
  background: #acacac; }

.progress-bar-bg--6 {
  background: #14b1bb; }

.progress-bar-bg--7 {
  background: #f13f4b; }

.progress-bar-bg--8 {
  background: #5bd0c7; }

.progress-bar-bg--9 {
  background: #5b9fd0; }

.progress-bar-bg--10 {
  background: #5b65d0; }

/*------------------------------------------------
    // Progress label position
 ----------------------------------------------*/
.progress.progress-label-top span.percent-label {
  position: absolute;
  right: 0;
  top: -39px; }
.progress.progress-label-bottom span.percent-label {
  position: absolute;
  right: 0;
  bottom: -29px;
  z-index: 3;
  top: auto; }
.progress.progress-label-center-right span.percent-label {
  position: absolute;
  right: 50px; }

/*------------------------------------------------
    // Progress label Style
 ----------------------------------------------*/
.progress span.percent-label {
  color: #000; }
.progress.font-medium span.percent-label {
  color: #ffffff;
  font-weight: 500;
  font-family: "Montserrat", sans-serif;
  font-size: 18px; }
.progress.progress-label-2 span.percent-label {
  width: 33px;
  height: 19px;
  margin: 0px 0px 0px -25px;
  background-color: #18012c;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
  line-height: 19px; }
  .progress.progress-label-2 span.percent-label::after {
    content: "";
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #18012c;
    position: absolute;
    top: 100%;
    margin-left: -3px;
    left: 50%;
    transform: skewX(36deg); }
  .progress.progress-label-2 span.percent-label.label-color-2 {
    background-color: #5b9fd0; }
    .progress.progress-label-2 span.percent-label.label-color-2::after {
      border-top: 5px solid #5b9fd0; }
  .progress.progress-label-2 span.percent-label.label-color-3 {
    background-color: #ff3400; }
    .progress.progress-label-2 span.percent-label.label-color-3::after {
      border-top: 5px solid #ff3400; }
  .progress.progress-label-2 span.percent-label.label-color-4 {
    background-color: #ff7b06; }
    .progress.progress-label-2 span.percent-label.label-color-4::after {
      border-top: 5px solid #ff7b06; }
  .progress.progress-label-2 span.percent-label.label-color-5 {
    background-color: #f13f4b; }
    .progress.progress-label-2 span.percent-label.label-color-5::after {
      border-top: 5px solid #f13f4b; }
.progress.progress-label-3 span.percent-label {
  width: 40px;
  height: 20px;
  margin: 0px 0px 0px -25px;
  background-color: #18012c;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
  line-height: 20px; }
  .progress.progress-label-3 span.percent-label::after {
    content: "";
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #18012c;
    position: absolute;
    top: 100%;
    margin-left: -6px;
    left: 50%; }
  .progress.progress-label-3 span.percent-label.label-color-2 {
    background-color: #5b9fd0; }
    .progress.progress-label-3 span.percent-label.label-color-2::after {
      border-top: 5px solid #5b9fd0; }
  .progress.progress-label-3 span.percent-label.label-color-3 {
    background-color: #ff3400; }
    .progress.progress-label-3 span.percent-label.label-color-3::after {
      border-top: 5px solid #ff3400; }
  .progress.progress-label-3 span.percent-label.label-color-4 {
    background-color: #ff7b06; }
    .progress.progress-label-3 span.percent-label.label-color-4::after {
      border-top: 5px solid #ff7b06; }
  .progress.progress-label-3 span.percent-label.label-color-5 {
    background-color: #f13f4b; }
    .progress.progress-label-3 span.percent-label.label-color-5::after {
      border-top: 5px solid #f13f4b; }

/*------------------------------------------------
    // Progress radious Style
 ----------------------------------------------*/
.progress-radious-0 {
  border-radius: 0; }
  .progress-radious-0 .progress-bar {
    border-radius: 0; }

.progress-radious-3 {
  border-radius: 3px; }
  .progress-radious-3 .progress-bar {
    border-radius: 3px; }

.progress-radious-5 {
  border-radius: 5px; }
  .progress-radious-5 .progress-bar {
    border-radius: 5px; }

/*------------------------------------------------
    // Progress Indicator Style
 ----------------------------------------------*/
.progress.progress-indicator-1 .progress-bar {
  position: relative; }
  .progress.progress-indicator-1 .progress-bar::after {
    position: absolute;
    content: "";
    border: 4px solid #18012c;
    width: 24px;
    height: 24px;
    right: -1px;
    border-radius: 100%;
    background: #fff; }
  .progress.progress-indicator-1 .progress-bar.progress-bar-bg--7::after {
    border: 4px solid #f13f4b; }
.progress.progress-indicator-2 .progress-bar {
  position: relative; }
  .progress.progress-indicator-2 .progress-bar::after {
    position: absolute;
    content: "";
    width: 14px;
    height: 14px;
    right: -1px;
    border-radius: 100%; }
  .progress.progress-indicator-2 .progress-bar.progress-bar-bg--1::after {
    background: #18012c; }

/*------------------------------
    Progress Css
 -------------------------------*/
.progress-height-4 {
  height: 4px; }
  .progress-height-4 .progress-bar {
    height: 4px; }

.progress-height-5 {
  height: 5px; }
  .progress-height-5 .progress-bar {
    height: 5px; }

.progress-height-6 {
  height: 6px; }
  .progress-height-6 .progress-bar {
    height: 6px; }

.progress-height-8 {
  height: 8px; }
  .progress-height-8 .progress-bar {
    height: 8px; }

.progress-height-34 {
  height: 34px; }
  .progress-height-34 .progress-bar {
    height: 34px; }

.progress-height-77 {
  height: 77px; }
  .progress-height-77 .progress-bar {
    height: 77px; }

.single-skill {
  margin-top: 14px;
  overflow: hidden;
  padding-bottom: 23px; }
  .single-skill p {
    font-family: "Montserrat", sans-serif;
    color: #666666;
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 17px; }
  .single-skill .progress {
    overflow: visible; }
    .single-skill .progress .progress-bar {
      position: relative; }

/*----------------------
Vertical Progress Bar
------------------------*/
.single-skill.progress-bar-vertical {
  display: flex;
  flex-direction: column;
  overflow-y: hidden; }

.progress-bar-vertical {
  position: relative;
  padding-top: 41px; }
  @media only screen and (max-width: 479px) {
    .progress-bar-vertical {
      padding-top: 0; } }
  .progress-bar-vertical .progress {
    width: 100%;
    padding-top: 40px;
    min-height: 390px;
    display: flex;
    align-items: flex-end;
    background: transparent;
    overflow: hidden; }
    .progress-bar-vertical .progress .progress-bar {
      width: 100%;
      height: 0;
      -webkit-transition: height 0.6s ease;
      -o-transition: height 0.6s ease;
      transition: height 0.6s ease; }
  .progress-bar-vertical p {
    color: #666666;
    font-size: 16px;
    font-weight: 500;
    margin-top: 13px;
    margin-bottom: 0;
    display: block; }
  .progress-bar-vertical span {
    position: absolute;
    top: -36px;
    color: #383838;
    font-size: 25px;
    font-weight: 600;
    font-family: "Montserrat", sans-serif;
    left: 50%;
    transform: translateX(-50%); }

/*--------------------------------------
// Circle  Progress Bar
------------------------------------*/
.radial-progress-single {
  text-align: center; }
  .radial-progress-single .radial-progress,
  .radial-progress-single .radial-progress-2,
  .radial-progress-single .radial-progress-3 {
    position: relative; }
    .radial-progress-single .radial-progress span,
    .radial-progress-single .radial-progress-2 span,
    .radial-progress-single .radial-progress-3 span {
      position: absolute;
      top: 50%;
      text-align: center;
      display: block;
      left: 50%;
      transform: translateX(-50%) translateY(-50%);
      color: #383838;
      font-size: 30px;
      font-weight: 500;
      font-family: "Montserrat", sans-serif; }
  .radial-progress-single h5.radial-progress-title {
    color: #666666;
    font-size: 16px;
    font-weight: 500;
    margin: 0;
    margin-top: 11px;
    font-family: "Montserrat", sans-serif; }
  .radial-progress-single canvas {
    vertical-align: middle;
    position: relative; }
  .radial-progress-single.agency-progress .radial-progress span {
    color: #ffffff;
    font-size: 30px; }
  .radial-progress-single.agency-progress h5.radial-progress-title {
    color: #ffffff;
    margin-top: 15px; }

.radial-progress-single .radial-progress-3 span.lable-style-2 {
  background: #fff;
  width: 80px;
  display: inline-block;
  height: 80px;
  line-height: 80px;
  border-radius: 100%;
  font-size: 18px;
  color: #4d4d4d; }

.radial-progress-2 {
  position: relative;
  display: inline-block; }
  .radial-progress-2::before {
    position: absolute;
    background: #cf3750;
    left: 0;
    top: 0;
    width: 92%;
    height: 93%;
    content: "";
    border-radius: 100%;
    opacity: 0.2;
    right: 0;
    margin: 0 auto;
    bottom: 0; }
  .radial-progress-2.circles-bg-2::before {
    background: #f67345; }
  .radial-progress-2.circles-bg-3::before {
    background: #ffc354; }
  .radial-progress-2.circles-bg-4::before {
    background: #2191d0; }

.radial-progressbg {
  display: inline-block;
  border-radius: 100%;
  padding: 8px;
  margin: 0;
  border: 1px solid #bd7db1; }
  .radial-progressbg.radial-progressbg-1 {
    border: 1px solid #fdc57a; }
  .radial-progressbg.radial-progressbg-2 {
    border: 1px solid #53c4c0; }
  .radial-progressbg.radial-progressbg-3 {
    border: 1px solid #bd7db1; }
  .radial-progressbg.radial-progressbg-4 {
    border: 1px solid #f47a6b; }

/*==========================
    CountDown Style
==========================*/
.countbox {
  text-align: center; }
  .countbox .ht-count {
    display: inline-block;
    position: relative;
    margin: 0 22px; }
    @media only screen and (max-width: 767px) {
      .countbox .ht-count {
        margin: 0 16px;
        margin-bottom: 15px; } }
    .countbox .ht-count::before {
      position: absolute;
      content: ":";
      right: -26px;
      top: 50%;
      transform: translateY(-50%);
      color: #5e5b60;
      font-size: 55px; }
      @media only screen and (max-width: 479px) {
        .countbox .ht-count::before {
          display: none; } }
    .countbox .ht-count:last-child::before {
      display: none; }

/*------------------------
    CountDown Style One
-------------------------*/
.countdown-style-1 span.ht-count {
  padding: 28px 0px;
  border: 2px solid #18012c;
  border-radius: 10px;
  width: 139px;
  text-align: center;
  margin-bottom: 20px; }

.countdown-style-1 .countbox span.time-count {
  color: #242424;
  font-size: 36px;
  font-weight: 500;
  display: block;
  padding-bottom: 27px;
  margin-bottom: 27px;
  position: relative;
  font-family: "Montserrat", sans-serif; }
  .countdown-style-1 .countbox span.time-count::before {
    background-image: linear-gradient(to right, rgba(82, 65, 97, 0), rgba(82, 65, 97, 0.8) 40%, rgba(82, 65, 97, 0.8) 60%, rgba(82, 65, 97, 0));
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 84% auto;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    bottom: 0;
    width: 100%; }

.countdown-style-1 .countbox span span.count-inner p {
  color: #242424;
  font-size: 30px;
  font-weight: 400;
  margin: 0; }

/*------------------------
    CountDown Style 2
-------------------------*/
.countdown-style-2 .ht-count {
  width: 160px;
  height: 160px;
  border: 1px solid #18012c;
  border-radius: 100%;
  overflow: hidden; }
  .countdown-style-2 .ht-count span.count-inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    overflow: hidden !important;
    border-radius: 100%; }
    .countdown-style-2 .ht-count span.count-inner .time-count {
      height: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #242424;
      font-size: 36px;
      font-weight: 500;
      padding-top: 10px;
      font-family: "Montserrat", sans-serif; }
    .countdown-style-2 .ht-count span.count-inner p {
      height: 50%;
      margin: 0;
      background: #18012c;
      color: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
      color: #ffffff;
      font-size: 24px;
      font-weight: 500;
      padding-bottom: 10px; }

/*------------------------
    CountDown Style 3
-------------------------*/
.countdown-style-3 span.ht-count {
  height: 160px;
  width: 190px;
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .countdown-style-3 span.ht-count {
      height: 146px;
      width: 168px;
      margin-bottom: 20px; } }
.countdown-style-3 span.count-inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%; }
  .countdown-style-3 span.count-inner .time-count {
    color: #18012c;
    font-size: 60px;
    display: block;
    font-weight: 800;
    padding-bottom: 20px;
    font-family: "Montserrat", sans-serif; }
  .countdown-style-3 span.count-inner p {
    margin: 0;
    color: #18012c;
    font-size: 30px;
    font-weight: 400;
    margin-top: 17px; }

/*------------------------
    CountDown Style 4
-------------------------*/
.countdown-style-4 .ht-count {
  margin: 0 15px; }
  .countdown-style-4 .ht-count::before {
    display: none; }
  .countdown-style-4 .ht-count .count-inner .time-count {
    display: inline-block;
    color: #18012c;
    font-size: 60px;
    font-weight: 800;
    padding-right: 9px;
    line-height: 1;
    font-family: "Montserrat", sans-serif; }
    @media only screen and (max-width: 575px) {
      .countdown-style-4 .ht-count .count-inner .time-count {
        font-size: 43px; } }
  .countdown-style-4 .ht-count .count-inner p {
    display: inline-block;
    color: #18012c;
    font-size: 24px;
    margin: 0;
    text-transform: uppercase;
    font-weight: 500; }

/*--------------------------
    CountDown Style 5
----------------------------*/
.countdown-style-5 .countbox {
  position: relative;
  padding-top: 74px; }
.countdown-style-5 .count-inner .time-count {
  font-size: 60px;
  color: #18012c;
  font-weight: 800;
  font-family: "Montserrat", sans-serif; }
.countdown-style-5 .count-inner p {
  color: #18012c;
  font-size: 18px;
  font-weight: 500;
  margin: 0;
  margin-top: 6px; }
.countdown-style-5 .ht-count::before {
  position: absolute;
  content: ":";
  right: -26px;
  top: 21%;
  transform: inherit;
  color: #18012c;
  font-size: 48px; }
.countdown-style-5 .ht-count.minutes::before {
  display: none; }
.countdown-style-5 .ht-count.second {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  margin: 0; }
  .countdown-style-5 .ht-count.second p {
    display: none; }
.countdown-style-5 .ht-count .count-inner {
  color: #18012c;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 500; }

.countdown-style-5 span.ht-count.second .time-count {
  font-size: 80px; }

/*--------------------------
    CountDown Style 6
---------------------------*/
.countdown-style-6 .countbox .ht-count::before {
  right: -26px;
  top: 23%;
  font-size: 47px; }
.countdown-style-6 .count-inner p {
  display: none; }
.countdown-style-6 .count-inner .time-count {
  font-size: 72px;
  font-weight: 800;
  color: #18012c; }

/*--------------------------
    CountDown Style 7
----------------------------*/
.countdown-style-7 .ht-count {
  background: #18012c;
  color: #fff;
  height: 160px;
  width: 140px;
  border-radius: 10px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .countdown-style-7 .ht-count {
      height: 155px;
      width: 125px; } }
  .countdown-style-7 .ht-count .count-inner {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center; }
    .countdown-style-7 .ht-count .count-inner .time-count {
      height: 110px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 48px;
      font-weight: 500;
      border-radius: 10px 10px 0 0;
      position: relative;
      z-index: 1; }
      .countdown-style-7 .ht-count .count-inner .time-count::before {
        background: linear-gradient(to right, #ff6600, #ff0a00);
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        bottom: 0;
        width: 100%;
        z-index: -1;
        border-radius: 7px 7px 0 0; }
    .countdown-style-7 .ht-count .count-inner p {
      margin: 0;
      height: 50px;
      line-height: 50px;
      font-size: 24px;
      font-weight: 500; }

/*----------------------------
    Team Style
----------------------------*/
.team {
  margin-top: 30px; }
  .team ul.social-network {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    justify-content: center; }
  .team .thumb {
    position: relative;
    overflow: hidden; }
    .team .thumb img {
      width: 100%; }

/*----------------------------
    Team Style 01
----------------------------*/
.team-1 {
  position: relative; }
  .team-1 .content {
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 7px;
    border: 1px solid #dcd9d9;
    padding: 30px 20px; }
    .team-1 .content h4 {
      font-size: 16px;
      font-weight: 500;
      margin-bottom: 5px; }
      .team-1 .content h4 a {
        color: #343434;
        transition: 0.5s; }
        .team-1 .content h4 a:hover {
          color: #18012c; }
    .team-1 .content p {
      margin: 0;
      color: #343434;
      font-size: 16px;
      font-weight: 400; }
  .team-1 .team-hover-action {
    position: absolute;
    width: 100%;
    text-align: center;
    height: 100%;
    top: -100px;
    opacity: 0;
    -webkit-transition: all 0.3s ease-out 0.5s;
    -moz-transition: all 0.3s ease-out 0.5s;
    -o-transition: all 0.3s ease-out 0.5s;
    -ms-transition: all 0.3s ease-out 0.5s;
    transition: all 0.3s ease-out 0.5s; }
    .team-1 .team-hover-action .team-hover {
      position: absolute;
      top: 50%;
      transform: translateY(-50%); }
      .team-1 .team-hover-action .team-hover p {
        color: #ffffff;
        font-size: 14px;
        line-height: 28px;
        padding: 0 23px;
        -webkit-transform: translateY(50px);
        -moz-transform: translateY(50px);
        -o-transform: translateY(50px);
        -ms-transform: translateY(50px);
        transform: translateY(50px);
        -webkit-transition: all 0.2s ease-in-out 0.1s;
        -moz-transition: all 0.2s ease-in-out 0.1s;
        -o-transition: all 0.2s ease-in-out 0.1s;
        -ms-transition: all 0.2s ease-in-out 0.1s;
        transition: all 0.2s ease-in-out 0.1s;
        opacity: 0; }
      .team-1 .team-hover-action .team-hover .social-network {
        margin-bottom: 7px;
        -webkit-transform: translateY(20px);
        -moz-transform: translateY(20px);
        -o-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
        -webkit-transition: all 0.2s ease-in-out 0.1s;
        -moz-transition: all 0.2s ease-in-out 0.1s;
        -o-transition: all 0.2s ease-in-out 0.1s;
        -ms-transition: all 0.2s ease-in-out 0.1s;
        transition: all 0.2s ease-in-out 0.1s;
        opacity: 0; }
  .team-1:hover .team-hover-action {
    opacity: 1;
    top: 0px;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    -ms-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-animation: bounceY 0.9s linear;
    -moz-animation: bounceY 0.9s linear;
    -ms-animation: bounceY 0.9s linear;
    animation: bounceY 0.9s linear;
    background: rgba(24, 1, 44, 0.6); }
  .team-1:hover .team-hover-action .team-hover p, .team-1:hover .team-hover-action .team-hover .social-network {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    /* transform: translateY(0px); */
    -webkit-transition-delay: 0.4s;
    -moz-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    -ms-transition-delay: 0.4s;
    transition-delay: 0.4s;
    opacity: 1; }
  .team-1::before {
    position: absolute;
    content: "";
    width: 0;
    height: 1px;
    background: #18012c;
    bottom: 0;
    left: 0;
    transition: 0.5s; }
  .team-1:hover::before {
    width: 100%; }

/*----------------------------
    Team Style 02
----------------------------*/
.team-2 .thumb a img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  transition: 0.5s; }
.team-2:hover .thumb a img {
  -webkit-filter: grayscale(0);
  filter: grayscale(0); }
.team-2 .team-hover-action {
  position: absolute;
  bottom: 30px;
  width: 100%;
  padding: 0 30px; }
  .team-2 .team-hover-action .hover-action {
    text-align: center;
    padding: 25px 0;
    background-color: rgba(115, 146, 184, 0.7);
    width: 100%;
    opacity: 0;
    -webkit-transform: translate(265px, 145px) rotate(45deg);
    -moz-transform: translate(265px, 145px) rotate(45deg);
    -o-transform: translate(265px, 145px) rotate(45deg);
    -ms-transform: translate(265px, 145px) rotate(45deg);
    transform: translate(265px, 145px) rotate(45deg);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; }
    .team-2 .team-hover-action .hover-action h4 {
      font-size: 18px;
      font-weight: 500;
      margin-bottom: 9px; }
      .team-2 .team-hover-action .hover-action h4 a {
        color: #ffffff; }
.team-2:hover .team-hover-action .hover-action {
  opacity: 1;
  -webkit-transform: translate(0px, -10px) rotate(45deg);
  -moz-transform: translate(0px, -10px) rotate(45deg);
  -o-transform: translate(0px, -10px) rotate(45deg);
  -ms-transform: translate(0px, -10px) rotate(45deg);
  transform: translate(0px, -10px) rotate(0deg);
  background: #18012c; }

/*----------------------------
    Team Style 03
----------------------------*/
.team-3 .thumb {
  padding-bottom: 80px;
  position: relative; }
  .team-3 .thumb a img {
    width: 100%; }
.team-3 .plus_click {
  position: absolute;
  left: 50%;
  top: -14px;
  transform: translateX(-50%); }
  .team-3 .plus_click::before {
    content: "\f067";
    font-family: Fontawesome;
    display: block;
    width: 25px;
    height: 25px;
    border: 1px solid #fff;
    color: #fff;
    background: #555555;
    border-radius: 100%;
    text-align: center;
    font-size: 12px;
    z-index: 2;
    cursor: pointer;
    transition: 0.5s;
    line-height: 27px; }
  .team-3 .plus_click.team-minus::before {
    content: "\f068";
    background: #18012c; }
.team-3 .team-click-action {
  background: #343434;
  text-align: center;
  border-radius: 50px 50px 0 0;
  padding-top: 28px;
  padding-bottom: 20px;
  transition: 0.5s;
  width: 100%;
  position: absolute;
  width: 100%;
  bottom: 0;
  margin-bottom: -58px; }
  .team-3 .team-click-action.visible {
    margin-bottom: 0px;
    background: #18012c; }
  .team-3 .team-click-action h4 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 2px; }
    .team-3 .team-click-action h4 a {
      color: #ffffff; }
  .team-3 .team-click-action span {
    display: block;
    color: #ffffff;
    font-size: 14px;
    margin-bottom: 14px; }
  .team-3 .team-click-action .social-network {
    margin-bottom: 9px; }
.team-3.medical-team .plus_click.team-minus::before {
  background: #0bb6ce; }
.team-3.medical-team .team-click-action.visible {
  background: #0bb6ce; }
.team-3.by-team .plus_click.team-minus::before {
  background: #fb5b21; }
.team-3.by-team .team-click-action.visible {
  background: #fb5b21; }

/*----------------------------
    Team Style 04
----------------------------*/
.team-4 {
  text-align: center; }
  .team-4 .thumb {
    overflow: visible;
    display: inline-block; }
    .team-4 .thumb.right-to-left a img {
      z-index: 11;
      -webkit-transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out;
      position: relative;
      -webkit-transform-origin: 0% 50%;
      -moz-transform-origin: 0% 50%;
      -ms-transform-origin: 0% 50%;
      -o-transform-origin: 0% 50%;
      transform-origin: 0% 50%; }
    .team-4 .thumb.left-to-right a img {
      z-index: 11;
      -webkit-transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out;
      position: relative;
      -webkit-transform-origin: 100% 50%;
      -moz-transform-origin: 100% 50%;
      -ms-transform-origin: 100% 50%;
      -o-transform-origin: 100% 50%;
      transform-origin: 100% 50%; }
    .team-4 .thumb.bottom-to-top a img {
      z-index: 11;
      -webkit-transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out;
      position: relative;
      -webkit-transform-origin: 50% 0;
      -moz-transform-origin: 50% 0;
      -ms-transform-origin: 50% 0;
      -o-transform-origin: 50% 0;
      transform-origin: 50% 0; }
  .team-4 .team-hover-action {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    text-align: center; }
    .team-4 .team-hover-action::before {
      position: absolute;
      content: "";
      background: #18012c;
      opacity: 1;
      width: auto;
      height: auto;
      border-radius: 100%;
      left: 0px;
      top: 0px;
      bottom: 0px;
      right: 0px; }
    .team-4 .team-hover-action .hover-action {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 100%;
      text-align: center; }
      .team-4 .team-hover-action .hover-action h4 {
        font-size: 16px;
        margin-bottom: 13px;
        font-weight: 500; }
        .team-4 .team-hover-action .hover-action h4 a {
          color: #ffffff; }
  .team-4:hover .thumb.right-to-left a img {
    -webkit-transform: rotate3d(0, 1, 0, -180deg);
    -moz-transform: rotate3d(0, 1, 0, -180deg);
    -ms-transform: rotate3d(0, 1, 0, -180deg);
    -o-transform: rotate3d(0, 1, 0, -180deg);
    transform: rotate3d(0, 1, 0, -180deg); }
  .team-4:hover .thumb.left-to-right a img {
    -webkit-transform: rotate3d(0, 1, 0, 180deg);
    -moz-transform: rotate3d(0, 1, 0, 180deg);
    -ms-transform: rotate3d(0, 1, 0, 180deg);
    -o-transform: rotate3d(0, 1, 0, 180deg);
    transform: rotate3d(0, 1, 0, 180deg); }
  .team-4:hover .thumb.bottom-to-top a img {
    -webkit-transform: rotate3d(1, 0, 0, 180deg);
    -moz-transform: rotate3d(1, 0, 0, 180deg);
    -ms-transform: rotate3d(1, 0, 0, 180deg);
    -o-transform: rotate3d(1, 0, 0, 180deg);
    transform: rotate3d(1, 0, 0, 180deg); }

/*----------------------------
    Team Style 05
----------------------------*/
.team-5 {
  text-align: center; }
  .team-5 .thumb {
    display: inline-block; }
  .team-5 .team-hover-action {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    text-align: center; }
    .team-5 .team-hover-action::before {
      position: absolute;
      content: "";
      background: rgba(24, 1, 44, 0.5);
      width: auto;
      height: auto;
      border-radius: 100%;
      left: 10px;
      top: 10px;
      bottom: 10px;
      right: 10px;
      opacity: 0;
      -webkit-transition: all 0.4s ease-in-out;
      -moz-transition: all 0.4s ease-in-out;
      transition: all 0.4s ease-in-out; }
    .team-5 .team-hover-action .hover-action {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 100%;
      text-align: center; }
      .team-5 .team-hover-action .hover-action h4 {
        font-size: 16px;
        margin-bottom: 13px;
        font-weight: 500;
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-transition: all 0.35s ease-in-out;
        -moz-transition: all 0.35s ease-in-out;
        transition: all 0.35s ease-in-out; }
        .team-5 .team-hover-action .hover-action h4 a {
          color: #ffffff; }
      .team-5 .team-hover-action .hover-action ul.social-network {
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%);
        -webkit-transition: all 0.35s ease-in-out;
        -moz-transition: all 0.35s ease-in-out;
        transition: all 0.35s ease-in-out; }
  .team-5.event-team .team-hover-action::before {
    background: rgba(182, 22, 112, 0.7); }
  .team-5:hover .team-hover-action::before {
    opacity: 1; }
  .team-5:hover .team-hover-action .hover-action h4 {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }
  .team-5:hover .team-hover-action .hover-action ul.social-network {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }

/*----------------------------
    Team Style 06
----------------------------*/
.team-6 .thumb a img {
  -webkit-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -o-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
  -o-transition: all 0.7s ease-in-out;
  -ms-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
  width: 100%; }
.team-6 .team-hover-action {
  /* width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  background-color: white;
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
  transition: all 0.5s linear;
  opacity: 0; */ }
  .team-6 .team-hover-action .hover-action {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding: 0 20px; }
    .team-6 .team-hover-action .hover-action h4 {
      font-size: 16px;
      font-weight: 600;
      margin-bottom: 9px; }
      .team-6 .team-hover-action .hover-action h4 a {
        color: #343434; }
    .team-6 .team-hover-action .hover-action span {
      font-size: 16px;
      display: block;
      color: #343434;
      margin-bottom: 12px; }
    .team-6 .team-hover-action .hover-action p {
      line-height: 26px;
      color: #494849;
      font-size: 14px;
      margin-bottom: 16px; }
    .team-6 .team-hover-action .hover-action .social-network {
      justify-content: flex-start; }
      .team-6 .team-hover-action .hover-action .social-network li:first-child {
        margin-left: 0; }
    .team-6 .team-hover-action .hover-action h4,
    .team-6 .team-hover-action .hover-action span,
    .team-6 .team-hover-action .hover-action .social-network,
    .team-6 .team-hover-action .hover-action p {
      -webkit-transform: scale(0);
      -moz-transform: scale(0);
      -o-transform: scale(0);
      -ms-transform: scale(0);
      transform: scale(0);
      -webkit-transition: all 0.5s linear;
      -moz-transition: all 0.5s linear;
      -o-transition: all 0.5s linear;
      -ms-transition: all 0.5s linear;
      transition: all 0.5s linear;
      opacity: 0; }
.team-6:hover .team-hover-action {
  opacity: 1;
  background-color: white; }
.team-6:hover .team-hover-action .hover-action h4, .team-6:hover .team-hover-action .hover-action .social-network, .team-6:hover .team-hover-action .hover-action p, .team-6:hover .team-hover-action .hover-action span {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1; }
.team-6:hover .thumb a img {
  -webkit-transform: scale(10);
  -moz-transform: scale(10);
  -o-transform: scale(10);
  -ms-transform: scale(10);
  transform: scale(10);
  opacity: 0; }
.team-6.beauty-team:hover .team-hover-action {
  background-color: rgba(238, 108, 157, 0.8); }
.team-6.beauty-team .team-hover-action .hover-action h4 a {
  color: #ffffff; }
.team-6.beauty-team .team-hover-action .hover-action span {
  color: #ffffff; }
.team-6.beauty-team .team-hover-action .hover-action p {
  color: #ffffff; }
.team-6.beauty-team .team-hover-action .hover-action .social-network li a {
  color: #ffffff; }

/*----------------------------
    Team Style 07
----------------------------*/
.team-7 {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  overflow: hidden; }
  .team-7 .thumb a img {
    transition: 0.5s;
    width: 100%; }
  .team-7 .team-hover-action {
    position: absolute;
    bottom: 30px;
    width: 100%;
    text-align: center; }
    .team-7 .team-hover-action .hover-action {
      padding: 0 45px; }
      .team-7 .team-hover-action .hover-action .social-network {
        -webkit-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
        transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55); }
        .team-7 .team-hover-action .hover-action .social-network li a {
          -webkit-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
          -webkit-transform: scale(0.1);
          transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
          transform: scale(0.1);
          opacity: 0; }
  .team-7:hover .team-hover-action .hover-action .social-network li a {
    opacity: 1;
    transform: scale(1);
    -webkit-transition-delay: .1s;
    transition-delay: .1s; }
  .team-7:hover .team-hover-action .hover-action .social-network li a.facebook {
    -webkit-transition-delay: .1s;
    transition-delay: .1s; }
  .team-7:hover .team-hover-action .hover-action .social-network li a.twitter {
    -webkit-transition-delay: .2s;
    transition-delay: .2s; }
  .team-7:hover .team-hover-action .hover-action .social-network li a.google-plus {
    -webkit-transition-delay: .3s;
    transition-delay: .3s; }
  .team-7:hover .team-hover-action .hover-action .social-network li a.vimeo {
    -webkit-transition-delay: .4s;
    transition-delay: .4s; }
  .team-7 .content {
    background: #fff;
    text-align: center;
    padding: 20px 10px; }
    .team-7 .content h4 {
      font-size: 16px;
      font-weight: 600;
      margin-bottom: 3px; }
      .team-7 .content h4 a {
        color: #343434; }
        .team-7 .content h4 a:hover {
          color: #18012c; }
    .team-7 .content span {
      color: #343434;
      font-size: 14px;
      margin: 0;
      font-weight: 400; }
  .team-7:hover .thumb a img {
    transform: scale(1.2) rotate(10deg); }

/*----------------------------
    Team Style 08
----------------------------*/
.team-8 {
  overflow: hidden; }
  .team-8 .thumb a img {
    transition: 0.5s; }
  .team-8:hover .thumb a img {
    transform: scale(1.2) rotate(10deg); }
  .team-8 .team-info {
    background: #f4f4f4;
    text-align: center; }
    .team-8 .team-info .content {
      padding: 26px 18px; }
      .team-8 .team-info .content p {
        font-size: 14px;
        line-height: 28px;
        color: #494849;
        margin: 0; }
      .team-8 .team-info .content h4 {
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 5px; }
        .team-8 .team-info .content h4 a {
          color: #343434; }
      .team-8 .team-info .content span {
        color: #343434;
        font-size: 14px;
        font-weight: 400; }
    .team-8 .team-info .social-network {
      padding: 14px 0;
      border-top: 2px solid #ffffff; }

/*--------------------------
    Social Service Style One
-----------------------------*/
.social-net-1 {
  margin-bottom: 8px; }
  .social-net-1 li {
    margin: 0 10px; }
    .social-net-1 li a {
      color: #fff;
      font-size: 14px;
      display: block;
      background: transparent; }
      .social-net-1 li a.facebook:hover {
        color: #3B5998;
        background: transparent; }
      .social-net-1 li a.twitter:hover {
        color: #00ACEE;
        background: transparent; }
      .social-net-1 li a.google-plus:hover {
        color: #DD4B39;
        background: transparent; }
      .social-net-1 li a.vimeo:hover {
        color: #86C9EF;
        background: transparent; }
      .social-net-1 li a.dribbble:hover {
        color: #EA4C89;
        background: transparent; }

.social-net-2 {
  margin-bottom: 8px; }
  .social-net-2 li {
    margin: 0 10px; }
    .social-net-2 li a {
      color: #18012c;
      font-size: 14px;
      display: block;
      background: transparent; }
      .social-net-2 li a.facebook:hover {
        color: #3B5998;
        background: transparent; }
      .social-net-2 li a.twitter:hover {
        color: #00ACEE;
        background: transparent; }
      .social-net-2 li a.google-plus:hover {
        color: #DD4B39;
        background: transparent; }
      .social-net-2 li a.vimeo:hover {
        color: #86C9EF;
        background: transparent; }
      .social-net-2 li a.dribbble:hover {
        color: #EA4C89;
        background: transparent; }

.social-net-3 {
  margin-bottom: 8px; }
  .social-net-3 li {
    margin: 0 10px; }
    .social-net-3 li a {
      color: #404040;
      font-size: 14px;
      display: block;
      background: #fff;
      height: 28px;
      width: 28px;
      text-align: center;
      line-height: 28px;
      border-radius: 100%; }
      .social-net-3 li a.facebook:hover {
        color: #fff;
        background: #3B5998; }
      .social-net-3 li a.twitter:hover {
        color: #fff;
        background: #00ACEE; }
      .social-net-3 li a.google-plus:hover {
        color: #fff;
        background: #DD4B39; }
      .social-net-3 li a.vimeo:hover {
        color: #fff;
        background: #86C9EF; }
      .social-net-3 li a.dribbble:hover {
        color: #ffffff;
        background: #EA4C89; }

.social-net-4 {
  margin-bottom: 8px; }
  .social-net-4 li {
    margin: 0 10px; }
    .social-net-4 li a {
      color: #fff;
      font-size: 14px;
      display: block;
      background: transparent;
      height: 28px;
      width: 28px;
      text-align: center;
      line-height: 26px;
      border-radius: 100%;
      border: 1px solid #ffffff; }
      .social-net-4 li a.facebook:hover {
        color: #fff;
        background: #3B5998;
        border: 1px solid #3B5998; }
      .social-net-4 li a.twitter:hover {
        color: #fff;
        background: #00ACEE;
        border: 1px solid #00ACEE; }
      .social-net-4 li a.google-plus:hover {
        color: #fff;
        background: #DD4B39;
        border: 1px solid #DD4B39; }
      .social-net-4 li a.vimeo:hover {
        color: #fff;
        background: #86C9EF;
        border: 1px solid #86C9EF; }
      .social-net-4 li a.dribbble:hover {
        color: #ffffff;
        background: #EA4C89;
        border: 1px solid #EA4C89; }

/*----------------------------
    Team keyframes
----------------------------*/
/*----------------------------
keyframes bounceY
----------------------------*/
@keyframes bounceY {
  0% {
    transform: translateY(-205px); }
  40% {
    transform: translateY(-100px); }
  65% {
    transform: translateY(-52px); }
  82% {
    transform: translateY(-25px); }
  92% {
    transform: translateY(-12px); }
  55%,
    75%,
    87%,
    97%,
    100% {
    transform: translateY(0px); } }
@-moz-keyframes bounceY {
  0% {
    -moz-transform: translateY(-205px); }
  40% {
    -moz-transform: translateY(-100px); }
  65% {
    -moz-transform: translateY(-52px); }
  82% {
    -moz-transform: translateY(-25px); }
  92% {
    -moz-transform: translateY(-12px); }
  55%,
    75%,
    87%,
    97%,
    100% {
    -moz-transform: translateY(0px); } }
@-webkit-keyframes bounceY {
  0% {
    -webkit-transform: translateY(-205px); }
  40% {
    -webkit-transform: translateY(-100px); }
  65% {
    -webkit-transform: translateY(-52px); }
  82% {
    -webkit-transform: translateY(-25px); }
  92% {
    -webkit-transform: translateY(-12px); }
  55%,
    75%,
    87%,
    97%,
    100% {
    -webkit-transform: translateY(0px); } }
/*---------------------------------
    Pricing Table Style
-----------------------------------*/
.space-between {
  padding: 0 60px; }
  @media only screen and (max-width: 767px) {
    .space-between {
      padding: 0; } }

.pricing-panel {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-align: center;
  margin-top: 30px; }

.pricing-body ul {
  list-style: none;
  padding: 0;
  margin: 0; }

/*---------------------------------
    Pricing Table 01
-----------------------------------*/
.pricing-panel-1 {
  background: #365a73;
  margin-top: 30px;
  border-radius: 10px;
  padding-bottom: 40px; }
  .pricing-panel-1 .pricing-heading {
    background: url(img/pricing/header-bg1.png);
    padding-top: 65px;
    padding-bottom: 69px;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    background-size: cover;
    margin-bottom: 37px;
    border-radius: 10px 10px 0 0; }
    @media only screen and (max-width: 767px) {
      .pricing-panel-1 .pricing-heading {
        padding-bottom: 92px; } }
    .pricing-panel-1 .pricing-heading .title {
      position: absolute;
      left: -7px;
      transform: rotate(-90deg);
      top: 39px; }
      .pricing-panel-1 .pricing-heading .title h2 {
        margin: 0;
        height: 50px;
        line-height: 50px;
        color: #ffffff;
        font-size: 16px;
        background-image: -webkit-linear-gradient(left, #446c83, #4eb8bf);
        background-image: linear-gradient(left, #446c83, #4eb8bf);
        border-radius: 10px;
        font-family: 'Raleway', sans-serif;
        width: 125px;
        text-align: center; }
    .pricing-panel-1 .pricing-heading .price {
      display: inline-block;
      padding-left: 35px; }
      .pricing-panel-1 .pricing-heading .price h4 {
        color: #ffffff;
        display: inline-block;
        margin: 0;
        position: relative;
        padding-left: 16px;
        font-size: 40px;
        font-weight: 600;
        font-family: 'Raleway', sans-serif; }
        .pricing-panel-1 .pricing-heading .price h4 sub {
          position: absolute;
          left: 0;
          top: 23px;
          font-size: 20px;
          font-weight: 700;
          font-family: 'Raleway', sans-serif; }
        .pricing-panel-1 .pricing-heading .price h4 span {
          font-size: 20px;
          font-family: "Montserrat", sans-serif; }
          .pricing-panel-1 .pricing-heading .price h4 span.separator {
            margin-right: -10px; }
  .pricing-panel-1 .pricing-body {
    margin-bottom: 37px; }
    .pricing-panel-1 .pricing-body ul li {
      color: #f1f1f1;
      font-weight: 300;
      font-size: 16px;
      padding: 5px 0; }
  .pricing-panel-1 a.price_btn {
    border: 1px solid #4fbfc5;
    display: inline-block;
    padding: 0 40px;
    border-radius: 10px;
    height: 36px;
    line-height: 35px;
    color: #ffffff;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    transition: 0.5s; }
    .pricing-panel-1 a.price_btn:hover {
      background: #4ebec4;
      color: #ffffff;
      border: 1px solid #4ebec4; }

/*---------------------------------
    Pricing Table 02
-----------------------------------*/
.pricing-panel-2 {
  background: #ffffff;
  border-radius: 10px;
  padding: 55px 0; }
  .pricing-panel-2.price-standard {
    padding: 70px 0;
    box-shadow: 0 0 30px rgba(82, 182, 188, 0.25);
    position: relative;
    z-index: 2; }
  .pricing-panel-2 .pricing-heading {
    margin-bottom: 10px; }
    .pricing-panel-2 .pricing-heading .icon {
      margin-bottom: 20px; }
    .pricing-panel-2 .pricing-heading .title h2 {
      color: #4e4e4e;
      margin-bottom: 14px;
      margin-bottom: 28px;
      font-weight: 400;
      font-family: 'Courgette', cursive; }
    .pricing-panel-2 .pricing-heading .price h4 {
      color: #52b6bc;
      font-weight: 400;
      position: relative;
      font-size: 30px;
      margin: 0;
      font-family: 'Lora', serif;
      display: inline-block;
      padding-left: 16px; }
      .pricing-panel-2 .pricing-heading .price h4 sub {
        position: absolute;
        left: 0;
        top: 16px; }
  .pricing-panel-2 .pricing-body {
    margin-bottom: 27px; }
    .pricing-panel-2 .pricing-body ul li {
      color: #7b7b7b;
      font-size: 14px;
      font-weight: 300;
      padding: 3px 0; }
  .pricing-panel-2 .pricing-footer a.price_btn {
    border: 2px solid #52b6bc;
    height: 42px;
    display: inline-block;
    line-height: 40px;
    padding: 0 32px;
    color: #52b6bc;
    border-radius: 21px;
    font-weight: 500;
    font-size: 15px;
    transition: 0.5s; }
    .pricing-panel-2 .pricing-footer a.price_btn:hover {
      background: #52b6bc;
      color: #ffffff;
      border: 2px solid #52b6bc; }

/*---------------------------------
    Pricing Table 03
-----------------------------------*/
.pricing-panel-3 {
  background: #ef476f;
  padding-bottom: 60px;
  margin-top: 88px;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
  .pricing-panel-3.panel-color-2 {
    background: #06ca75; }
    .pricing-panel-3.panel-color-2 .pricing-heading .price {
      background: #06ca75; }
  .pricing-panel-3.panel-color-3 {
    background: #26547c; }
    .pricing-panel-3.panel-color-3 .pricing-heading .price {
      background: #26547c; }
  .pricing-panel-3.event-active-price {
    background: #b61670; }
    .pricing-panel-3.event-active-price .pricing-heading .price {
      background: #b61670; }
  .pricing-panel-3.grey-bg {
    background: #f6f6f6; }
    .pricing-panel-3.grey-bg .pricing-heading .price {
      background: #f6f6f6; }
    .pricing-panel-3.grey-bg .pricing-heading .price h4 {
      color: #343434; }
    .pricing-panel-3.grey-bg .pricing-heading .title h2 {
      color: #343434; }
    .pricing-panel-3.grey-bg .pricing-body ul li {
      color: #343434; }
    .pricing-panel-3.grey-bg .pricing-footer a.price_btn {
      background: #f6f6f6;
      color: #343434; }
  .pricing-panel-3 .pricing-heading .price {
    width: 125px;
    height: 127px;
    background: #ef476f;
    border: 4px solid #fff;
    border-radius: 100%;
    text-align: center;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin-top: -63px;
    margin-bottom: 37px; }
    .pricing-panel-3 .pricing-heading .price h4 {
      font-size: 40px;
      margin: 0;
      color: #fff;
      font-weight: 600;
      position: relative;
      font-family: "Poppins", sans-serif; }
      .pricing-panel-3 .pricing-heading .price h4 sub {
        font-size: 20px;
        position: relative;
        top: -17px;
        left: 9px; }
      .pricing-panel-3 .pricing-heading .price h4 span {
        font-size: 15px;
        font-weight: 500; }
        .pricing-panel-3 .pricing-heading .price h4 span.separator {
          margin-left: -9PX;
          margin-right: -10px; }
  .pricing-panel-3 .pricing-heading .title {
    margin-bottom: 41px; }
    .pricing-panel-3 .pricing-heading .title h2 {
      font-size: 26px;
      color: #ffffff;
      font-weight: 600;
      margin: 0;
      font-family: "Montserrat", sans-serif; }
  .pricing-panel-3 .pricing-body ul li {
    color: #ffffff;
    font-size: 17px;
    padding: 5px 0;
    font-family: "Poppins", sans-serif; }
  .pricing-panel-3 .pricing-footer {
    margin-top: 48px; }
    .pricing-panel-3 .pricing-footer a.price_btn {
      height: 40px;
      padding: 0 43px;
      display: inline-block;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
      color: #fff;
      font-weight: 600;
      line-height: 40px;
      font-size: 15px;
      transition: 0.5s;
      font-family: "Montserrat", sans-serif; }
      .pricing-panel-3 .pricing-footer a.price_btn:hover {
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); }

/*---------------------------------
    Pricing Table 04
-----------------------------------*/
.pricing-panel-4 {
  background: #ffffff;
  padding: 90px 0; }
  .pricing-panel-4.active {
    position: relative;
    background-color: #0056ff; }
    .pricing-panel-4.active::before {
      content: url(img/pricing/pricing-ribon.png);
      left: 30px;
      position: absolute;
      top: -15px; }
  .pricing-panel-4 .pricing-heading .price h4 {
    font-weight: 600;
    color: #4d4d4d;
    font-size: 48px;
    padding-left: 23px;
    position: relative;
    display: inline-block;
    margin: 0; }
    .pricing-panel-4 .pricing-heading .price h4 sub {
      position: absolute;
      left: 0;
      top: 25px;
      font-size: 31px; }
  .pricing-panel-4 .pricing-heading .title h2 {
    font-size: 18px;
    font-weight: 500;
    color: #000101;
    padding-bottom: 27px;
    position: relative;
    margin-bottom: 28px; }
    .pricing-panel-4 .pricing-heading .title h2::before {
      position: absolute;
      content: "";
      width: 60px;
      height: 2px;
      background: #e1e1e1;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%); }
  .pricing-panel-4 .pricing-body {
    position: relative;
    padding-bottom: 23px;
    margin-top: 36px; }
    .pricing-panel-4 .pricing-body::before {
      position: absolute;
      content: "";
      background: #e1e1e1;
      width: 60px;
      height: 2px;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%); }
    .pricing-panel-4 .pricing-body ul {
      padding: 0 53px; }
      .pricing-panel-4 .pricing-body ul li {
        display: inline-block;
        font-size: 15px;
        color: #000000;
        line-height: 35px;
        font-family: "Montserrat", sans-serif; }
  .pricing-panel-4 .pricing-footer {
    margin-top: 32px;
    height: 0px;
    overflow: hidden;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s; }
    .pricing-panel-4 .pricing-footer a.price_btn {
      height: 46px;
      border: 1px solid #ededed;
      display: inline-block;
      line-height: 44px;
      padding: 0 40px;
      color: #000000;
      font-size: 14px;
      border-radius: 30px;
      font-family: "Montserrat", sans-serif;
      transition: 0.5s; }
      .pricing-panel-4 .pricing-footer a.price_btn:hover {
        background: #0056ff;
        color: #ffffff;
        border: 1px solid #0056ff; }
  .pricing-panel-4:hover .pricing-footer {
    height: 46px; }

.pricing-panel-4.active .pricing-footer {
  height: 46px !important; }

.pricing-panel-4.active .pricing-heading .title h2,
.pricing-panel-4.active .pricing-heading .price h4,
.pricing-panel-4.active .pricing-body ul li,
.pricing-panel-4.active .pricing-footer a.price_btn {
  color: #ffffff; }

.pricing-panel-4.active .pricing-footer a.price_btn:hover {
  background: #fff;
  border: 1px solid #ffffff;
  color: #000000; }

/*---------------------------------
    Pricing Table 05
-----------------------------------*/
.pricing-panel-5 {
  background: #f6f6f6;
  padding: 40px 0;
  text-align: left;
  padding-bottom: 50px;
  margin-left: 30px; }
  .pricing-panel-5 .pricing-heading {
    padding-left: 46px;
    margin-bottom: 8px; }
    .pricing-panel-5 .pricing-heading .price h4 {
      color: #0056ff;
      font-weight: 600;
      font-size: 40px; }
    .pricing-panel-5 .pricing-heading .title h2 {
      color: #000000;
      font-size: 18px;
      font-weight: 500;
      letter-spacing: 3px;
      margin-bottom: 3px; }
  .pricing-panel-5 .pricing-body {
    background: #e3ecff;
    margin-right: 30px;
    margin-left: -30px;
    border-radius: 6px;
    padding: 40px 56px 60px;
    position: relative; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .pricing-panel-5 .pricing-body {
        padding: 40px 14px 58px; } }
    @media only screen and (max-width: 767px) {
      .pricing-panel-5 .pricing-body {
        padding: 40px 20px 60px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .pricing-panel-5 .pricing-body {
        padding: 40px 20px 60px; } }
    .pricing-panel-5 .pricing-body ul {
      margin-bottom: -37px; }
      .pricing-panel-5 .pricing-body ul li {
        color: #181818;
        font-size: 14px;
        padding: 10px 0; }
        .pricing-panel-5 .pricing-body ul li.off {
          text-decoration: line-through; }
    .pricing-panel-5 .pricing-body a.price_btn {
      bottom: -72px;
      background: transparent;
      display: inline-block;
      left: 50%;
      border-radius: 25px;
      font-size: 14px;
      color: #ffffff;
      text-transform: uppercase;
      letter-spacing: 2px;
      transform: translateX(-50%);
      position: relative;
      border: 1px solid transparent;
      padding: 4px;
      transition: 0.5; }
      .pricing-panel-5 .pricing-body a.price_btn span {
        padding: 0 30px;
        background: #0056ff;
        display: inline-block;
        border-radius: 20px;
        height: 40px;
        line-height: 40px; }
      .pricing-panel-5 .pricing-body a.price_btn:hover {
        border: 1px solid #0056ff; }
      .pricing-panel-5 .pricing-body a.price_btn.active {
        border: 1px solid #0056ff; }
        .pricing-panel-5 .pricing-body a.price_btn.active:hover {
          border: 1px solid transparent; }

/*---------------------------------
    Pricing Table 06
-----------------------------------*/
.pricing-panel-6 {
  background: #fff;
  box-shadow: 0 0 20px 1px rgba(35, 31, 32, 0.2);
  padding-bottom: 30px; }
  .pricing-panel-6.space-left {
    margin-left: 87px;
    margin-right: 3px; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .pricing-panel-6.space-left {
        margin-left: 0; } }
    @media only screen and (max-width: 767px) {
      .pricing-panel-6.space-left {
        margin-left: 0; } }
  .pricing-panel-6.space-right {
    margin-right: 87px;
    margin-left: 3px; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .pricing-panel-6.space-right {
        margin-right: 0; } }
    @media only screen and (max-width: 767px) {
      .pricing-panel-6.space-right {
        margin-right: 0; } }
  .pricing-panel-6.space-left-right {
    margin-right: 26px;
    margin-left: 26px; }
    @media only screen and (max-width: 767px) {
      .pricing-panel-6.space-left-right {
        margin-right: 0;
        margin-left: 0; } }
  .pricing-panel-6.active .pricing-heading {
    background: #2d3e50;
    padding: 30px 0; }
    .pricing-panel-6.active .pricing-heading .title h2 {
      font-size: 26px; }
    .pricing-panel-6.active .pricing-heading .price h4 {
      font-size: 70px; }
      .pricing-panel-6.active .pricing-heading .price h4 span {
        font-size: 20px; }
  .pricing-panel-6.active .pricing-body {
    padding: 55px 0; }
    @media only screen and (max-width: 767px) {
      .pricing-panel-6.active .pricing-body {
        padding: 32px 0; } }
    .pricing-panel-6.active .pricing-body ul li {
      padding: 7px 0; }
  .pricing-panel-6 .pricing-heading {
    background: #2d3e50;
    padding: 30px 0; }
    .pricing-panel-6 .pricing-heading .title h2 {
      color: #ffffff;
      font-size: 22px;
      font-weight: 700;
      font-family: 'Raleway', sans-serif; }
    .pricing-panel-6 .pricing-heading .price h4 {
      font-size: 60px;
      color: #ffffff;
      margin: 0;
      font-family: 'Raleway', sans-serif; }
      .pricing-panel-6 .pricing-heading .price h4 span {
        color: #ecebeb;
        font-size: 18px; }
        .pricing-panel-6 .pricing-heading .price h4 span.separator {
          margin-left: -7px;
          margin-right: -10px; }
      .pricing-panel-6 .pricing-heading .price h4 sub {
        font-size: 18px;
        position: relative;
        top: -20px;
        left: 11px; }
  .pricing-panel-6 .pricing-body {
    padding: 50px 0; }
    .pricing-panel-6 .pricing-body ul li {
      color: #2d3e50;
      font-size: 18px;
      font-weight: 500;
      padding: 5px 0;
      font-family: 'Raleway', sans-serif; }
  .pricing-panel-6 .pricing-footer a.price_btn {
    display: inline-block;
    background: #2d3e50;
    padding: 0 40px;
    height: 40px;
    line-height: 41px;
    font-weight: 700;
    border-radius: 15px;
    font-size: 15px;
    color: #ffffff;
    font-family: 'Raleway', sans-serif;
    transition: 0.5s; }
    .pricing-panel-6 .pricing-footer a.price_btn:hover {
      transform: translateY(-5px); }

/*---------------------------------
    Pricing Table 07
-----------------------------------*/
.pricing-panel-7 {
  background: #ffffff;
  padding-top: 48px;
  padding-bottom: 60px;
  box-shadow: 0 0 10px rgba(1, 26, 72, 0.1); }
  .pricing-panel-7 .pricing-heading .title h2 {
    color: #f7ca18;
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 32px;
    font-family: "Poppins", sans-serif; }
  .pricing-panel-7 .pricing-heading .price {
    background-position: center center;
    background-size: cover;
    margin-bottom: 23px;
    padding: 12px 0; }
    .pricing-panel-7 .pricing-heading .price h4 {
      font-size: 60px;
      color: #011a48;
      font-weight: 700;
      font-family: "Poppins", sans-serif; }
      .pricing-panel-7 .pricing-heading .price h4 span {
        font-size: 26px;
        font-weight: 600; }
        .pricing-panel-7 .pricing-heading .price h4 span.separator {
          margin-left: 2px;
          margin-right: -8px; }
      .pricing-panel-7 .pricing-heading .price h4 sub {
        font-size: 26px;
        left: 0px;
        position: relative;
        top: -3px; }
  .pricing-panel-7 .pricing-body {
    padding: 0 28px; }
    .pricing-panel-7 .pricing-body ul li {
      color: #798294;
      font-size: 20px;
      line-height: 32px;
      padding: 13px 0;
      border-top: 1px solid #f6f6f6;
      font-family: 'Open Sans', sans-serif; }
      @media only screen and (max-width: 767px) {
        .pricing-panel-7 .pricing-body ul li {
          font-size: 14px; } }
      .pricing-panel-7 .pricing-body ul li:last-child {
        border-bottom: 1px solid #f6f6f6; }
  .pricing-panel-7 .pricing-footer {
    margin-top: 40px; }
    .pricing-panel-7 .pricing-footer a.price_btn {
      height: 47px;
      padding: 0 50px;
      display: inline-block;
      background: #011a48;
      border-radius: 23px;
      color: #fff;
      font-size: 14px;
      line-height: 47px;
      text-transform: uppercase;
      font-weight: 600;
      letter-spacing: 2px;
      font-family: "Poppins", sans-serif;
      transition: 0.5s; }
      .pricing-panel-7 .pricing-footer a.price_btn:hover {
        background: #f7ca18;
        color: #000000; }
  .pricing-panel-7.active .pricing-footer {
    margin-top: 40px; }
    .pricing-panel-7.active .pricing-footer a.price_btn {
      background: #f7ca18;
      color: #000000; }
      .pricing-panel-7.active .pricing-footer a.price_btn:hover {
        background: #011a48;
        color: #ffffff; }
  .pricing-panel-7.cln-pricing-table .pricing-heading .title h2 {
    color: #03a9f4;
    letter-spacing: 2px;
    font-size: 30px; }
  .pricing-panel-7.cln-pricing-table .pricing-heading .price h4 {
    color: #011a48; }
  .pricing-panel-7.cln-pricing-table.active .pricing-heading .title h2 {
    color: #011a48; }
  .pricing-panel-7.cln-pricing-table.active .pricing-heading .price h4 {
    color: #03a9f4; }
  .pricing-panel-7.cln-pricing-table .pricing-body ul li {
    color: #798294; }
  .pricing-panel-7.cln-pricing-table .pricing-footer a.price_btn {
    background: #011a48;
    color: #ffffff; }
    .pricing-panel-7.cln-pricing-table .pricing-footer a.price_btn:hover {
      background: #03a9f4;
      color: #ffffff; }
  .pricing-panel-7.cln-pricing-table.active .pricing-footer a.price_btn {
    background: #03a9f4;
    color: #ffffff; }
    .pricing-panel-7.cln-pricing-table.active .pricing-footer a.price_btn:hover {
      background: #011a48;
      color: #ffffff; }

.pricing-panel-7.active .pricing-heading .title h2 {
  color: #011a48; }

.pricing-panel-7.active .pricing-heading .price h4 {
  color: #f7ca18; }

/*-----------------------------
    Brand Style
------------------------------*/
.single-partner {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding: 0 15px;
  width: calc(100% * (1/4));
  text-align: center; }
  @media only screen and (max-width: 575px) {
    .single-partner {
      width: calc(100% * (1/2)); } }

ul.brand-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  ul.brand-list li {
    position: relative;
    text-align: center; }
@media only screen and (max-width: 767px) {
  ul.brand-style-2 {
    flex-wrap: wrap;
    justify-content: flex-start; } }
ul.brand-style-2 li {
  border-right: 1px dashed #ffffff;
  display: block;
  float: left;
  padding: 20px;
  text-align: center;
  width: 20%; }
  @media only screen and (max-width: 767px) {
    ul.brand-style-2 li {
      border-right: 1px dashed transparent; } }
  @media only screen and (max-width: 575px) {
    ul.brand-style-2 li {
      width: 50%; } }
  ul.brand-style-2 li:last-child {
    border-right: 1px dashed transparent; }
ul.brand-style-3 {
  margin: 0;
  padding: 0;
  list-style: none; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    ul.brand-style-3 {
      margin-right: -3px; } }
  ul.brand-style-3 li {
    flex-basis: 20%;
    border-right: 1px solid #dcd9d9;
    height: 125px;
    line-height: 125px;
    border-top: 1px solid #dcd9d9;
    border-bottom: 1px solid #dcd9d9;
    text-align: center; }
    ul.brand-style-3 li:first-child {
      border-left: 1px solid #dcd9d9; }
    @media only screen and (max-width: 575px) {
      ul.brand-style-3 li {
        padding: 0 10px; } }
ul.brand-style-6 {
  padding: 0 235px;
  margin: 0;
  list-style: none; }
  @media only screen and (min-width: 1200px) and (max-width: 1599px) {
    ul.brand-style-6 {
      padding: 0 100px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    ul.brand-style-6 {
      padding: 0; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    ul.brand-style-6 {
      padding: 0; } }
  @media only screen and (max-width: 767px) {
    ul.brand-style-6 {
      padding: 0; } }
  ul.brand-style-6 li {
    text-align: center; }

.brand-style-5 {
  height: 230px;
  line-height: 230px;
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  text-align: center; }
  @media only screen and (max-width: 767px) {
    .brand-style-5 {
      margin-bottom: 30px; } }

.brand-style-7 {
  text-align: center;
  height: 340px;
  line-height: 340px; }
  @media only screen and (max-width: 767px) {
    .brand-style-7 {
      margin-bottom: 30px; } }

.brand-style-3 .slick-slide img,
.brand-style-6 .slick-slide img {
  display: inline-block; }

/*---------------------------
Brand Style Four

-------------------------===*/
.brand-style-4 {
  height: auto;
  min-height: 100%;
  padding: 150px 140px;
  position: absolute;
  right: 0;
  top: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  z-index: 1;
  background-image: url(img/bg/bg-image-4.jpg); }
  @media only screen and (max-width: 767px) {
    .brand-style-4 {
      padding: 112px 78px; } }
  @media only screen and (max-width: 575px) {
    .brand-style-4 {
      padding: 85px 15px; } }

.single-client {
  border-bottom: 1px dashed #aaa;
  border-right: 1px dashed #aaa;
  float: left;
  padding: 25px 15px;
  text-align: center;
  width: 33.33%; }

.single-client:nth-child(1) {
  border-bottom-color: #aaa;
  border-right-color: #aaa; }

.single-client:nth-child(6),
.single-client:last-child {
  border-bottom-color: transparent;
  border-right-color: transparent; }

.single-client:nth-child(5) {
  border-bottom-color: transparent;
  border-right-color: #aaa; }

.single-client:nth-child(4) {
  border-bottom-color: transparent;
  border-right-color: #aaa; }

.single-client:nth-child(3) {
  border-bottom-color: #aaa;
  border-right-color: transparent; }

/*-----------------------
 * Newsletter Style 
-----------------------*/
/*---------------------------------
 * Newsletter Style  One
-------------------------------*/
.newsletter-style-one {
  text-align: center; }
  .newsletter-style-one .title h2 {
    color: #000000;
    font-size: 48px;
    font-weight: 600;
    margin-bottom: 10px; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .newsletter-style-one .title h2 {
        font-size: 34px; } }
    @media only screen and (max-width: 767px) {
      .newsletter-style-one .title h2 {
        font-size: 24px;
        line-height: 36px; } }
  .newsletter-style-one .title p {
    color: #798294;
    font-size: 14px;
    line-height: 28px;
    max-width: 605px;
    margin: 0 auto;
    width: 100%;
    margin-bottom: 58px;
    margin-top: 16px; }
  .newsletter-style-one .input-box {
    position: relative;
    max-width: 530px;
    margin: 0 auto; }
    .newsletter-style-one .input-box input {
      border: 1px solid #f7ca18;
      height: 50px;
      line-height: 50px;
      width: 100%;
      border-radius: 25px;
      font-weight: 300;
      font-style: italic;
      color: #b7b7b7;
      padding-left: 14px;
      padding-right: 138px; }
    .newsletter-style-one .input-box button {
      position: absolute;
      right: 5px;
      top: 50%;
      transform: translateY(-50%);
      height: 40px;
      line-height: 42px;
      padding: 0 20px;
      outline: none;
      background: #f7ca18;
      border: 0 none;
      color: #011a48;
      font-weight: 600;
      font-size: 14px;
      text-transform: uppercase;
      border-radius: 20px;
      transition: 0.5s;
      font-family: "Montserrat", sans-serif;
      transition: 0.4s; }
      .newsletter-style-one .input-box button:hover {
        background: #18012c;
        color: #ffffff; }
  .newsletter-style-one.white-newsletter .title h2 {
    color: #ffffff; }
  .newsletter-style-one.white-newsletter .title p {
    color: #ffffff; }
  .newsletter-style-one.white-newsletter .input-box input {
    border: 1px solid #ffffff;
    color: #ffffff; }
  .newsletter-style-one.white-newsletter .input-box button {
    background: #ffffff;
    color: #e9d18c; }
    .newsletter-style-one.white-newsletter .input-box button:hover {
      background: #e9d18c;
      color: #ffffff; }

.newsletter-style-one.white-newsletter .input-box input::-webkit-input-placeholder {
  color: #ffffff; }

.newsletter-style-one.white-newsletter .input-box input::-moz-placeholder {
  color: #ffffff; }

.newsletter-style-one.white-newsletter .input-box input:-ms-input-placeholder {
  color: #ffffff; }

.newsletter-style-one.white-newsletter .input-box input:-moz-placeholder {
  color: #ffffff; }

/*---------------------------------
 * Newsletter Style Two
-------------------------------*/
.newsletter-style-2 .title h2 {
  color: #ffffff;
  font-weight: 500;
  margin: 0;
  font-size: 30px;
  line-height: 40px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .newsletter-style-2 .title h2 {
      margin-bottom: 19px; } }
  @media only screen and (max-width: 767px) {
    .newsletter-style-2 .title h2 {
      margin-bottom: 19px; } }
  @media only screen and (max-width: 479px) {
    .newsletter-style-2 .title h2 {
      font-size: 22px; } }
.newsletter-style-2 .input-box input {
  background-color: transparent;
  height: 50px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  color: rgba(255, 255, 255, 0.4);
  border-radius: 5px;
  line-height: 24px;
  padding: 12px 30px;
  font-size: 14px;
  color: #d8d8d8;
  width: calc(100% - 170px); }
  @media only screen and (max-width: 479px) {
    .newsletter-style-2 .input-box input {
      width: 100%; } }
.newsletter-style-2 .input-box button {
  position: absolute;
  right: 0;
  top: 0;
  width: 170px;
  height: 50px;
  background-color: #0056ff;
  border: none;
  border-radius: 5px;
  padding: 13px 20px;
  color: rgba(255, 255, 255, 0.8);
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  transition: 0.4s; }
  @media only screen and (max-width: 479px) {
    .newsletter-style-2 .input-box button {
      position: inherit;
      margin-top: 30px; } }
  .newsletter-style-2 .input-box button:hover {
    background-color: #18012c;
    color: #ffffff; }
.newsletter-style-2.political-newsletter .input-box button {
  background-color: #ef3345; }
  .newsletter-style-2.political-newsletter .input-box button:hover {
    background-color: #043174; }

.newsletter-style-2 .input-box input::-webkit-input-placeholder {
  color: #d8d8d8; }

.newsletter-style-2 .input-box input::-moz-placeholder {
  color: #d8d8d8; }

.newsletter-style-2 .input-box input:-ms-input-placeholder {
  color: #d8d8d8; }

.newsletter-style-2 .input-box input:-moz-placeholder {
  color: #d8d8d8; }

/*---------------------------------
 * Newsletter Style Three
-------------------------------*/
.newsletter-style-3 {
  text-align: center; }
  .newsletter-style-3 .title h2 {
    color: #000000;
    font-weight: 500;
    margin: 0;
    font-size: 48px;
    line-height: 48px;
    margin-bottom: 14px; }
  .newsletter-style-3 .title p {
    color: #000101;
    font-size: 18px;
    margin-bottom: 56px; }
  .newsletter-style-3 .input-box {
    position: relative;
    max-width: 580px;
    width: 100%;
    margin: 0 auto;
    display: flex; }
    @media only screen and (max-width: 479px) {
      .newsletter-style-3 .input-box {
        display: block; } }
    .newsletter-style-3 .input-box input {
      background-color: transparent;
      border: 0 none;
      border-bottom: 1px solid #828282;
      text-align: center;
      float: left;
      overflow: hidden;
      max-width: 370px;
      color: #838383;
      font-style: italic; }
      @media only screen and (max-width: 479px) {
        .newsletter-style-3 .input-box input {
          max-width: 100%; } }
    .newsletter-style-3 .input-box button {
      background: transparent;
      border: 0 none;
      border-bottom: 1px solid #0056ff;
      float: right;
      overflow: hidden;
      margin-left: 30px;
      padding: 0 45px;
      color: #0056ff;
      font-size: 14px;
      text-transform: uppercase;
      transition: 0.4s; }
      @media only screen and (max-width: 479px) {
        .newsletter-style-3 .input-box button {
          margin-top: 20px;
          float: inherit; } }
      .newsletter-style-3 .input-box button:hover {
        border-bottom: 1px solid #18012c;
        color: #18012c; }

.social-net-5 {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-top: 50px; }
  .social-net-5 li {
    margin: 0 15px;
    display: inline-block; }
    .social-net-5 li a {
      color: #0056ff;
      font-size: 18px;
      display: block;
      background: transparent; }
      .social-net-5 li a.facebook:hover {
        color: #3B5998;
        background: transparent; }
      .social-net-5 li a.twitter:hover {
        color: #00ACEE;
        background: transparent; }
      .social-net-5 li a.google-plus:hover {
        color: #DD4B39;
        background: transparent; }
      .social-net-5 li a.vimeo:hover {
        color: #86C9EF;
        background: transparent; }
      .social-net-5 li a.dribbble:hover {
        color: #EA4C89;
        background: transparent; }

/*---------------------------------
 * Newsletter Style 4
-------------------------------*/
.newsletter-style-4 {
  padding: 0 121px; }
  @media only screen and (max-width: 767px) {
    .newsletter-style-4 {
      padding: 0 30px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .newsletter-style-4 {
      padding: 0 70px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .newsletter-style-4 {
      padding: 0; } }
  @media only screen and (max-width: 479px) {
    .newsletter-style-4 {
      padding: 0; } }
  .newsletter-style-4 .title {
    padding-right: 36px;
    position: relative;
    margin-right: 31px; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .newsletter-style-4 .title {
        margin-bottom: 30px;
        padding-right: 0; } }
    @media only screen and (max-width: 767px) {
      .newsletter-style-4 .title {
        margin-bottom: 30px;
        padding-right: 0;
        margin-right: 0; } }
    .newsletter-style-4 .title::after {
      position: absolute;
      content: "";
      height: 50px;
      background: #b1b2b1;
      right: 0;
      width: 4px;
      top: 50%;
      transform: translateY(-50%); }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .newsletter-style-4 .title::after {
          display: none; } }
      @media only screen and (max-width: 767px) {
        .newsletter-style-4 .title::after {
          display: none; } }
    .newsletter-style-4 .title h2 {
      color: #ffffff;
      font-weight: 500;
      margin: 0;
      font-size: 24px;
      line-height: 30px; }
    .newsletter-style-4 .title p {
      color: #ffffff;
      margin: 0;
      font-size: 14px;
      line-height: 25px;
      letter-spacing: 2px;
      margin-bottom: 12px; }
  .newsletter-style-4 .input-box {
    position: relative; }
    .newsletter-style-4 .input-box input {
      background-color: transparent;
      height: 50px;
      border: 1px solid rgba(255, 255, 255, 0.4);
      color: rgba(255, 255, 255, 0.4);
      border-radius: 5px;
      line-height: 24px;
      font-size: 14px;
      color: #f3f3f3;
      width: 100%;
      border-radius: 30px;
      padding-left: 20px;
      font-style: italic;
      padding-right: 51px; }
    .newsletter-style-4 .input-box button {
      position: absolute;
      right: 5px;
      top: 50%;
      width: 40px;
      height: 40px;
      background-color: #b2b2b2;
      border: none;
      border-radius: 100%;
      color: #f3f3f3;
      text-transform: uppercase;
      font-family: "Montserrat", sans-serif;
      font-size: 14px;
      transform: translateY(-50%);
      transition: 0.4s; }
      .newsletter-style-4 .input-box button:hover {
        background-color: #18012c;
        color: #fff; }

.newsletter-style-4 .input-box input::-webkit-input-placeholder {
  color: #f3f3f3; }

.newsletter-style-4 .input-box input::-moz-placeholder {
  color: #f3f3f3; }

.newsletter-style-4 .input-box input:-ms-input-placeholder {
  color: #f3f3f3; }

.newsletter-style-4 .input-box input:-moz-placeholder {
  color: #f3f3f3; }

/*---------------------------------
 * Newsletter Style 5
-------------------------------*/
.newsletter-style-5 .newsletter-content .title h2 {
  font-size: 24px;
  font-weight: 600;
  line-height: 48px;
  margin: 0;
  margin-bottom: 8px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .newsletter-style-5 .newsletter-content .title h2 {
      font-size: 20px;
      line-height: 40px; } }
  @media only screen and (max-width: 767px) {
    .newsletter-style-5 .newsletter-content .title h2 {
      font-size: 20px;
      line-height: 40px; } }
.newsletter-style-5 .newsletter-content .title p {
  color: #798294;
  font-size: 14px;
  line-height: 28px;
  margin: 0;
  padding-right: 17%; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .newsletter-style-5 .newsletter-content .title p {
      padding-right: 0; } }
  @media only screen and (max-width: 767px) {
    .newsletter-style-5 .newsletter-content .title p {
      padding-right: 0; } }
.newsletter-style-5 .newsletter-content .social-net-5 {
  margin-top: 22px; }
  @media only screen and (max-width: 767px) {
    .newsletter-style-5 .newsletter-content .social-net-5 {
      margin-bottom: 30px; } }
  .newsletter-style-5 .newsletter-content .social-net-5 li:first-child {
    margin-left: 0; }
.newsletter-style-5 .input-box input {
  height: 40px;
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  line-height: 40px;
  padding: 0 20px;
  color: #b4b4b4;
  font-size: 12px;
  font-style: italic;
  margin-bottom: 15px; }
.newsletter-style-5 .input-box button {
  background: #0056ff;
  width: 100%;
  height: 40px;
  line-height: 40px;
  border: 0 none;
  font-size: 13px;
  color: #fff;
  margin-top: 16px;
  text-transform: uppercase;
  border-radius: 5px;
  transition: 0.5s; }
  .newsletter-style-5 .input-box button:hover {
    background: #18012c; }

.newsletter-style-5 .input-box input::-webkit-input-placeholder {
  color: #b4b4b4; }

.newsletter-style-5 .input-box input::-moz-placeholder {
  color: #b4b4b4; }

.newsletter-style-5 .input-box input:-ms-input-placeholder {
  color: #b4b4b4; }

.newsletter-style-5 .input-box input:-moz-placeholder {
  color: #b4b4b4; }

/*==========================
    Testimonial Style
==========================*/
/*----------------------------------
    Testimonial Style One
-------------------------------------*/
.testimonial-style-1 .testimonal {
  text-align: center; }
  .testimonial-style-1 .testimonal img {
    margin-bottom: 34px;
    text-align: center;
    display: inline-block;
    max-width: 105px;
    border: 1px solid #3e3e3e;
    border-radius: 5px;
    box-sizing: content-box; }
  .testimonial-style-1 .testimonal .shape img {
    margin: 0;
    border: 0 none; }
  .testimonial-style-1 .testimonal .content {
    margin-top: 30px; }
    .testimonial-style-1 .testimonal .content p {
      color: #3e3e3e;
      font-size: 18px;
      line-height: 35px;
      padding: 0 10%; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .testimonial-style-1 .testimonal .content p {
          padding: 0; } }
      @media only screen and (max-width: 767px) {
        .testimonial-style-1 .testimonal .content p {
          padding: 0; } }
    .testimonial-style-1 .testimonal .content h4 {
      color: #3e3e3e;
      font-size: 20px;
      line-height: 37px;
      margin: 0; }
    .testimonial-style-1 .testimonal .content span {
      color: #3e3e3e;
      font-size: 18px; }
.testimonial-style-1.resturant-test .testimonal .content p {
  color: #ffffff; }
.testimonial-style-1.resturant-test .testimonal .content h4 {
  color: #ffffff; }
.testimonial-style-1.resturant-test .testimonal .content span {
  color: #ffffff; }

/*----------------------------------
    Testimonial Style Two
-------------------------------------*/
.testimonial-style-2 .testimonal {
  text-align: center;
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  position: relative;
  margin-top: 53px;
  padding-bottom: 27px;
  border-radius: 10px; }
  .testimonial-style-2 .testimonal img {
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border: 2px solid #727272;
    border-radius: 50%;
    max-width: 100px;
    box-sizing: content-box; }
  .testimonial-style-2 .testimonal .content {
    margin-top: 69px; }
    .testimonial-style-2 .testimonal .content p {
      color: #5b5b5b;
      font-size: 14px;
      line-height: 24px;
      padding: 0 4%;
      font-style: italic;
      margin-bottom: 4px; }
    .testimonial-style-2 .testimonal .content h4 {
      color: #5b5b5b;
      font-size: 16px;
      line-height: 37px;
      margin: 0;
      font-weight: 600; }
    .testimonial-style-2 .testimonal .content span {
      color: #3e3e3e;
      font-size: 18px; }

.testimonial-style-2 .slick-slide {
  padding: 5px 15px; }

.testimonial-style-2 .slick-center .testimonal img {
  border: 2px solid #ff6600; }

.testimonial-style-2 .slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 12px;
  height: 12px;
  padding: 0;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: #e3e3e3;
  border-radius: 100%; }

.testimonial-style-2 .slick-dots li.slick-active button {
  background: #ff6600; }

.testimonial-style-2 .slick-dots li button:before {
  display: none; }

.testimonial-style-2 .slick-dots {
  bottom: -75px; }

.testimonial-style-2 .slick-dots li {
  margin: 0 7px;
  width: 12px;
  height: 12px; }

.slick-dotted.slick-slider {
  margin-bottom: 0; }

/*----------------------------------
    Testimonial Style 3
-------------------------------------*/
.testimonial-style-3 .testimonal img {
  float: left;
  float: left;
  max-width: 90px;
  border-radius: 50%;
  border: 2px solid #43df9c;
  box-sizing: content-box; }
  @media only screen and (max-width: 767px) {
    .testimonial-style-3 .testimonal img {
      float: inherit;
      margin-bottom: 10px; } }
.testimonial-style-3 .testimonal .content {
  overflow: hidden;
  padding-left: 20px; }
  .testimonial-style-3 .testimonal .content p {
    color: #3e3e3e;
    font-size: 16px;
    margin-bottom: 20px;
    line-height: 28px; }
  .testimonial-style-3 .testimonal .content .clint-info {
    padding-left: 50px;
    position: relative; }
    @media only screen and (max-width: 767px) {
      .testimonial-style-3 .testimonal .content .clint-info {
        padding-left: 0; } }
    .testimonial-style-3 .testimonal .content .clint-info::before {
      position: absolute;
      content: "";
      width: 30px;
      height: 2px;
      background: #383838;
      left: 0;
      top: 4px; }
      @media only screen and (max-width: 767px) {
        .testimonial-style-3 .testimonal .content .clint-info::before {
          display: none; } }
    .testimonial-style-3 .testimonal .content .clint-info h4 {
      font-weight: 600;
      font-size: 16px;
      color: #383838;
      margin-bottom: 2px; }
    .testimonial-style-3 .testimonal .content .clint-info span {
      color: #383838;
      font-size: 14px; }

/*----------------------------------
    Testimonial Style 4
-------------------------------------*/
.testimonial-style-4 .testimonal .thumb {
  float: left;
  padding-right: 50px;
  position: relative; }
  .testimonial-style-4 .testimonal .thumb img {
    max-width: 120px; }
  .testimonial-style-4 .testimonal .thumb::before {
    position: absolute;
    content: "";
    width: 1px;
    height: 100%;
    background: #18012c;
    right: 0;
    top: 0; }
  .testimonial-style-4 .testimonal .thumb::after {
    position: absolute;
    content: "";
    background: #18012c;
    height: 1px;
    width: 30px;
    right: 0;
    top: 50%;
    transform: translateY(-50%); }
.testimonial-style-4 .testimonal .content {
  overflow: hidden;
  padding-left: 30px; }
  .testimonial-style-4 .testimonal .content p {
    color: #3e3e3e;
    font-size: 16px;
    margin-bottom: 20px;
    line-height: 28px; }
  .testimonial-style-4 .testimonal .content h4 {
    font-weight: 600;
    font-size: 16px;
    color: #383838;
    margin-bottom: 2px; }
  .testimonial-style-4 .testimonal .content span {
    color: #383838;
    font-size: 14px; }

.testimonial-pagination ul.testi-pagination-dots li button::before {
  content: "0"; }

ul.testi-pagination-dots {
  padding: 0;
  margin: 0;
  list-style: none;
  border: 0 none; }

ul.testi-pagination-dots li button {
  background: transparent;
  border: 0 none;
  color: #18012c;
  font-weight: 600;
  font-size: 16px;
  position: relative; }

.testimonial-warapper {
  position: relative;
  padding-right: 24%; }
  @media only screen and (max-width: 767px) {
    .testimonial-warapper {
      padding-right: 15%; } }

.testimonial-pagination {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%); }

ul.testi-pagination-dots li {
  padding: 6px 0; }

ul.testi-pagination-dots li.slick-active button {
  position: relative; }

ul.testi-pagination-dots li {
  position: relative;
  padding-left: 45px; }

ul.testi-pagination-dots li::after {
  position: absolute;
  content: "";
  background: #18012c;
  width: 0;
  height: 1px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.5s; }

ul.testi-pagination-dots li.slick-active::after {
  width: 30px; }

/*----------------------------------
    Testimonial Style 5
-------------------------------------*/
.testimonial-for .testimonial-desc p {
  color: #3e3e3e;
  font-size: 18px;
  line-height: 35px;
  text-align: center;
  padding: 0 15%; }

.testimonal-img {
  text-align: center; }
  .testimonal-img .content {
    text-align: center;
    margin-top: 22px; }
    .testimonal-img .content h4 {
      color: #3e3e3e;
      font-size: 20px;
      margin-bottom: 3px; }
    .testimonal-img .content span {
      color: #3e3e3e;
      font-size: 18px;
      line-height: 29px; }

.testimonal-nav.slick-slider {
  max-width: 35%;
  width: 100%;
  margin: 0 auto; }

.slick-slide.slick-active.slick-center .testimonal-img img {
  transform: scale(1); }

.slick-slide.slick-active .testimonal-img img {
  transform: scale(0.8);
  text-align: center;
  display: inline-block;
  border-radius: 100% !important;
  border: 1px solid #230d36; }

.testimonial-style-5 .testimonal-nav .slick-track {
  margin-top: 85px; }

.testimonal-nav .slick-slide:not(.slick-center) .content {
  display: none; }

.testimonial-style-5 .testimonial-shape {
  bottom: 56%;
  left: 49.5%;
  position: absolute;
  transform: translateX(-50%); }

/*----------------------------------
    Testimonial Style 6
-------------------------------------*/
.testimonial-style-6 .testimonal img {
  display: inline-block;
  max-width: 80px;
  border-radius: 50%;
  border: 2px solid #ececec;
  box-sizing: content-box; }
.testimonial-style-6 .testimonal .content {
  background: #fff;
  text-align: center;
  padding: 50px 9%;
  position: relative;
  box-shadow: 0 0 10px rgba(82, 182, 188, 0.25); }
  .testimonial-style-6 .testimonal .content p {
    font-size: 16px;
    line-height: 28px;
    color: #3e3e3e; }
  .testimonial-style-6 .testimonal .content .triangle {
    position: absolute;
    top: 100%;
    margin-top: -1px;
    border-right: 20px solid transparent;
    border-left: 20px solid transparent;
    border-top: 20px solid #fff;
    border-bottom: 20px solid transparent;
    left: 50%;
    transform: translateX(-50%); }
.testimonial-style-6 .testimonal .clint-info {
  text-align: center;
  margin-top: 40px; }
  .testimonial-style-6 .testimonal .clint-info h4 {
    color: #5c5c5c;
    font-size: 22px;
    font-weight: 700;
    margin-top: 22px;
    margin-bottom: 4px; }
  .testimonial-style-6 .testimonal .clint-info span {
    color: #5c5c5c;
    font-weight: 600;
    font-size: 15px; }

.testimonial-style-6 .slick-arrow {
  width: 36px;
  height: 36px;
  color: #7d7d7d;
  border: 0 none;
  background: #fff;
  border-radius: 100%;
  font-size: 24px;
  position: absolute;
  left: 0;
  top: 20%;
  z-index: 999;
  transition: 0.5s;
  box-shadow: 0 0 10px rgba(82, 182, 188, 0.25); }

.testimonial-style-6 .slick-arrow:hover {
  background: #52b6bc;
  color: #fff; }

.testimonial-style-6 button.testimonial-arrow-next.slick-arrow {
  position: absolute;
  left: auto;
  right: 0; }

.testimonial-style-6 {
  position: relative;
  padding: 0 200px; }

/*----------------------------------
    Testimonial Style 7
-------------------------------------*/
.testimonial-style-7 .testimonal {
  text-align: center; }
  .testimonial-style-7 .testimonal p {
    color: #fff !important;
    font-size: 30px;
    font-style: italic;
    line-height: 48px;
    margin-top: 26px;
    margin-bottom: 0;
    position: relative;
    z-index: 2;
    font-weight: 300; }
    .testimonial-style-7 .testimonal p::before {
      position: absolute;
      content: "";
      color: #ffebd1;
      content: "\f10e";
      font-family: Fontawesome;
      font-size: 216px;
      left: 50%;
      top: 50%;
      z-index: -1;
      transform: translateX(-50%) translateY(-50%); }
  .testimonial-style-7 .testimonal h4 {
    color: #3e3e3e;
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 9px; }
  .testimonial-style-7 .testimonal .clint-info {
    margin-top: 29px; }
    .testimonial-style-7 .testimonal .clint-info span {
      color: #3e3e3e;
      font-size: 18px; }
  .testimonial-style-7 .testimonal img {
    display: inline-block;
    max-width: 130px;
    border-radius: 50%;
    width: 100%; }

.testimonial-style-7 .slick-arrow {
  position: absolute;
  top: 9%;
  left: 16%;
  color: #aeaeae;
  font-size: 48px;
  background: transparent;
  border: 0 none;
  z-index: 2;
  transition: 0.5s; }

.testimonial-style-7 .slick-arrow:hover {
  color: #f6ab4b; }

.testimonial-style-7 button.testimonial-arrow-next.slick-arrow {
  left: auto;
  right: 16%; }

.testimonial-style-7.medical-clint .slick-arrow:hover {
  color: #0bb6ce; }

.testimonial-style-7.medical-clint .testimonal p::before {
  color: #ccf0f5; }

.testimonial-style-7.portfolio-testimonila .slick-arrow:hover {
  color: #313131; }

.testimonial-style-7.portfolio-testimonila .testimonal p::before {
  color: #dbdbdb; 
  opacity: 0.5;
}

/*----------------------------------
    Testimonial Style 8
-------------------------------------*/
.testimonial-style-8 {
  position: relative;
  padding: 0 200px; }
  .testimonial-style-8 .content {
    display: flex;
    align-items: center; }
    .testimonial-style-8 .content img {
      max-width: 80px;
      border-radius: 50%; }
    .testimonial-style-8 .content .clint-info {
      padding-left: 20px; }
      .testimonial-style-8 .content .clint-info h4 {
        color: #3e3e3e;
        font-size: 20px;
        font-weight: 700;
        margin-bottom: 7px; }
      .testimonial-style-8 .content .clint-info span {
        color: #3e3e3e;
        font-size: 18px; }
  .testimonial-style-8 p {
    color: #3e3e3e;
    font-size: 18px;
    line-height: 35px;
    margin: 0;
    margin-top: 20px; }

.testimonial-style-8 .slick-arrow {
  position: absolute;
  left: 0;
  color: #aeaeae;
  font-size: 48px;
  border: 0 none;
  top: 43%;
  transition: 0.5s; }

.testimonial-style-8 .slick-arrow:hover {
  color: #f6ab4b; }

.testimonial-style-8 button.testimonial-arrow-next.slick-arrow {
  left: auto;
  right: 0; }

/*----------------------------------
    Testimonial Style 9
-------------------------------------*/
.testimonial-style-9 .testimonal {
  background: #f7f8f9;
  padding: 30px;
  margin-top: 30px; }
  .testimonial-style-9 .testimonal .content {
    display: flex;
    align-items: center; }
    @media only screen and (max-width: 767px) {
      .testimonial-style-9 .testimonal .content {
        display: block;
        text-align: center; } }
    .testimonial-style-9 .testimonal .content img {
      max-width: 80px;
      border-radius: 100%; }
    .testimonial-style-9 .testimonal .content .clint-info {
      padding-left: 25px; }
      @media only screen and (max-width: 767px) {
        .testimonial-style-9 .testimonal .content .clint-info {
          padding-left: 0;
          margin-top: 16px; } }
      .testimonial-style-9 .testimonal .content .clint-info h4 {
        font-size: 18px;
        color: #383838;
        margin: 0; }
      .testimonial-style-9 .testimonal .content .clint-info span {
        color: #1834a6;
        font-size: 13px; }
  .testimonial-style-9 .testimonal p {
    color: #5b5b5b;
    font-size: 14px;
    line-height: 26px;
    margin: 0;
    margin-top: 22px; }
    @media only screen and (max-width: 767px) {
      .testimonial-style-9 .testimonal p {
        margin-top: 8px;
        text-align: center; } }

/*----------------------------------
    Testimonial Grid Style
-------------------------------------*/
.testimonial-grid-2 {
  padding: 40px 30px;
  margin-top: 30px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
  @media only screen and (max-width: 767px) {
    .testimonial-grid-2 .testimonal {
      text-align: center; } }

.testimonial-style-2.testimonial-grid-3 .testimonal {
  margin-top: 82px; }
  .testimonial-style-2.testimonial-grid-3 .testimonal .content {
    padding-top: 73px;
    margin-top: 0; }

.testimonial-style-6.testimonial-grid-3 {
  padding: 0; }

/*----------------------------------
    Testimonial Grid 5
-------------------------------------*/
.testimonal.testimonial-grid-5 {
  background: #f7f8f9;
  padding: 48px 30px;
  margin-top: 30px; }
  .testimonal.testimonial-grid-5 .clint-info h4 {
    color: #383838;
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 1px; }
  .testimonal.testimonial-grid-5 .clint-info span {
    color: #1834a6;
    font-size: 14px; }
  .testimonal.testimonial-grid-5 .clint-info .rating {
    padding: 0;
    margin: 0;
    display: flex;
    margin-top: 4px;
    list-style: none;
    color: #ffcf0e; }
    .testimonal.testimonial-grid-5 .clint-info .rating li {
      margin-right: 8px; }
  .testimonal.testimonial-grid-5 p {
    margin: 0;
    color: #5b5b5b;
    font-size: 14px;
    line-height: 26px;
    font-style: italic;
    margin-top: 16px; }

/*---------------------------------------
    Testimonial Carousel Style Start
----------------------------------------*/
.testimonial-style-2.testimonial-carousel .slick-center .testimonal {
  border: 1px solid #ff6600; }

/*---------------------------------------
    Testimonial Carousel 01
----------------------------------------*/
.testimonial-carousel.testimonial-carousel-1 {
  position: relative; }
  .testimonial-carousel.testimonial-carousel-1 button {
    position: absolute;
    top: 44%;
    color: #2d3e50;
    font-size: 50px;
    border: 0 none;
    transition: 0.4s; }
    .testimonial-carousel.testimonial-carousel-1 button:hover {
      color: #ff6600; }
    .testimonial-carousel.testimonial-carousel-1 button.testimonial-arrow-prev {
      left: -55px; }
    .testimonial-carousel.testimonial-carousel-1 button.testimonial-arrow-next {
      left: auto;
      right: -55px; }

/*---------------------------------------
    Testimonial Carousel 02
----------------------------------------*/
.testimonial-carousel-2 {
  position: relative; }
  .testimonial-carousel-2 .slick-slide {
    padding: 5px 15px; }
  .testimonial-carousel-2 .slick-dots {
    bottom: -60px; }
    .testimonial-carousel-2 .slick-dots li {
      position: relative;
      display: inline-block;
      width: 10px;
      height: 10px;
      margin: 0 5px;
      padding: 0;
      cursor: pointer; }
      .testimonial-carousel-2 .slick-dots li button {
        width: 10px;
        height: 10px;
        padding: 5px;
        background: #000;
        border-radius: 100%; }
        .testimonial-carousel-2 .slick-dots li button::before {
          display: none; }
      .testimonial-carousel-2 .slick-dots li.slick-active button {
        background: #0056ff; }
  .testimonial-carousel-2 button.slick-arrow {
    position: absolute;
    bottom: -71px;
    left: 44%;
    border: 0 none;
    color: #0056ff;
    font-size: 30px;
    z-index: 2; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .testimonial-carousel-2 button.slick-arrow {
        left: 40%; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .testimonial-carousel-2 button.slick-arrow {
        left: 38%; } }
    @media only screen and (max-width: 767px) {
      .testimonial-carousel-2 button.slick-arrow {
        left: 30%; } }
  .testimonial-carousel-2 button.testimonial-arrow-next.slick-arrow {
    left: auto;
    right: 44%; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .testimonial-carousel-2 button.testimonial-arrow-next.slick-arrow {
        right: 40%; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .testimonial-carousel-2 button.testimonial-arrow-next.slick-arrow {
        right: 38%; } }
    @media only screen and (max-width: 767px) {
      .testimonial-carousel-2 button.testimonial-arrow-next.slick-arrow {
        right: 30%; } }

/*---------------------------------------
    Testimonial Carousel 03
----------------------------------------*/
.testimonial-carousel-3 {
  position: relative; }
  .testimonial-carousel-3 .slick-slide {
    padding: 5px 15px; }
  .testimonial-carousel-3 .slick-dots {
    bottom: -60px; }
    .testimonial-carousel-3 .slick-dots li {
      position: relative;
      display: inline-block;
      width: 10px;
      height: 10px;
      margin: 0 5px;
      padding: 0;
      cursor: pointer; }
      .testimonial-carousel-3 .slick-dots li button {
        width: 10px;
        height: 10px;
        padding: 5px;
        background: #000;
        border-radius: 100%; }
        .testimonial-carousel-3 .slick-dots li button::before {
          display: none; }
      .testimonial-carousel-3 .slick-dots li.slick-active button {
        background: #0056ff; }

/*---------------------------------------
    Testimonial Carousel 04
----------------------------------------*/
.testimonial-carousel-4 {
  position: relative; }
  .testimonial-carousel-4 .slick-slide {
    padding: 5px 15px; }

/*---------------------------------------
    Testimonial Carousel 05
----------------------------------------*/
.testimonial-carousel-5 {
  position: relative; }
  .testimonial-carousel-5 .slick-slide {
    padding: 5px 15px; }
  .testimonial-carousel-5 button {
    position: absolute;
    top: 44%;
    color: #000000;
    font-size: 30px;
    border: 0 none;
    transition: 0.4s;
    border: 1px solid #000000;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    z-index: 1; }
    .testimonial-carousel-5 button::before {
      background-image: linear-gradient(#da0c5e, #2649e2);
      background-image: -webkit-gradient(#da0c5e, #2649e2);
      background-image: -webkit-linear-gradient(#da0c5e, #2649e2);
      background-image: -moz-linear-gradient(#da0c5e, #2649e2);
      background-image: -ms-linear-gradient(#da0c5e, #2649e2);
      background-image: -o-linear-gradient(#da0c5e, #2649e2);
      opacity: 0;
      z-index: -1;
      position: absolute;
      content: "";
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      transition: 0.4s ease-in-out;
      border-radius: 100%; }
    .testimonial-carousel-5 button:hover::before {
      opacity: 1; }
    .testimonial-carousel-5 button:hover {
      color: #ffffff;
      border: 1px solid transparent; }
    .testimonial-carousel-5 button.testimonial-arrow-prev {
      left: -55px; }
    .testimonial-carousel-5 button.testimonial-arrow-next {
      left: auto;
      right: -55px; }

/*-- Gradient 1 --*/
.testimonial-carousel-5 .testimonal {
  position: relative;
  z-index: 2;
  background: transparent; }
  .testimonial-carousel-5 .testimonal::before {
    background-image: linear-gradient(#da0c5e, #2649e2);
    background-image: -webkit-gradient(#da0c5e, #2649e2);
    background-image: -webkit-linear-gradient(#da0c5e, #2649e2);
    background-image: -moz-linear-gradient(#da0c5e, #2649e2);
    background-image: -ms-linear-gradient(#da0c5e, #2649e2);
    background-image: -o-linear-gradient(#da0c5e, #2649e2);
    opacity: 1;
    z-index: -1;
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0; }
  .testimonial-carousel-5 .testimonal .content .clint-info h4 {
    color: #ffffff; }
  .testimonial-carousel-5 .testimonal .content .clint-info span {
    color: #ffffff; }
  .testimonial-carousel-5 .testimonal p {
    color: #ffffff; }

/*=====================================
    Testimonial Slider Style
=======================================*/
.testimonial-style-5.testimonial-slider-2 .testimonal-img {
  text-align: center;
  padding: 0 14px; }
.testimonial-style-5.testimonial-slider-2 .testimonial-for {
  padding: 0 15%; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .testimonial-style-5.testimonial-slider-2 .testimonial-for {
      padding: 0; } }
  @media only screen and (max-width: 767px) {
    .testimonial-style-5.testimonial-slider-2 .testimonial-for {
      padding: 0; } }
  .testimonial-style-5.testimonial-slider-2 .testimonial-for .testimonial-desc {
    background: #ffffff;
    padding: 40px;
    position: relative;
    margin-top: 30px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    margin-left: 6px; }
    .testimonial-style-5.testimonial-slider-2 .testimonial-for .testimonial-desc .triangle {
      position: absolute;
      bottom: 100%;
      margin-top: -1px;
      border-right: 20px solid transparent;
      border-left: 20px solid transparent;
      border-top: 20px solid transparent;
      border-bottom: 20px solid #fff;
      left: 50%;
      transform: translateX(-50%); }
    .testimonial-style-5.testimonial-slider-2 .testimonial-for .testimonial-desc .client h6 {
      color: #2d3e50;
      font-size: 25px;
      text-align: center;
      margin-bottom: 1px; }
      @media only screen and (max-width: 767px) {
        .testimonial-style-5.testimonial-slider-2 .testimonial-for .testimonial-desc .client h6 {
          font-size: 21px;
          margin-bottom: 9px; } }
    .testimonial-style-5.testimonial-slider-2 .testimonial-for .testimonial-desc .client ul.rating {
      display: flex;
      padding: 0;
      margin: 0;
      justify-content: center;
      list-style: none;
      margin-bottom: 10px; }
      .testimonial-style-5.testimonial-slider-2 .testimonial-for .testimonial-desc .client ul.rating li {
        color: #f1c30d;
        font-size: 17px;
        margin: 0 2px; }
    .testimonial-style-5.testimonial-slider-2 .testimonial-for .testimonial-desc p {
      padding: 0;
      color: #2d3e50;
      font-size: 16px;
      line-height: 28px; }

.testimonial-style-5.testimonial-slider-2 .slick-slide.slick-active .testimonal-img img {
  transform: scale(0.8);
  border: 1px solid #7a9757; }

.testimonial-style-5.testimonial-slider-2 .slick-slide.slick-active.slick-center .testimonal-img img {
  transform: scale(1.2);
  border: 2px solid #7a9757; }

.testimonial-style-5.testimonial-slider-2 .slick-slide {
  padding: 4px 0; }

.testimonial-style-5.testimonial-slider-2 .testimonal-nav .slick-track {
  margin-top: 50px; }

/*--------
    Testimonial Slider 3
------------------------------------*/
.testimonial-slide-active-3.round-arrow button {
  position: absolute;
  top: 50%;
  left: -20px;
  z-index: 2;
  background: #000000;
  color: #fff;
  width: 40px;
  height: 40px;
  border: 0 none;
  font-size: 30px;
  border-radius: 100%;
  padding: 0;
  transition: 0.4s ease-in-out; }
  .testimonial-slide-active-3.round-arrow button:hover {
    background: #0056ff;
    color: #ffffff; }
  .testimonial-slide-active-3.round-arrow button.testimonial-arrow-next {
    left: auto;
    right: -20px; }

/*--------
    Testimonial Slider 4
------------------------------------*/
.testimonial-slide-active-4 button.slick-arrow {
  position: absolute;
  bottom: -71px;
  left: 44%;
  border: 0 none;
  color: #0056ff;
  font-size: 30px;
  z-index: 2; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .testimonial-slide-active-4 button.slick-arrow {
      left: 40%; } }
  @media only screen and (max-width: 767px) {
    .testimonial-slide-active-4 button.slick-arrow {
      left: 37%; } }
  @media only screen and (max-width: 575px) {
    .testimonial-slide-active-4 button.slick-arrow {
      left: 25%; } }
.testimonial-slide-active-4 button.testimonial-arrow-next.slick-arrow {
  left: auto;
  right: 44%; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .testimonial-slide-active-4 button.testimonial-arrow-next.slick-arrow {
      right: 40%; } }
  @media only screen and (max-width: 767px) {
    .testimonial-slide-active-4 button.testimonial-arrow-next.slick-arrow {
      right: 37%; } }
  @media only screen and (max-width: 575px) {
    .testimonial-slide-active-4 button.testimonial-arrow-next.slick-arrow {
      right: 25%; } }
.testimonial-slide-active-4 .slick-dots {
  bottom: -60px; }
  .testimonial-slide-active-4 .slick-dots li {
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    padding: 0; }
    .testimonial-slide-active-4 .slick-dots li button {
      width: 10px;
      height: 10px;
      padding: 5px;
      background: #000;
      border-radius: 100%; }
    .testimonial-slide-active-4 .slick-dots li.slick-active button {
      background: #0056ff; }

.testimonial-slide-active-4 .slick-dots li button:before {
  display: none; }

.testimonial-style-1.testimonial-slide-active-4 .testimonal img {
  margin-bottom: 2px;
  border: 0 none; }

.testimonial-slide-active-4.construction-testimonial button.slick-arrow {
  color: #fab702; }

.testimonial-slide-active-4.construction-testimonial .slick-dots li.slick-active button {
  background: #fab702; }

/*--------
    Testimonial Slider 5
------------------------------------*/
.testimonial-slider-5 .testimonial-for5 .testimonial-desc {
  text-align: center;
  padding: 40px 8%;
  padding-bottom: 0; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .testimonial-slider-5 .testimonial-for5 .testimonial-desc {
      padding: 40px 0; } }
  @media only screen and (max-width: 767px) {
    .testimonial-slider-5 .testimonial-for5 .testimonial-desc {
      padding: 40px 0; } }
  .testimonial-slider-5 .testimonial-for5 .testimonial-desc .client h6 {
    color: #131313;
    font-weight: 500;
    font-size: 22px;
    margin-bottom: 2px;
    letter-spacing: 4px; }
  .testimonial-slider-5 .testimonial-for5 .testimonial-desc .client span {
    color: #333333;
    font-size: 18px;
    font-weight: 400;
    font-family: "Montserrat", sans-serif;
    letter-spacing: 5px;
    margin-bottom: 34px;
    display: inline-block; }
    @media only screen and (max-width: 767px) {
      .testimonial-slider-5 .testimonial-for5 .testimonial-desc .client span {
        margin-bottom: 17px; } }
  .testimonial-slider-5 .testimonial-for5 .testimonial-desc p {
    color: #767676;
    font-weight: 300;
    font-style: italic;
    font-size: 18px;
    line-height: 38px;
    margin: 0; }
    @media only screen and (max-width: 767px) {
      .testimonial-slider-5 .testimonial-for5 .testimonial-desc p {
        font-size: 14px;
        line-height: 29px; } }

.testimonial-slider-5 .testimonal-nav5.slick-slider {
  padding: 0px 100px; }

.testimonial-slider-5 .slick-slide.slick-active .testimonal-img img {
  border: 0 none; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-style-5.testimonial-slider-2 .slick-slide.slick-active.slick-center .testimonal-img img {
    transform: scale(1); } }
@media only screen and (max-width: 767px) {
  .testimonial-style-5.testimonial-slider-2 .slick-slide.slick-active.slick-center .testimonal-img img {
    transform: scale(1); }

  .testimonial-style-5 .testimonial-shape {
    bottom: 48%; }

  .testimonial-style-6 {
    padding: 0 20px; }

  .testimonial-style-7 .testimonal p {
    font-size: 23px;
    line-height: 39px; }

  .testimonial-style-8 {
    padding: 0 20px; } }
@media only screen and (max-width: 479px) {
  .testimonial-style-7 .slick-arrow {
    left: 0%; }

  .testimonial-style-7 button.testimonial-arrow-next.slick-arrow {
    right: 0%; }

  .testimonial-style-7 .testimonal p {
    font-size: 20px;
    line-height: 38px; } }
@media only screen and (max-width: 575px) {
  .testimonial-style-5 .testimonial-shape {
    bottom: 35%; }

  .testimonial-for .testimonial-desc p {
    padding: 0; }

  .testimonial-warapper {
    padding-right: 0; }

  .testimonial-style-4 .testimonal .thumb {
    float: inherit;
    padding-right: 0;
    margin-bottom: 23px;
    text-align: center; }

  .testimonial-style-4 .testimonal {
    text-align: center; }

  .testimonial-style-4 .testimonal .thumb img {
    display: inline-block; }

  .testimonial-pagination {
    position: inherit;
    top: 100%;
    transform: inherit; }

  ul.testi-pagination-dots {
    display: flex;
    justify-content: center; }

  ul.testi-pagination-dots li {
    padding-left: 30px;
    margin-top: 11px; }

  .testimonial-style-4 .testimonal .content {
    padding-left: 0; }

  .testimonial-style-4 .testimonal .thumb::before,
  .testimonial-style-4 .testimonal .thumb::after {
    display: none; }

  .testimonial-style-3 .testimonal .content {
    padding-left: 0; } }
/*=======================================
    Contact Form Style
=========================================*/
/*==========
   Section Title Style
=========================================*/
.ct-title h2 {
  color: #18012c;
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 12px; }
.ct-title p {
  color: #798294;
  font-size: 16px;
  line-height: 28px; }
.ct-title.text-white h2 {
  color: #ffffff; }
.ct-title.text-white p {
  color: #ffffff; }

/*==========
   Section Title Style 02
=========================================*/
.ct-title-2 {
  position: relative;
  padding-left: 86px;
  margin-bottom: 10px; }
  .ct-title-2 img {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%); }
  .ct-title-2 h2 {
    color: #ffffff;
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 5px; }
    @media only screen and (max-width: 479px) {
      .ct-title-2 h2 {
        font-size: 18px; } }
  .ct-title-2 p {
    color: #ffffff;
    margin: 0;
    font-size: 16px; }

/*==========
   Form Style One
=========================================*/
.form-style-1 form input {
  height: 55px;
  font-weight: 300;
  margin-top: 30px;
  padding: 0 20px;
  border: 1px solid #c1c1c1;
  font-family: "Montserrat", sans-serif;
  font-size: 13px;
  color: #a2a2a2; }
  .form-style-1 form input:focus {
    border: 1px solid #18012c; }
  .form-style-1 form input[type="submit"] {
    background-color: #0056ff;
    border: medium none;
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
    height: 55px;
    line-height: 55px;
    padding: 0 29px;
    text-transform: uppercase;
    width: auto;
    transition: 0.5s;
    font-family: "Montserrat", sans-serif; }
    .form-style-1 form input[type="submit"]:hover {
      background-color: #18012c; }
.form-style-1 form textarea {
  border: 1px solid #c1c1c1;
  min-height: 175px;
  margin-top: 30px;
  padding: 20px;
  color: #a2a2a2;
  resize: none;
  font-family: "Montserrat", sans-serif;
  font-size: 13px; }
  .form-style-1 form textarea:focus {
    border: 1px solid #18012c; }
.form-style-1.cln-service-boking form input[type="submit"] {
  background-color: #03a9f4;
  height: 55px;
  padding: 0 52px;
  line-height: 52px; }
  .form-style-1.cln-service-boking form input[type="submit"]:hover {
    background-color: #18012c; }
.form-style-1.carpenter-form form input[type="submit"] {
  background-color: #e1c265;
  height: 46px;
  padding: 0 38px;
  line-height: 46px;
  margin-top: 40px; }
  .form-style-1.carpenter-form form input[type="submit"]:hover {
    background-color: #18012c; }
.form-style-1.resturant-form form input[type="submit"] {
  background-color: #e54c2a;
  height: 46px;
  padding: 0 38px;
  line-height: 46px;
  margin-top: 40px; }
  .form-style-1.resturant-form form input[type="submit"]:hover {
    background-color: #18012c; }
.form-style-1.body-form form input[type="submit"] {
  background-color: #fb5b21;
  height: 46px;
  padding: 0 38px;
  line-height: 46px;
  margin-top: 40px; }
  .form-style-1.body-form form input[type="submit"]:hover {
    background-color: #18012c; }

.form-style-1 form input::-webkit-input-placeholder {
  color: #a2a2a2; }

.form-style-1 form input::-moz-placeholder {
  color: #a2a2a2; }

.form-style-1 form input:-ms-input-placeholder {
  color: #a2a2a2; }

.form-style-1 form input:-moz-placeholder {
  color: #a2a2a2; }

.form-style-1 form textarea::-webkit-input-placeholder {
  color: #a2a2a2; }

.form-style-1 form textarea::-moz-placeholder {
  color: #a2a2a2; }

.form-style-1 form textarea:-ms-input-placeholder {
  color: #a2a2a2; }

.form-style-1 form textarea:-moz-placeholder {
  color: #a2a2a2; }

/*==========
   Form Style 02
=========================================*/
.form-style-2 label {
  color: #ffffff;
  font-style: italic;
  font-weight: 300;
  font-size: 14px;
  margin-bottom: 11px; }
.form-style-2 input {
  height: 55px;
  font-weight: 300;
  margin-bottom: 30px;
  padding: 0 20px;
  border: 0 none;
  font-family: "Montserrat", sans-serif;
  font-size: 13px;
  background: rgba(255, 255, 255, 0.3);
  color: #ffffff; }
  .form-style-2 input:focus {
    border: 1px solid #18012c; }
  .form-style-2 input[type="submit"] {
    background-color: #fff;
    border: medium none;
    color: #0056ff;
    font-size: 14px;
    font-weight: 600;
    height: 55px;
    line-height: 54px;
    padding: 0 29px;
    text-transform: uppercase;
    width: 100%;
    transition: 0.5s;
    font-family: "Montserrat", sans-serif;
    margin: 0; }
    .form-style-2 input[type="submit"]:hover {
      background-color: #18012c;
      color: #ffffff; }
  .form-style-2 input:last-child {
    margin-bottom: 0; }
.form-style-2 textarea {
  border: 1px solid #c1c1c1;
  min-height: 209px;
  padding: 20px;
  color: #fff;
  resize: none;
  font-family: "Montserrat", sans-serif;
  font-size: 13px;
  background: rgba(255, 255, 255, 0.3);
  margin-bottom: 30px;
  border: 0 none; }
  .form-style-2 textarea:focus {
    border: 1px solid #18012c; }

.form-style-2 input::-webkit-input-placeholder {
  color: #ffffff; }

.form-style-2 input::-moz-placeholder {
  color: #ffffff; }

.form-style-2 input:-ms-input-placeholder {
  color: #ffffff; }

.form-style-2 input:-moz-placeholder {
  color: #ffffff; }

/*==========
   Form Style 03
=========================================*/
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

input[type=number] {
  -moz-appearance: textfield; }

.form-style-3 form input {
  color: #c0c0c0;
  font-weight: 300;
  font-style: italic;
  border: 0 none;
  border-bottom: 1px solid #c0c0c0;
  padding: 0;
  margin-bottom: 50px;
  padding-bottom: 4px;
  font-size: 16px; }
  .form-style-3 form input:focus {
    border-bottom: 1px solid #18012c; }
  .form-style-3 form input[type="submit"] {
    border: 0 none;
    background: #0056ff;
    color: #fff;
    margin-top: 40px;
    margin-bottom: 0;
    height: 55px;
    line-height: 59px;
    padding: 0 20px;
    transition: 0.5s;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
    .form-style-3 form input[type="submit"]:hover {
      background: #ffffff;
      color: #0056ff; }
.form-style-3 form textarea {
  border: 0 none;
  border-bottom: 1px solid #c0c0c0;
  font-style: italic;
  padding: 0;
  min-height: 150px;
  resize: none;
  color: #c0c0c0;
  font-size: 16px;
  font-weight: 400; }
  .form-style-3 form textarea:focus {
    border-bottom: 1px solid #18012c; }
.form-style-3.medical-aapoinment form input,
.form-style-3.medical-aapoinment form select {
  color: #707070;
  font-weight: 400;
  font-style: normal;
  border: 1px solid #cdcdcd;
  padding: 0 20px;
  margin-bottom: 30px;
  padding-bottom: 4px;
  font-size: 16px;
  font-family: "Montserrat", sans-serif;
  background: #f0f0f0;
  height: 50px; }
  .form-style-3.medical-aapoinment form input:focus,
  .form-style-3.medical-aapoinment form select:focus {
    border: 1px solid #0bb6ce; }
  .form-style-3.medical-aapoinment form input[type="submit"],
  .form-style-3.medical-aapoinment form select[type="submit"] {
    border: 0 none;
    background: #0bb6ce;
    color: #fff;
    margin-top: 40px;
    margin-bottom: 0;
    height: 55px;
    line-height: 59px;
    padding: 0 20px;
    transition: 0.5s; }
    .form-style-3.medical-aapoinment form input[type="submit"]:hover,
    .form-style-3.medical-aapoinment form select[type="submit"]:hover {
      background: #ffffff;
      color: #0bb6ce; }
.form-style-3.medical-aapoinment form textarea {
  border: 1px solid #cdcdcd;
  color: #707070;
  padding: 20px;
  background: #f0f0f0;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  font-family: "Montserrat", sans-serif; }
  .form-style-3.medical-aapoinment form textarea:focus {
    border: 1px solid #0bb6ce; }

.form-style-3.portfolio-contact form input[type="submit"] {
  background: #313131; }

.form-style-3.portfolio-contact form input[type="submit"]:hover {
  background: #ffffff;
  color: #313131; }

/*==========
   Form Style 05
=========================================*/
.form-style-5 form .input-box {
  display: flex;
  align-items: center;
  margin-bottom: 30px; }
  @media only screen and (max-width: 479px) {
    .form-style-5 form .input-box {
      display: block; } }
  .form-style-5 form .input-box label {
    color: #000000;
    font-weight: 600;
    font-size: 14px;
    flex-basis: 16%; }
    @media only screen and (max-width: 767px) {
      .form-style-5 form .input-box label {
        flex-basis: 24%; } }
  .form-style-5 form .input-box input {
    background: #a2a2a2;
    color: #a2a2a2;
    font-weight: 300;
    background: #f3f3f3;
    border: 1px solid #c1c1c1;
    height: 55px;
    line-height: 55px;
    padding: 0 20px;
    font-weight: "Montserrat", sans-serif; }
    .form-style-5 form .input-box input:focus {
      border: 1px solid #18012c; }
  .form-style-5 form .input-box textarea {
    background: #f3f3f3;
    border: 1px solid #c1c1c1;
    min-height: 200px;
    padding: 20px;
    font-weight: "Montserrat", sans-serif; }
    .form-style-5 form .input-box textarea:focus {
      border: 1px solid #18012c; }
.form-style-5 form input[type="submit"] {
  margin-left: 75px;
  background: #0056ff;
  width: auto;
  border: 0 none;
  color: #fff;
  padding: 0 30px;
  height: 55px;
  line-height: 55px;
  margin: 0;
  margin-left: 75px;
  font-size: 14px;
  font-weight: 500;
  transition: 0.5s; }
  .form-style-5 form input[type="submit"]:hover {
    opacity: 0.7; }

/*==========
   Form Style 06
=========================================*/
.contact_form_container {
  background: #81abfe;
  padding: 30px; }
  .contact_form_container.repair-request-form {
    background: #f4f4f4; }
    .contact_form_container.repair-request-form .ct-title-2 h2 {
      color: #3d3d3d;
      font-size: 30px; }

.form-style-6 form input {
  margin-top: 30px;
  border: 1px solid #ffffff;
  height: 50px;
  line-height: 50px;
  color: #fff;
  font-weight: 300;
  font-family: "Montserrat", sans-serif; }
  .form-style-6 form input:focus {
    border: 1px solid #18012c; }
  .form-style-6 form input[type="submit"] {
    background: #fff;
    height: 55px;
    line-height: 56px;
    border: 0 none;
    padding: 0 30px;
    color: #0056ff;
    font-weight: 600;
    width: auto;
    transition: 0.5s; }
    .form-style-6 form input[type="submit"]:hover {
      opacity: 0.7; }
.form-style-6 form textarea {
  margin-top: 30px;
  min-height: 145px;
  border: 1px solid #fff;
  padding: 20px;
  font-weight: 300;
  color: #fff;
  font-family: "Montserrat", sans-serif; }
  .form-style-6 form textarea:focus {
    border: 1px solid #18012c; }
.form-style-6.repair-service-form form input {
  border: 1px solid #e1e1e1;
  background: #ffffff;
  color: #707070; }
  .form-style-6.repair-service-form form input:focus {
    border: 1px solid #18012c; }
  .form-style-6.repair-service-form form input[type="submit"] {
    color: #ffffff;
    width: 100%;
    background: #43c3ea;
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: uppercase; }
    .form-style-6.repair-service-form form input[type="submit"]:hover {
      opacity: 0.7; }
.form-style-6.repair-service-form form textarea {
  border: 1px solid #e1e1e1;
  color: #707070;
  background: #ffffff; }
  .form-style-6.repair-service-form form textarea:focus {
    border: 1px solid #18012c; }

.form-style-6 form input::-webkit-input-placeholder {
  color: #ffffff; }

.form-style-6 form input::-moz-placeholder {
  color: #ffffff; }

.form-style-6 form input:-ms-input-placeholder {
  color: #ffffff; }

.form-style-6 form input:-moz-placeholder {
  color: #ffffff; }

.form-style-6 form textarea::-webkit-input-placeholder {
  color: #ffffff; }

.form-style-6 form textarea::-moz-placeholder {
  color: #ffffff; }

.form-style-6 form textarea:-ms-input-placeholder {
  color: #ffffff; }

.form-style-6 form textarea:-moz-placeholder {
  color: #ffffff; }

.form-style-6.repair-service-form form input::-webkit-input-placeholder {
  color: #707070; }

.form-style-6.repair-service-form form input::-moz-placeholder {
  color: #707070; }

.form-style-6.repair-service-form form input:-ms-input-placeholder {
  color: #707070; }

.form-style-6.repair-service-form form input:-moz-placeholder {
  color: #707070; }

.form-style-6.repair-service-form form textarea::-webkit-input-placeholder {
  color: #707070; }

.form-style-6.repair-service-form form textarea::-moz-placeholder {
  color: #707070; }

.form-style-6.repair-service-form form textarea:-ms-input-placeholder {
  color: #707070; }

.form-style-6.repair-service-form form textarea:-moz-placeholder {
  color: #707070; }

/*==========
   Form Style 07
=========================================*/
.form-style-7 form input {
  background: #f3f3f3;
  border: 0  none;
  height: 55px;
  padding: 0 20px;
  margin-bottom: 30px;
  font-family: "Montserrat", sans-serif; }
  .form-style-7 form input:focus {
    border: 1px solid #18012c; }
  .form-style-7 form input[type="submit"] {
    width: auto;
    margin: 0;
    padding: 0 58px;
    background: #0056ff;
    color: #fff;
    height: 58px;
    font-weight: 600;
    line-height: 61px;
    text-transform: uppercase;
    transition: 0.5s;
    margin-top: 10px; }
    .form-style-7 form input[type="submit"]:hover {
      opacity: 0.7; }
.form-style-7 form label {
  font-size: 14px;
  color: #000000;
  font-weight: 300;
  font-style: italic; }
.form-style-7 form textarea {
  background: #f3f3f3;
  border: 0 none;
  margin-bottom: 30px;
  min-height: 230px;
  resize: none;
  padding: 20px;
  margin-bottom: 30px;
  font-family: "Montserrat", sans-serif; }
  .form-style-7 form textarea:focus {
    border: 1px solid #18012c; }
.form-style-7.political-form form input[type="submit"] {
  background: #ef3345;
  border-radius: 3px; }
  .form-style-7.political-form form input[type="submit"]:hover {
    opacity: 1;
    background: #043174; }

input, textarea {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none; }

/*=======================================
    Register Style
=========================================*/
/*==========
   Register Style One
=========================================*/
.register-style-1 {
  background: #fa4a79;
  padding-bottom: 40px; }
  .register-style-1 .register-title {
    text-align: center;
    background-image: url(img/icons/register-header.png);
    background-position: center center;
    background-size: cover;
    padding-top: 38px;
    margin-bottom: 9px;
    padding-bottom: 76px; }
    @media only screen and (max-width: 767px) {
      .register-style-1 .register-title {
        padding-bottom: 134px; } }
    .register-style-1 .register-title h2 {
      color: #000000;
      font-size: 18px;
      font-weight: 600;
      margin-bottom: 5px; }
    .register-style-1 .register-title p {
      color: #000000;
      font-size: 14px;
      margin: 0; }
  .register-style-1 form {
    padding: 0 30px 0;
    text-align: center; }
    .register-style-1 form input {
      height: 50px;
      border: 1px solid #ffffff;
      background: #fb5c87;
      font-size: 12px;
      color: #ffffff;
      font-weight: 300;
      margin-top: 30px;
      font-family: "Montserrat", sans-serif; }
      .register-style-1 form input[type="submit"] {
        width: auto;
        margin: 0 auto;
        text-align: center;
        background: #fff;
        font-weight: 600;
        color: #fa4a79;
        margin-top: 40px;
        font-size: 14px;
        padding: 0 47px;
        transition: 0.5s; }
        .register-style-1 form input[type="submit"]:hover {
          opacity: 0.7; }

.register-style-1 form input::-webkit-input-placeholder {
  color: #ffffff; }

.register-style-1 form input::-moz-placeholder {
  color: #ffffff; }

.register-style-1 form input:-ms-input-placeholder {
  color: #ffffff; }

.register-style-1 form input:-moz-placeholder {
  color: #ffffff; }

/*==========
   Register Style 2
=========================================*/
.register-style-2 {
  background: #7ca7f9;
  padding: 50px 80px; }
  .register-style-2 .register-title {
    margin-bottom: 10px; }
    .register-style-2 .register-title h2 {
      color: #ffffff;
      font-weight: 600;
      font-size: 24px;
      margin-bottom: 6px; }
    .register-style-2 .register-title p {
      color: #ffffff;
      margin: 0;
      font-size: 14px; }
  .register-style-2 form label {
    color: #666666;
    font-weight: 400;
    font-size: 12px;
    margin-bottom: 8px;
    font-family: "Montserrat", sans-serif; }
  .register-style-2 form input {
    border: 1px solid #ffffff;
    padding: 0 20px;
    color: #fff;
    margin-bottom: 30px;
    font-weight: 300;
    font-family: "Montserrat", sans-serif; }
    .register-style-2 form input[type="submit"] {
      width: auto;
      text-align: center;
      background: #fff;
      font-weight: 600;
      color: #0056ff;
      font-size: 14px;
      padding: 0 47px;
      transition: 0.5s;
      height: 50px;
      margin-top: 10px;
      margin-bottom: 0; }
      .register-style-2 form input[type="submit"]:hover {
        opacity: 0.7; }

.register-style-2 form input::-webkit-input-placeholder {
  color: #ffffff; }

.register-style-2 form input::-moz-placeholder {
  color: #ffffff; }

.register-style-2 form input:-ms-input-placeholder {
  color: #ffffff; }

.register-style-2 form input:-moz-placeholder {
  color: #ffffff; }

/*==========
   Register Style 3
=========================================*/
.register-style-3 {
  padding: 100px 56px;
  text-align: center; }
  @media only screen and (max-width: 767px) {
    .register-style-3 {
      padding: 100px 16px; } }
  .register-style-3 .register-title {
    margin-bottom: 42px; }
    .register-style-3 .register-title h2 {
      color: #fff;
      font-size: 30px;
      font-weight: 700;
      text-transform: uppercase;
      margin-bottom: 5px; }
    .register-style-3 .register-title p {
      color: #ffffff;
      font-size: 14px; }
  .register-style-3 form .input_box {
    display: flex;
    margin-bottom: 30px;
    align-items: center; }
    .register-style-3 form .input_box i {
      background: rgba(255, 255, 255, 0.3);
      height: 70px;
      width: 88px;
      font-weight: 400;
      line-height: 70px;
      color: #ffffff;
      text-align: center;
      font-size: 34px;
      border-radius: 8px 0 0 8px; }
    .register-style-3 form .input_box input {
      background: rgba(255, 255, 255, 0.3);
      border: 0 none;
      margin-left: 2px;
      height: 70px;
      border-radius: 0 8px 8px 0;
      padding: 0 50px;
      color: #ffffff;
      font-size: 16px;
      font-family: "Poppins", sans-serif; }
      @media only screen and (max-width: 767px) {
        .register-style-3 form .input_box input {
          padding: 0 10px;
          font-size: 14px; } }
      .register-style-3 form .input_box input[type="submit"] {
        border: 3px solid #fff;
        border-radius: 8px;
        color: #fff;
        box-sizing: border-box;
        height: 90px;
        font-size: 24px;
        font-weight: 600;
        text-transform: uppercase;
        margin-bottom: 51px;
        font-family: "Montserrat", sans-serif;
        transition: 0.5s; }
  .register-style-3 form input[type="submit"] {
    border: 3px solid #fff;
    border-radius: 8px;
    color: #fff;
    box-sizing: border-box;
    height: 90px;
    font-size: 24px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 51px;
    font-family: "Montserrat", sans-serif; }
    .register-style-3 form input[type="submit"]:hover {
      background: #ffffff !important;
      color: #18012c; }
  .register-style-3 .login a {
    border: 3px solid #ffffff;
    display: block;
    height: 90px;
    line-height: 90px;
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    border-radius: 8px;
    margin-top: 56px;
    transition: 0.5s;
    font-family: "Montserrat", sans-serif; }
    .register-style-3 .login a:hover {
      background: #ffffff;
      color: #18012c; }
  .register-style-3 .separator span {
    color: #ffffff;
    font-size: 24px;
    font-weight: 500;
    padding: 0 24px;
    background: transparent;
    position: relative;
    z-index: 99;
    display: block;
    font-family: "Montserrat", sans-serif; }
    .register-style-3 .separator span::before {
      content: "";
      width: 130px;
      height: 1px;
      left: 0;
      top: 50%;
      background: #fff;
      position: absolute;
      display: block; }
      @media only screen and (max-width: 575px) {
        .register-style-3 .separator span::before {
          width: 55px; } }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .register-style-3 .separator span::before {
          width: 75px; } }
    .register-style-3 .separator span::after {
      background: #fff;
      position: absolute;
      content: "";
      width: 130px;
      height: 1px;
      right: 0;
      top: 50%; }
      @media only screen and (max-width: 575px) {
        .register-style-3 .separator span::after {
          width: 55px; } }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .register-style-3 .separator span::after {
          width: 75px; } }

.register-style-3 form input[type="submit"]:hover {
  background: #fff;
  color: #18012c; }

.register-style-3 form input::-webkit-input-placeholder {
  color: #ffffff; }

.register-style-3 form input::-moz-placeholder {
  color: #ffffff; }

.register-style-3 form input:-ms-input-placeholder {
  color: #ffffff; }

.register-style-3 form input:-moz-placeholder {
  color: #ffffff; }

/*==========
   Register Style 4
=========================================*/
.register_left {
  padding: 96px 40px; }
  @media only screen and (max-width: 767px) {
    .register_left {
      padding: 32px 26px; } }
  .register_left .content h2 {
    color: #ffffff;
    font-size: 60px;
    font-weight: 600;
    margin-bottom: 7px; }
  .register_left .content p {
    color: #000000;
    font-size: 14px;
    line-height: 24px;
    padding-right: 7%; }
  .register_left .register-with-social {
    margin-top: 100px; }
    .register_left .register-with-social p {
      color: #000101;
      font-size: 16px; }

.register-icon {
  padding: 0;
  list-style: none;
  display: flex;
  margin: 0; }
  .register-icon li {
    margin-right: 10px; }
    .register-icon li a {
      height: 36px;
      display: block;
      width: 70px;
      text-align: center;
      line-height: 36px;
      border-radius: 18px;
      color: #ffffff;
      font-size: 24px;
      transition: 0.4s; }
      .register-icon li a.facebook {
        background: #3B5998; }
        .register-icon li a.facebook:hover {
          opacity: 0.7; }
      .register-icon li a.twitter {
        background: #00ACEE; }
        .register-icon li a.twitter:hover {
          opacity: 0.7; }

.register-style-4 {
  padding: 0px 40px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .register-style-4 {
      padding: 20px 40px; } }
  @media only screen and (max-width: 767px) {
    .register-style-4 {
      padding: 20px 40px; } }
  .register-style-4 .register-title h2 {
    color: #000000;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 7px; }
  .register-style-4 .register-title p {
    color: #000000;
    font-size: 14px;
    line-height: 24px;
    margin: 0; }
  .register-style-4 form input {
    margin-top: 17px;
    border: 0 none;
    border-bottom: 1px solid #687ea5;
    padding: 0;
    color: #687ea5;
    font-size: 12px;
    font-weight: 300;
    font-family: "Montserrat", sans-serif; }
    .register-style-4 form input[type="submit"] {
      background: #0056ff;
      color: #fff;
      width: auto;
      height: 50px;
      padding: 0 40px;
      border: 0  none;
      font-size: 14px;
      text-transform: uppercase;
      border-radius: 25px;
      transition: 0.5s;
      margin-top: 30px; }
      .register-style-4 form input[type="submit"]:hover {
        opacity: 0.7; }

.register-style-4 form input::-webkit-input-placeholder {
  color: #687ea5; }

.register-style-4 form input::-moz-placeholder {
  color: #687ea5; }

.register-style-4 form input:-ms-input-placeholder {
  color: #687ea5; }

.register-style-4 form input:-moz-placeholder {
  color: #687ea5; }

/*==========
   Register Style 5
=========================================*/
.register-container {
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  padding: 50px 70px; }
  @media only screen and (max-width: 767px) {
    .register-container {
      padding: 33px 10px; } }

.register-top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 33px;
  align-items: center; }
  @media only screen and (max-width: 767px) {
    .register-top {
      flex-wrap: wrap; } }
  .register-top .register-top-left h2 {
    color: #000000;
    font-size: 16px;
    margin: 0;
    font-weight: 600; }
  .register-top .register-top-right {
    display: flex;
    justify-content: space-between; }
    @media only screen and (max-width: 767px) {
      .register-top .register-top-right {
        flex-wrap: wrap; } }
    .register-top .register-top-right p {
      margin: 0;
      color: #b1b1b1;
      margin-right: 30px;
      font-size: 14px; }
      @media only screen and (max-width: 479px) {
        .register-top .register-top-right p {
          margin-top: 7px;
          margin-bottom: 10px; } }
    .register-top .register-top-right a {
      background: #eff1f2;
      height: 30px;
      line-height: 30px;
      color: #000000;
      padding: 0 14px;
      transition: 0.5s; }
      .register-top .register-top-right a:hover {
        background: #18012c;
        color: #ffffff; }

.register-style-5 {
  text-align: center; }
  .register-style-5 form input {
    border: 1px solid #f1f1f1;
    height: 45px;
    margin-bottom: 30px;
    padding: 0 20px;
    color: #757575;
    font-weight: 300;
    font-size: 12px; }
    .register-style-5 form input[type="submit"] {
      background: #0056ff;
      width: auto;
      color: #fff;
      height: 48px;
      padding: 0 40px;
      color: #ffffff;
      font-size: 14px;
      font-weight: 600;
      margin-bottom: 50px;
      transition: 0.5s;
      margin-top: 12px; }
      .register-style-5 form input[type="submit"]:hover {
        background: #18012c;
        color: #ffffff; }
  .register-style-5 .register-icon-2 {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center; }
    @media only screen and (max-width: 767px) {
      .register-style-5 .register-icon-2 {
        flex-wrap: wrap; } }
    .register-style-5 .register-icon-2 li {
      margin: 0 30px; }
      @media only screen and (max-width: 767px) {
        .register-style-5 .register-icon-2 li {
          margin-bottom: 10px; } }
      .register-style-5 .register-icon-2 li a {
        display: block;
        height: 45px;
        line-height: 45px;
        color: #fff;
        font-size: 14px;
        text-transform: uppercase; }
        .register-style-5 .register-icon-2 li a i {
          width: 47px;
          border-right: 1px solid #fff;
          height: 45px;
          line-height: 45px; }
        .register-style-5 .register-icon-2 li a span {
          width: 117px;
          display: inline-block;
          text-align: center; }
  .register-style-5 .register-social-icons p {
    color: #000000;
    font-size: 16px;
    margin-bottom: 23px; }

.register-style-5 form input::-webkit-input-placeholder {
  color: #757575; }

.register-style-5 form input::-moz-placeholder {
  color: #757575; }

.register-style-5 form input:-ms-input-placeholder {
  color: #757575; }

.register-style-5 form input:-moz-placeholder {
  color: #757575; }

.register-form form input:focus {
  border: 1px solid #18012c; }

.register-form .register-style-4 form input:focus {
  border: 0 none;
  border-bottom: 1px solid #18012c; }

/*================================
    LogIn Style
=================================*/
/*=============
    LogIn Style 01
=================================*/
.login-style-1 {
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  padding: 50px 70px; }
  @media only screen and (max-width: 479px) {
    .login-style-1 {
      padding: 30px 20px; } }
  .login-style-1 h2 {
    color: #000000;
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 21px;
    font-family: "Montserrat", sans-serif; }
  .login-style-1 form label {
    color: #000000;
    font-size: 13px;
    font-weight: 300;
    margin-bottom: 10px;
    font-family: "Montserrat", sans-serif; }
  .login-style-1 form input:not([type="checkbox"]) {
    background: transparent;
    border: 1px solid #f2f2f2;
    color: #757575;
    font-size: 12px;
    margin-bottom: 24px;
    font-family: "Montserrat", sans-serif;
    height: 50px; }
    .login-style-1 form input:not([type="checkbox"])[type="submit"] {
      margin: 0;
      margin-top: 40px;
      width: auto;
      background: #0056ff;
      color: #fff;
      height: 43px;
      padding: 0 40px;
      font-weight: 600;
      text-transform: uppercase;
      font-size: 14px;
      border: 0 none;
      transition: 0.4s ease-in-out; }
      .login-style-1 form input:not([type="checkbox"])[type="submit"]:hover {
        background: #18012c;
        color: #fff; }

.log-remember {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: "Montserrat", sans-serif; }
  .log-remember a.fright {
    color: #b1b1b1;
    font-size: 12px;
    transition: 0.4s;
    font-family: "Montserrat", sans-serif; }

/* The lable-content */
.lable-content {
  display: block;
  position: relative;
  padding-left: 29px;
  margin-bottom: 0;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-family: "Montserrat", sans-serif; }

.login-wrapper form .log-remember label {
  margin: 0; }

/* Hide the browser's default checkbox */
.lable-content input {
  position: absolute;
  opacity: 0;
  cursor: pointer; }

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
  border: 1px solid #0056ff;
  margin-top: 4px; }

/* On mouse-over, add a grey background color */
.lable-content:hover input ~ .checkmark {
  border: 1px solid #0056ff; }

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: block; }

/* Show the checkmark when checked */
.lable-content input:checked ~ .checkmark:after {
  display: none; }

/* Style the checkmark/indicator */
.lable-content .checkmark:after {
  left: 5px;
  top: 2px;
  width: 6px;
  height: 9px;
  border: solid #0056ff;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

/*=============
    LogIn Style 02
=================================*/
.login-style-2 {
  text-align: center; }
  .login-style-2 h2 {
    color: #ffffff;
    font-size: 36px;
    margin-bottom: 10px; }
  .login-style-2 p {
    color: #ffffff;
    font-size: 14px;
    margin-bottom: 19px; }
  .login-style-2 form input {
    margin-top: 30px;
    border: 1px solid #ffffff;
    border-radius: 5px;
    height: 60px;
    color: #fff;
    padding: 0 20px; }
    .login-style-2 form input[type="submit"] {
      background: #0056ff;
      border: 0 none;
      font-size: 24px;
      text-transform: uppercase;
      height: 60px;
      border-radius: 5px;
      transition: 0.3s ease-in-out;
      margin-bottom: 20px; }
      .login-style-2 form input[type="submit"]:hover {
        background: #18012c;
        color: #ffffff; }
  .login-style-2 .separator span {
    display: block;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    margin-top: 30px;
    position: relative;
    font-family: "Montserrat", sans-serif; }
    .login-style-2 .separator span::before, .login-style-2 .separator span::after {
      position: absolute;
      left: 0;
      top: 50%;
      background: #fff;
      width: 235px;
      height: 2px;
      content: ""; }
      @media only screen and (max-width: 575px) {
        .login-style-2 .separator span::before, .login-style-2 .separator span::after {
          width: 174px; } }
      @media only screen and (max-width: 479px) {
        .login-style-2 .separator span::before, .login-style-2 .separator span::after {
          width: 108px; } }
    .login-style-2 .separator span::after {
      left: auto;
      right: 0; }

.login-style-2 .log-remember a.fright {
  color: #ffffff; }

.login-style-2 form input::-webkit-input-placeholder {
  color: #ffffff; }

.login-style-2 form input::-moz-placeholder {
  color: #ffffff; }

.login-style-2 form input:-ms-input-placeholder {
  color: #ffffff; }

.login-style-2 form input:-moz-placeholder {
  color: #ffffff; }

/* Style the checkmark/indicator */
.login-style-2 .checkmark,
.login-style-4 .checkmark {
  border: 1px solid #ffffff; }

.login-style-2 .lable-content,
.login-style-4 .lable-content {
  color: #ffffff;
  font-size: 12px; }

.login-style-2 .lable-content .checkmark:after,
.login-style-4 .lable-content .checkmark:after {
  left: 5px;
  top: 2px;
  width: 6px;
  height: 9px;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.login-style-2 .lable-content:hover input ~ .checkmark,
.login-style-4 .lable-content:hover input ~ .checkmark {
  border: 1px solid #ffffff; }

/*===========================
    Social Icons Style 01
=============================*/
.login-socialmedia {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: center; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .login-socialmedia {
      flex-wrap: wrap; } }
  @media only screen and (max-width: 767px) {
    .login-socialmedia {
      flex-wrap: wrap; } }
  .login-socialmedia li {
    margin: 0 5px; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .login-socialmedia li {
        margin-bottom: 10px; } }
    @media only screen and (max-width: 767px) {
      .login-socialmedia li {
        margin-bottom: 10px; } }
    .login-socialmedia li a {
      display: block;
      height: 45px;
      line-height: 45px;
      color: #fff;
      text-transform: uppercase;
      font-size: 14px; }
      .login-socialmedia li a:hover {
        opacity: 0.7; }
      .login-socialmedia li a i {
        width: 47px;
        text-align: center;
        font-size: 19px;
        border-right: 1px solid #a06bbf;
        height: 45px;
        line-height: 45px; }
      .login-socialmedia li a span {
        width: 115px;
        display: inline-block; }

/*==========
   Register Style 3
=========================================*/
.login_left {
  padding: 96px 40px; }
  @media only screen and (max-width: 479px) {
    .login_left {
      padding: 46px 26px; } }
  .login_left .content h2 {
    color: #ffffff;
    font-size: 60px;
    font-weight: 600;
    margin-bottom: 7px; }
  .login_left .content p {
    color: #ffffff;
    font-size: 14px;
    line-height: 24px;
    padding-right: 7%; }
  .login_left .register-with-social {
    margin-top: 100px; }
    .login_left .register-with-social p {
      color: #ffffff;
      font-size: 16px; }

.register-icon {
  padding: 0;
  list-style: none;
  display: flex;
  margin: 0; }
  .register-icon li {
    margin-right: 10px; }
    .register-icon li a {
      height: 36px;
      display: block;
      width: 70px;
      text-align: center;
      line-height: 36px;
      border-radius: 18px;
      color: #ffffff;
      font-size: 24px;
      transition: 0.4s; }
      .register-icon li a.facebook {
        background: #3B5998; }
        .register-icon li a.facebook:hover {
          opacity: 0.7; }
      .register-icon li a.twitter {
        background: #00ACEE; }
        .register-icon li a.twitter:hover {
          opacity: 0.7; }

.login-style-3 {
  padding: 0px 40px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .login-style-3 {
      margin-top: 30px;
      padding-bottom: 40px; } }
  @media only screen and (max-width: 767px) {
    .login-style-3 {
      margin-top: 30px;
      padding-bottom: 40px; } }
  .login-style-3 .login-title h2 {
    color: #000000;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 7px; }
  .login-style-3 .login-title p {
    color: #000000;
    font-size: 14px;
    line-height: 24px;
    margin: 0; }
  .login-style-3 form input {
    margin-top: 17px;
    border: 0 none;
    border-bottom: 1px solid #687ea5;
    padding: 0;
    color: #687ea5;
    font-size: 12px;
    font-weight: 300;
    font-family: "Montserrat", sans-serif; }
    .login-style-3 form input[type="submit"] {
      background: #0056ff;
      color: #fff;
      width: auto;
      height: 50px;
      padding: 0 55px;
      border: 0 none;
      font-size: 14px;
      text-transform: uppercase;
      transition: 0.5s;
      font-weight: 600;
      margin-top: 40px; }
      .login-style-3 form input[type="submit"]:hover {
        opacity: 0.7; }

.login-form.form-bg-four {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  background: #fff; }

.login-style-3 form input::-webkit-input-placeholder {
  color: #687ea5; }

.login-style-3 form input::-moz-placeholder {
  color: #687ea5; }

.login-style-3 form input:-ms-input-placeholder {
  color: #687ea5; }

.login-style-3 form input:-moz-placeholder {
  color: #687ea5; }

/*==========
   Register Style 4
=========================================*/
.login-style-4 {
  padding: 100px 56px;
  text-align: center; }
  @media only screen and (max-width: 767px) {
    .login-style-4 {
      padding: 50px 10px; } }
  .login-style-4 .login-title {
    margin-bottom: 60px;
    margin-top: -145px; }
    @media only screen and (max-width: 767px) {
      .login-style-4 .login-title {
        margin-top: -78px; } }
    .login-style-4 .login-title.triangle {
      position: relative; }
    .login-style-4 .login-title h2 {
      color: #0056ff;
      font-size: 30px;
      font-weight: 700;
      text-transform: uppercase;
      margin-bottom: 0;
      background: #fff;
      display: inline-block;
      padding: 0 100px;
      height: 90px;
      line-height: 91px;
      position: relative; }
      @media only screen and (max-width: 767px) {
        .login-style-4 .login-title h2 {
          padding: 0 51px;
          height: 81px;
          line-height: 81px; } }
      .login-style-4 .login-title h2::after {
        position: absolute;
        top: -11px;
        border-right: 45px solid transparent;
        border-top: 11px solid transparent;
        border-bottom: 45px solid #dedede;
        content: "";
        left: 100%; }
      .login-style-4 .login-title h2::before {
        position: absolute;
        top: -11px;
        border-left: 45px solid transparent;
        border-top: 11px solid transparent;
        border-bottom: 45px solid #dedede;
        content: "";
        right: 100%; }
  .login-style-4 .account-thumb {
    margin-bottom: 30px; }
  .login-style-4 form .input_box {
    display: flex;
    margin-bottom: 30px;
    align-items: center; }
    .login-style-4 form .input_box i {
      background: rgba(255, 255, 255, 0.3);
      height: 70px;
      width: 88px;
      font-weight: 400;
      line-height: 70px;
      color: #ffffff;
      text-align: center;
      font-size: 34px;
      border-radius: 8px 0 0 8px; }
      @media only screen and (max-width: 767px) {
        .login-style-4 form .input_box i {
          height: 60px;
          width: 77px;
          line-height: 60px; } }
    .login-style-4 form .input_box input {
      background: rgba(255, 255, 255, 0.3);
      border: 0 none;
      margin-left: 2px;
      height: 70px;
      border-radius: 0 8px 8px 0;
      padding: 0 50px;
      color: #ffffff;
      font-size: 16px;
      font-family: "Poppins", sans-serif; }
      @media only screen and (max-width: 767px) {
        .login-style-4 form .input_box input {
          height: 60px;
          padding: 0 9px;
          font-size: 12px; } }
  .login-style-4 form input[type="submit"] {
    border: 3px solid #fff;
    border-radius: 8px;
    color: #fff;
    box-sizing: border-box;
    height: 70px;
    font-size: 24px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 51px;
    font-family: "Montserrat", sans-serif;
    margin: 0;
    margin-top: 30px; }
    .login-style-4 form input[type="submit"]:hover {
      background: #ffffff !important;
      color: #18012c; }
  .login-style-4 .login a {
    border: 3px solid #ffffff;
    display: block;
    height: 90px;
    line-height: 90px;
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    border-radius: 8px;
    margin-top: 56px;
    transition: 0.5s;
    font-family: "Montserrat", sans-serif; }
    .login-style-4 .login a:hover {
      background: #ffffff;
      color: #18012c; }
  .login-style-4 .separator span {
    color: #ffffff;
    font-size: 24px;
    font-weight: 500;
    padding: 0 24px;
    background: transparent;
    position: relative;
    z-index: 99;
    display: block;
    font-family: "Montserrat", sans-serif; }
    .login-style-4 .separator span::before {
      content: "";
      width: 130px;
      height: 1px;
      left: 0;
      top: 50%;
      background: #fff;
      position: absolute;
      display: block; }
    .login-style-4 .separator span::after {
      background: #fff;
      position: absolute;
      content: "";
      width: 130px;
      height: 1px;
      right: 0;
      top: 50%; }

.login-style-4 form input[type="submit"]:hover {
  background: #fff;
  color: #18012c; }

.login-style-4 form input::-webkit-input-placeholder {
  color: #ffffff; }

.login-style-4 form input::-moz-placeholder {
  color: #ffffff; }

.login-style-4 form input:-ms-input-placeholder {
  color: #ffffff; }

.login-style-4 form input:-moz-placeholder {
  color: #ffffff; }

.login-style-4 .log-remember a.fright {
  color: #ffffff; }

/*==========
   Register Style 5
=========================================*/
.login-style-5 {
  text-align: center;
  border-radius: 15px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
  .login-style-5 .login-form {
    padding: 60px 120px; }
    @media only screen and (max-width: 575px) {
      .login-style-5 .login-form {
        padding: 40px 30px; } }
    .login-style-5 .login-form img {
      margin-bottom: 50px; }
      @media only screen and (max-width: 575px) {
        .login-style-5 .login-form img {
          margin-bottom: 21px; } }
  .login-style-5 form input {
    background: rgba(255, 255, 255, 0.5);
    border: 0 none;
    height: 50px;
    margin-bottom: 30px;
    border-radius: 9px;
    text-align: center;
    padding: 0 20px;
    color: #585858;
    font-weight: 300;
    font-size: 12px;
    font-family: "Montserrat", sans-serif; }
    .login-style-5 form input[type="submit"] {
      background: transparent;
      border: 2px solid #fff;
      width: auto;
      height: 50px;
      padding: 0 46px;
      font-size: 24px;
      color: #ffffff;
      font-weight: 600;
      text-transform: uppercase;
      margin: 0;
      transition: 0.4s ease-in-out; }
      .login-style-5 form input[type="submit"]:hover {
        border: 2px solid #fff;
        background: #ffffff;
        color: #18012c; }

.loginfooter {
  padding: 70px 0; }
  .loginfooter .login-social-icons {
    list-style: none;
    padding: 0;
    margin: 0; }
    .loginfooter .login-social-icons li {
      margin-bottom: 20px; }
      .loginfooter .login-social-icons li a {
        display: inline-block;
        height: 65px;
        line-height: 65px;
        color: #fff;
        border-radius: 9px;
        font-family: "Montserrat", sans-serif;
        transition: 0.3s ease-in-out; }
        .loginfooter .login-social-icons li a:hover {
          opacity: 0.7; }
        .loginfooter .login-social-icons li a i {
          width: 70px;
          text-align: center;
          height: 65px;
          border-right: 1px solid #ffffff;
          line-height: 65px;
          font-size: 23px; }
          @media only screen and (max-width: 575px) {
            .loginfooter .login-social-icons li a i {
              width: 54px; } }
        .loginfooter .login-social-icons li a span {
          width: 230px;
          display: inline-block;
          text-align: center;
          font-size: 16px; }
          @media only screen and (max-width: 575px) {
            .loginfooter .login-social-icons li a span {
              width: auto;
              font-size: 14px;
              padding: 0 10px; } }
  .loginfooter a.register-btn {
    color: #616161;
    font-size: 18px;
    font-weight: 400;
    margin-top: 56px;
    display: block;
    font-family: "Montserrat", sans-serif; }

.login-style-5 form input::-webkit-input-placeholder {
  color: #585858; }

.login-style-5 form input::-moz-placeholder {
  color: #585858; }

.login-style-5 form input:-ms-input-placeholder {
  color: #585858; }

.login-style-5 form input:-moz-placeholder {
  color: #585858; }

.login-form form input:focus {
  border: 1px solid #18012c; }

.login-form .login-style-3 form input:focus {
  border: 0 none;
  border-bottom: 1px solid #18012c; }

/*================================
    Service Style
==================================*/
.service {
  margin-top: 30px; }

/*================================
    Service Style One
==================================*/
.service-1 .icon {
  margin-bottom: 30px; }
  .service-1 .icon i {
    color: #ed552d;
    font-size: 50px; }
.service-1 .thumb {
  margin-bottom: 25px; }
.service-1 .content h4 {
  color: #333333;
  font-size: 18px;
  font-weight: 600; }
.service-1 .content p {
  color: #333;
  font-size: 15px;
  line-height: 25px;
  margin: 0;
  padding: 0 12px;
  position: relative;
  padding-bottom: 35px; }
  .service-1 .content p::before {
    position: absolute;
    content: "";
    background: #969696;
    width: 20px;
    height: 1px;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%); }
  .service-1 .content p::after {
    position: absolute;
    content: "";
    background: #969696;
    height: 1px;
    width: 30px;
    bottom: 5px;
    left: 50%;
    transform: translateX(-50%); }
.service-1.agency-service .icon i {
  color: #702bc6; }
.service-1.portfolio-service .icon i {
  color: #313131; }
.service-1.gr-service .icon i {
  color: #6dc32e; }
.service-1.gr-service .content h4 {
  color: #404040; }
.service-1.gr-service .content p {
  color: #5b5b5b;
  font-size: 16px;
  line-height: 28px;
  font-family: "Poppins", sans-serif;
  padding: 0 12px;
  padding-bottom: 35px; }
.service-1.gr-service.fter-shape-none .content p::before, .service-1.gr-service.fter-shape-none .content p::after {
  display: none; }

/*================================
    Service Style Two
==================================*/
.service-2 {
  background: #ffffff;
  padding: 30px;
  transition: 0.4s ease-in-out; }
  @media only screen and (max-width: 767px) {
    .service-2 {
      padding: 15px; } }
  .service-2.padding-none {
    padding: 0; }
  .service-2 .thumb a img {
    width: 100%; }
  .service-2.cleaning-service .content {
    padding: 30px 20px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .service-2.cleaning-service .content {
        padding: 30px 24px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .service-2.cleaning-service .content {
        padding: 16px 9px; } }
    .service-2.cleaning-service .content p {
      margin-bottom: 8px; }
  .service-2 .content {
    padding-top: 30px; }
    .service-2 .content h4 {
      color: #333333;
      font-size: 22px;
      line-height: 30px;
      margin-bottom: 13px;
      padding: 0 9px; }
      @media only screen and (max-width: 767px) {
        .service-2 .content h4 {
          font-size: 20px; } }
    .service-2 .content p {
      color: #333333;
      font-size: 14px;
      line-height: 24px;
      margin-bottom: 35px; }
    .service-2 .content a.readmore_btn {
      height: 42px;
      border: 1px solid #0056ff;
      display: inline-block;
      padding: 0 42px;
      line-height: 40px;
      font-size: 14px;
      border-radius: 30px;
      color: #0056ff;
      font-weight: 600;
      transition: 0.5s; }
      .service-2 .content a.readmore_btn:hover {
        background: #0056ff;
        color: #fff; }
      .service-2 .content a.readmore_btn.btn-transparent {
        border: 0 none;
        width: inherit;
        height: inherit;
        color: #3f3f3f;
        font-size: 14px;
        font-family: "Montserrat", sans-serif;
        font-weight: 500; }
        .service-2 .content a.readmore_btn.btn-transparent:hover {
          color: #03a9f4;
          background: transparent; }
  .service-2.agency-service {
    background: #f4f4f4; }
    .service-2.agency-service .content {
      padding-top: 30px; }
      .service-2.agency-service .content a.readmore_btn {
        border: 1px solid #702bc6;
        color: #702bc6; }
        .service-2.agency-service .content a.readmore_btn:hover {
          background: #702bc6;
          color: #fff; }
    .service-2.agency-service:hover {
      background: #ffffff;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
  .service-2.repair-service {
    background: #ffffff; }
    .service-2.repair-service .content {
      padding-top: 30px; }
      .service-2.repair-service .content a.readmore_btn {
        border: 2px solid #43c3ea;
        color: #43c3ea;
        line-height: 38px; }
        .service-2.repair-service .content a.readmore_btn:hover {
          background: #43c3ea;
          color: #fff; }
    .service-2.repair-service:hover {
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
  .service-2.carpenter-service {
    background: #ffffff; }
    .service-2.carpenter-service .content {
      padding: 30px; }
      .service-2.carpenter-service .content a.readmore_btn {
        border: 2px solid #e1c265;
        color: #e1c265;
        line-height: 38px; }
        .service-2.carpenter-service .content a.readmore_btn:hover {
          background: #e1c265;
          color: #fff; }
    .service-2.carpenter-service:hover {
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
  .service-2.popular-courses {
    background: #f4f4f4; }
    .service-2.popular-courses .content {
      padding-top: 30px; }
      .service-2.popular-courses .content h4 {
        padding: 0; }
      .service-2.popular-courses .content p {
        margin-bottom: 26px; }
      .service-2.popular-courses .content a.readmore_btn {
        border: 1px solid #56a4b1;
        color: #56a4b1; }
        .service-2.popular-courses .content a.readmore_btn:hover {
          background: #56a4b1;
          color: #fff; }
      .service-2.popular-courses .content ul {
        padding: 0;
        display: flex;
        margin: 0;
        list-style: none; }
        .service-2.popular-courses .content ul.crs-meta {
          margin-bottom: 17px; }
          .service-2.popular-courses .content ul.crs-meta li {
            color: #6e6e6e;
            font-size: 14px;
            font-family: "Montserrat", sans-serif;
            margin-right: 14px; }
            .service-2.popular-courses .content ul.crs-meta li a {
              color: #6e6e6e; }
        .service-2.popular-courses .content ul.crs-price {
          justify-content: space-between; }
          .service-2.popular-courses .content ul.crs-price li {
            color: #6e6e6e;
            font-size: 14px;
            font-family: "Montserrat", sans-serif;
            margin-right: 14px; }
            .service-2.popular-courses .content ul.crs-price li i {
              padding-right: 7px; }
            .service-2.popular-courses .content ul.crs-price li a {
              color: #6e6e6e; }
            .service-2.popular-courses .content ul.crs-price li.price {
              color: #56a4b1; }
    .service-2.popular-courses:hover {
      background: #ffffff;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
  .service-2.body-fit-choose {
    background: #ffffff; }
    .service-2.body-fit-choose .content {
      padding: 40px; }
      .service-2.body-fit-choose .content i {
        font-size: 69px;
        margin-bottom: 11px;
        display: inline-block;
        color: #404040; }
      .service-2.body-fit-choose .content h4 {
        padding: 0;
        font-size: 22px;
        font-weight: 500; }
      .service-2.body-fit-choose .content p {
        margin-bottom: 26px;
        color: #4d4d4d;
        line-height: 27px; }
      .service-2.body-fit-choose .content a.readmore_btn {
        border: 1px solid transparent;
        padding: 0;
        border-radius: inherit;
        color: #404040; }
        .service-2.body-fit-choose .content a.readmore_btn:hover {
          background: transparent;
          color: #fb5b21; }
    .service-2.body-fit-choose:hover {
      background: #fb5b21;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
      .service-2.body-fit-choose:hover .content i {
        color: #ffffff; }
      .service-2.body-fit-choose:hover .content h4 {
        color: #ffffff; }
      .service-2.body-fit-choose:hover .content p {
        color: #ffffff; }
      .service-2.body-fit-choose:hover .content a.readmore_btn {
        color: #fff; }
  .service-2.beauty-service {
    background: #ffffff; }
    .service-2.beauty-service .content {
      padding: 40px; }
      .service-2.beauty-service .content h4 {
        padding: 0;
        font-size: 22px;
        font-weight: 500; }
      .service-2.beauty-service .content p {
        margin-bottom: 13px;
        color: #333333;
        line-height: 27px; }
      .service-2.beauty-service .content a.readmore_btn {
        border: 1px solid transparent;
        padding: 0;
        border-radius: inherit;
        color: #404040;
        height: auto;
        line-height: initial; }
        .service-2.beauty-service .content a.readmore_btn:hover {
          background: transparent;
          color: #fb5b21; }
    .service-2.beauty-service:hover {
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
      .service-2.beauty-service:hover .content a.readmore_btn {
        color: #ff759d; }

/* Cleaning Service Activation  */
.cln-service-activation .draggable {
  margin: 0 -15px; }
  .cln-service-activation .draggable .slick-slide {
    margin: 0 15px; }
.cln-service-activation button {
  position: absolute;
  top: 50%;
  left: -80px;
  color: #f4f4f4;
  border: 0 none;
  font-size: 30px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background: #000000;
  transform: translateY(-50%);
  z-index: 2;
  border-radius: 100%;
  z-index: 2;
  transition: 0.4s ease-in-out; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .cln-service-activation button {
      left: -30px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .cln-service-activation button {
      left: -30px; } }
  @media only screen and (max-width: 767px) {
    .cln-service-activation button {
      left: -30px; } }
  .cln-service-activation button:hover {
    color: #ffffff;
    background: #03a9f4; }
  .cln-service-activation button.clnService-next {
    left: auto;
    right: -80px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .cln-service-activation button.clnService-next {
        right: -30px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .cln-service-activation button.clnService-next {
        right: -30px; } }
    @media only screen and (max-width: 767px) {
      .cln-service-activation button.clnService-next {
        right: -30px; } }

/*================================
    Service Style Three
==================================*/
.service-3 .icons {
  border: 1px solid #eff2f7;
  width: 110px;
  height: 110px;
  text-align: center;
  border-radius: 100%;
  padding: 10px;
  margin: 0 auto;
  margin-bottom: 27px;
  transition: 0.4s; }
  .service-3 .icons i {
    background: #eff2f7;
    height: 90px;
    display: block;
    border-radius: 100%;
    line-height: 90px;
    width: 90px;
    text-align: center;
    font-size: 40px;
    margin: 0 auto;
    color: #454545;
    transition: 0.4s; }
.service-3:hover .icons {
  border: 1px solid #0056ff; }
.service-3:hover .icons i {
  background: #0056ff;
  color: #fff; }
.service-3 .content h4 {
  color: #333333;
  font-size: 16px;
  text-transform: uppercase;
  padding-bottom: 20px;
  position: relative; }
  .service-3 .content h4::before {
    position: absolute;
    content: "";
    background: #0056ff;
    width: 30px;
    height: 3px;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%); }
.service-3 .content p {
  color: #333333;
  font-size: 14px;
  line-height: 25px;
  padding: 0 12px;
  margin: 0; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .service-3 .content p {
      padding: 0 2px; } }
.service-3.cleaning-service:hover .icons {
  border: 1px solid #03a9f4; }
.service-3.cleaning-service:hover .icons i {
  background: #03a9f4; }
.service-3.cleaning-service .content h4::before {
  background: #03a9f4; }
.service-3.const-service:hover .icons {
  border: 1px solid #fab702; }
.service-3.const-service:hover .icons i {
  background: #fab702; }
.service-3.const-service .content h4::before {
  background: #fab702; }
.service-3.service-education .icons {
  border: 1px solid #f6f6f6;
  width: 90px;
  height: 90px;
  text-align: center;
  border-radius: 10px;
  padding: 10px;
  margin: 0 auto;
  margin-bottom: 27px;
  transition: 0.4s;
  background: #f6f6f6; }
  .service-3.service-education .icons i {
    background: #ffffff;
    height: 60px;
    display: block;
    border-radius: 100%;
    line-height: 60px;
    width: 60px;
    text-align: center;
    font-size: 40px;
    margin: 0 auto;
    color: #454545;
    transition: 0.4s;
    position: absolute;
    margin-top: 4px;
    text-align: center;
    margin-left: 4px; }
.service-3.service-education:hover .icons {
  border: 1px solid #56a4b1; }
.service-3.service-education:hover .icons i {
  background: #ffffff;
  color: #56a4b1; }
.service-3.service-education:hover .icons {
  background: #56a4b1; }
.service-3.service-education .content h4::before {
  background: #56a4b1; }
.service-3.service-education .content p {
  color: #5b5b5b;
  font-size: 14px;
  line-height: 25px;
  padding: 0 12px;
  margin: 0; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .service-3.service-education .content p {
      padding: 0 2px; } }

/*================================
    Service Style 04
==================================*/
.service-4 {
  background: rgba(255, 255, 255, 0.15);
  padding: 75px 11px; }
  .service-4 .content h4 {
    color: #b8b8b8;
    font-weight: 300;
    text-transform: uppercase;
    margin-bottom: 16px; }
  .service-4 .content p {
    margin: 0;
    color: #959595;
    font-weight: 300;
    font-size: 14px;
    line-height: 24px; }
  .service-4 .icons {
    padding-bottom: 33px;
    position: relative;
    margin-bottom: 22px; }
    .service-4 .icons::before {
      position: absolute;
      content: "";
      background: #969696;
      width: 30px;
      height: 1px;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%); }
    .service-4 .icons::after {
      position: absolute;
      content: "";
      bottom: 5px;
      left: 50%;
      transform: translateX(-50%);
      background: #969696;
      width: 20px;
      height: 1px; }
  .service-4.text-white-service {
    background: rgba(0, 179, 204, 0.7); }
    .service-4.text-white-service .content h4 {
      color: #fefefe;
      font-size: 16px; }
    .service-4.text-white-service .content p {
      color: #fefefe; }
    .service-4.text-white-service .icons::before {
      background: #fefefe; }
    .service-4.text-white-service .icons::after {
      background: #fefefe; }

/*================================
    Service Style 05
==================================*/
.service-5 .content {
  padding-top: 26px; }
  .service-5 .content h4 {
    color: #585858;
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 13px; }
  .service-5 .content p {
    color: #414141;
    font-size: 14px;
    line-height: 24px;
    margin: 0; }
.service-5 .thumb {
  position: relative; }
  .service-5 .thumb img {
    width: 100%; }
  .service-5 .thumb::before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    content: "";
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
    opacity: 0;
    background-image: -webkit-linear-gradient(top, #252a9c, #df09f9);
    background-image: linear-gradient(0, #252a9c, #df09f9); }
.service-5:hover .thumb::before {
  opacity: 0.3; }

/*================================
    Service Style 06
==================================*/
.service-6 {
  margin-top: 12px; }
  .service-6 .icons {
    border: 1px solid #4e89fb;
    width: 100px;
    height: 100px;
    line-height: 100px;
    border-radius: 100%;
    float: left;
    text-align: center;
    margin-right: 22px;
    margin-top: 10px; }
    @media only screen and (max-width: 767px) {
      .service-6 .icons {
        margin: auto;
        margin-bottom: 21px;
        float: inherit; } }
  .service-6 .content {
    overflow: hidden; }
    @media only screen and (max-width: 767px) {
      .service-6 .content {
        text-align: center; } }
    .service-6 .content p {
      font-size: 14px;
      line-height: 25px;
      color: #5b5b5b; }
    .service-6 .content h4 {
      color: #5f5f5f;
      font-size: 24px;
      font-weight: 600;
      margin-bottom: 7px; }
      @media only screen and (max-width: 767px) {
        .service-6 .content h4 {
          font-size: 21px; } }
  .service-6.reapir-service {
    margin-top: 12px; }
    .service-6.reapir-service .icons {
      border: 0 none;
      width: auto;
      height: auto;
      line-height: inherit;
      border-radius: inherit;
      float: left;
      text-align: center;
      margin-right: 22px;
      margin-top: 10px; }
    .service-6.reapir-service .content p {
      font-size: 16px;
      line-height: 30px;
      color: #585757 !important;
      padding-right: 10%; }
    .service-6.reapir-service .content h4 {
      color: #3d3d3d; }
  .service-6.medical-service {
    background: #017cc0;
    margin-top: 0;
    padding: 27px 41px; }
    .service-6.medical-service.service-bg-2 {
      background: #1b00bf; }
    .service-6.medical-service .icons {
      border: 1px solid transparent;
      width: auto;
      height: auto;
      line-height: inherit;
      border-radius: inherit;
      float: left;
      text-align: center;
      margin-right: 25px;
      margin-top: 10px; }
    .service-6.medical-service .content {
      overflow: hidden; }
      .service-6.medical-service .content h4 {
        color: #ffffff;
        font-size: 33px;
        font-weight: 500;
        margin-bottom: 7px; }
      .service-6.medical-service .content p {
        font-size: 18px;
        line-height: 26px;
        color: #ffffff; }
  .service-6.bd-service .icons {
    border: 1px solid transparent;
    width: auto;
    height: 50px;
    line-height: 50px;
    border-radius: inherit;
    float: left;
    text-align: center;
    margin-right: 24px;
    margin-top: 10px;
    padding-right: 17px;
    border-right: 1px solid #5e5e5e; }
    .service-6.bd-service .icons i {
      color: #333333;
      font-size: 53px;
      transition: 0.4s ease-in-out; }
      .service-6.bd-service .icons i:hover {
        color: #fb5b21; }
    @media only screen and (max-width: 767px) {
      .service-6.bd-service .icons {
        margin: auto;
        margin-bottom: 21px;
        float: inherit; } }
  .service-6.bd-service .content p {
    font-size: 14px;
    line-height: 25px;
    color: #333333; }
  .service-6.bd-service .content h4 {
    color: #333333;
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 7px; }
    @media only screen and (max-width: 767px) {
      .service-6.bd-service .content h4 {
        font-size: 21px; } }

/*================================
    Service Style 07
==================================*/
.service-7 {
  display: flex;
  margin-top: 0;
  position: relative;
  z-index: 1;
  padding: 40px 20px;
  border-radius: 8px; }
  @media only screen and (max-width: 767px) {
    .service-7 {
      padding: 40px 0px; } }
  .service-7 .icons {
    margin-right: 33px; }
    @media only screen and (max-width: 767px) {
      .service-7 .icons {
        margin-right: 20px; } }
    .service-7 .icons i {
      color: #4c4c4c;
      font-size: 40px;
      transition: 0.4s; }
  .service-7 .content h4 {
    color: #333333;
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 8px;
    transition: 0.4s; }
    @media only screen and (max-width: 767px) {
      .service-7 .content h4 {
        font-size: 16px; } }
  .service-7 .content p {
    color: #333333;
    font-size: 14px;
    line-height: 25px;
    margin: 0;
    transition: 0.4s; }
  .service-7::before {
    background-image: url(img/service/md-img/servicebg.png);
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    z-index: -1;
    background-position: center center;
    top: 0;
    left: 0;
    border-radius: 8px;
    transition: 0.4s ease-in-out;
    opacity: 0; }
  .service-7:hover::before {
    opacity: 1; }
  .service-7:hover .content h4, .service-7:hover .content p, .service-7:hover .icons i {
    color: #fff; }
  .service-7.political-service .icons i {
    color: #ef3345; }

/*=========================
    Setup Modal Style
===========================*/
/*=========================
    Setup Modal Default
===========================*/
.ht_modal_btn button.ht_btn {
  width: 205px;
  background: #0056ff;
  border: 0 none;
  color: #fff;
  border-radius: 8px;
  height: 58px;
  line-height: 58px;
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  font-family: "Montserrat", sans-serif; }

.modal-default .modal-content {
  padding: 42px 46px 27px; }
.modal-default .modal-header {
  padding: 0;
  border-bottom: 1px solid #d3d3d3;
  padding-bottom: 28px; }
.modal-default .modal-title {
  line-height: 39px;
  font-weight: 300;
  font-size: 24px; }
.modal-default .modal-body {
  padding: 0;
  padding-bottom: 180px;
  padding-top: 26px; }
  .modal-default .modal-body p {
    font-size: 14px;
    line-height: 26px; }
    .modal-default .modal-body p + p {
      margin-top: 27px;
      margin-bottom: 0; }
.modal-default .modal-footer {
  justify-content: space-between;
  padding: 0;
  border-top: 1px solid #d3d3d3;
  align-items: center;
  padding-top: 24px; }
  .modal-default .modal-footer p {
    font-size: 14px;
    margin: 0; }

@media (min-width: 576px) {
  .modal-dialog-centered {
    max-width: 670px; } }
/*=========================
    Setup Modal Small
===========================*/
@media (min-width: 576px) {
  .small-modal .modal-dialog-centered {
    max-width: 310px; } }
.modal-default.small-modal .modal-body {
  padding-bottom: 101px;
  padding-top: 16px; }

.modal-default.small-modal .modal-content {
  padding: 20px; }

.modal-default.small-modal .modal-title {
  line-height: 29px;
  font-size: 18px; }

.modal-default.small-modal .modal-header {
  padding-bottom: 11px; }

.modal-default.small-modal .modal-footer {
  justify-content: center; }

@media only screen and (max-width: 575px) {
  .modal-default .modal-content {
    padding: 42px 20px 27px; }

  .modal-default .modal-title {
    line-height: 33px;
    font-size: 19px; }

  .modal-default .modal-body {
    padding-bottom: 80px; }

  .ht_modal_btn {
    margin-bottom: 20px; } }
/*=================================
    LightBox Style
======================================*/
/*=================================
    LightBox Style 01
======================================*/
.ht-lightbox {
  position: relative;
  margin-top: 30px; }
  .ht-lightbox .thumb img {
    width: 100%; }
  .ht-lightbox .thumb a img {
    width: 100%; }
  .ht-lightbox .action {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    transition: 0.5s;
    left: 0;
    opacity: 0; }
    .ht-lightbox .action::before {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      background: rgba(0, 0, 0, 0.5);
      content: "";
      left: 0; }
    .ht-lightbox .action a {
      position: absolute;
      top: 50%;
      transform: translateY(-50%) translateX(-50%);
      left: 50%; }
      .ht-lightbox .action a i {
        border: 1px solid #fff;
        width: 30px;
        height: 30px;
        display: inline-block;
        line-height: 30px;
        color: #fff;
        border-radius: 100%;
        font-size: 25px;
        text-align: center; }
      .ht-lightbox .action a.play__btn i {
        border: 1px solid transparent; }
  .ht-lightbox:hover .action {
    opacity: 1; }

/* padding-bottom and top for image */
.mfp-no-margins img.mfp-img {
  padding: 0; }

/* position of shadow behind the image */
.mfp-no-margins .mfp-figure:after {
  top: 0;
  bottom: 0; }

/* padding for main container */
.mfp-no-margins .mfp-container {
  padding: 0; }

/*============================
    Social Share Style
===========================*/
/*----------------------
    Social BG Color
------------------------*/
a.facebook {
  background-color: #3B5998;
  color: #fff; }
  a.facebook:hover {
    background-color: #3B5998;
    color: #fff; }
a.twitter {
  background-color: #00ACEE;
  color: #fff; }
  a.twitter:hover {
    background-color: #00ACEE;
    color: #fff; }
a.google-plus {
  background-color: #DD4B39;
  color: #fff; }
  a.google-plus:hover {
    background-color: #DD4B39;
    color: #fff; }
a.pinterest {
  background-color: #C8232C;
  color: #fff; }
  a.pinterest:hover {
    background-color: #C8232C;
    color: #fff; }
a.linkedin {
  background-color: #0E76A8;
  color: #fff; }
  a.linkedin:hover {
    background-color: #0E76A8;
    color: #fff; }
a .pinterest {
  background-color: #C8232C;
  color: #fff; }
  a .pinterest:hover {
    background-color: #C8232C;
    color: #fff; }
a.flickr {
  background-color: #FF0084;
  color: #fff; }
  a.flickr:hover {
    background-color: #FF0084;
    color: #fff; }
a.dribbble {
  background-color: #EA4C89;
  color: #fff; }
  a.dribbble:hover {
    background-color: #EA4C89;
    color: #fff; }
a.google {
  background-color: #DD4B39;
  color: #fff; }
  a.google:hover {
    background-color: #DD4B39;
    color: #fff; }
a.skype {
  background-color: #00AFF0;
  color: #fff; }
  a.skype:hover {
    background-color: #00AFF0;
    color: #fff; }
a.behance {
  background-color: #0057ff;
  color: #fff; }
  a.behance:hover {
    background-color: #0057ff;
    color: #fff; }
a.youtube {
  background-color: #C4302B;
  color: #fff; }
  a.youtube:hover {
    background-color: #C4302B;
    color: #fff; }
a.vimeo {
  background-color: #86C9EF;
  color: #fff; }
  a.vimeo:hover {
    background-color: #86C9EF;
    color: #fff; }
a.yahoo {
  background-color: #720E9E;
  color: #fff; }
  a.yahoo:hover {
    background-color: #720E9E;
    color: #fff; }
a.paypal {
  background-color: #00588B;
  color: #fff; }
  a.paypal:hover {
    background-color: #00588B;
    color: #fff; }
a.delicious {
  background-color: #205CC0;
  color: #fff; }
  a.delicious:hover {
    background-color: #205CC0;
    color: #fff; }
a.flattr {
  background-color: #F67C1A;
  color: #fff; }
  a.flattr:hover {
    background-color: #F67C1A;
    color: #fff; }
a.android {
  background-color: #A4C639;
  color: #fff; }
  a.android:hover {
    background-color: #A4C639;
    color: #fff; }
a.tumblr {
  background-color: #34526F;
  color: #fff; }
  a.tumblr:hover {
    background-color: #34526F;
    color: #fff; }
a.wikipedia {
  background-color: #333333;
  color: #fff; }
  a.wikipedia:hover {
    background-color: #333333;
    color: #fff; }
a.stumbleupon {
  background-color: #F74425;
  color: #fff; }
  a.stumbleupon:hover {
    background-color: #F74425;
    color: #fff; }
a.foursquare {
  background-color: #25A0CA;
  color: #fff; }
  a.foursquare:hover {
    background-color: #25A0CA;
    color: #fff; }
a.reddit {
  background-color: #C6C6C6;
  color: #fff; }
  a.reddit:hover {
    background-color: #C6C6C6;
    color: #fff; }
a.cc {
  background-color: #688527;
  color: #fff; }
  a.cc:hover {
    background-color: #688527;
    color: #fff; }
a.drupal {
  background-color: #27537A;
  color: #fff; }
  a.drupal:hover {
    background-color: #27537A;
    color: #fff; }
a.get-pocket {
  background-color: #EE4056;
  color: #fff; }
  a.get-pocket:hover {
    background-color: #EE4056;
    color: #fff; }
a.bitbucket {
  background-color: #0e4984;
  color: #fff; }
  a.bitbucket:hover {
    background-color: #0e4984;
    color: #fff; }
a.stack-overflow {
  background-color: #EF8236;
  color: #fff; }
  a.stack-overflow:hover {
    background-color: #EF8236;
    color: #fff; }
a.hacker-news {
  background-color: #FF6600;
  color: #fff; }
  a.hacker-news:hover {
    background-color: #FF6600;
    color: #fff; }
a.xing {
  background-color: #126567;
  color: #fff; }
  a.xing:hover {
    background-color: #126567;
    color: #fff; }
a.instagram {
  background-color: #D82E86;
  color: #fff; }
  a.instagram:hover {
    background-color: #D82E86;
    color: #fff; }
a.quora {
  background-color: #A82400;
  color: #fff; }
  a.quora:hover {
    background-color: #A82400;
    color: #fff; }
a.openid {
  background-color: #E16309;
  color: #fff; }
  a.openid:hover {
    background-color: #E16309;
    color: #fff; }
a.steam {
  background-color: #111111;
  color: #fff; }
  a.steam:hover {
    background-color: #111111;
    color: #fff; }
a.amazon {
  background-color: #E47911;
  color: #fff; }
  a.amazon:hover {
    background-color: #E47911;
    color: #fff; }
a.slack {
  background-color: #63C1A0;
  color: #fff; }
  a.slack:hover {
    background-color: #63C1A0;
    color: #fff; }
a.snapchat {
  background-color: #FFFC00;
  color: #fff; }
  a.snapchat:hover {
    background-color: #FFFC00;
    color: #fff; }
a.internet-explorer {
  background-color: #05a6f0;
  color: #fff; }
  a.internet-explorer:hover {
    background-color: #05a6f0;
    color: #fff; }
a.firefox {
  background-color: #e66000;
  color: #fff; }
  a.firefox:hover {
    background-color: #e66000;
    color: #fff; }
a.html5 {
  background-color: #e34f26;
  color: #fff; }
  a.html5:hover {
    background-color: #e34f26;
    color: #fff; }
a.joomla {
  background-color: #f44321;
  color: #fff; }
  a.joomla:hover {
    background-color: #f44321;
    color: #fff; }
a.opera {
  background-color: #cc0f16;
  color: #fff; }
  a.opera:hover {
    background-color: #cc0f16;
    color: #fff; }
a.soundcloud {
  background-color: #ff3300;
  color: #fff; }
  a.soundcloud:hover {
    background-color: #ff3300;
    color: #fff; }
a.product-hunt {
  background-color: #da552f;
  color: #fff; }
  a.product-hunt:hover {
    background-color: #da552f;
    color: #fff; }
a.opencart {
  background-color: #32c1ed;
  color: #fff; }
  a.opencart:hover {
    background-color: #32c1ed;
    color: #fff; }
a.medium {
  background-color: #02b875;
  color: #fff; }
  a.medium:hover {
    background-color: #02b875;
    color: #fff; }
a.safari {
  background-color: #006cff;
  color: #fff; }
  a.safari:hover {
    background-color: #006cff;
    color: #fff; }
a.vine {
  background-color: #006cff;
  color: #fff; }
  a.vine:hover {
    background-color: #006cff;
    color: #fff; }
a.bitbucket {
  background-color: #0e4984;
  color: #fff; }
  a.bitbucket:hover {
    background-color: #0e4984;
    color: #fff; }

/*=================================
    Social Icons Style 01
===================================*/
.social-share a {
  font-family: "Montserrat", sans-serif; }

.social-square a {
  width: 42px;
  display: inline-block;
  height: 42px;
  line-height: 42px;
  text-align: center;
  font-size: 16px;
  margin-right: 5px;
  margin-bottom: 10px;
  transition: 0.5s; }
  .social-square a:hover {
    opacity: 0.7; }

/*=================================
    Social Icons Style 02
===================================*/
.social-circle a {
  width: 42px;
  display: inline-block;
  height: 42px;
  line-height: 42px;
  text-align: center;
  font-size: 16px;
  margin-right: 5px;
  margin-bottom: 10px;
  border-radius: 100%;
  transition: 0.5s; }
  .social-circle a:hover {
    opacity: 0.7; }

/*=================================
    social circle between
===================================*/
.social-circle-between a {
  width: 42px;
  display: inline-block;
  height: 42px;
  line-height: 42px;
  text-align: center;
  font-size: 16px;
  margin-right: 5px;
  margin-bottom: 10px;
  border-radius: 10px 0;
  transition: 0.5s; }
  .social-circle-between a:hover {
    opacity: 0.7; }

/*=================================
    Social Icons Style 05
===================================*/
.si-style-5 a {
  display: inline-block;
  text-align: center;
  margin-right: 12px;
  margin-bottom: 15px;
  transition: 0.4s; }
  .si-style-5 a:hover {
    opacity: 0.7; }
  .si-style-5 a i {
    width: 42px;
    height: 42px;
    line-height: 43px;
    border-right: 1px solid #fff; }
  .si-style-5 a span {
    padding: 0 15px;
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 600; }

/*=================================
    Social Icons Style 04
===================================*/
.si-style-4 a {
  display: inline-block;
  text-align: center;
  margin-right: 12px;
  margin-bottom: 15px;
  background: transparent;
  border: 1px solid #18012c;
  border-radius: 6px; }
  .si-style-4 a i {
    width: 42px;
    height: 42px;
    line-height: 43px;
    border-right: 1px solid #fff; }
  .si-style-4 a span {
    padding: 0 15px;
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 600;
    color: #18012c; }
  .si-style-4 a.facebook {
    border: 1px solid #3B5998; }
    .si-style-4 a.facebook i {
      background: #3B5998;
      color: #fff; }
    .si-style-4 a.facebook span {
      color: #3B5998;
      transition: 0.5s; }
    .si-style-4 a.facebook:hover span {
      color: #fff; }
  .si-style-4 a.twitter {
    border: 1px solid #00ACEE; }
    .si-style-4 a.twitter i {
      background: #00ACEE;
      color: #fff; }
    .si-style-4 a.twitter span {
      color: #00ACEE;
      transition: 0.5s; }
    .si-style-4 a.twitter:hover span {
      color: #fff; }
  .si-style-4 a.google-plus {
    border: 1px solid #DD4B39; }
    .si-style-4 a.google-plus i {
      background: #DD4B39;
      color: #fff; }
    .si-style-4 a.google-plus span {
      color: #DD4B39;
      transition: 0.5s; }
    .si-style-4 a.google-plus:hover span {
      color: #fff; }
  .si-style-4 a.pinterest {
    border: 1px solid #C8232C; }
    .si-style-4 a.pinterest i {
      background: #C8232C;
      color: #fff; }
    .si-style-4 a.pinterest span {
      color: #C8232C;
      transition: 0.5s; }
    .si-style-4 a.pinterest:hover span {
      color: #fff; }
  .si-style-4 a.linkedin {
    border: 1px solid #0E76A8; }
    .si-style-4 a.linkedin i {
      background: #0E76A8;
      color: #fff; }
    .si-style-4 a.linkedin span {
      color: #0E76A8;
      transition: 0.5s; }
    .si-style-4 a.linkedin:hover span {
      color: #fff; }
  .si-style-4 a.flickr {
    border: 1px solid #FF0084; }
    .si-style-4 a.flickr i {
      background: #FF0084;
      color: #fff; }
    .si-style-4 a.flickr span {
      color: #FF0084;
      transition: 0.5s; }
    .si-style-4 a.flickr:hover span {
      color: #fff; }
  .si-style-4 a.dribbble {
    border: 1px solid #EA4C89; }
    .si-style-4 a.dribbble i {
      background: #EA4C89;
      color: #fff; }
    .si-style-4 a.dribbble span {
      color: #EA4C89;
      transition: 0.5s; }
    .si-style-4 a.dribbble:hover span {
      color: #fff; }
  .si-style-4 a.google {
    border: 1px solid #DD4B39; }
    .si-style-4 a.google i {
      background: #DD4B39;
      color: #fff; }
    .si-style-4 a.google span {
      color: #DD4B39;
      transition: 0.5s; }
    .si-style-4 a.google:hover span {
      color: #fff; }
  .si-style-4 a.skype {
    border: 1px solid #00AFF0; }
    .si-style-4 a.skype i {
      background: #00AFF0;
      color: #fff; }
    .si-style-4 a.skype span {
      color: #00AFF0;
      transition: 0.5s; }
    .si-style-4 a.skype:hover span {
      color: #fff; }
  .si-style-4 a.behance {
    border: 1px solid #0057ff; }
    .si-style-4 a.behance i {
      background: #0057ff;
      color: #fff; }
    .si-style-4 a.behance span {
      color: #0057ff;
      transition: 0.5s; }
    .si-style-4 a.behance:hover span {
      color: #fff; }
  .si-style-4 a.youtube {
    border: 1px solid #C4302B; }
    .si-style-4 a.youtube i {
      background: #C4302B;
      color: #fff; }
    .si-style-4 a.youtube span {
      color: #C4302B;
      transition: 0.5s; }
    .si-style-4 a.youtube:hover span {
      color: #fff; }
  .si-style-4 a.vimeo {
    border: 1px solid #86C9EF; }
    .si-style-4 a.vimeo i {
      background: #86C9EF;
      color: #fff; }
    .si-style-4 a.vimeo span {
      color: #86C9EF;
      transition: 0.5s; }
    .si-style-4 a.vimeo:hover span {
      color: #fff; }
  .si-style-4 a.yahoo {
    border: 1px solid #720E9E; }
    .si-style-4 a.yahoo i {
      background: #720E9E;
      color: #fff; }
    .si-style-4 a.yahoo span {
      color: #720E9E;
      transition: 0.5s; }
    .si-style-4 a.yahoo:hover span {
      color: #fff; }
  .si-style-4 a.paypal {
    border: 1px solid #00588B; }
    .si-style-4 a.paypal i {
      background: #00588B;
      color: #fff; }
    .si-style-4 a.paypal span {
      color: #00588B;
      transition: 0.5s; }
    .si-style-4 a.paypal:hover span {
      color: #fff; }
  .si-style-4 a.delicious {
    border: 1px solid #205CC0; }
    .si-style-4 a.delicious i {
      background: #205CC0;
      color: #fff; }
    .si-style-4 a.delicious span {
      color: #205CC0;
      transition: 0.5s; }
    .si-style-4 a.delicious:hover span {
      color: #fff; }
  .si-style-4 a.android {
    border: 1px solid #A4C639; }
    .si-style-4 a.android i {
      background: #A4C639;
      color: #fff; }
    .si-style-4 a.android span {
      color: #A4C639;
      transition: 0.5s; }
    .si-style-4 a.android:hover span {
      color: #fff; }
  .si-style-4 a.tumblr {
    border: 1px solid #34526F; }
    .si-style-4 a.tumblr i {
      background: #34526F;
      color: #fff; }
    .si-style-4 a.tumblr span {
      color: #34526F;
      transition: 0.5s; }
    .si-style-4 a.tumblr:hover span {
      color: #fff; }
  .si-style-4 a.wikipedia {
    border: 1px solid #333333; }
    .si-style-4 a.wikipedia i {
      background: #333333;
      color: #fff; }
    .si-style-4 a.wikipedia span {
      color: #333333;
      transition: 0.5s; }
    .si-style-4 a.wikipedia:hover span {
      color: #fff; }
  .si-style-4 a.stumbleupon {
    border: 1px solid #F74425; }
    .si-style-4 a.stumbleupon i {
      background: #F74425;
      color: #fff; }
    .si-style-4 a.stumbleupon span {
      color: #F74425;
      transition: 0.5s; }
    .si-style-4 a.stumbleupon:hover span {
      color: #fff; }
  .si-style-4 a.foursquare {
    border: 1px solid #25A0CA; }
    .si-style-4 a.foursquare i {
      background: #25A0CA;
      color: #fff; }
    .si-style-4 a.foursquare span {
      color: #25A0CA;
      transition: 0.5s; }
    .si-style-4 a.foursquare:hover span {
      color: #fff; }
  .si-style-4 a.reddit {
    border: 1px solid #C6C6C6; }
    .si-style-4 a.reddit i {
      background: #C6C6C6;
      color: #fff; }
    .si-style-4 a.reddit span {
      color: #C6C6C6;
      transition: 0.5s; }
    .si-style-4 a.reddit:hover span {
      color: #fff; }
  .si-style-4 a.cc {
    border: 1px solid #688527; }
    .si-style-4 a.cc i {
      background: #688527;
      color: #fff; }
    .si-style-4 a.cc span {
      color: #688527;
      transition: 0.5s; }
    .si-style-4 a.cc:hover span {
      color: #fff; }
  .si-style-4 a.drupal {
    border: 1px solid #27537A; }
    .si-style-4 a.drupal i {
      background: #27537A;
      color: #fff; }
    .si-style-4 a.drupal span {
      color: #27537A;
      transition: 0.5s; }
    .si-style-4 a.drupal:hover span {
      color: #fff; }
  .si-style-4 a.get-pocket {
    border: 1px solid #EE4056; }
    .si-style-4 a.get-pocket i {
      background: #EE4056;
      color: #fff; }
    .si-style-4 a.get-pocket span {
      color: #EE4056;
      transition: 0.5s; }
    .si-style-4 a.get-pocket:hover span {
      color: #fff; }
  .si-style-4 a.bitbucket {
    border: 1px solid #0e4984; }
    .si-style-4 a.bitbucket i {
      background: #0e4984;
      color: #fff; }
    .si-style-4 a.bitbucket span {
      color: #0e4984;
      transition: 0.5s; }
    .si-style-4 a.bitbucket:hover span {
      color: #fff; }
  .si-style-4 a.stack-overflow {
    border: 1px solid #EF8236; }
    .si-style-4 a.stack-overflow i {
      background: #EF8236;
      color: #fff; }
    .si-style-4 a.stack-overflow span {
      color: #EF8236;
      transition: 0.5s; }
    .si-style-4 a.stack-overflow:hover span {
      color: #fff; }
  .si-style-4 a.hacker-news {
    border: 1px solid #FF6600; }
    .si-style-4 a.hacker-news i {
      background: #FF6600;
      color: #fff; }
    .si-style-4 a.hacker-news span {
      color: #FF6600;
      transition: 0.5s; }
    .si-style-4 a.hacker-news:hover span {
      color: #fff; }
  .si-style-4 a.xing {
    border: 1px solid #126567; }
    .si-style-4 a.xing i {
      background: #126567;
      color: #fff; }
    .si-style-4 a.xing span {
      color: #126567;
      transition: 0.5s; }
    .si-style-4 a.xing:hover span {
      color: #fff; }
  .si-style-4 a.instagram {
    border: 1px solid #D82E86; }
    .si-style-4 a.instagram i {
      background: #D82E86;
      color: #fff; }
    .si-style-4 a.instagram span {
      color: #D82E86;
      transition: 0.5s; }
    .si-style-4 a.instagram:hover span {
      color: #fff; }
  .si-style-4 a.quora {
    border: 1px solid #A82400; }
    .si-style-4 a.quora i {
      background: #A82400;
      color: #fff; }
    .si-style-4 a.quora span {
      color: #A82400;
      transition: 0.5s; }
    .si-style-4 a.quora:hover span {
      color: #fff; }
  .si-style-4 a.openid {
    border: 1px solid #E16309; }
    .si-style-4 a.openid i {
      background: #E16309;
      color: #fff; }
    .si-style-4 a.openid span {
      color: #E16309;
      transition: 0.5s; }
    .si-style-4 a.openid:hover span {
      color: #fff; }
  .si-style-4 a.steam {
    border: 1px solid #111111; }
    .si-style-4 a.steam i {
      background: #111111;
      color: #fff; }
    .si-style-4 a.steam span {
      color: #111111;
      transition: 0.5s; }
    .si-style-4 a.steam:hover span {
      color: #fff; }
  .si-style-4 a.amazon {
    border: 1px solid #E47911; }
    .si-style-4 a.amazon i {
      background: #E47911;
      color: #fff; }
    .si-style-4 a.amazon span {
      color: #E47911;
      transition: 0.5s; }
    .si-style-4 a.amazon:hover span {
      color: #fff; }
  .si-style-4 a.slack {
    border: 1px solid #63C1A0; }
    .si-style-4 a.slack i {
      background: #63C1A0;
      color: #fff; }
    .si-style-4 a.slack span {
      color: #63C1A0;
      transition: 0.5s; }
    .si-style-4 a.slack:hover span {
      color: #fff; }
  .si-style-4 a.snapchat {
    border: 1px solid #FFFC00; }
    .si-style-4 a.snapchat i {
      background: #FFFC00;
      color: #fff; }
    .si-style-4 a.snapchat span {
      color: #FFFC00;
      transition: 0.5s; }
    .si-style-4 a.snapchat:hover span {
      color: #fff; }
  .si-style-4 a.internet-explorer {
    border: 1px solid #05a6f0; }
    .si-style-4 a.internet-explorer i {
      background: #05a6f0;
      color: #fff; }
    .si-style-4 a.internet-explorer span {
      color: #05a6f0;
      transition: 0.5s; }
    .si-style-4 a.internet-explorer:hover span {
      color: #fff; }
  .si-style-4 a.firefox {
    border: 1px solid #e66000; }
    .si-style-4 a.firefox i {
      background: #e66000;
      color: #fff; }
    .si-style-4 a.firefox span {
      color: #e66000;
      transition: 0.5s; }
    .si-style-4 a.firefox:hover span {
      color: #fff; }
  .si-style-4 a.html5 {
    border: 1px solid #e34f26; }
    .si-style-4 a.html5 i {
      background: #e34f26;
      color: #fff; }
    .si-style-4 a.html5 span {
      color: #e34f26;
      transition: 0.5s; }
    .si-style-4 a.html5:hover span {
      color: #fff; }
  .si-style-4 a.joomla {
    border: 1px solid #f44321; }
    .si-style-4 a.joomla i {
      background: #f44321;
      color: #fff; }
    .si-style-4 a.joomla span {
      color: #f44321;
      transition: 0.5s; }
    .si-style-4 a.joomla:hover span {
      color: #fff; }
  .si-style-4 a.opera {
    border: 1px solid #cc0f16; }
    .si-style-4 a.opera i {
      background: #cc0f16;
      color: #fff; }
    .si-style-4 a.opera span {
      color: #cc0f16;
      transition: 0.5s; }
    .si-style-4 a.opera:hover span {
      color: #fff; }
  .si-style-4 a.soundcloud {
    border: 1px solid #ff3300; }
    .si-style-4 a.soundcloud i {
      background: #ff3300;
      color: #fff; }
    .si-style-4 a.soundcloud span {
      color: #ff3300;
      transition: 0.5s; }
    .si-style-4 a.soundcloud:hover span {
      color: #fff; }
  .si-style-4 a.product-hunt {
    border: 1px solid #da552f; }
    .si-style-4 a.product-hunt i {
      background: #da552f;
      color: #fff; }
    .si-style-4 a.product-hunt span {
      color: #da552f;
      transition: 0.5s; }
    .si-style-4 a.product-hunt:hover span {
      color: #fff; }
  .si-style-4 a.opencart {
    border: 1px solid #32c1ed; }
    .si-style-4 a.opencart i {
      background: #32c1ed;
      color: #fff; }
    .si-style-4 a.opencart span {
      color: #32c1ed;
      transition: 0.5s; }
    .si-style-4 a.opencart:hover span {
      color: #fff; }
  .si-style-4 a.medium {
    border: 1px solid #02b875; }
    .si-style-4 a.medium i {
      background: #02b875;
      color: #fff; }
    .si-style-4 a.medium span {
      color: #02b875;
      transition: 0.5s; }
    .si-style-4 a.medium:hover span {
      color: #fff; }
  .si-style-4 a.safari {
    border: 1px solid #006cff; }
    .si-style-4 a.safari i {
      background: #006cff;
      color: #fff; }
    .si-style-4 a.safari span {
      color: #006cff;
      transition: 0.5s; }
    .si-style-4 a.safari:hover span {
      color: #fff; }
  .si-style-4 a.vine {
    border: 1px solid #006cff; }
    .si-style-4 a.vine i {
      background: #006cff;
      color: #fff; }
    .si-style-4 a.vine span {
      color: #006cff;
      transition: 0.5s; }
    .si-style-4 a.vine:hover span {
      color: #fff; }
  .si-style-4 a.bitbucket {
    border: 1px solid #0e4984; }
    .si-style-4 a.bitbucket i {
      background: #0e4984;
      color: #fff; }
    .si-style-4 a.bitbucket span {
      color: #0e4984;
      transition: 0.5s; }
    .si-style-4 a.bitbucket:hover span {
      color: #fff; }

/*=================================
    Social Icons Style 06
===================================*/
.si-style-6 a {
  display: inline-block;
  text-align: center;
  margin-right: 12px;
  margin-bottom: 15px;
  background: transparent;
  border: 1px solid #18012c;
  transition: 0.4s; }
  .si-style-6 a i {
    width: 42px;
    height: 42px;
    line-height: 43px;
    border-right: 1px solid #fff; }
  .si-style-6 a span {
    height: 42px;
    line-height: 43px;
    padding: 0 20px;
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 600;
    color: #18012c; }
  .si-style-6 a.facebook {
    border: 1px solid #3B5998; }
    .si-style-6 a.facebook i {
      background: #3B5998;
      color: #fff; }
    .si-style-6 a.facebook span {
      color: #3B5998;
      transition: 0.5s; }
    .si-style-6 a.facebook:hover span {
      color: #fff; }
  .si-style-6 a.twitter {
    border: 1px solid #00ACEE; }
    .si-style-6 a.twitter i {
      background: #00ACEE;
      color: #fff; }
    .si-style-6 a.twitter span {
      color: #00ACEE;
      transition: 0.5s; }
    .si-style-6 a.twitter:hover span {
      color: #fff; }
  .si-style-6 a.google-plus {
    border: 1px solid #DD4B39; }
    .si-style-6 a.google-plus i {
      background: #DD4B39;
      color: #fff; }
    .si-style-6 a.google-plus span {
      color: #DD4B39;
      transition: 0.5s; }
    .si-style-6 a.google-plus:hover span {
      color: #fff; }
  .si-style-6 a.pinterest {
    border: 1px solid #C8232C; }
    .si-style-6 a.pinterest i {
      background: #C8232C;
      color: #fff; }
    .si-style-6 a.pinterest span {
      color: #C8232C;
      transition: 0.5s; }
    .si-style-6 a.pinterest:hover span {
      color: #fff; }
  .si-style-6 a.linkedin {
    border: 1px solid #0E76A8; }
    .si-style-6 a.linkedin i {
      background: #0E76A8;
      color: #fff; }
    .si-style-6 a.linkedin span {
      color: #0E76A8;
      transition: 0.5s; }
    .si-style-6 a.linkedin:hover span {
      color: #fff; }
  .si-style-6 a.flickr {
    border: 1px solid #FF0084; }
    .si-style-6 a.flickr i {
      background: #FF0084;
      color: #fff; }
    .si-style-6 a.flickr span {
      color: #FF0084;
      transition: 0.5s; }
    .si-style-6 a.flickr:hover span {
      color: #fff; }
  .si-style-6 a.dribbble {
    border: 1px solid #EA4C89; }
    .si-style-6 a.dribbble i {
      background: #EA4C89;
      color: #fff; }
    .si-style-6 a.dribbble span {
      color: #EA4C89;
      transition: 0.5s; }
    .si-style-6 a.dribbble:hover span {
      color: #fff; }
  .si-style-6 a.google {
    border: 1px solid #DD4B39; }
    .si-style-6 a.google i {
      background: #DD4B39;
      color: #fff; }
    .si-style-6 a.google span {
      color: #DD4B39;
      transition: 0.5s; }
    .si-style-6 a.google:hover span {
      color: #fff; }
  .si-style-6 a.skype {
    border: 1px solid #00AFF0; }
    .si-style-6 a.skype i {
      background: #00AFF0;
      color: #fff; }
    .si-style-6 a.skype span {
      color: #00AFF0;
      transition: 0.5s; }
    .si-style-6 a.skype:hover span {
      color: #fff; }
  .si-style-6 a.behance {
    border: 1px solid #0057ff; }
    .si-style-6 a.behance i {
      background: #0057ff;
      color: #fff; }
    .si-style-6 a.behance span {
      color: #0057ff;
      transition: 0.5s; }
    .si-style-6 a.behance:hover span {
      color: #fff; }
  .si-style-6 a.youtube {
    border: 1px solid #C4302B; }
    .si-style-6 a.youtube i {
      background: #C4302B;
      color: #fff; }
    .si-style-6 a.youtube span {
      color: #C4302B;
      transition: 0.5s; }
    .si-style-6 a.youtube:hover span {
      color: #fff; }
  .si-style-6 a.vimeo {
    border: 1px solid #86C9EF; }
    .si-style-6 a.vimeo i {
      background: #86C9EF;
      color: #fff; }
    .si-style-6 a.vimeo span {
      color: #86C9EF;
      transition: 0.5s; }
    .si-style-6 a.vimeo:hover span {
      color: #fff; }
  .si-style-6 a.yahoo {
    border: 1px solid #720E9E; }
    .si-style-6 a.yahoo i {
      background: #720E9E;
      color: #fff; }
    .si-style-6 a.yahoo span {
      color: #720E9E;
      transition: 0.5s; }
    .si-style-6 a.yahoo:hover span {
      color: #fff; }
  .si-style-6 a.paypal {
    border: 1px solid #00588B; }
    .si-style-6 a.paypal i {
      background: #00588B;
      color: #fff; }
    .si-style-6 a.paypal span {
      color: #00588B;
      transition: 0.5s; }
    .si-style-6 a.paypal:hover span {
      color: #fff; }
  .si-style-6 a.delicious {
    border: 1px solid #205CC0; }
    .si-style-6 a.delicious i {
      background: #205CC0;
      color: #fff; }
    .si-style-6 a.delicious span {
      color: #205CC0;
      transition: 0.5s; }
    .si-style-6 a.delicious:hover span {
      color: #fff; }
  .si-style-6 a.android {
    border: 1px solid #A4C639; }
    .si-style-6 a.android i {
      background: #A4C639;
      color: #fff; }
    .si-style-6 a.android span {
      color: #A4C639;
      transition: 0.5s; }
    .si-style-6 a.android:hover span {
      color: #fff; }
  .si-style-6 a.tumblr {
    border: 1px solid #34526F; }
    .si-style-6 a.tumblr i {
      background: #34526F;
      color: #fff; }
    .si-style-6 a.tumblr span {
      color: #34526F;
      transition: 0.5s; }
    .si-style-6 a.tumblr:hover span {
      color: #fff; }
  .si-style-6 a.wikipedia {
    border: 1px solid #333333; }
    .si-style-6 a.wikipedia i {
      background: #333333;
      color: #fff; }
    .si-style-6 a.wikipedia span {
      color: #333333;
      transition: 0.5s; }
    .si-style-6 a.wikipedia:hover span {
      color: #fff; }
  .si-style-6 a.stumbleupon {
    border: 1px solid #F74425; }
    .si-style-6 a.stumbleupon i {
      background: #F74425;
      color: #fff; }
    .si-style-6 a.stumbleupon span {
      color: #F74425;
      transition: 0.5s; }
    .si-style-6 a.stumbleupon:hover span {
      color: #fff; }
  .si-style-6 a.foursquare {
    border: 1px solid #25A0CA; }
    .si-style-6 a.foursquare i {
      background: #25A0CA;
      color: #fff; }
    .si-style-6 a.foursquare span {
      color: #25A0CA;
      transition: 0.5s; }
    .si-style-6 a.foursquare:hover span {
      color: #fff; }
  .si-style-6 a.reddit {
    border: 1px solid #C6C6C6; }
    .si-style-6 a.reddit i {
      background: #C6C6C6;
      color: #fff; }
    .si-style-6 a.reddit span {
      color: #C6C6C6;
      transition: 0.5s; }
    .si-style-6 a.reddit:hover span {
      color: #fff; }
  .si-style-6 a.cc {
    border: 1px solid #688527; }
    .si-style-6 a.cc i {
      background: #688527;
      color: #fff; }
    .si-style-6 a.cc span {
      color: #688527;
      transition: 0.5s; }
    .si-style-6 a.cc:hover span {
      color: #fff; }
  .si-style-6 a.drupal {
    border: 1px solid #27537A; }
    .si-style-6 a.drupal i {
      background: #27537A;
      color: #fff; }
    .si-style-6 a.drupal span {
      color: #27537A;
      transition: 0.5s; }
    .si-style-6 a.drupal:hover span {
      color: #fff; }
  .si-style-6 a.get-pocket {
    border: 1px solid #EE4056; }
    .si-style-6 a.get-pocket i {
      background: #EE4056;
      color: #fff; }
    .si-style-6 a.get-pocket span {
      color: #EE4056;
      transition: 0.5s; }
    .si-style-6 a.get-pocket:hover span {
      color: #fff; }
  .si-style-6 a.bitbucket {
    border: 1px solid #0e4984; }
    .si-style-6 a.bitbucket i {
      background: #0e4984;
      color: #fff; }
    .si-style-6 a.bitbucket span {
      color: #0e4984;
      transition: 0.5s; }
    .si-style-6 a.bitbucket:hover span {
      color: #fff; }
  .si-style-6 a.stack-overflow {
    border: 1px solid #EF8236; }
    .si-style-6 a.stack-overflow i {
      background: #EF8236;
      color: #fff; }
    .si-style-6 a.stack-overflow span {
      color: #EF8236;
      transition: 0.5s; }
    .si-style-6 a.stack-overflow:hover span {
      color: #fff; }
  .si-style-6 a.hacker-news {
    border: 1px solid #FF6600; }
    .si-style-6 a.hacker-news i {
      background: #FF6600;
      color: #fff; }
    .si-style-6 a.hacker-news span {
      color: #FF6600;
      transition: 0.5s; }
    .si-style-6 a.hacker-news:hover span {
      color: #fff; }
  .si-style-6 a.xing {
    border: 1px solid #126567; }
    .si-style-6 a.xing i {
      background: #126567;
      color: #fff; }
    .si-style-6 a.xing span {
      color: #126567;
      transition: 0.5s; }
    .si-style-6 a.xing:hover span {
      color: #fff; }
  .si-style-6 a.instagram {
    border: 1px solid #D82E86; }
    .si-style-6 a.instagram i {
      background: #D82E86;
      color: #fff; }
    .si-style-6 a.instagram span {
      color: #D82E86;
      transition: 0.5s; }
    .si-style-6 a.instagram:hover span {
      color: #fff; }
  .si-style-6 a.quora {
    border: 1px solid #A82400; }
    .si-style-6 a.quora i {
      background: #A82400;
      color: #fff; }
    .si-style-6 a.quora span {
      color: #A82400;
      transition: 0.5s; }
    .si-style-6 a.quora:hover span {
      color: #fff; }
  .si-style-6 a.openid {
    border: 1px solid #E16309; }
    .si-style-6 a.openid i {
      background: #E16309;
      color: #fff; }
    .si-style-6 a.openid span {
      color: #E16309;
      transition: 0.5s; }
    .si-style-6 a.openid:hover span {
      color: #fff; }
  .si-style-6 a.steam {
    border: 1px solid #111111; }
    .si-style-6 a.steam i {
      background: #111111;
      color: #fff; }
    .si-style-6 a.steam span {
      color: #111111;
      transition: 0.5s; }
    .si-style-6 a.steam:hover span {
      color: #fff; }
  .si-style-6 a.amazon {
    border: 1px solid #E47911; }
    .si-style-6 a.amazon i {
      background: #E47911;
      color: #fff; }
    .si-style-6 a.amazon span {
      color: #E47911;
      transition: 0.5s; }
    .si-style-6 a.amazon:hover span {
      color: #fff; }
  .si-style-6 a.slack {
    border: 1px solid #63C1A0; }
    .si-style-6 a.slack i {
      background: #63C1A0;
      color: #fff; }
    .si-style-6 a.slack span {
      color: #63C1A0;
      transition: 0.5s; }
    .si-style-6 a.slack:hover span {
      color: #fff; }
  .si-style-6 a.snapchat {
    border: 1px solid #FFFC00; }
    .si-style-6 a.snapchat i {
      background: #FFFC00;
      color: #fff; }
    .si-style-6 a.snapchat span {
      color: #FFFC00;
      transition: 0.5s; }
    .si-style-6 a.snapchat:hover span {
      color: #fff; }
  .si-style-6 a.internet-explorer {
    border: 1px solid #05a6f0; }
    .si-style-6 a.internet-explorer i {
      background: #05a6f0;
      color: #fff; }
    .si-style-6 a.internet-explorer span {
      color: #05a6f0;
      transition: 0.5s; }
    .si-style-6 a.internet-explorer:hover span {
      color: #fff; }
  .si-style-6 a.firefox {
    border: 1px solid #e66000; }
    .si-style-6 a.firefox i {
      background: #e66000;
      color: #fff; }
    .si-style-6 a.firefox span {
      color: #e66000;
      transition: 0.5s; }
    .si-style-6 a.firefox:hover span {
      color: #fff; }
  .si-style-6 a.html5 {
    border: 1px solid #e34f26; }
    .si-style-6 a.html5 i {
      background: #e34f26;
      color: #fff; }
    .si-style-6 a.html5 span {
      color: #e34f26;
      transition: 0.5s; }
    .si-style-6 a.html5:hover span {
      color: #fff; }
  .si-style-6 a.joomla {
    border: 1px solid #f44321; }
    .si-style-6 a.joomla i {
      background: #f44321;
      color: #fff; }
    .si-style-6 a.joomla span {
      color: #f44321;
      transition: 0.5s; }
    .si-style-6 a.joomla:hover span {
      color: #fff; }
  .si-style-6 a.opera {
    border: 1px solid #cc0f16; }
    .si-style-6 a.opera i {
      background: #cc0f16;
      color: #fff; }
    .si-style-6 a.opera span {
      color: #cc0f16;
      transition: 0.5s; }
    .si-style-6 a.opera:hover span {
      color: #fff; }
  .si-style-6 a.soundcloud {
    border: 1px solid #ff3300; }
    .si-style-6 a.soundcloud i {
      background: #ff3300;
      color: #fff; }
    .si-style-6 a.soundcloud span {
      color: #ff3300;
      transition: 0.5s; }
    .si-style-6 a.soundcloud:hover span {
      color: #fff; }
  .si-style-6 a.product-hunt {
    border: 1px solid #da552f; }
    .si-style-6 a.product-hunt i {
      background: #da552f;
      color: #fff; }
    .si-style-6 a.product-hunt span {
      color: #da552f;
      transition: 0.5s; }
    .si-style-6 a.product-hunt:hover span {
      color: #fff; }
  .si-style-6 a.opencart {
    border: 1px solid #32c1ed; }
    .si-style-6 a.opencart i {
      background: #32c1ed;
      color: #fff; }
    .si-style-6 a.opencart span {
      color: #32c1ed;
      transition: 0.5s; }
    .si-style-6 a.opencart:hover span {
      color: #fff; }
  .si-style-6 a.medium {
    border: 1px solid #02b875; }
    .si-style-6 a.medium i {
      background: #02b875;
      color: #fff; }
    .si-style-6 a.medium span {
      color: #02b875;
      transition: 0.5s; }
    .si-style-6 a.medium:hover span {
      color: #fff; }
  .si-style-6 a.safari {
    border: 1px solid #006cff; }
    .si-style-6 a.safari i {
      background: #006cff;
      color: #fff; }
    .si-style-6 a.safari span {
      color: #006cff;
      transition: 0.5s; }
    .si-style-6 a.safari:hover span {
      color: #fff; }
  .si-style-6 a.vine {
    border: 1px solid #006cff; }
    .si-style-6 a.vine i {
      background: #006cff;
      color: #fff; }
    .si-style-6 a.vine span {
      color: #006cff;
      transition: 0.5s; }
    .si-style-6 a.vine:hover span {
      color: #fff; }
  .si-style-6 a.bitbucket {
    border: 1px solid #0e4984; }
    .si-style-6 a.bitbucket i {
      background: #0e4984;
      color: #fff; }
    .si-style-6 a.bitbucket span {
      color: #0e4984;
      transition: 0.5s; }
    .si-style-6 a.bitbucket:hover span {
      color: #fff; }

/*=================================
    Social Icons Style 07
===================================*/
.si-style-7 a {
  display: inline-block;
  height: 42px;
  line-height: 42px;
  text-align: center;
  font-size: 16px;
  margin-right: 5px;
  margin-bottom: 10px;
  border-radius: 20px;
  padding: 0 16px;
  text-transform: capitalize;
  font-weight: 600;
  transition: 0.5s; }
  .si-style-7 a:hover {
    opacity: 0.7; }

/*=================================
    social radious top left 
===================================*/
.social-radious-top-left a {
  display: inline-block;
  height: 42px;
  line-height: 42px;
  text-align: center;
  font-size: 16px;
  margin-right: 5px;
  margin-bottom: 10px;
  border-radius: 12px 0;
  padding: 0 16px;
  text-transform: capitalize;
  font-weight: 600;
  transition: 0.5s; }
  .social-radious-top-left a:hover {
    opacity: 0.7; }

/*----------------------
    Social BG Color 02
------------------------*/
.social-transparent a {
  color: #000000;
  width: 42px;
  display: inline-block;
  height: 42px;
  line-height: 42px;
  text-align: center;
  font-size: 16px;
  margin-right: 5px;
  margin-bottom: 10px;
  border-radius: 100%; }
.social-transparent .facebook {
  background-color: transparent;
  color: #000000; }
  .social-transparent .facebook:hover {
    background-color: #3B5998;
    color: #fff; }
.social-transparent .twitter {
  background-color: transparent;
  color: #000000; }
  .social-transparent .twitter:hover {
    background-color: #00ACEE;
    color: #fff; }
.social-transparent .google-plus {
  background-color: transparent;
  color: #000000; }
  .social-transparent .google-plus:hover {
    background-color: #DD4B39;
    color: #fff; }
.social-transparent .pinterest {
  background-color: transparent;
  color: #000000; }
  .social-transparent .pinterest:hover {
    background-color: #C8232C;
    color: #fff; }
.social-transparent .linkedin {
  background-color: transparent;
  color: #000000; }
  .social-transparent .linkedin:hover {
    background-color: #0E76A8;
    color: #fff; }
.social-transparent .pinterest {
  background-color: transparent;
  color: #000000; }
  .social-transparent .pinterest:hover {
    background-color: #C8232C;
    color: #fff; }
.social-transparent .flickr {
  background-color: transparent;
  color: #000000; }
  .social-transparent .flickr:hover {
    background-color: #FF0084;
    color: #fff; }
.social-transparent .dribbble {
  background-color: transparent;
  color: #000000; }
  .social-transparent .dribbble:hover {
    background-color: #EA4C89;
    color: #fff; }
.social-transparent .google {
  background-color: transparent;
  color: #000000; }
  .social-transparent .google:hover {
    background-color: #DD4B39;
    color: #fff; }
.social-transparent .skype {
  background-color: transparent;
  color: #000000; }
  .social-transparent .skype:hover {
    background-color: #00AFF0;
    color: #fff; }
.social-transparent .behance {
  background-color: transparent;
  color: #000000; }
  .social-transparent .behance:hover {
    background-color: #0057ff;
    color: #fff; }
.social-transparent .youtube {
  background-color: transparent;
  color: #000000; }
  .social-transparent .youtube:hover {
    background-color: #C4302B;
    color: #fff; }
.social-transparent .vimeo {
  background-color: transparent;
  color: #000000; }
  .social-transparent .vimeo:hover {
    background-color: #86C9EF;
    color: #fff; }
.social-transparent .yahoo {
  background-color: transparent;
  color: #000000; }
  .social-transparent .yahoo:hover {
    background-color: #720E9E;
    color: #fff; }
.social-transparent .paypal {
  background-color: transparent;
  color: #000000; }
  .social-transparent .paypal:hover {
    background-color: #00588B;
    color: #fff; }
.social-transparent .delicious {
  background-color: transparent;
  color: #000000; }
  .social-transparent .delicious:hover {
    background-color: #205CC0;
    color: #fff; }
.social-transparent .flattr {
  background-color: transparent;
  color: #000000; }
  .social-transparent .flattr:hover {
    background-color: #F67C1A;
    color: #fff; }
.social-transparent .android {
  background-color: transparent;
  color: #000000; }
  .social-transparent .android:hover {
    background-color: #A4C639;
    color: #fff; }
.social-transparent .tumblr {
  background-color: transparent;
  color: #000000; }
  .social-transparent .tumblr:hover {
    background-color: #34526F;
    color: #fff; }
.social-transparent .wikipedia {
  background-color: transparent;
  color: #000000; }
  .social-transparent .wikipedia:hover {
    background-color: #333333;
    color: #fff; }
.social-transparent .stumbleupon {
  background-color: transparent;
  color: #000000; }
  .social-transparent .stumbleupon:hover {
    background-color: #F74425;
    color: #fff; }
.social-transparent .foursquare {
  background-color: transparent;
  color: #000000; }
  .social-transparent .foursquare:hover {
    background-color: #25A0CA;
    color: #fff; }
.social-transparent .reddit {
  background-color: transparent;
  color: #000000; }
  .social-transparent .reddit:hover {
    background-color: #C6C6C6;
    color: #fff; }
.social-transparent .cc {
  background-color: transparent;
  color: #000000; }
  .social-transparent .cc:hover {
    background-color: #688527;
    color: #fff; }
.social-transparent .drupal {
  background-color: transparent;
  color: #000000; }
  .social-transparent .drupal:hover {
    background-color: #27537A;
    color: #fff; }
.social-transparent .get-pocket {
  background-color: transparent;
  color: #000000; }
  .social-transparent .get-pocket:hover {
    background-color: #EE4056;
    color: #fff; }
.social-transparent .bitbucket {
  background-color: transparent;
  color: #000000; }
  .social-transparent .bitbucket:hover {
    background-color: #0e4984;
    color: #fff; }
.social-transparent .stack-overflow {
  background-color: transparent;
  color: #000000; }
  .social-transparent .stack-overflow:hover {
    background-color: #EF8236;
    color: #fff; }
.social-transparent .hacker-news {
  background-color: transparent;
  color: #000000; }
  .social-transparent .hacker-news:hover {
    background-color: #FF6600;
    color: #fff; }
.social-transparent .xing {
  background-color: transparent;
  color: #000000; }
  .social-transparent .xing:hover {
    background-color: #126567;
    color: #fff; }
.social-transparent .instagram {
  background-color: transparent;
  color: #000000; }
  .social-transparent .instagram:hover {
    background-color: #D82E86;
    color: #fff; }
.social-transparent .quora {
  background-color: transparent;
  color: #000000; }
  .social-transparent .quora:hover {
    background-color: #A82400;
    color: #fff; }
.social-transparent .openid {
  background-color: transparent;
  color: #000000; }
  .social-transparent .openid:hover {
    background-color: #E16309;
    color: #fff; }
.social-transparent .steam {
  background-color: transparent;
  color: #000000; }
  .social-transparent .steam:hover {
    background-color: #111111;
    color: #fff; }
.social-transparent .amazon {
  background-color: transparent;
  color: #000000; }
  .social-transparent .amazon:hover {
    background-color: #E47911;
    color: #fff; }
.social-transparent .slack {
  background-color: transparent;
  color: #000000; }
  .social-transparent .slack:hover {
    background-color: #63C1A0;
    color: #fff; }
.social-transparent .snapchat {
  background-color: transparent;
  color: #000000; }
  .social-transparent .snapchat:hover {
    background-color: #FFFC00;
    color: #fff; }
.social-transparent .internet-explorer {
  background-color: transparent;
  color: #000000; }
  .social-transparent .internet-explorer:hover {
    background-color: #05a6f0;
    color: #fff; }
.social-transparent .firefox {
  background-color: transparent;
  color: #000000; }
  .social-transparent .firefox:hover {
    background-color: #e66000;
    color: #fff; }
.social-transparent .html5 {
  background-color: transparent;
  color: #000000; }
  .social-transparent .html5:hover {
    background-color: #e34f26;
    color: #fff; }
.social-transparent .joomla {
  background-color: transparent;
  color: #000000; }
  .social-transparent .joomla:hover {
    background-color: #f44321;
    color: #fff; }
.social-transparent .opera {
  background-color: transparent;
  color: #000000; }
  .social-transparent .opera:hover {
    background-color: #cc0f16;
    color: #fff; }
.social-transparent .soundcloud {
  background-color: transparent;
  color: #000000; }
  .social-transparent .soundcloud:hover {
    background-color: #ff3300;
    color: #fff; }
.social-transparent .product-hunt {
  background-color: transparent;
  color: #000000; }
  .social-transparent .product-hunt:hover {
    background-color: #da552f;
    color: #fff; }
.social-transparent .opencart {
  background-color: transparent;
  color: #000000; }
  .social-transparent .opencart:hover {
    background-color: #32c1ed;
    color: #fff; }
.social-transparent .medium {
  background-color: transparent;
  color: #000000; }
  .social-transparent .medium:hover {
    background-color: #02b875;
    color: #fff; }
.social-transparent .safari {
  background-color: transparent;
  color: #000000; }
  .social-transparent .safari:hover {
    background-color: #006cff;
    color: #fff; }
.social-transparent .vine {
  background-color: transparent;
  color: #000000; }
  .social-transparent .vine:hover {
    background-color: #006cff;
    color: #fff; }
.social-transparent .bitbucket {
  background-color: transparent;
  color: #000000; }
  .social-transparent .bitbucket:hover {
    background-color: #0e4984;
    color: #fff; }

/*========================
    Search Style
==========================*/
/*===================================
    Search Header StartUp
====================================*/
.header-with-search ul.mainmenu li {
  margin: 0 15px; }
  @media only screen and (max-width: 767px) {
    .header-with-search ul.mainmenu li {
      margin-top: 20px; } }
  .header-with-search ul.mainmenu li:first-child {
    margin-left: 0; }
  .header-with-search ul.mainmenu li a {
    color: #18012c;
    font-weight: 600;
    font-size: 14px;
    font-family: "Montserrat", sans-serif; }
.header-with-search.header-search-2 ul.mainmenu li a {
  color: #ffffff; }

/*===================================
    Search Style sartUp
====================================*/
.search--1 input {
  border: 1px solid #ccc;
  width: 100%; }
  .search--1 input:focus {
    outline: none; }
.search--1.search--1 {
  position: relative; }
  .search--1.search--1 input {
    border-radius: 22px;
    transition: all .3s ease-in-out;
    height: 45px;
    width: 83%;
    color: #999999;
    font-size: 14px;
    padding: 0 78px 0px 20px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%); }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .search--1.search--1 input {
        width: 100%;
        position: relative;
        top: auto;
        transform: inherit;
        margin-top: 30px; } }
    @media only screen and (max-width: 767px) {
      .search--1.search--1 input {
        width: 100%;
        position: relative;
        top: auto;
        transform: inherit;
        margin-top: 30px; } }
    .search--1.search--1 input:focus {
      width: 100%;
      border: 1px solid hotpink; }
      .search--1.search--1 input:focus ~ button {
        width: 36px; }
        .search--1.search--1 input:focus ~ button.btn-search {
          background: hotpink;
          color: #fff;
          border-radius: 20px; }
        .search--1.search--1 input:focus ~ button.btn-reset {
          right: -22px; }
  .search--1.search--1 button {
    transition: all .3s ease-in-out;
    border: none;
    height: 36px;
    position: absolute;
    right: 4px;
    top: 50%;
    width: 70px;
    transform: translateY(-50%);
    padding: 0; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .search--1.search--1 button {
        top: 69%; } }
    @media only screen and (max-width: 767px) {
      .search--1.search--1 button {
        top: 69%; } }
    .search--1.search--1 button.btn-search {
      background: #0056ff;
      border-radius: 0 20px 20px 0;
      color: #fff;
      transition: all .3s ease-in-out; }

/*===================================
    Search Style 02
====================================*/
.search--2 {
  display: inline-block;
  position: relative;
  height: 60px;
  float: right;
  padding: 0;
  position: relative;
  width: 100%; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .search--2 {
      margin-top: 30px; } }
  @media only screen and (max-width: 767px) {
    .search--2 {
      margin-top: 30px; } }
  .search--2 input[type="text"] {
    height: 60px;
    font-size: 17px;
    display: inline-block;
    font-weight: 100;
    border: none;
    outline: none;
    color: #fff;
    padding: 0;
    padding-right: 70px;
    width: 0px;
    position: absolute;
    top: 0;
    right: 0;
    background: none;
    z-index: 3;
    transition: width 0.5s cubic-bezier(0, 0.795, 0, 1);
    cursor: pointer; }
    .search--2 input[type="text"]:focus {
      width: 100%;
      z-index: 1;
      border-bottom: 1px solid #ffffff;
      cursor: text; }
  .search--2 input[type="submit"] {
    width: 63px;
    display: inline-block;
    color: #ffffff;
    float: right;
    background: url(img/icons/search.png) center center no-repeat;
    text-indent: -10000px;
    border: none;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    cursor: pointer;
    cursor: pointer;
    transition: width 0.4s cubic-bezier(0, 0.795, 0, 1); }

.search--2 input[type="text"]::-webkit-input-placeholder {
  color: #ffffff; }

.search--2 input[type="text"]::-moz-placeholder {
  color: #ffffff; }

.search--2 input[type="text"]:-ms-input-placeholder {
  color: #ffffff; }

.search--2 input[type="text"]:-moz-placeholder {
  color: #ffffff; }

/*===================================
    Search Style 03
====================================*/
.search--3 {
  float: right;
  height: 40px;
  position: relative;
  width: 100%; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .search--3 {
      margin-top: 20px; } }
  @media only screen and (max-width: 767px) {
    .search--3 {
      margin-top: 30px; } }
  .search--3 input[type="text"] {
    border: 1px solid #18012c;
    font-size: 12px;
    height: 40px;
    position: absolute;
    transition: all .3s ease-in;
    width: 50%;
    right: 0px;
    color: #18012c;
    font-size: 14px;
    transition: all .3s ease-in-out;
    padding: 0 20px;
    padding-right: 63px; }
    .search--3 input[type="text"]:focus {
      width: 100%;
      border-radius: 20px;
      border: 1px solid #ed552d; }
      .search--3 input[type="text"]:focus ~ button {
        background: #ed552d;
        border: 1px solid #ed552d;
        border-radius: 0 20px 20px 0;
        color: #fff; }
  .search--3 button {
    background: transparent;
    transition: all .3s ease-in;
    position: absolute;
    right: 0;
    border: 0 none;
    transition: all .3s ease-in-out;
    width: 42px;
    text-align: center;
    height: 100%;
    border: 0 none; }

.search--3 button.btn-reset {
  background: transparent;
  border: 1px solid #18012c;
  border-radius: 50%;
  font-size: 10px;
  height: 20px;
  line-height: 10px;
  padding: 0;
  width: 20px;
  left: 92%;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  opacity: 0;
  visibility: hidden;
  transition: all .6s ease-in-out; }
.search--3 input[type="text"]:focus ~ button.btn-reset {
  transform: rotateZ(360deg) translateY(-50%);
  left: 100%;
  transition-delay: .3s;
  border-radius: 100%;
  opacity: 1;
  background: transparent;
  border: 1px solid #18012c;
  color: #18012c;
  visibility: visible; }

.search--3 input[type="text"]::-webkit-input-placeholder {
  color: #18012c; }

.search--3 input[type="text"]::-moz-placeholder {
  color: #18012c; }

.search--3 input[type="text"]:-ms-input-placeholder {
  color: #18012c; }

.search--3 input[type="text"]:-moz-placeholder {
  color: #18012c; }

/*===================================
    Search Style 04
====================================*/
.search--4 {
  width: 45px;
  height: 45px;
  background-color: #ffffff;
  position: relative;
  overflow: hidden;
  transition: all 0.5s ease;
  float: right; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .search--4 {
      margin-top: 30px; } }
  @media only screen and (max-width: 767px) {
    .search--4 {
      margin-top: 30px; } }
  .search--4:before {
    content: '';
    display: block;
    width: 3px;
    height: 100%;
    position: relative;
    background-color: #ff4888;
    transition: all .5s ease; }
  .search--4.open {
    width: 100%; }
    .search--4.open:before {
      height: 20px;
      margin: 15px 8px 10px 29px;
      position: absolute; }

.search--4 .search-box {
  width: 100%;
  height: 100%;
  box-shadow: none;
  border: none;
  background: transparent;
  color: #ff4888;
  padding: 0px 48px 0px 45px;
  font-size: 14px; }
  .search--4 .search-box:focus {
    outline: none; }

.search--4 .search-button {
  width: 45px;
  height: 45px;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer; }

.search--4 .search-icon {
  width: 20px;
  height: 20px;
  border-radius: 40px;
  border: 2px solid #ff4888;
  display: block;
  position: relative;
  margin-left: 10px;
  transition: all 0.5s ease;
  top: 10px; }
  .search--4 .search-icon:before {
    content: '';
    width: 3px;
    height: 8px;
    position: absolute;
    right: -2px;
    top: 12px;
    display: block;
    background-color: #ff4888;
    transform: rotate(-45deg);
    transition: all 0.5s ease; }
  .search--4 .search-icon:after {
    content: '';
    width: 3px;
    height: 9px;
    position: absolute;
    right: -8px;
    top: 17px;
    display: block;
    background-color: #ff4888;
    transform: rotate(-46deg);
    transition: all 0.5s ease; }
.search--4.open .search-icon {
  margin: 0;
  width: 35px;
  height: 35px;
  border-radius: 100%;
  top: 5px; }
  .search--4.open .search-icon:before {
    transform: rotate(52deg);
    right: 12px;
    top: 12px;
    height: 18px; }
  .search--4.open .search-icon:after {
    transform: rotate(-230deg);
    right: 12px;
    top: 2px;
    height: 18px; }

.search--4 .search-box[type="text"]::-webkit-input-placeholder {
  color: #ff4888; }

.search--4 .search-box[type="text"]::-moz-placeholder {
  color: #ff4888; }

.search--4 .search-box[type="text"]:-ms-input-placeholder {
  color: #ff4888; }

.search--4 .search-box[type="text"]:-moz-placeholder {
  color: #ff4888; }

/*===================================
    Search Style 05
====================================*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .search--5 {
    margin-top: 30px; } }
@media only screen and (max-width: 767px) {
  .search--5 {
    margin-top: 30px; } }
.search--5 button {
  color: #f45862;
  font-size: 24px;
  border: 0 none;
  outline: none; }

.block-bg {
  background: rgba(22, 22, 27, 0.97) none repeat scroll 0 0;
  height: 100%;
  left: 0;
  opacity: 0;
  position: fixed;
  text-align: center;
  top: 0;
  transform: scale(0.7);
  transition: -webkit-transform 0.8s ease 0s, -moz-transform 0.8s ease 0s, -o-transform 0.8s ease 0s, transform 0.8s ease 0s, opacity 0.5s ease 0s, visibility 0.5s ease 0s;
  visibility: hidden;
  width: 100%;
  z-index: 999; }
  .block-bg.is-visible {
    opacity: 1;
    transform: scale(1);
    visibility: visible; }
  .block-bg .close__wrap {
    color: white;
    cursor: pointer;
    font-size: 12px;
    font-weight: 700;
    line-height: 25px;
    margin-top: -12.5px;
    padding-right: 25px;
    position: absolute;
    right: 49px;
    text-transform: uppercase;
    z-index: 11;
    transition: 0.4s;
    top: 65px; }
    .block-bg .close__wrap:hover {
      color: #ffffff; }
    .block-bg .close__wrap::after {
      content: "\f00d";
      font-family: 'FontAwesome';
      font-size: 24px;
      position: absolute;
      right: 0;
      top: 0; }

.minisearch .field__search {
  left: 0;
  margin: 0 auto auto;
  max-width: 1000px;
  padding: 0 5px;
  position: fixed;
  right: 0;
  top: 50%; }

.minisearch .field__search input {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: transparent none repeat scroll 0 0;
  border-color: currentcolor currentcolor #ebebeb;
  -o-border-image: none;
  border-image: none;
  border-style: none none solid;
  border-width: 0 0 1px;
  color: #fff;
  height: 60px;
  padding: 10px 60px 10px 10px;
  position: static;
  transition: all 0.3s ease-in-out 0s;
  width: 100%;
  z-index: 1;
  font-size: 16px;
  outline: none; }

.minisearch .field__search .action {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2; }

.minisearch .field__search .action a i {
  color: #797979;
  display: inline-block;
  font-size: 26px;
  height: 60px;
  left: 0;
  line-height: 60px;
  text-align: center;
  top: 0;
  width: 60px; }

/*======================================
    Video Player Style One
=======================================*/
/*======================================
    Video Player Style
=======================================*/
.player-style-1 iframe {
  width: 830px;
  height: 480px;
  border: 0 none; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .player-style-1 iframe {
      width: 100%;
      height: auto; } }
  @media only screen and (max-width: 767px) {
    .player-style-1 iframe {
      width: 100%;
      height: auto !important; } }

/*======================================
    Video Player Style Two
=======================================*/
.player-style-2 {
  padding: 200px 0;
  text-align: center; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .player-style-2 {
      padding: 100px 0; } }
  @media only screen and (max-width: 767px) {
    .player-style-2 {
      padding: 100px 0; } }
  .player-style-2 .play__btn {
    border: 0 none;
    background: #fff;
    width: 90px;
    height: 90px;
    border-radius: 100%;
    font-size: 40px;
    color: #18012c;
    display: inline-block;
    line-height: 90px;
    transition: 0.5s ease-in-out; }
    .player-style-2 .play__btn:hover {
      transform: scale(1.2);
      background: #18012c;
      color: #fff; }
    .player-style-2 .play__btn i {
      margin-left: 10px; }

/*======================================
    Video Player Style Three
=======================================*/
.player-style-3 .content {
  padding: 230px 0;
  text-align: center; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .player-style-3 .content {
      padding: 118px 0; } }
  @media only screen and (max-width: 767px) {
    .player-style-3 .content {
      padding: 118px 0; } }
  .player-style-3 .content p {
    color: #ffffff;
    font-size: 16px;
    margin-bottom: 10px; }
  .player-style-3 .content h2 {
    color: #ffffff;
    font-size: 30px;
    font-weight: 600;
    padding: 0 29%;
    line-height: 42px;
    margin-bottom: 34px; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .player-style-3 .content h2 {
        padding: 0 13%; } }
    @media only screen and (max-width: 767px) {
      .player-style-3 .content h2 {
        padding: 0 13%; } }
    @media only screen and (max-width: 479px) {
      .player-style-3 .content h2 {
        font-size: 22px;
        line-height: 37px; } }
  .player-style-3 .content a.play-video {
    color: #000000;
    font-weight: 500;
    font-size: 14px;
    background: #fafafa;
    height: 47px;
    display: inline-block;
    padding: 0 33px;
    line-height: 49px;
    border-radius: 23px;
    transition: 0.5s ease-in-out; }
    .player-style-3 .content a.play-video:hover {
      border-radius: 0;
      background: #18012c;
      color: #ffffff; }

.play-video,
a.play-video,
button.play-video {
  color: #000000;
  font-weight: 500;
  font-size: 14px;
  background: #fafafa;
  height: 47px;
  display: inline-block;
  padding: 0 33px;
  line-height: 49px;
  border-radius: 23px;
  transition: 0.5s ease-in-out; }
  .play-video:hover,
  a.play-video:hover,
  button.play-video:hover {
    border-radius: 0;
    background: #18012c;
    color: #ffffff; }

/*=====================================
    Instagram Style StartUp
=======================================*/
.intagramfeed_inner ul.instagram-list {
  padding: 0;
  margin: 0;
  list-style: none;
  margin: 0 -5px; }
  .intagramfeed_inner ul.instagram-list > li {
    float: left;
    margin: 0 5px;
    margin-bottom: 10px;
    overflow: hidden;
    position: relative; }
    @media only screen and (max-width: 767px) {
      .intagramfeed_inner ul.instagram-list > li {
        width: 47%; } }
    @media only screen and (max-width: 575px) {
      .intagramfeed_inner ul.instagram-list > li {
        width: 100%; } }
    .intagramfeed_inner ul.instagram-list > li > a {
      display: block; }
      .intagramfeed_inner ul.instagram-list > li > a img {
        width: 100%; }

/*==========================
    Instagram Style 01
===========================*/
.ht-instagram ul.instagram-list {
  margin: 0 -5px;
  overflow: hidden; }
  .ht-instagram ul.instagram-list li {
    float: left;
    margin: 0 5px;
    margin-bottom: 10px;
    overflow: hidden;
    position: relative; }
    .ht-instagram ul.instagram-list li > a {
      display: block;
      position: relative; }
    .ht-instagram ul.instagram-list li .instagram-clip {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      text-align: center;
      z-index: 3;
      height: 100%;
      transition: 0.4s ease-in-out;
      opacity: 0; }
      .ht-instagram ul.instagram-list li .instagram-clip::before {
        position: absolute;
        background: rgba(0, 0, 0, 0.7);
        content: "";
        left: 10px;
        top: 10px;
        bottom: 10px;
        right: 10px;
        z-index: -1; }
      .ht-instagram ul.instagram-list li .instagram-clip .content .instagram-like-comment {
        padding: 30px 0; }
        .ht-instagram ul.instagram-list li .instagram-clip .content .instagram-like-comment span {
          color: #fff;
          margin: 0 15px; }
          .ht-instagram ul.instagram-list li .instagram-clip .content .instagram-like-comment span i {
            padding-right: 10px; }
      .ht-instagram ul.instagram-list li .instagram-clip .content .instagram-btn {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 100%; }
        .ht-instagram ul.instagram-list li .instagram-clip .content .instagram-btn a i {
          color: #fff;
          font-size: 43px; }
    .ht-instagram ul.instagram-list li:hover .instagram-clip {
      opacity: 1; }

/*======================================
    Follow Instagram Btn
===================================*/
.intagramfeed_inner {
  text-align: center; }

button.instagram_follow_btn {
  background: #f75876;
  color: #fff;
  border: 0 none;
  padding: 0;
  font-weight: 500;
  font-size: 14px;
  transition: 0.4s ease-in-out; }
  button.instagram_follow_btn:hover {
    opacity: 0.7; }
  button.instagram_follow_btn i {
    background: #e4405f;
    width: 42px;
    height: 42px;
    line-height: 42px;
    font-size: 16px; }
  button.instagram_follow_btn span {
    padding: 0 16px;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    height: 42px;
    line-height: 42px; }
  button.instagram_follow_btn.possition-center {
    position: absolute;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    left: 50%;
    background: #ffffff;
    border-radius: 6px;
    color: #000000; }
    button.instagram_follow_btn.possition-center span {
      padding: 0 24px; }
      @media only screen and (max-width: 767px) {
        button.instagram_follow_btn.possition-center span {
          padding: 0 14px;
          font-size: 12px;
          line-height: 36px; } }

/*==========================
    Instagram Style 02
===========================*/
.ht-instagram-2 ul li {
  position: relative; }
  .ht-instagram-2 ul li a img {
    transition: all .15s ease-in-out; }
  .ht-instagram-2 ul li .instagram-clip {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 50px;
    background: rgba(255, 64, 95, 0.9);
    display: flex;
    justify-content: space-around;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    transition: all .15s ease-in-out;
    color: #FFF; }
    .ht-instagram-2 ul li .instagram-clip .instagram-like-comment {
      display: flex;
      align-items: center; }
      .ht-instagram-2 ul li .instagram-clip .instagram-like-comment span {
        margin: 0 15px; }
        .ht-instagram-2 ul li .instagram-clip .instagram-like-comment span i {
          padding-right: 7px; }
  .ht-instagram-2 ul li:hover .instagram-clip {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  .ht-instagram-2 ul li:hover a img {
    opacity: .7;
    -webkit-transform: scale(1.15) translate3d(0, 0, 0);
    transform: scale(1.15) translate3d(0, 0, 0); }

/*==========================
    Instagram Style 03
===========================*/
.ht-instagram-3 ul.instagram-list.no-space {
  margin: 0;
  margin-left: -15px;
  margin-right: -15px; }
.ht-instagram-3 ul.instagram-list li {
  margin: 0;
  margin-bottom: 0;
  overflow: hidden; }
  .ht-instagram-3 ul.instagram-list li.fancybox a {
    position: relative;
    display: block; }
    .ht-instagram-3 ul.instagram-list li.fancybox a::before {
      background-color: rgba(0, 0, 0, 0.9);
      bottom: 25px;
      content: "";
      left: 25px;
      opacity: 0;
      position: absolute;
      right: 25px;
      top: 25px;
      -webkit-transform: scale3d(1.2, 1.2, 1.2);
      transform: scale3d(1.2, 1.2, 1.2);
      transition: all 500ms ease-in 0s; }
    .ht-instagram-3 ul.instagram-list li.fancybox a::after {
      background: rgba(0, 0, 0, 0) url(img/icons/plus.png) no-repeat scroll 0 0;
      content: "";
      height: 68px;
      left: 50%;
      margin-left: -24px;
      margin-top: -26px;
      opacity: 0;
      position: absolute;
      top: 50%;
      transition: all 500ms ease-in 0s;
      width: 68px; }
  .ht-instagram-3 ul.instagram-list li.fancybox:hover a::before {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  .ht-instagram-3 ul.instagram-list li.fancybox:hover a::after {
    -webkit-animation: 500ms ease-in-out 0s normal none 1 running zoomIn;
    animation: 500ms ease-in-out 0s normal none 1 running zoomIn;
    opacity: 1; }
  .ht-instagram-3 ul.instagram-list li a img {
    transition: 0.3s ease-out;
    transition-property: opacity, transform, filter;
    width: 100%; }
  .ht-instagram-3 ul.instagram-list li:hover a img {
    transform: scale3d(1.1, 1.1, 1);
    opacity: 0.8; }

.ht-instagram-3 .slick-arrow {
  position: absolute;
  top: 45%;
  left: -20px;
  z-index: 2;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  background: #f75876;
  border: 1px solid #f75876;
  color: #fff;
  text-align: center;
  transition: 0.4s ease-in-out;
  opacity: 0; }
.ht-instagram-3 .instagram-next.slick-arrow {
  left: auto;
  right: -20px; }

.ht-instagram-3 ul.instagram-list:hover .slick-arrow {
  opacity: 1;
  left: 0; }

.ht-instagram-3 ul.instagram-list:hover .instagram-next.slick-arrow {
  opacity: 1;
  right: 0;
  left: auto; }

/*==========================
    Instagram Style 04
===========================*/
.ht-instagram-4 ul.instagram-list li {
  margin: 0;
  margin-bottom: 0;
  overflow: hidden;
  width: 25%; }
  @media only screen and (max-width: 767px) {
    .ht-instagram-4 ul.instagram-list li {
      width: 50%; } }
  @media only screen and (max-width: 575px) {
    .ht-instagram-4 ul.instagram-list li {
      width: 100%; } }
  .ht-instagram-4 ul.instagram-list li a img {
    transition: 0.3s ease-out;
    transition-property: opacity, transform, filter;
    width: 100%; }
  .ht-instagram-4 ul.instagram-list li:hover a img {
    transform: scale3d(1.2, 1.2, 1);
    opacity: 0.6; }

/*========================
    Tab Style
===========================*/
.single-tab.tab-pane:not(.active) {
  display: none; }

/*========================
    Tab Style 01
===========================*/
.ht-tab-nab a {
  color: #575757;
  font-size: 14px;
  font-weight: 500;
  padding: 0 16px;
  height: 34px;
  background: transparent;
  line-height: 34px;
  transition: 0.5s;
  margin: 0 9px;
  margin-bottom: 20px; }
  .ht-tab-nab a.active {
    background: #575757;
    color: #fff; }

.tab-content-default .singletab-content {
  margin-top: 20px; }
  .tab-content-default .singletab-content .thumb a {
    display: block;
    overflow: hidden; }
    .tab-content-default .singletab-content .thumb a img {
      transition: 0.5s ease-in-out;
      width: 100%; }
    .tab-content-default .singletab-content .thumb a:hover img {
      transform: scale(1.2) skew(3deg); }

/*========================
    Tab Style 02
===========================*/
.ht-tab-nab-2 a {
  color: #575757;
  font-weight: 600;
  font-size: 14px;
  margin: 0 25px;
  margin-bottom: 20px;
  padding: 0;
  padding-bottom: 10px;
  position: relative; }
  @media only screen and (max-width: 767px) {
    .ht-tab-nab-2 a {
      margin: 0 15px; } }
  .ht-tab-nab-2 a::before {
    position: absolute;
    content: "";
    left: 0;
    height: 1px;
    width: 0;
    bottom: 0;
    background: #575757;
    transition: 0.4s ease-in-out; }
  .ht-tab-nab-2 a.active::before {
    width: 100%; }

.tab-content-2 .singletab-content {
  margin-top: -15px; }
  .tab-content-2 .singletab-content p {
    margin-top: 26px;
    color: #494849;
    font-size: 14px;
    line-height: 28px; }

/*========================
    Tab Style 03
===========================*/
.ht-tab-nab-3 {
  border-bottom: 1px solid #e3e3e3;
  margin-bottom: 18px; }
  @media only screen and (max-width: 767px) {
    .ht-tab-nab-3 {
      border: 0 none; } }
  .ht-tab-nab-3 a {
    color: #575757;
    font-size: 14px;
    font-weight: 600;
    padding: 0;
    padding: 0 24px;
    background: #e3e3e3;
    height: 40px;
    line-height: 39px;
    margin: 0 10px;
    margin-bottom: -1px;
    border: 1px solid;
    transition: 0.4s ease-in-out;
    border-color: #e3e3e3 #e3e3e3 #ffffff; }
    @media only screen and (max-width: 767px) {
      .ht-tab-nab-3 a {
        padding: 0 10px;
        border: 0 none; } }
    .ht-tab-nab-3 a.active {
      background: transparent;
      border: 1px solid;
      border-color: #e3e3e3 #e3e3e3 #ffffff; }

.tab-content-3 .singletab-content p {
  color: #494849;
  font-size: 14px;
  line-height: 28px;
  margin-top: 23px; }

/*========================
    Tab Style 04
===========================*/
.ht-tab-nab-4 a {
  background: #575757;
  padding: 0 25px;
  height: 40px;
  line-height: 40px;
  border-radius: 5px;
  color: #ffffff;
  margin: 0 10px;
  margin-bottom: 20px;
  font-weight: 600;
  font-size: 14px; }
  .ht-tab-nab-4 a.active {
    background: #ed552d; }

.single-tab .service {
  display: flex;
  margin-top: 40px; }
  .single-tab .service .icon {
    margin-right: 24px; }
    .single-tab .service .icon i {
      color: #ee6a48;
      font-size: 50px; }
  .single-tab .service .content h4 {
    color: #5b5b5b;
    font-weight: 400;
    font-size: 18px;
    margin-bottom: 10px; }
  .single-tab .service .content p {
    color: #8f8f8f;
    font-size: 15px;
    line-height: 25px;
    margin: 0; }

/*========================
    Tab Style 05
===========================*/
.ht-tab-nab-height {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  border-right: 1px solid #e3e3e3; }

.singletab-content .thumb a img {
  width: 100%; }
  @media only screen and (max-width: 767px) {
    .singletab-content .thumb a img {
      margin-top: 30px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .singletab-content .thumb a img {
      margin-top: 30px; } }

.ht-tab-nab-5 {
  display: block; }
  .ht-tab-nab-5 a {
    text-align: center;
    border-top: 1px solid #e3e3e3;
    border-right: 1px solid transparent;
    color: #575757;
    font-weight: 500;
    border-left: 1px solid #e3e3e3;
    transition: 0.4s ease-in-out; }
    .ht-tab-nab-5 a:last-child {
      border-bottom: 1px solid #e3e3e3; }
    .ht-tab-nab-5 a.active {
      background: #e3e3e3; }
  .ht-tab-nab-5.medical-tab a.active {
    background: #0bb6ce;
    color: #ffffff; }

.medical-tab-content .content h4 {
  color: #2b2b2b;
  font-weight: 600;
  margin-bottom: 10px;
  font-size: 24px; }
.medical-tab-content .content p {
  color: #464646;
  font-size: 14px;
  margin-bottom: 11px;
  line-height: 26px; }
.medical-tab-content .content .surgary-list {
  display: flex; }
  .medical-tab-content .content .surgary-list ul {
    list-style: none;
    padding: 0;
    margin: 0; }
    .medical-tab-content .content .surgary-list ul li {
      color: #373737;
      font-size: 14px; }
      .medical-tab-content .content .surgary-list ul li i {
        color: #00b3cc;
        padding-right: 10px; }
    .medical-tab-content .content .surgary-list ul + ul {
      margin-left: 40px; }
.medical-tab-content .content .surgary-btn {
  margin-top: 17px; }
  .medical-tab-content .content .surgary-btn a {
    color: #fff;
    background: #00b3cc;
    height: 43px;
    display: inline-block;
    padding: 0 18px;
    line-height: 43px;
    font-size: 14px;
    border-radius: 5px; }

/*=========================
    Work Process Style
============================*/
.ht-process {
  text-align: center; }
  .ht-process .icon {
    width: 116px;
    height: 116px;
    margin: 0 auto;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    line-height: 116px;
    text-align: center;
    border-radius: 100%; }
  .ht-process .content h4 {
    color: #555555;
    font-size: 19px;
    font-weight: 600;
    margin: 0;
    margin-top: 36px; }

.shape-bg {
  position: relative;
  background: url(img/process/shap.png);
  background-repeat: no-repeat;
  background-position: center 0px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .shape-bg {
      background-image: none; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .shape-bg {
      background-image: none; } }
  @media only screen and (max-width: 767px) {
    .shape-bg {
      background-image: none; } }

/*=========================
    Work Process Style 2
============================*/
.ht-process-2 {
  text-align: center; }
  .ht-process-2 .number {
    margin-bottom: 24px; }
    .ht-process-2 .number span {
      width: 70px;
      height: 70px;
      background: #fff;
      display: inline-block;
      line-height: 70px;
      font-size: 24px;
      font-weight: 600;
      color: #5a5a5a;
      border-radius: 14px;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
  .ht-process-2 .content h4 {
    color: #383838;
    font-size: 18px;
    margin-bottom: 18px; }
  .ht-process-2 .content p {
    color: #494849;
    font-size: 14px;
    line-height: 28px;
    padding: 0 10%;
    margin: 0; }

.ht-process-2 .number {
  position: relative; }

.ht-process-2 .number::before {
  position: absolute;
  content: "";
  background: url(img/process/shape-2.png);
  right: -129px;
  top: 50%;
  width: 236px;
  height: 2px; }

.single-work:last-child .ht-process-2 .number::before {
  display: none; }

/*=========================
    Work Process Style 3
============================*/
.process-wrapper {
  position: relative;
  margin-top: 30px; }
  .process-wrapper::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    width: 2px;
    background: #e51515;
    height: 100%;
    margin-left: -1px; }
  .process-wrapper .ht-process-3 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    padding: 30px 0; }
    .process-wrapper .ht-process-3 .thumb {
      width: 50%;
      text-align: right;
      padding: 0 30px;
      position: relative;
      -webkit-align-self: baseline;
      -moz-align-self: baseline;
      -ms-flex-item-align: baseline;
      align-self: baseline; }
      .process-wrapper .ht-process-3 .thumb::before {
        position: absolute;
        content: "";
        right: 0px;
        top: 50%;
        margin-top: -15px;
        height: 15px;
        width: 15px;
        border-top: 10px solid transparent;
        border-right: 15px solid red;
        border-bottom: 10px solid transparent;
        border-left: 15px solid transparent; }
      .process-wrapper .ht-process-3 .thumb .process-img-inner {
        display: inline-block;
        min-height: 120px;
        min-width: 120px;
        height: 120px;
        width: 120px;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        -ms-border-radius: 100%;
        -o-border-radius: 100%;
        border-radius: 100%;
        overflow: hidden; }
    .process-wrapper .ht-process-3 .content {
      padding-left: 30px;
      text-align: left;
      width: 50%; }
      .process-wrapper .ht-process-3 .content h4 {
        font-size: 22px;
        font-weight: 500;
        color: #494849; }
      .process-wrapper .ht-process-3 .content p {
        font-size: 14px;
        color: #494849;
        line-height: 28px; }
    .process-wrapper .ht-process-3.process-reverse {
      -webkit-box-direction: reverse;
      -webkit-box-orient: horizontal;
      -webkit-flex-direction: row-reverse;
      -moz-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
      flex-direction: row-reverse; }
      .process-wrapper .ht-process-3.process-reverse .thumb {
        text-align: left; }
        .process-wrapper .ht-process-3.process-reverse .thumb::before {
          right: auto;
          left: 0;
          border-left: 15px solid red;
          border-right: 15px solid transparent; }
      .process-wrapper .ht-process-3.process-reverse .content {
        padding-left: 0;
        padding-right: 30px;
        text-align: right; }

/*=========================
    Work Process Style 4
============================*/
.works-wrapper {
  background-position: center center;
  background-repeat: no-repeat;
  height: 570px;
  position: relative;
  width: 590px;
  margin: 0 auto; }
  .works-wrapper .ht-process-4 {
    align-items: center;
    background: #52b6bc none repeat scroll 0 0;
    border-radius: 100%;
    display: flex;
    height: 190px;
    justify-content: center;
    text-align: center;
    width: 190px;
    position: absolute; }
    .works-wrapper .ht-process-4:nth-child(1) {
      left: 0;
      margin: auto;
      right: 0; }
    .works-wrapper .ht-process-4:nth-child(2) {
      right: 0;
      top: 190px; }
    .works-wrapper .ht-process-4:nth-child(3) {
      bottom: 0;
      left: 0;
      margin: auto;
      right: 0; }
    .works-wrapper .ht-process-4:nth-child(4) {
      left: 0;
      top: 190px; }
    .works-wrapper .ht-process-4 .thumb {
      opacity: 0;
      position: absolute;
      right: 0;
      top: -36px;
      transition: all 0.3s ease 0s; }
      .works-wrapper .ht-process-4 .thumb img {
        border: 3px solid #52b6bc;
        border-radius: 100%; }
    .works-wrapper .ht-process-4 .content p {
      color: #fff;
      font-family: 'Courgette', cursive;
      font-size: 20px;
      line-height: 26px;
      margin: 0;
      padding: 0 12px; }
    .works-wrapper .ht-process-4.open .thumb {
      opacity: 1; }
    .works-wrapper .ht-process-4:hover .thumb {
      opacity: 1; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ht-process-2 .number::before {
    display: none; } }
@media only screen and (max-width: 767px) {
  .ht-process-2 .number::before {
    display: none; }

  .works-wrapper {
    width: auto; }

  .works-wrapper .ht-process-4 {
    height: 150px;
    width: 150px; }

  .works-wrapper .ht-process-4:nth-child(2) {
    right: -35px; }

  .works-wrapper .ht-process-4:nth-child(4) {
    left: -35px; } }
/*===============================
    Toggle Style
=================================*/
.toggle-item-active,
.single-text-toggle,
.single-service-toggle {
  display: none; }

.toggle-wrapper {
  text-align: center; }
  .toggle-wrapper .view-more-btn {
    transition: all 600ms ease-in-out;
    -webkit-transition: all 600ms ease-in-out;
    -moz-transition: all 600ms ease-in-out;
    -o-transition: all 600ms ease-in-out;
    color: #3b3b3b;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    text-transform: uppercase; }
    .toggle-wrapper .view-more-btn i {
      padding-left: 5px; }

.service-toggle-wrapper {
  margin: 0 -10px; }
  .service-toggle-wrapper .single-service-toggle {
    margin: 0 10px;
    float: left;
    margin-top: 20px; }
    .service-toggle-wrapper .single-service-toggle .icons {
      width: 120px;
      height: 120px;
      background: #fff;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
      line-height: 120px;
      text-align: center;
      margin: 0 auto; }
    .service-toggle-wrapper .single-service-toggle h4 {
      color: #2c3137;
      font-size: 14px;
      color: #2c3137;
      margin-top: 23px; }

/*=======================
    Toggle Text
=========================*/
.single-text-toggle {
  margin-top: 34px; }
  .single-text-toggle p {
    color: #444444;
    font-size: 16px;
    line-height: 28px;
    text-align: left;
    margin-bottom: 28px; }
    .single-text-toggle p:last-child {
      margin-bottom: 0; }

/*============================
    Switcher Style
=============================*/
/*==========================
    Switcher Style StartUp
===========================*/
.single-switch.tab-pane:not(.active) {
  display: none; }

.team.img-grayscale img {
  -webkit-filter: grayscale(100%);
  /* Safari 6.0 - 9.0 */
  filter: grayscale(100%); }

.ht-switcher-btn {
  text-align: center; }

.ht-switcher-nav {
  display: inline-block;
  background: #eeeeee;
  border-radius: 30px;
  overflow: hidden; }
  .ht-switcher-nav a {
    display: inline-block;
    color: #444444;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 18px 32px;
    z-index: 1;
    position: relative;
    font-family: "Montserrat", sans-serif; }
    @media only screen and (max-width: 479px) {
      .ht-switcher-nav a {
        display: block; } }
    .ht-switcher-nav a::before {
      height: 100%;
      top: 0;
      z-index: 0;
      content: '';
      width: 0;
      position: absolute;
      left: 0;
      transition: all 300ms ease-out;
      z-index: -1; }
    .ht-switcher-nav a.active {
      color: #ffffff; }
      .ht-switcher-nav a.active::before {
        width: 100%;
        background-color: #ed552d; }
  .ht-switcher-nav.event-switcher a.active::before {
    background: #b61670; }

/*==========================
    Switcher Style 2
===========================*/
.ht-switcher-nav-2 {
  display: inline-block;
  background: #ffffff;
  border-radius: 23px;
  overflow: hidden; }
  .ht-switcher-nav-2 a {
    display: inline-block;
    color: #18012c;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 11px 27px;
    z-index: 1;
    position: relative;
    font-family: "Montserrat", sans-serif; }
    .ht-switcher-nav-2 a::before {
      height: 100%;
      top: 0;
      z-index: 0;
      content: '';
      width: 0;
      position: absolute;
      left: 0;
      transition: all 300ms ease-out;
      z-index: -1; }
    .ht-switcher-nav-2 a.active {
      color: #ffffff; }
      .ht-switcher-nav-2 a.active::before {
        width: 100%;
        background-color: #4ebcc2; }

/*==========================
    Switcher Style 3
===========================*/
.ht-switcher-nav-3 {
  display: inline-block;
  background: #e5e5e5;
  border-radius: 23px;
  overflow: hidden; }
  .ht-switcher-nav-3 a {
    display: inline-block;
    color: #18012c;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 11px 27px;
    z-index: 1;
    position: relative;
    font-family: "Montserrat", sans-serif; }
    .ht-switcher-nav-3 a::before {
      height: 100%;
      top: 0;
      z-index: 0;
      content: '';
      width: 0;
      position: absolute;
      left: 0;
      transition: all 300ms ease-out;
      z-index: -1; }
    .ht-switcher-nav-3 a.active {
      color: #ffffff; }
      .ht-switcher-nav-3 a.active::before {
        width: 100%;
        background-color: #eebe07; }

/*=======
    End Switcher Style
===========================*/
/*==========================
    Flipbox Style Css
============================*/
/*------------------------------
   Flipbox  Background Color 
 -------------------------------*/
.flipbox-bg--1 {
  background: #18012c; }

.flipbox-bg--2 {
  background: #ffb85f; }

.flipbox-bg--3 {
  background: #ff7a5a; }

.flipbox-bg--4 {
  background: #00aaa0; }

.flipbox-bg--5 {
  background: #ed552d; }

/*==========================
    Flipbox Style 01
============================*/
.square-flip {
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  -ms-perspective: 1000;
  perspective: 1000;
  -webkit-transform: perspective(1000px);
  -moz-transform: perspective(1000px);
  -ms-transform: perspective(1000px);
  transform: perspective(1000px);
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  position: relative;
  height: 380px;
  margin-top: 30px; }

.square,
.square2 {
  width: 100%;
  height: 100%; }

.square {
  background-size: cover;
  background-position: center center;
  -ms-transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
  transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
  -webkit-transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
  overflow: hidden;
  position: absolute;
  top: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.square-flip .square {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  transform: rotateY(0deg);
  transform-style: preserve-3d;
  z-index: 1; }
.square-flip:hover .square {
  -webkit-transform: rotateY(-180deg);
  -moz-transform: rotateY(-180deg);
  -o-transform: rotateY(-180deg);
  -ms-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
  transform-style: preserve-3d; }
.square-flip .square2 {
  background-size: cover;
  background-position: center center;
  -ms-transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
  transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
  -webkit-transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
  overflow: hidden;
  position: absolute;
  top: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }
.square-flip .square2 {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  transform: rotateY(180deg);
  transform-style: preserve-3d;
  z-index: 1; }
.square-flip:hover .square2 {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  transform: rotateY(0deg);
  transform-style: preserve-3d; }

/*Square content*/
.square-flip .square-container {
  padding: 40px;
  text-align: center;
  position: relative;
  top: 50%;
  -ms-transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
  transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
  -webkit-transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
  -webkit-transform: translateY(-50%) translateX(0px) scale(1);
  -ms-transform: translateY(-50%) translateX(0px) scale(1);
  transform: translateY(-50%) translateX(0px) scale(1);
  transform-style: preserve-3d;
  z-index: 2; }
.square-flip:hover .square-container {
  -webkit-transform: translateY(-50%) translateX(-650px) scale(0.88);
  -ms-transform: translateY(-50%) translateX(-650px) scale(0.88);
  transform: translateY(-50%) translateX(-650px) scale(0.88);
  transform-style: preserve-3d; }
.square-flip .square-container2 {
  padding: 40px;
  text-align: center;
  position: relative;
  top: 50%;
  -ms-transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
  transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
  -webkit-transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
  -webkit-transform: translateY(-50%) translateX(650px) translateZ(60px) scale(0.88);
  -ms-transform: translateY(-50%) translateX(650px) translateZ(60px) scale(0.88);
  transform: translateY(-50%) translateX(650px) translateZ(60px) scale(0.88);
  transform-style: preserve-3d;
  z-index: 2; }
  @media only screen and (max-width: 767px) {
    .square-flip .square-container2 {
      padding: 40px 20px; } }
.square-flip:hover .square-container2 {
  -webkit-transform: translateY(-50%) translateX(0px) translateZ(0px) scale(1);
  -ms-transform: translateY(-50%) translateX(0px) translateZ(0px) scale(1);
  transform: translateY(-50%) translateX(0px) translateZ(0px) scale(1);
  transform-style: preserve-3d; }

/*Style text*/
.square-flip .square-container span {
  color: #333333;
  font-size: 50px; }
.square-flip .square-container h2 {
  color: #333333;
  font-size: 22px;
  font-weight: 400;
  margin: 0;
  margin-top: 22px; }
  @media only screen and (max-width: 767px) {
    .square-flip .square-container h2 {
      font-size: 20px; } }
.square-flip .square-container2 span {
  color: #efefef;
  font-size: 50px;
  display: block;
  margin-bottom: 28px; }
.square-flip .square-container2 h2 {
  color: #ffffff;
  font-size: 22px;
  font-weight: 400;
  margin-bottom: 18px; }
.square-flip .square-container2 p {
  color: #ffffff;
  font-size: 14px;
  line-height: 26px;
  margin: 0; }

/*Elements Bg Color & Image*/
.flip-overlay {
  display: block;
  background: #f3f3f3;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0; }

.square2 {
  background-image: url(img/flipbox/flipbox-1.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover; }
  .square2 .flip-overlay {
    display: block;
    background: rgba(237, 85, 45, 0.8);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0; }

/* ======================
    Travel Flip Box 
========================*/
.square-flip.travel-flip .square2 .flip-overlay {
  background-image: url(img/traveling/flip/flip-1.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: transparent; }

.square-flip.travel-flip .square-container h2,
.square-flip.travel-flip .square-container2 h2 {
  font-family: 'Playfair Display', serif;
  font-weight: 700;
  font-size: 24px;
  font-style: italic;
  margin: 0;
  margin-bottom: 12px;
  color: #ffffff; }

.square-flip.travel-flip .square-container span,
.square-flip.travel-flip .square-container2 span {
  font-family: 'Playfair Display', serif;
  font-weight: 700;
  font-size: 24px;
  font-style: italic;
  color: #ffffff; }

.square-flip.travel-flip .square-container2 {
  padding: 40px 10px; }

.square-flip.travel-flip .square .flip-overlay-1,
.square-flip.travel-flip .square .flip-overlay-2,
.square-flip.travel-flip .square .flip-overlay-3,
.square-flip.travel-flip .square .flip-overlay-4 {
  background-image: url(img/traveling/flip/flip-1.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: transparent;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px; }

.square-flip.travel-flip .square .flip-overlay-2 {
  background-image: url(img/traveling/flip/flip-2.png); }

.square-flip.travel-flip .square .flip-overlay-3 {
  background-image: url(img/traveling/flip/flip-3.png); }

.square-flip.travel-flip .square .flip-overlay-4 {
  background-image: url(img/traveling/flip/flip-4.png); }

/*==========================
    Flipbox Style 02
============================*/
.flipbox-2 {
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  -ms-perspective: 1000;
  perspective: 1000;
  -webkit-transform: perspective(1000px);
  -moz-transform: perspective(1000px);
  -ms-transform: perspective(1000px);
  transform: perspective(1000px);
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  position: relative;
  height: 410px; }

.flip-front,
.flip-back {
  width: 100%;
  height: 100%; }

.flipbox-2 {
  margin-top: 40px; }
  .flipbox-2 .flip-front {
    background-size: cover;
    background-position: center center;
    -ms-transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
    transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
    -webkit-transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
    overflow: hidden;
    position: absolute;
    top: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }
  .flipbox-2 .flip-front {
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    transform: rotateX(0deg);
    transform-style: preserve-3d;
    z-index: 1; }
  .flipbox-2:hover .flip-front {
    -webkit-transform: rotateX(-180deg);
    -moz-transform: rotateX(-180deg);
    -o-transform: rotateX(-180deg);
    -ms-transform: rotateX(-180deg);
    transform: rotateX(-180deg);
    transform-style: preserve-3d; }
  .flipbox-2 .flip-back {
    background-size: cover;
    background-position: center center;
    -ms-transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
    transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
    -webkit-transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
    overflow: hidden;
    position: absolute;
    top: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }
  .flipbox-2 .flip-back {
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    transform: rotateX(180deg);
    transform-style: preserve-3d;
    z-index: 1; }
  .flipbox-2:hover .flip-back {
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    transform: rotateX(0deg);
    transform-style: preserve-3d; }

/*Square content*/
.flipbox-2 .content {
  padding: 40px;
  text-align: center;
  position: relative;
  top: 50%;
  -ms-transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
  transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
  -webkit-transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
  -webkit-transform: translateY(-50%) translateX(0px) scale(1);
  -ms-transform: translateY(-50%) translateX(0px) scale(1);
  transform: translateY(-50%) translateX(0px) scale(1);
  transform-style: preserve-3d;
  z-index: 2; }
.flipbox-2:hover .content {
  -webkit-transform: translateY(-50%) translateX(-650px) scale(0.88);
  -ms-transform: translateY(-50%) translateX(-650px) scale(0.88);
  transform: translateY(-50%) translateX(-650px) scale(0.88);
  transform-style: preserve-3d; }
.flipbox-2 .content2 {
  padding: 40px;
  text-align: center;
  position: relative;
  top: 50%;
  -ms-transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
  transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
  -webkit-transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
  -webkit-transform: translateY(-50%) translateX(650px) translateZ(60px) scale(0.88);
  -ms-transform: translateY(-50%) translateX(650px) translateZ(60px) scale(0.88);
  transform: translateY(-50%) translateX(650px) translateZ(60px) scale(0.88);
  transform-style: preserve-3d;
  z-index: 2; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .flipbox-2 .content2 {
      padding: 40px 20px; } }
  @media only screen and (max-width: 767px) {
    .flipbox-2 .content2 {
      padding: 40px 20px; } }
.flipbox-2:hover .content2 {
  -webkit-transform: translateY(-50%) translateX(0px) translateZ(0px) scale(1);
  -ms-transform: translateY(-50%) translateX(0px) translateZ(0px) scale(1);
  transform: translateY(-50%) translateX(0px) translateZ(0px) scale(1);
  transform-style: preserve-3d; }

.flipbox-2 .flp-content span {
  margin-bottom: 26px;
  display: inline-block;
  padding-bottom: 30px;
  position: relative; }
  .flipbox-2 .flp-content span i {
    color: #fff;
    font-size: 70px; }
  .flipbox-2 .flp-content span::before {
    position: absolute;
    content: "";
    background: #fff;
    width: 30px;
    height: 1px;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%); }
  .flipbox-2 .flp-content span::after {
    position: absolute;
    content: "";
    background: #fff;
    width: 20px;
    height: 1px;
    bottom: 6px;
    left: 50%;
    transform: translateX(-50%); }
.flipbox-2 .flp-content h4 {
  color: #ffffff;
  font-size: 16px;
  margin: 0;
  font-weight: 300;
  text-transform: uppercase; }
.flipbox-2 .flp-content p {
  margin: 0;
  color: #ffffff;
  font-size: 14px;
  line-height: 24px;
  margin-top: 15px;
  font-family: "Montserrat", sans-serif;
  font-weight: 300; }

/*==========================
    Flipbox Style 03
============================*/
.flipbox-3 {
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  -ms-perspective: 1000;
  perspective: 1000;
  -webkit-transform: perspective(1000px);
  -moz-transform: perspective(1000px);
  -ms-transform: perspective(1000px);
  transform: perspective(1000px);
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  position: relative;
  height: 330px; }

.flipbox-3 {
  margin-top: 40px; }
  .flipbox-3 .flip-front {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    -webkit-transform: none;
    transform: none;
    z-index: 1;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: #ffffff; }
    .flipbox-3 .flip-front .flp-content {
      -webkit-transform-style: preserve-3d;
      transform-style: preserve-3d;
      -webkit-transform: translateZ(0.1px);
      transform: translateZ(0.1px); }
      .flipbox-3 .flip-front .flp-content .translate-text {
        -webkit-transform: translateZ(90px) scale(0.8);
        transform: translateZ(90px) scale(0.8); }
  .flipbox-3:hover .flip-front.animation-left {
    -webkit-transform: rotateX(0) rotateY(-180deg);
    transform: rotateX(0) rotateY(-180deg); }
  .flipbox-3:hover .flip-front.animation-top {
    -webkit-transform: rotateX(180deg) rotateY(0);
    transform: rotateX(180deg) rotateY(0); }
  .flipbox-3:hover .flip-front.animation-right {
    -webkit-transform: rotateX(0) rotateY(180deg);
    transform: rotateX(0) rotateY(180deg); }
  .flipbox-3 .flip-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }
    .flipbox-3 .flip-back.animation-left {
      -webkit-transform: rotateX(0) rotateY(180deg);
      transform: rotateX(0) rotateY(180deg); }
    .flipbox-3 .flip-back.animation-top {
      -webkit-transform: rotateX(-180deg) rotateY(0);
      transform: rotateX(-180deg) rotateY(0); }
    .flipbox-3 .flip-back.animation-right {
      -webkit-transform: rotateX(0) rotateY(-180deg);
      transform: rotateX(0) rotateY(-180deg); }
    .flipbox-3 .flip-back .flp-content {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      height: 100%;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: stretch;
      -webkit-align-items: stretch;
      -ms-flex-align: stretch;
      align-items: stretch;
      text-align: center;
      padding: 26px 20px;
      text-align: center;
      -webkit-transform-style: preserve-3d;
      transform-style: preserve-3d;
      -webkit-transform: translateZ(0.1px);
      transform: translateZ(0.1px); }
      .flipbox-3 .flip-back .flp-content .translate-text {
        -webkit-transform: translateZ(90px) scale(0.8);
        transform: translateZ(90px) scale(0.8); }
  .flipbox-3:hover .flip-back.animation-left {
    -webkit-transform: none;
    transform: none; }
  .flipbox-3:hover .flip-back.animation-top {
    -webkit-transform: none;
    transform: none; }
  .flipbox-3:hover .flip-back.animation-right {
    -webkit-transform: none;
    transform: none; }

/*=========================
    FlipBox Text
============================*/
.flipbox-3 .flip-front .flp-content {
  text-align: center; }
  .flipbox-3 .flip-front .flp-content span {
    width: 160px;
    display: inline-block;
    margin: 0 auto;
    text-align: center;
    height: 160px;
    border-radius: 100%;
    line-height: 160px;
    color: #fff;
    font-size: 60px; }
  .flipbox-3 .flip-front .flp-content h4 {
    color: #232323;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0;
    margin-top: 28px; }
.flipbox-3 .flip-back .flp-content {
  text-align: center; }
  .flipbox-3 .flip-back .flp-content span i {
    color: #ffffff;
    font-size: 60px; }
  .flipbox-3 .flip-back .flp-content h4 {
    color: #ffffff;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0;
    margin-top: 24px;
    margin-bottom: 16px; }
  .flipbox-3 .flip-back .flp-content p {
    color: #ffffff;
    font-size: 14px;
    line-height: 24px;
    font-family: "Montserrat", sans-serif;
    font-weight: 300;
    margin: 0; }

/*==========================
    Flipbox Style 04
============================*/
.flipbox-4 {
  height: 270px;
  position: relative;
  -webkit-perspective: 1000px;
  perspective: 1000px;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  overflow: hidden;
  margin-top: 40px; }
  .flipbox-4 .flp-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    text-align: center;
    padding: 35px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .flipbox-4 .flp-content {
        padding: 35px 10px; } }
  .flipbox-4 .flip-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    top: 0;
    left: 0;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }
    .flipbox-4 .flip-back.animation-left {
      -webkit-transform: translateX(-100%) translateY(0);
      transform: translateX(-100%) translateY(0); }
    .flipbox-4 .flip-back.derection-y {
      -webkit-transform: rotateX(0) rotateY(180deg);
      transform: rotateX(0) rotateY(180deg); }
    .flipbox-4 .flip-back.derection-x {
      -webkit-transform: rotateX(180deg) rotateY(0);
      transform: rotateX(180deg) rotateY(0); }
    .flipbox-4 .flip-back.derection-right {
      -webkit-transform: translateX(100%) translateY(0);
      transform: translateX(100%) translateY(0); }
  .flipbox-4:hover .flip-back {
    -webkit-transform: none;
    transform: none; }
  .flipbox-4 .flip-front {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    z-index: 1;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }
  .flipbox-4:hover .flip-front.animation-left {
    -webkit-transform: translateX(100%) translateY(0);
    transform: translateX(100%) translateY(0); }
  .flipbox-4:hover .flip-front.derection-y {
    -webkit-transform: rotateX(0) rotateY(-180deg);
    transform: rotateX(0) rotateY(-180deg);
    z-index: -1; }
  .flipbox-4:hover .flip-front.derection-x {
    -webkit-transform: rotateX(-180deg) rotateY(0);
    transform: rotateX(-180deg) rotateY(0);
    z-index: -1; }
  .flipbox-4:hover .flip-front.derection-right {
    -webkit-transform: translateX(-100%) translateY(0);
    transform: translateX(-100%) translateY(0); }

.flipbox-4 {
  border-radius: 20px; }
  .flipbox-4 .flip-front {
    border: 1px dashed #ed552d;
    border-radius: 20px;
    background: #ffffff; }
    .flipbox-4 .flip-front .flp-content span i {
      font-size: 60px;
      color: #232323; }
    .flipbox-4 .flip-front .flp-content h4 {
      color: #232323;
      font-weight: 600;
      font-size: 16px;
      margin: 0;
      margin-top: 15px;
      text-transform: uppercase; }
  .flipbox-4 .flip-back {
    border: 1px dashed #ed552d;
    border-radius: 20px;
    background: #ed552d; }
    .flipbox-4 .flip-back .flp-content p {
      color: #ffffff;
      font-size: 14px;
      line-height: 26px;
      font-family: "Montserrat", sans-serif;
      font-weight: 300;
      margin-bottom: 20px; }
    .flipbox-4 .flip-back .flp-content .flp-btn {
      display: inline-block; }
      .flipbox-4 .flip-back .flp-content .flp-btn a {
        color: #ffffff;
        font-family: "Montserrat", sans-serif;
        font-weight: 700;
        font-size: 14px;
        display: inline-block;
        border-bottom: 1px solid #ffffff; }

/*==========================
    Flipbox Style 05
============================*/
.flipbox-5 {
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  -ms-perspective: 1000;
  perspective: 1000;
  -webkit-transform: perspective(1000px);
  -moz-transform: perspective(1000px);
  -ms-transform: perspective(1000px);
  transform: perspective(1000px);
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  position: relative;
  height: 430px; }

.flipbox-5 .square,
.flipbox-5 .square2 {
  width: 100%;
  height: 100%; }
.flipbox-5 .square {
  background-size: cover;
  background-position: center center;
  -ms-transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
  transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
  -webkit-transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
  overflow: hidden;
  position: absolute;
  top: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.flipbox-5 .square {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  transform: rotateY(0deg);
  transform-style: preserve-3d;
  z-index: 1; }
.flipbox-5:hover .square {
  -webkit-transform: rotateY(-180deg);
  -moz-transform: rotateY(-180deg);
  -o-transform: rotateY(-180deg);
  -ms-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
  transform-style: preserve-3d; }
.flipbox-5 .square2 {
  background-size: cover;
  background-position: center center;
  -ms-transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
  transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
  -webkit-transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
  overflow: hidden;
  position: absolute;
  top: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }
.flipbox-5 .square2 {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  transform: rotateY(180deg);
  transform-style: preserve-3d;
  z-index: 1; }
.flipbox-5:hover .square2 {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  transform: rotateY(0deg);
  transform-style: preserve-3d; }

/*Square content*/
.flipbox-5 .square-container {
  padding: 40px;
  text-align: center;
  position: relative;
  top: 50%;
  -ms-transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
  transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
  -webkit-transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
  -webkit-transform: translateY(-50%) translateX(0px) scale(1);
  -ms-transform: translateY(-50%) translateX(0px) scale(1);
  transform: translateY(-50%) translateX(0px) scale(1);
  transform-style: preserve-3d;
  z-index: 2; }
.flipbox-5:hover .square-container {
  -webkit-transform: translateY(-50%) translateX(-650px) scale(0.88);
  -ms-transform: translateY(-50%) translateX(-650px) scale(0.88);
  transform: translateY(-50%) translateX(-650px) scale(0.88);
  transform-style: preserve-3d; }
.flipbox-5 .square-container2 {
  padding: 40px;
  text-align: center;
  position: relative;
  top: 50%;
  -ms-transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
  transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
  -webkit-transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
  -webkit-transform: translateY(-50%) translateX(650px) translateZ(60px) scale(0.88);
  -ms-transform: translateY(-50%) translateX(650px) translateZ(60px) scale(0.88);
  transform: translateY(-50%) translateX(650px) translateZ(60px) scale(0.88);
  transform-style: preserve-3d;
  z-index: 2; }
  @media only screen and (max-width: 767px) {
    .flipbox-5 .square-container2 {
      padding: 40px 20px; } }
.flipbox-5:hover .square-container2 {
  -webkit-transform: translateY(-50%) translateX(0px) translateZ(0px) scale(1);
  -ms-transform: translateY(-50%) translateX(0px) translateZ(0px) scale(1);
  transform: translateY(-50%) translateX(0px) translateZ(0px) scale(1);
  transform-style: preserve-3d; }

/*Style text*/
.flipbox-5 .square-container2 h2 {
  color: #18012c;
  font-size: 18px;
  font-weight: 600;
  margin: 0;
  margin-top: 25px;
  margin-bottom: 23px; }
.flipbox-5 .square-container2 p {
  color: #232323;
  font-size: 16px;
  line-height: 26px;
  margin: 0;
  font-family: "Montserrat", sans-serif; }

/*Elements Bg Color & Image*/
.flipbox-5 {
  margin-top: 40px; }
  .flipbox-5 .flip-overlay {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover; }
    .flipbox-5 .flip-overlay.bg-1 {
      background-image: url(img/flipbox/team-1.jpg); }
    .flipbox-5 .flip-overlay.bg-2 {
      background-image: url(img/flipbox/team-2.jpg); }
    .flipbox-5 .flip-overlay.bg-3 {
      background-image: url(img/flipbox/team-3.jpg); }
  .flipbox-5 .square2 .flip-overlay {
    display: block;
    background: #cde1e8;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0; }

/*=================================
    Slider Navigation Css
===================================*/
.navigation-slider nav a {
  position: absolute;
  top: 50%;
  display: block;
  outline: none;
  text-align: left;
  z-index: 1000;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }
  .navigation-slider nav a.prev {
    left: 0; }
  .navigation-slider nav a.next {
    right: 0; }

/*--------------------*/
/* Slide out */
/*--------------------*/
.navigation-slider {
  /*--------------------*/
  /*  Image Slider */
  /*--------------------*/
  /*--------------------*/
  /*  Image bar */
  /*--------------------*/
  /*--------------------*/
  /* Slit Nav */
  /*--------------------*/
  /*--------------------*/
  /* Double flip */
  /*--------------------*/
  /*--------------------*/
  /* Circle Slider */
  /*--------------------*/ }
  .navigation-slider .nav-slide .icon-wrap {
    position: relative;
    z-index: 100;
    display: block;
    padding: 20px;
    background-color: #fff; }
    .navigation-slider .nav-slide .icon-wrap i {
      font-size: 31px;
      color: #000; }
  .navigation-slider .nav-slide div {
    position: absolute;
    top: 50%;
    padding: 0 100px;
    background-color: #34495e;
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s; }
  .navigation-slider .nav-slide a.prev div {
    left: 0;
    padding-right: 120px;
    -webkit-transform: translateY(-50%) translateX(-100%);
    transform: translateY(-50%) translateX(-100%); }
    @media only screen and (max-width: 767px) {
      .navigation-slider .nav-slide a.prev div {
        display: none; } }
  .navigation-slider .nav-slide a.next div {
    right: 0;
    padding-left: 120px;
    text-align: right;
    -webkit-transform: translateY(-50%) translateX(100%);
    transform: translateY(-50%) translateX(100%); }
    @media only screen and (max-width: 767px) {
      .navigation-slider .nav-slide a.next div {
        display: none; } }
  .navigation-slider .nav-slide a:hover div {
    -webkit-transform: translateY(-50%) translateX(0);
    transform: translateY(-50%) translateX(0); }
  .navigation-slider .nav-slide img {
    position: absolute;
    top: 0;
    height: 100%; }
  .navigation-slider .nav-slide a.prev img {
    right: 0; }
  .navigation-slider .nav-slide a.next img {
    left: 0; }
  .navigation-slider .nav-slide h3 {
    position: relative;
    margin: 0;
    padding: 20px 0;
    color: #fff;
    white-space: nowrap;
    font-weight: 300;
    font-size: 1.3em;
    line-height: 1.5; }
    .navigation-slider .nav-slide h3 span {
      display: block;
      color: #95a5a6;
      font-style: italic;
      font-size: 65%; }
  .navigation-slider .nav-imgbar a {
    overflow: hidden;
    width: 100px;
    height: 100%;
    background-color: transparent;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s; }
  .navigation-slider .nav-imgbar .icon-wrap {
    position: relative;
    top: 50%;
    z-index: 100;
    display: block;
    margin: 0 auto;
    padding: 30px;
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s; }
    .navigation-slider .nav-imgbar .icon-wrap i {
      font-size: 31px;
      color: #ffffff; }
  .navigation-slider .nav-imgbar img {
    position: absolute;
    top: 0;
    min-width: 100%;
    min-height: 100%;
    opacity: 0;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s; }
  .navigation-slider .nav-imgbar a.prev .icon-wrap {
    -webkit-transform: translateY(-50%) translateX(10px);
    transform: translateY(-50%) translateX(10px); }
  .navigation-slider .nav-imgbar a.prev img {
    left: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%); }
  .navigation-slider .nav-imgbar a.next .icon-wrap {
    -webkit-transform: translateY(-50%) translateX(-10px);
    transform: translateY(-50%) translateX(-10px); }
  .navigation-slider .nav-imgbar a.next img {
    right: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%); }
  .navigation-slider .nav-imgbar a:hover {
    background-color: rgba(255, 255, 255, 0.7); }
  .navigation-slider .nav-imgbar a:hover .icon-wrap {
    -webkit-transform: translateY(-50%) translateX(0);
    transform: translateY(-50%) translateX(0); }
  .navigation-slider .nav-imgbar a:hover img {
    opacity: 0.6;
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  .navigation-slider .nav-slit .icon-wrap {
    position: relative;
    display: block;
    padding: 45px 16px;
    background-color: #939a9f; }
    .navigation-slider .nav-slit .icon-wrap i {
      color: #fff;
      font-size: 30px; }
  .navigation-slider .nav-slit div {
    position: absolute;
    top: 0;
    width: 145px;
    height: 100%;
    background-color: #939a9f;
    -webkit-transition: -webkit-transform 0.3s 0.3s;
    transition: transform 0.3s 0.3s;
    -webkit-perspective: 1000px;
    perspective: 1000px; }
  .navigation-slider .nav-slit img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; }
  .navigation-slider .nav-slit a.prev div {
    left: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%); }
  .navigation-slider .nav-slit a.next div {
    right: 0;
    text-align: right;
    -webkit-transform: translateX(100%);
    transform: translateX(100%); }
  .navigation-slider .nav-slit h3 {
    position: absolute;
    top: 100%;
    margin: 0;
    padding: 0 20px;
    width: 100%;
    height: 30%;
    background: #34495e;
    color: #fff;
    text-transform: uppercase;
    white-space: nowrap;
    letter-spacing: 1px;
    font-weight: 500;
    font-size: 0.75em;
    line-height: 2.75;
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webki-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 2; }
  .navigation-slider .nav-slit a:hover div {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    display: none; }
  .navigation-slider .nav-slit a:hover h3 {
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s;
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg); }
  .navigation-slider .nav-doubleflip a {
    -webkit-perspective: 1000px;
    perspective: 1000px; }
    .navigation-slider .nav-doubleflip a.prev {
      -webkit-perspective-origin: 100% 50%;
      perspective-origin: 100% 50%; }
    .navigation-slider .nav-doubleflip a.next {
      -webkit-perspective-origin: 0% 50%;
      perspective-origin: 0% 50%; }
  .navigation-slider .nav-doubleflip .icon-wrap {
    position: relative;
    z-index: 100;
    display: block;
    line-height: 106px;
    width: 130px;
    height: 100px;
    background-color: #853c07;
    -webkit-transition: background-color 0.3s 0.3s;
    transition: background-color 0.3s 0.3s;
    text-align: center; }
    @media only screen and (max-width: 575px) {
      .navigation-slider .nav-doubleflip .icon-wrap {
        line-height: 85px;
        width: 70px;
        height: 82px; } }
    .navigation-slider .nav-doubleflip .icon-wrap i {
      font-size: 30px;
      color: #ffffff; }
  .navigation-slider .nav-doubleflip div {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: -webkit-transform 0.3s 0.3s;
    transition: transform 0.3s 0.3s;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d; }
    @media only screen and (max-width: 575px) {
      .navigation-slider .nav-doubleflip div {
        display: none; } }
  .navigation-slider .nav-doubleflip img,
  .navigation-slider .nav-doubleflip h3 {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }
  .navigation-slider .nav-doubleflip h3 {
    margin: 0;
    background-color: #853c07;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 300;
    font-style: italic;
    line-height: 1.3;
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    font-size: 17px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px; }
  .navigation-slider .nav-doubleflip a.prev div,
  .navigation-slider .nav-doubleflip a.prev h3 {
    left: 100%;
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%; }
  .navigation-slider .nav-doubleflip a.next div,
  .navigation-slider .nav-doubleflip a.next h3 {
    right: 100%;
    -webkit-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%; }
  .navigation-slider .nav-doubleflip a:hover .icon-wrap {
    background-color: #fff;
    -webkit-transition-delay: 0s;
    transition-delay: 0s; }
  .navigation-slider .nav-doubleflip a:hover .icon-wrap i {
    color: #18012c; }
  .navigation-slider .nav-doubleflip a:hover div, .navigation-slider .nav-doubleflip a:hover h3 {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg); }
  .navigation-slider .nav-doubleflip a:hover div {
    -webkit-transition-delay: 0s;
    transition-delay: 0s; }
  .navigation-slider .nav-doubleflip a:hover h3 {
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s; }
  .navigation-slider .nav-circleslide a {
    display: block;
    width: 60px;
    background: #fff;
    height: 60px;
    text-align: center;
    line-height: 60px;
    font-size: 22px;
    transition: 0.4s ease-in-out; }
    .navigation-slider .nav-circleslide a:hover {
      background: #18012c;
      color: #fff; }

/*==========================
    Slider Content
============================*/
.slider-navigation-height {
  padding: 1em;
  text-align: center;
  position: relative;
  margin: 40px;
  height: 550px;
  overflow: hidden; }

.navigation-slider .content {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center; }

/*=====================
    Google Map
=======================*/
#googleMap {
  height: 500px;
  width: 100%; }

#googleMap2 {
  height: 600px;
  width: 100%; }

#googleMap3 {
  height: 500px;
  width: 100%; }

#googleMap4 {
  height: 600px;
  width: 100%; }

.color-map {
  height: 570px;
  width: 100%;
  margin-top: 30px; }

/*======================
    Line Menu Css
==========================*/
/*======================
    Line Menu StartUp
==========================*/
.linemenu-nav ul li {
  margin: 0 18px; }
  .linemenu-nav ul li a {
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    font-size: 14px;
    text-transform: inherit; }
.linemenu-nav.text-dark ul li a {
  color: #636363; }
.linemenu-nav.text-white ul li a {
  color: #ffffff; }

/* ==========================
    Ferdinand 
=========================*/
.menu--ferdinand .menu__item {
  margin-bottom: 15px !important; }
  .menu--ferdinand .menu__item .menu__link {
    position: relative;
    padding-bottom: 10px; }
    .menu--ferdinand .menu__item .menu__link::before {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 2px;
      background: #d94f5c;
      -webkit-transform: scale3d(0, 5, 1);
      transform: scale3d(0, 5, 1);
      -webkit-transform-origin: 0% 50%;
      transform-origin: 0% 50%;
      -webkit-transition: -webkit-transform 0.3s;
      transition: transform 0.3s;
      -webkit-transition-timing-function: cubic-bezier(1, 0.68, 0.16, 0.9);
      transition-timing-function: cubic-bezier(1, 0.68, 0.16, 0.9); }
    .menu--ferdinand .menu__item .menu__link:hover::before {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1); }
  .menu--ferdinand .menu__item.menu__item--current .menu__link {
    color: #d94f5c; }
    .menu--ferdinand .menu__item.menu__item--current .menu__link::before {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1); }

/* ==========================
    Caliban 
=========================*/
.menu--caliban ul li {
  margin: 0 6px;
  margin-bottom: 15px !important; }
.menu--caliban .menu__link {
  position: relative;
  padding: 0 25px;
  display: block;
  height: 50px;
  line-height: 50px; }
  @media only screen and (max-width: 575px) {
    .menu--caliban .menu__link {
      padding: 0 15px; } }
  .menu--caliban .menu__link::before, .menu--caliban .menu__link::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 2px solid #ffffff;
    -webkit-transition: -webkit-transform 0.2s;
    transition: transform 0.2s; }
  .menu--caliban .menu__link::before {
    border-width: 0 2px;
    -webkit-transform: scale3d(1, 0, 1);
    transform: scale3d(1, 0, 1);
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%; }
  .menu--caliban .menu__link::after {
    border-width: 2px 0;
    -webkit-transform: scale3d(0, 1, 1);
    transform: scale3d(0, 1, 1);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s; }
  .menu--caliban .menu__link.active::before, .menu--caliban .menu__link.active::after, .menu--caliban .menu__link:hover::before, .menu--caliban .menu__link:hover::after {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  .menu--caliban .menu__link:hover, .menu--caliban .menu__link.active {
    color: #ffffff; }

/* ==========================
    horatio 
=========================*/
.menu--horatio .menu__item {
  position: relative;
  margin-bottom: 15px !important; }
  .menu--horatio .menu__item a {
    position: relative;
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    display: block; }
    @media only screen and (max-width: 575px) {
      .menu--horatio .menu__item a {
        padding: 0 8px; } }

.menu--horatio .menu__item::before,
.menu--horatio .menu__item::after,
.menu--horatio .menu__item a::before,
.menu--horatio .menu__item a::after {
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 2px solid #d94f5c;
  content: '';
  z-index: -1; }

.menu--horatio .menu__item:hover::before,
.menu--horatio .menu__item:hover::after,
.menu--horatio .menu__item:hover a::before,
.menu--horatio .menu__item:hover a::after {
  -webkit-animation: lineanimation .6s ease-in-out;
  animation: lineanimation .6s ease-in-out;
  z-index: 1; }

.menu--horatio .menu__item::before {
  border-width: 0 0 0 2px;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom; }

.menu--horatio .menu__item::after {
  border-width: 0 2px 0 0;
  -webkit-transform-origin: right top;
  transform-origin: right top; }

.menu--horatio .menu__item a::before {
  border-width: 2px 0 0;
  -webkit-transform-origin: left top;
  transform-origin: left top; }

.menu--horatio .menu__item a::after {
  border-width: 0 0 2px;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom; }

.menu--horatio .menu__item:hover::before {
  -webkit-animation-delay: -.45s;
  animation-delay: -.45s; }

.menu--horatio .menu__item:hover::after {
  -webkit-animation-delay: -.15s;
  animation-delay: -.15s; }

.menu--horatio .menu__item:hover a::before {
  -webkit-animation-delay: -.3s;
  animation-delay: -.3s; }

.menu--horatio .menu__item:hover a::after {
  -webkit-animation-delay: 0;
  animation-delay: 0; }

.menu--horatio .menu__item a span {
  position: relative;
  z-index: 3; }

@-webkit-keyframes lineanimation {
  0%,
    33% {
    opacity: 0;
    -webkit-transform: rotate(45deg) scale(1.5);
    transform: rotate(45deg) scale(1.5); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes lineanimation {
  0%,
    33% {
    opacity: 0;
    -webkit-transform: rotate(45deg) scale(1.5);
    transform: rotate(45deg) scale(1.5); }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
/* ==========================
    menu--sebastian 
===========================*/
.menu--sebastian .menu__link {
  position: relative;
  padding: 10px 0;
  display: inline-block;
  margin-bottom: 15px !important; }
  .menu--sebastian .menu__link::before, .menu--sebastian .menu__link::after {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background: #ffffff;
    -webkit-transform: scale3d(0, 1, 1);
    transform: scale3d(0, 1, 1);
    -webkit-transition: -webkit-transform 0.2s;
    transition: transform 0.2s; }
  .menu--sebastian .menu__link::before {
    top: 0;
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%; }
  .menu--sebastian .menu__link::after {
    bottom: 0;
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%; }
  .menu--sebastian .menu__link:hover::before, .menu--sebastian .menu__link:hover::after {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
    transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s; }

/* ==========================
    adrian 
=========================*/
.menu--adrian .menu__link {
  position: relative; }

.menu--adrian ul li {
  margin: 0 10px; }

.menu--adrian .menu__link {
  position: relative;
  overflow: hidden;
  width: 130px;
  padding: 1em 0;
  display: block;
  padding: 1em;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  color: #636363; }

.menu--adrian .menu__item .menu__link:hover {
  color: #d94f5c; }

.menu--adrian .menu__link::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 300%;
  height: 50px;
  opacity: 0;
  background: url(img/icons/line.svg) no-repeat top left;
  -webkit-transform: translate3d(130px, 0, 0);
  transform: translate3d(130px, 0, 0);
  -webkit-transition: -webkit-transform 0s 0.3s, opacity 0.3s;
  transition: transform 0s 0.3s, opacity 0.3s; }

.menu--adrian .menu__item .menu__link:hover::before {
  opacity: 1;
  -webkit-transform: translate3d(-260px, 0, 0);
  transform: translate3d(-260px, 0, 0);
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s; }

/* ==========================
    francisco 
=========================*/
.menu--francisco .menu__link {
  position: relative;
  overflow: hidden;
  height: 3em;
  padding: 1em 0;
  text-align: center;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  display: inline-block;
  margin-bottom: 15px !important; }
  .menu--francisco .menu__link:hover {
    color: #d94f5c; }
  .menu--francisco .menu__link:hover span {
    -webkit-animation: anim-francisco 0.4s forwards;
    animation: anim-francisco 0.4s forwards;
    color: #d94f5c; }
  .menu--francisco .menu__link span {
    display: block;
    pointer-events: none; }

@-webkit-keyframes anim-francisco {
  50% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  51% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@keyframes anim-francisco {
  50% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  51% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
/* ==========================
    Line menu 7
=========================*/
.nl-menu-7 li {
  margin: 0;
  margin-bottom: 25px !important; }
  .nl-menu-7 li a {
    padding: 10px 0;
    border-top: 2px solid #c90dbe;
    color: #c90dbe;
    position: relative;
    margin: 0 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 400;
    text-shadow: 0 0 1px rgba(255, 255, 255, 0.3);
    font-size: 1.35em; }
    .nl-menu-7 li a::before {
      position: absolute;
      left: 0;
      overflow: hidden;
      padding: 10px 0;
      max-width: 0;
      border-bottom: 2px solid #c90dbe;
      color: #c90dbe;
      content: attr(data-hover);
      -webkit-transition: max-width 0.5s;
      -moz-transition: max-width 0.5s;
      transition: max-width 0.5s;
      top: 50%;
      transform: translateY(-50%); }
    .nl-menu-7 li a:hover::before, .nl-menu-7 li a:focus::before {
      max-width: 100%; }

/* ==========================
    Line menu 8
=========================*/
.nl-menu-8 li {
  margin: 0;
  margin-bottom: 25px !important; }
  .nl-menu-8 li a {
    text-shadow: 0 0 1px rgba(111, 134, 134, 0.3);
    position: relative;
    margin: 0 10px;
    outline: none;
    letter-spacing: 1px; }
    .nl-menu-8 li a::before {
      color: #d3b5b5;
      content: attr(data-hover);
      position: absolute;
      opacity: 0;
      -webkit-transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
      -moz-transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
      transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
      -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
      -moz-transition: -moz-transform 0.3s, opacity 0.3s;
      transition: transform 0.3s, opacity 0.3s;
      pointer-events: none; }
    .nl-menu-8 li a:hover::before, .nl-menu-8 li a:focus::before {
      -webkit-transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
      -moz-transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
      transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
      opacity: 1; }

/* ==========================
    Line menu 9
=========================*/
.nl-menu-9 li {
  margin: 0; }
  .nl-menu-9 li a span {
    position: relative;
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); }
    .nl-menu-9 li a span::before {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 40%;
      opacity: 0.5;
      transform: scale3d(0, 1, 1);
      transform-origin: 0% 50%;
      transition: transform 0.5s;
      transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); }
  .nl-menu-9 li a:hover span::before, .nl-menu-9 li a.active span::before {
    transform: scale3d(1, 1, 1); }
  .nl-menu-9 li a:hover {
    color: #6265fe; }
  .nl-menu-9 li:nth-child(odd) a span::before {
    background: #6265fe; }
  .nl-menu-9 li:nth-child(even) a span::before {
    background: #fe628e; }

/* ==========================
    Line menu 10
=========================*/
.nl-menu-10 li {
  margin-bottom: 20px !important; }
  .nl-menu-10 li a {
    overflow: hidden;
    position: relative;
    display: block; }
    .nl-menu-10 li a::before {
      position: absolute;
      top: 0;
      left: 0;
      padding: 12px 28px;
      width: 100%;
      height: 100%;
      background: #fff;
      color: #0f7c67;
      content: attr(data-hover);
      -webkit-transition: -webkit-transform 0.3s;
      -moz-transition: -moz-transform 0.3s;
      transition: transform 0.3s;
      -webkit-transform: translateX(-101%); }
    .nl-menu-10 li a:hover::before, .nl-menu-10 li a.active::before {
      -webkit-transform: translateX(0%);
      -moz-transform: translateX(0%);
      transform: translateX(0%); }
    .nl-menu-10 li a span {
      display: block;
      padding: 12px 28px;
      background: #0f7c67;
      -webkit-transition: -webkit-transform 0.3s;
      -moz-transition: -moz-transform 0.3s;
      transition: transform 0.3s;
      color: #ffffff; }
      @media only screen and (max-width: 575px) {
        .nl-menu-10 li a span {
          padding: 12px 12px; } }
    .nl-menu-10 li a:hover span {
      -webkit-transform: translateX(100%);
      -moz-transform: translateX(100%);
      transform: translateX(100%); }

/* ==========================
    Line menu 11
=========================*/
.nl-menu-11 ul li {
  margin-bottom: 25px !important; }
  .nl-menu-11 ul li a {
    position: relative;
    display: block;
    padding: 10px 20px;
    -webkit-transition: top 0.3s;
    -moz-transition: top 0.3s; }
    .nl-menu-11 ul li a::before {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 2px;
      background: #3c9fb7;
      content: '';
      -webkit-transition: top 0.3s;
      -moz-transition: top 0.3s;
      transition: top 0.3s; }
    .nl-menu-11 ul li a::after {
      position: absolute;
      top: 0;
      left: 0;
      width: 2px;
      height: 2px;
      background: #3c9fb7;
      content: '';
      -webkit-transition: height 0.3s;
      -moz-transition: height 0.3s;
      transition: height 0.3s; }
    .nl-menu-11 ul li a:hover::before {
      top: 100%;
      opacity: 1; }
    .nl-menu-11 ul li a:hover::after {
      height: 100%; }
    .nl-menu-11 ul li a:hover {
      color: #3c9fb7; }

@media only screen and (max-width: 575px) {
  .menu--adrian .menu__link {
    width: 105px; } }
/*===========================
    Mega Menu Style
=============================*/
/*===========================
    Dropdown Menu Style
=============================*/
.with-mega-menu .mainmenu li.drop {
  position: relative;
  padding-bottom: 8px; }
  .with-mega-menu .mainmenu li.drop > a {
    position: relative;
    padding-right: 19px; }
    .with-mega-menu .mainmenu li.drop > a::after {
      content: "\f107 ";
      font-family: FontAwesome;
      font-size: 15px;
      position: absolute;
      right: 0; }
  .with-mega-menu .mainmenu li.drop .dropdown-inner {
    background: #fff none repeat scroll 0 0;
    box-shadow: 1px 2px 10px 0 rgba(0, 0, 0, 0.1);
    display: flex;
    left: 0;
    opacity: 0;
    position: absolute;
    text-align: left;
    top: 120%;
    transition: all 0.5s ease 0s;
    visibility: hidden;
    width: 240px;
    z-index: 3000;
    padding: 30px 0; }
    .with-mega-menu .mainmenu li.drop .dropdown-inner.drop-left {
      left: 0;
      right: auto; }
    .with-mega-menu .mainmenu li.drop .dropdown-inner ul.dropdown {
      padding: 0;
      margin: 0;
      flex-basis: 100%; }
      .with-mega-menu .mainmenu li.drop .dropdown-inner ul.dropdown li {
        padding-left: 30px;
        padding-right: 20px;
        margin: 0; }
        .with-mega-menu .mainmenu li.drop .dropdown-inner ul.dropdown li.drop-lable2 {
          display: block;
          position: relative; }
          .with-mega-menu .mainmenu li.drop .dropdown-inner ul.dropdown li.drop-lable2 > a {
            position: relative; }
            .with-mega-menu .mainmenu li.drop .dropdown-inner ul.dropdown li.drop-lable2 > a::after {
              content: "\f105";
              font-family: FontAwesome;
              font-size: 15px;
              position: absolute;
              right: 0; }
          .with-mega-menu .mainmenu li.drop .dropdown-inner ul.dropdown li.drop-lable2 > ul {
            background: #fff none repeat scroll 0 0;
            box-shadow: 1px 2px 10px 0 rgba(0, 0, 0, 0.1);
            left: 87%;
            opacity: 0;
            padding: 6px 22px;
            position: absolute;
            top: 0;
            transition: all 0.5s ease 0s;
            visibility: hidden;
            width: 206px; }
          .with-mega-menu .mainmenu li.drop .dropdown-inner ul.dropdown li.drop-lable2:hover > ul {
            left: 100%;
            opacity: 1;
            visibility: visible; }
        .with-mega-menu .mainmenu li.drop .dropdown-inner ul.dropdown li a {
          color: #797979;
          font-size: 12px;
          line-height: 30px;
          text-transform: capitalize;
          display: block;
          padding: 0;
          transition: 0.3s;
          font-weight: 600; }
          .with-mega-menu .mainmenu li.drop .dropdown-inner ul.dropdown li a:hover {
            color: #d94f5c;
            padding-left: 5px; }
  .with-mega-menu .mainmenu li.drop:hover .dropdown-inner {
    opacity: 1;
    top: 100%;
    visibility: visible; }

/*===========================
    Mega Menu Style
=============================*/
.with-mega-menu li.drop .mega-menu {
  background: #fff none repeat scroll 0 0;
  box-shadow: 1px 2px 10px 0 rgba(0, 0, 0, 0.1);
  display: flex;
  left: 0;
  opacity: 0;
  position: absolute;
  text-align: left;
  top: 120%;
  transition: all 0.5s ease 0s;
  visibility: hidden;
  width: 720px;
  z-index: 3000;
  padding: 30px 0;
  right: 0;
  margin: auto;
  z-index: -99; }
  .with-mega-menu li.drop .mega-menu.mega-menu-3 {
    width: 720px; }
    .with-mega-menu li.drop .mega-menu.mega-menu-3 .item {
      flex-basis: 33.33%; }
  .with-mega-menu li.drop .mega-menu .item {
    margin: 0;
    padding: 0; }
    .with-mega-menu li.drop .mega-menu .item li {
      padding-left: 30px;
      padding-right: 20px;
      margin: 0; }
      .with-mega-menu li.drop .mega-menu .item li.title {
        border-bottom: 1px solid rgba(112, 112, 112, 0.1);
        color: #323334;
        font-weight: 700;
        line-height: 20px;
        margin-bottom: 19px;
        margin-left: 30px;
        margin-right: 20px;
        padding-bottom: 10px;
        padding-left: 0;
        text-transform: uppercase; }
      .with-mega-menu li.drop .mega-menu .item li a {
        color: #797979;
        font-size: 13px;
        line-height: 30px;
        text-transform: capitalize;
        display: block;
        padding: 0;
        transition: 0.3s; }
        .with-mega-menu li.drop .mega-menu .item li a i {
          padding-right: 5px; }
        .with-mega-menu li.drop .mega-menu .item li a:hover {
          color: #d94f5c; }
.with-mega-menu li.drop:hover .mega-menu {
  opacity: 1;
  top: 100%;
  visibility: visible;
  z-index: 99; }

.mega-menu {
  display: flex;
  padding: 30px 40px 30px;
  flex-wrap: wrap; }
  .mega-menu.mega-menu-3 {
    width: 720px; }
    .mega-menu.mega-menu-3 .item {
      flex-basis: 33.33%; }
  .mega-menu.mega-menu-2 {
    width: 550px; }
    .mega-menu.mega-menu-2 .item {
      flex-basis: 50%; }
  .mega-menu.mega-menu-4 {
    width: 950px; }
    .mega-menu.mega-menu-4 .item {
      flex-basis: 25%; }
  .mega-menu .item {
    margin: 0;
    padding: 0; }
    .mega-menu .item li {
      padding-left: 30px;
      padding-right: 20px;
      margin: 0; }
      .mega-menu .item li.title {
        border-bottom: 1px solid rgba(112, 112, 112, 0.1);
        color: #323334;
        font-weight: 700;
        line-height: 20px;
        margin-bottom: 19px;
        margin-left: 30px;
        margin-right: 20px;
        padding-bottom: 10px;
        padding-left: 0;
        text-transform: uppercase; }
      .mega-menu .item li a {
        color: #797979;
        font-size: 12px;
        line-height: 30px;
        text-transform: capitalize;
        display: block;
        padding: 0;
        transition: 0.3s; }
        .mega-menu .item li a:hover {
          color: #d94f5c;
          padding-left: 5px; }

/*=========================
    Mega MEnu Style 02
===========================*/
/*====================
    DropDown Menu
======================*/
.mainmenu.mega-menu-style-2 > li > a {
  color: #fff;
  display: block;
  font-size: 16px;
  line-height: 24px;
  padding: 38px 15px;
  position: relative;
  text-transform: uppercase;
  font-weight: 600; }
  .mainmenu.mega-menu-style-2 > li > a::after {
    background: #0000ff none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 0px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 5px;
    transition: all 0.3s ease-in-out;
    z-index: 3; }
.mainmenu.mega-menu-style-2 > li:hover > a::after {
  height: 15px; }
.mainmenu.mega-menu-style-2 > li:hover > a {
  color: #0000ff; }
.mainmenu.mega-menu-style-2 > li.drop {
  position: relative; }
  .mainmenu.mega-menu-style-2 > li.drop .dropdown-inner {
    background: #232323 none repeat scroll 0 0;
    border-top: 2px solid transparent;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    left: 0;
    padding: 16px 0;
    position: absolute;
    text-align: left;
    top: 100%;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 0 0 0;
    transform-origin: 0 0 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    visibility: hidden;
    width: 208px;
    z-index: 9999; }
    .mainmenu.mega-menu-style-2 > li.drop .dropdown-inner .dropdown {
      padding: 0;
      margin: 0; }
      .mainmenu.mega-menu-style-2 > li.drop .dropdown-inner .dropdown li {
        display: block;
        margin: 0; }
        .mainmenu.mega-menu-style-2 > li.drop .dropdown-inner .dropdown li a {
          color: #ccc;
          display: block;
          padding: 5px 22px;
          font-size: 13px;
          line-height: 22px; }
          .mainmenu.mega-menu-style-2 > li.drop .dropdown-inner .dropdown li a:hover {
            padding-left: 27px; }
  .mainmenu.mega-menu-style-2 > li.drop:hover .dropdown-inner {
    -webkit-transform: scale(1);
    transform: scale(1);
    visibility: visible; }

/*====================
    Mega Menu
======================*/
.mainmenu.mega-menu-style-2 li.drop.mega-parent {
  position: static; }
  .mainmenu.mega-menu-style-2 li.drop.mega-parent .mega-menu .item li {
    margin: 0;
    padding-left: 0;
    margin-right: 30px; }
    .mainmenu.mega-menu-style-2 li.drop.mega-parent .mega-menu .item li.title {
      color: #fff;
      font-size: 15px;
      position: relative;
      text-transform: uppercase;
      margin-top: 30px;
      font-family: "Montserrat", sans-serif;
      margin-bottom: 15px;
      border-bottom: 1px solid #fff; }
    .mainmenu.mega-menu-style-2 li.drop.mega-parent .mega-menu .item li a {
      color: #ccc;
      padding: 7px 0;
      display: inline-block;
      font-size: 14px;
      line-height: 19px; }
      .mainmenu.mega-menu-style-2 li.drop.mega-parent .mega-menu .item li a:hover {
        padding-left: 27px;
        color: #fff; }
.mainmenu.mega-menu-style-2 li.drop .mega-menu {
  background: #232323 none repeat scroll 0 0;
  border-top: 2px solid transparent;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  left: 0;
  position: absolute;
  text-align: left;
  top: 100%;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  visibility: hidden;
  z-index: 9999;
  margin: 0 auto;
  background: #232323;
  right: 0; }
  .mainmenu.mega-menu-style-2 li.drop .mega-menu .dropdown {
    padding: 0;
    margin: 0; }
    .mainmenu.mega-menu-style-2 li.drop .mega-menu .dropdown li {
      display: block;
      margin: 0; }
      .mainmenu.mega-menu-style-2 li.drop .mega-menu .dropdown li a {
        color: #ccc;
        display: block;
        padding: 5px 22px;
        font-size: 13px;
        line-height: 22px;
        transition: all 0.3s ease 0s; }
        .mainmenu.mega-menu-style-2 li.drop .mega-menu .dropdown li a:hover {
          padding-left: 27px; }
.mainmenu.mega-menu-style-2 li.drop:hover .mega-menu {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  visibility: visible; }

/*===========================
    Marker With Pointer 
==============================*/
/*===========================
    Marker Style 01
==============================*/
.marker-style-1 {
  padding: 245px 0; }
  .marker-style-1 .pointer__tooltip {
    width: 36px;
    height: 36px;
    border-radius: 100%;
    border: 3px solid #ed552d;
    background-color: #fff;
    position: relative;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    line-height: 32px; }
    .marker-style-1 .pointer__tooltip .tooltip__box {
      background: #fff;
      width: 240px;
      position: absolute;
      top: 0;
      right: 50%;
      -webkit-transform: translate3d(50%, -100%, 0);
      transform: translate3d(50%, -100%, 0);
      border-radius: 5px;
      opacity: 0;
      visibility: hidden;
      -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
      transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
      z-index: 10;
      padding: 20px;
      -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.07);
      box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.07);
      text-align: center; }
      .marker-style-1 .pointer__tooltip .tooltip__box h4 {
        font-size: 20px;
        margin-bottom: 7px; }
      .marker-style-1 .pointer__tooltip .tooltip__box p {
        font-size: 13px;
        line-height: 24px;
        margin: 0; }
    .marker-style-1 .pointer__tooltip:hover .tooltip__box {
      visibility: visible;
      opacity: 1;
      -webkit-transition-delay: 0s;
      transition-delay: 0s;
      -webkit-transform: translateY(-110%) translateX(50%);
      transform: translateY(-110%) translateX(50%); }
    .marker-style-1 .pointer__tooltip::before {
      content: "\f129";
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translateX(-50%) translateY(-50%);
      font-family: FontAwesome;
      color: #ed552d;
      font-size: 18px;
      width: 100%;
      height: 100%; }
    .marker-style-1 .pointer__tooltip.pointer--1 {
      position: absolute;
      left: 66%;
      top: 15%; }
      @media only screen and (max-width: 575px) {
        .marker-style-1 .pointer__tooltip.pointer--1 {
          left: 50%; } }
    .marker-style-1 .pointer__tooltip.pointer--2 {
      position: absolute;
      left: 80%;
      top: 25%; }
      @media only screen and (max-width: 575px) {
        .marker-style-1 .pointer__tooltip.pointer--2 {
          left: 35%;
          top: 29%; } }
    .marker-style-1 .pointer__tooltip.pointer--3 {
      left: 38%;
      top: 6%; }
    .marker-style-1 .pointer__tooltip.pointer--4 {
      left: auto;
      top: 73%;
      right: 27%;
      position: absolute; }

/*===========================
    Marker Style 02
==============================*/
.marker-style-2 {
  padding: 245px 0; }
  .marker-style-2 .pointer__tooltip {
    width: 46px;
    height: 46px;
    border-radius: 100%;
    border: 5px solid #dddddd;
    background-color: #fff;
    position: relative;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    line-height: 38px; }
    .marker-style-2 .pointer__tooltip .tooltip__box {
      background: #fff;
      width: 240px;
      position: absolute;
      top: 0;
      right: 50%;
      -webkit-transform: translate3d(50%, -100%, 0);
      transform: translate3d(50%, -100%, 0);
      border-radius: 5px;
      opacity: 0;
      visibility: hidden;
      -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
      transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
      z-index: 10;
      padding: 20px;
      -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.07);
      box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.07);
      text-align: center; }
      .marker-style-2 .pointer__tooltip .tooltip__box h4 {
        font-size: 20px;
        margin-bottom: 7px; }
      .marker-style-2 .pointer__tooltip .tooltip__box p {
        font-size: 13px;
        line-height: 24px;
        margin: 0; }
    .marker-style-2 .pointer__tooltip:hover .tooltip__box {
      visibility: visible;
      opacity: 1;
      -webkit-transition-delay: 0s;
      transition-delay: 0s;
      -webkit-transform: translateY(-110%) translateX(50%);
      transform: translateY(-110%) translateX(50%); }
    .marker-style-2 .pointer__tooltip::before {
      content: "\f067";
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translateX(-50%) translateY(-50%);
      font-family: FontAwesome;
      color: #ed552d;
      font-size: 18px;
      width: 100%;
      height: 100%;
      transition: 0.4s ease-in-out; }
    .marker-style-2 .pointer__tooltip:hover::before {
      transform: translateX(-50%) translateY(-50%) rotate(47deg); }
    .marker-style-2 .pointer__tooltip.pointer--1 {
      position: absolute;
      left: 50%;
      top: 26%; }
    .marker-style-2 .pointer__tooltip.pointer--2 {
      position: absolute;
      left: 40%;
      top: 53%; }
    .marker-style-2 .pointer__tooltip.pointer--3 {
      left: 22%;
      top: 13%;
      position: absolute; }
    .marker-style-2 .pointer__tooltip.pointer--4 {
      top: 73%;
      position: absolute;
      left: 23%; }
    .marker-style-2 .pointer__tooltip.pointer--5 {
      position: absolute;
      left: 54%;
      top: 64%; }
      @media only screen and (max-width: 575px) {
        .marker-style-2 .pointer__tooltip.pointer--5 {
          left: 53%;
          top: 82%; } }
    .marker-style-2 .pointer__tooltip.pointer--6 {
      left: 75%;
      top: 49%;
      position: absolute; }
      @media only screen and (max-width: 575px) {
        .marker-style-2 .pointer__tooltip.pointer--6 {
          left: 27%;
          top: 39%; } }

/*===========================
    Marker Style 03
==============================*/
.marker-style-3 {
  padding: 245px 0; }
  .marker-style-3 .pointer__tooltip {
    width: 46px;
    height: 46px;
    border-radius: 100%;
    background-color: #000000;
    position: relative;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    line-height: 49px;
    z-index: 2; }
    .marker-style-3 .pointer__tooltip .tooltip__box {
      background: #000000;
      width: 240px;
      position: absolute;
      top: 0;
      right: 50%;
      -webkit-transform: translate3d(50%, -100%, 0);
      transform: translate3d(50%, -100%, 0);
      border-radius: 5px;
      opacity: 0;
      visibility: hidden;
      -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
      transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
      z-index: 10;
      padding: 20px;
      -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.07);
      box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.07);
      text-align: center; }
      .marker-style-3 .pointer__tooltip .tooltip__box h4 {
        font-size: 20px;
        margin-bottom: 7px;
        color: #ffffff; }
      .marker-style-3 .pointer__tooltip .tooltip__box p {
        font-size: 13px;
        line-height: 24px;
        margin: 0;
        color: #ffffff; }
    .marker-style-3 .pointer__tooltip:hover .tooltip__box {
      visibility: visible;
      opacity: 1;
      -webkit-transition-delay: 0s;
      transition-delay: 0s;
      -webkit-transform: translateY(-110%) translateX(50%);
      transform: translateY(-110%) translateX(50%); }
    .marker-style-3 .pointer__tooltip::before {
      content: "\f067";
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translateX(-50%) translateY(-50%);
      font-family: FontAwesome;
      color: #ffffff;
      font-size: 18px;
      width: 100%;
      height: 100%;
      transition: 0.4s ease-in-out; }
    .marker-style-3 .pointer__tooltip::after {
      position: absolute;
      left: 2px;
      background: #000;
      content: "";
      right: 2px;
      top: 2px;
      bottom: 2px;
      border-radius: 100%;
      border: 2px solid #fff;
      z-index: -1; }
    .marker-style-3 .pointer__tooltip:hover::before {
      transform: translateX(-50%) translateY(-50%) rotate(47deg); }
    .marker-style-3 .pointer__tooltip.pointer--1 {
      position: absolute;
      left: 50%;
      top: 26%; }
    .marker-style-3 .pointer__tooltip.pointer--2 {
      position: absolute;
      left: 40%;
      top: 53%; }
    .marker-style-3 .pointer__tooltip.pointer--3 {
      left: 22%;
      top: 13%;
      position: absolute; }
    .marker-style-3 .pointer__tooltip.pointer--4 {
      top: 73%;
      position: absolute;
      left: 23%; }
    .marker-style-3 .pointer__tooltip.pointer--5 {
      position: absolute;
      left: 54%;
      top: 64%; }
    .marker-style-3 .pointer__tooltip.pointer--6 {
      left: 75%;
      top: 49%;
      position: absolute; }
      @media only screen and (max-width: 479px) {
        .marker-style-3 .pointer__tooltip.pointer--6 {
          display: none; } }

/*===========================
    Marker Style 04
==============================*/
.marker-style-4 {
  padding: 245px 0; }
  .marker-style-4 .pointer__tooltip {
    width: 46px;
    height: 46px;
    border-radius: 100%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(img/bg/bg-image-12.jpg);
    position: relative;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    line-height: 38px;
    border: 5px solid #d88d78;
    z-index: 2; }
    .marker-style-4 .pointer__tooltip .tooltip__box {
      background-position: center center;
      background-size: cover;
      background-repeat: no-repeat;
      background-image: url(img/bg/bg-image-12.jpg);
      width: 240px;
      position: absolute;
      top: 0;
      right: 50%;
      -webkit-transform: translate3d(50%, -100%, 0);
      transform: translate3d(50%, -100%, 0);
      border-radius: 5px;
      opacity: 0;
      visibility: hidden;
      -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
      transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
      z-index: 10;
      padding: 20px;
      -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.07);
      box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.07);
      text-align: center; }
      .marker-style-4 .pointer__tooltip .tooltip__box h4 {
        font-size: 20px;
        margin-bottom: 7px; }
      .marker-style-4 .pointer__tooltip .tooltip__box p {
        font-size: 13px;
        line-height: 24px;
        margin: 0;
        color: #18012c; }
    .marker-style-4 .pointer__tooltip:hover .tooltip__box {
      visibility: visible;
      opacity: 1;
      -webkit-transition-delay: 0s;
      transition-delay: 0s;
      -webkit-transform: translateY(-110%) translateX(50%);
      transform: translateY(-110%) translateX(50%); }
    .marker-style-4 .pointer__tooltip::before {
      content: "\f067";
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translateX(-50%) translateY(-50%);
      font-family: FontAwesome;
      color: #d88d78;
      font-size: 18px;
      width: 100%;
      height: 100%;
      transition: 0.4s ease-in-out; }
    .marker-style-4 .pointer__tooltip:hover::before {
      transform: translateX(-50%) translateY(-50%) rotate(47deg); }
    .marker-style-4 .pointer__tooltip.pointer--1 {
      position: absolute;
      left: 83%;
      top: 37%; }
      @media only screen and (max-width: 575px) {
        .marker-style-4 .pointer__tooltip.pointer--1 {
          left: 57%;
          top: 57%; } }
    .marker-style-4 .pointer__tooltip.pointer--2 {
      position: absolute;
      left: 51%;
      top: 26%; }
    .marker-style-4 .pointer__tooltip.pointer--3 {
      left: 22%;
      top: 13%;
      position: absolute; }
    .marker-style-4 .pointer__tooltip.pointer--4 {
      top: 57%;
      position: absolute;
      left: 15%; }
    .marker-style-4 .pointer__tooltip.pointer--5 {
      position: absolute;
      left: 55%;
      top: 76%; }

/*===========================
    Marker Style 05
==============================*/
.marker-style-5 {
  padding: 245px 0; }
  .marker-style-5 .pointer__tooltip {
    width: 46px;
    height: 46px;
    border-radius: 4px;
    background: #000;
    position: relative;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    line-height: 47px;
    z-index: 2; }
    .marker-style-5 .pointer__tooltip .effect-1 {
      position: relative; }
      .marker-style-5 .pointer__tooltip .effect-1::before, .marker-style-5 .pointer__tooltip .effect-1::after {
        position: absolute;
        top: 50%;
        left: 50%;
        display: block;
        content: '';
        border: 1px solid #f10;
        border-radius: 50%;
        -webkit-transform: scale(0.35) translateY(-50%) translateX(-50%);
        -ms-transform: scale(0.35) translateY(-50%) translateX(-50%);
        transform: scale(0.35) translateY(-50%) translateX(-50%);
        opacity: 0;
        -webkit-animation: marker-ripple-animation 2.6s cubic-bezier(0.25, 0.9, 0.2, 1) 0.4s infinite;
        animation: marker-ripple-animation 2.6s cubic-bezier(0.25, 0.9, 0.2, 1) 0.4s infinite; }
      .marker-style-5 .pointer__tooltip .effect-1::before {
        width: 32px;
        height: 32px;
        left: 50%;
        top: 50%;
        z-index: -1; }
      .marker-style-5 .pointer__tooltip .effect-1::after {
        width: 32px;
        height: 32px;
        z-index: -1;
        border-color: rgba(255, 255, 255, 0.4);
        -webkit-animation: marker-ripple-animation 2.6s cubic-bezier(0.25, 0.9, 0.2, 1) 0s infinite;
        animation: marker-ripple-animation 2.6s cubic-bezier(0.25, 0.9, 0.2, 1) 0s infinite; }
    .marker-style-5 .pointer__tooltip .tooltip__box {
      background: #000000;
      width: 240px;
      position: absolute;
      top: 0;
      right: 50%;
      -webkit-transform: translate3d(50%, -100%, 0);
      transform: translate3d(50%, -100%, 0);
      border-radius: 5px;
      opacity: 0;
      visibility: hidden;
      -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
      transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
      z-index: 10;
      padding: 20px;
      -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.07);
      box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.07);
      text-align: center; }
      .marker-style-5 .pointer__tooltip .tooltip__box h4 {
        font-size: 20px;
        margin-bottom: 7px;
        color: #fff; }
      .marker-style-5 .pointer__tooltip .tooltip__box p {
        font-size: 13px;
        line-height: 24px;
        margin: 0;
        color: #fff; }
    .marker-style-5 .pointer__tooltip:hover .tooltip__box {
      visibility: visible;
      opacity: 1;
      -webkit-transition-delay: 0s;
      transition-delay: 0s;
      -webkit-transform: translateY(-110%) translateX(50%);
      transform: translateY(-110%) translateX(50%); }
    .marker-style-5 .pointer__tooltip::before {
      content: "\f067";
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translateX(-50%) translateY(-50%);
      font-family: FontAwesome;
      color: #ffffff;
      font-size: 18px;
      width: 100%;
      height: 100%;
      transition: 0.4s ease-in-out; }
    .marker-style-5 .pointer__tooltip:hover::before {
      transform: translateX(-50%) translateY(-50%) rotate(47deg); }
    .marker-style-5 .pointer__tooltip.pointer--1 {
      position: absolute;
      left: 83%;
      top: 37%; }
      @media only screen and (max-width: 575px) {
        .marker-style-5 .pointer__tooltip.pointer--1 {
          left: 55%;
          top: 50%; } }
    .marker-style-5 .pointer__tooltip.pointer--2 {
      position: absolute;
      left: 51%;
      top: 26%; }
    .marker-style-5 .pointer__tooltip.pointer--3 {
      left: 22%;
      top: 13%;
      position: absolute; }
    .marker-style-5 .pointer__tooltip.pointer--4 {
      top: 57%;
      position: absolute;
      left: 15%; }
      @media only screen and (max-width: 479px) {
        .marker-style-5 .pointer__tooltip.pointer--4 {
          top: 62%;
          left: 36%; } }
    .marker-style-5 .pointer__tooltip.pointer--5 {
      position: absolute;
      left: 55%;
      top: 76%; }

/*========================
    Animation Css
==========================*/
@-webkit-keyframes marker-ripple-animation {
  0% {
    -webkit-transform: translate3d(-50%, -50%, 0) scale(1);
    opacity: 1; }
  100% {
    -webkit-transform: translate3d(-50%, -50%, 0) scale(1.7);
    opacity: 0; } }
@keyframes marker-ripple-animation {
  0% {
    transform: translate3d(-50%, -50%, 0) scale(1);
    opacity: 1; }
  100% {
    transform: translate3d(-50%, -50%, 0) scale(1.7);
    opacity: 0; } }
/*==========================
    Blog Post Css
=============================*/
/*==========================
    Blog Post Css
=============================*/
.gradient-overlay {
  /*-- Gradient 1 --*/
  /*-- Gradient 2 --*/
  /*-- Gradient 3 --*/
  /*-- Gradient 4 --*/
  /*-- Gradient 5 --*/
  /*-- Gradient 6 --*/
  /*-- Gradient 7 --*/ }
  .gradient-overlay .thumb a {
    display: block;
    position: relative; }
    .gradient-overlay .thumb a::before {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      content: "";
      z-index: 2;
      opacity: 0.3;
      right: 0; }
  .gradient-overlay.gradient-overlay-1 .thumb a::before {
    background-image: linear-gradient(#f10afd, #1cc3e2);
    background-image: -webkit-gradient(#f10afd, #1cc3e2);
    background-image: -webkit-linear-gradient(#f10afd, #1cc3e2);
    background-image: -moz-linear-gradient(#f10afd, #1cc3e2);
    background-image: -ms-linear-gradient(#f10afd, #1cc3e2);
    background-image: -o-linear-gradient(#f10afd, #1cc3e2);
    opacity: 0.8; }
  .gradient-overlay.gradient-overlay-2 .thumb a::before {
    background-image: linear-gradient(#f29a4a, #f2c84c);
    background-image: -webkit-gradient(#f29a4a, #f2c84c);
    background-image: -webkit-linear-gradient(#f29a4a, #f2c84c);
    background-image: -moz-linear-gradient(#f29a4a, #f2c84c);
    background-image: -ms-linear-gradient(#f29a4a, #f2c84c);
    background-image: -o-linear-gradient(#f29a4a, #f2c84c);
    opacity: 0.8; }
  .gradient-overlay.gradient-overlay-3 .thumb a::before {
    background-image: linear-gradient(#f7384e, #0fbcb9);
    background-image: -webkit-gradient(#f7384e, #0fbcb9);
    background-image: -webkit-linear-gradient(#f7384e, #0fbcb9);
    background-image: -moz-linear-gradient(#f7384e, #0fbcb9);
    background-image: -ms-linear-gradient(#f7384e, #0fbcb9);
    background-image: -o-linear-gradient(#f7384e, #0fbcb9);
    opacity: 0.8; }
  .gradient-overlay.gradient-overlay-4 .thumb a::before {
    background-image: linear-gradient(#bd3664, #222671);
    background-image: -webkit-gradient(#bd3664, #222671);
    background-image: -webkit-linear-gradient(#bd3664, #222671);
    background-image: -moz-linear-gradient(#bd3664, #222671);
    background-image: -ms-linear-gradient(#bd3664, #222671);
    background-image: -o-linear-gradient(#bd3664, #222671);
    opacity: 0.8; }
  .gradient-overlay.gradient-overlay-5 .thumb a::before {
    background-image: linear-gradient(#eb3449, #f45a43);
    background-image: -webkit-gradient(#eb3449, #f45a43);
    background-image: -webkit-linear-gradient(#eb3449, #f45a43);
    background-image: -moz-linear-gradient(#eb3449, #f45a43);
    background-image: -ms-linear-gradient(#eb3449, #f45a43);
    background-image: -o-linear-gradient(#eb3449, #f45a43);
    opacity: 0.8; }
  .gradient-overlay.gradient-overlay-6 .thumb a::before {
    background-image: linear-gradient(#c03764, #202671);
    background-image: -webkit-gradient(#c03764, #202671);
    background-image: -webkit-linear-gradient(#c03764, #202671);
    background-image: -moz-linear-gradient(#c03764, #202671);
    background-image: -ms-linear-gradient(#c03764, #202671);
    background-image: -o-linear-gradient(#c03764, #202671);
    opacity: 0.8; }
  .gradient-overlay.gradient-overlay-7 .thumb a::before {
    background-image: linear-gradient(#eb3449, #f45b43);
    background-image: -webkit-gradient(#eb3449, #f45b43);
    background-image: -webkit-linear-gradient(#eb3449, #f45b43);
    background-image: -moz-linear-gradient(#eb3449, #f45b43);
    background-image: -ms-linear-gradient(#eb3449, #f45b43);
    background-image: -o-linear-gradient(#eb3449, #f45b43);
    opacity: 0.8; }

.black-overlay .thumb a {
  display: block;
  position: relative; }
  .black-overlay .thumb a::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index: 2;
    opacity: 0.2;
    right: 0;
    background: #000000; }

/*==========================
    Blog Post Content
=============================*/
.ht-post {
  position: relative;
  margin-top: 2px;
  overflow: hidden;
  /*-- Category ---*/
  /*-- Content ---*/
  /*-- Video ---*/ }
  .ht-post .thumb a img {
    width: 100%;
    display: block;
    transition: 0.3s ease-out;
    overflow: hidden; }
  .ht-post:hover .thumb a img {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1); }
  .ht-post a.post-category {
    position: absolute;
    z-index: 2;
    color: #fff;
    font-size: 12px;
    height: 24px;
    display: inline-block;
    padding: 0 8px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600; }
  .ht-post a.post-position-top-left {
    left: 0;
    top: 0; }
  .ht-post a.post-position-top-right {
    right: 0;
    top: 0; }
  .ht-post .post-content {
    position: absolute;
    bottom: 0;
    z-index: 2;
    padding: 20px 10px 20px 20px; }
    .ht-post .post-content .content h4 {
      font-size: 20px;
      line-height: 26px;
      margin-bottom: 11px; }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .ht-post .post-content .content h4 {
          font-size: 17px;
          line-height: 24px; } }
    .ht-post .post-content .content h2 {
      font-size: 36px;
      margin-bottom: 11px; }
      @media only screen and (max-width: 575px) {
        .ht-post .post-content .content h2 {
          font-size: 23px; } }
    .ht-post .post-content .content a {
      color: #ffffff; }
    .ht-post .post-content .content .meta {
      color: #fff;
      font-size: 14px;
      letter-spacing: 2px; }
  .ht-post a.play-video {
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 50px;
    height: 50px;
    background: transparent;
    border: 1px solid #fff;
    border-radius: 100%;
    padding: 0;
    text-align: center;
    color: #fff;
    font-size: 24px;
    transition: 0.4s ease-in-out; }
    .ht-post a.play-video:hover {
      background: #18012c;
      color: #fff;
      border: 1px solid #18012c; }
    .ht-post a.play-video i {
      margin-left: 4px; }

/*=======================
    POst Activation
==========================*/
.post_activation {
  position: relative;
  overflow: hidden; }
  .post_activation button {
    position: absolute;
    left: -20px;
    top: 44%;
    z-index: 2;
    background: #ffffff;
    height: 42px;
    width: 35px;
    border: 0 none;
    color: #ec0000;
    font-size: 28px;
    transition: 0.4s ease-in-out;
    opacity: 0; }
    .post_activation button:hover {
      background: #18012c;
      color: #ffffff; }
    .post_activation button.post-arrow-next {
      left: auto;
      right: -20px; }
  .post_activation:hover button {
    opacity: 1;
    left: 0; }
  .post_activation:hover button.post-arrow-next {
    left: auto;
    right: 0;
    opacity: 1; }

/*=======================
    Counterup Css
=========================*/
/*=======================
    Counterup Style 1
=========================*/
.funfact.counter-style--1 {
  text-align: center; }
  .funfact.counter-style--1 .fact-icon i {
    font-size: 36px;
    color: #ed552d; }
  .funfact.counter-style--1 .content span {
    color: #333333;
    font-size: 36px;
    font-weight: 700;
    margin-top: 20px;
    display: inline-block;
    font-family: "Montserrat", sans-serif; }
  .funfact.counter-style--1 .content h2 {
    color: #333333;
    font-weight: 400;
    font-size: 17px;
    margin: 0;
    position: relative;
    margin-top: 9px;
    display: block;
    padding-bottom: 15px; }
    .funfact.counter-style--1 .content h2::before {
      background: #333333;
      width: 48px;
      height: 1px;
      content: "";
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%); }
  .funfact.counter-style--1.white-text .fact-icon i {
    color: #ffffff; }
  .funfact.counter-style--1.white-text .content span {
    color: #ffffff; }
  .funfact.counter-style--1.white-text .content h2 {
    color: #ffffff; }
    .funfact.counter-style--1.white-text .content h2::before {
      background: #ffffff; }

/*=======================
    Counterup Style 2
=========================*/
.funfact.counter-style--2 {
  display: flex;
  align-items: center;
  justify-content: center; }
  .funfact.counter-style--2 .fact-icon {
    padding-right: 20px; }
    .funfact.counter-style--2 .fact-icon i {
      font-size: 48px;
      color: #383838; }
  .funfact.counter-style--2 .content span {
    color: #383838;
    font-size: 24px;
    font-weight: 600;
    margin-top: 13px;
    display: inline-block;
    font-family: "Montserrat", sans-serif;
    position: relative; }
    .funfact.counter-style--2 .content span::after {
      position: absolute;
      content: "+";
      right: -20px;
      color: #383838;
      font-size: 26px; }
  .funfact.counter-style--2 .content h2 {
    color: #383838;
    font-weight: 400;
    font-size: 20px;
    margin: 0;
    position: relative;
    display: block; }

/*=======================
    Counterup Style 3
=========================*/
.funfact.counter-style--3 {
  position: relative;
  text-align: center; }
  .funfact.counter-style--3 .fact-img {
    display: inline-block;
    position: relative; }
    .funfact.counter-style--3 .fact-img::before {
      position: absolute;
      content: "";
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      background: #52b6bc;
      opacity: 0.8;
      border-radius: 100%; }
  .funfact.counter-style--3 .content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%); }
    .funfact.counter-style--3 .content span {
      color: #ffffff;
      font-size: 40px;
      font-weight: 600;
      margin-top: 13px;
      display: inline-block;
      font-family: 'Courgette', cursive; }
    .funfact.counter-style--3 .content h2 {
      color: #ffffff;
      font-weight: 400;
      font-size: 20px;
      margin: 0;
      margin-top: 4px;
      font-family: 'Courgette', cursive; }

/*=======================
    Counterup Style 4
=========================*/
.funfact.counter-style--4 {
  display: flex;
  align-items: center;
  justify-content: center; }
  .funfact.counter-style--4 .fact-icon {
    padding-right: 25px; }
    .funfact.counter-style--4 .fact-icon i {
      font-size: 48px;
      color: #383838; }
  .funfact.counter-style--4 .content {
    text-align: center; }
    .funfact.counter-style--4 .content span {
      color: #585858;
      font-size: 24px;
      font-weight: 600;
      margin-top: 13px;
      display: inline-block;
      font-family: "Montserrat", sans-serif;
      position: relative;
      padding: 0 20px;
      margin-right: 12px; }
      .funfact.counter-style--4 .content span::after {
        position: absolute;
        content: "+";
        right: 0;
        color: #383838;
        font-size: 26px; }
    .funfact.counter-style--4 .content h2 {
      color: #585858;
      font-weight: 600;
      font-size: 24px;
      margin: 0;
      position: relative;
      display: block;
      padding-bottom: 14px; }
      .funfact.counter-style--4 .content h2::before {
        position: absolute;
        content: "";
        bottom: 0;
        background: #ed552d;
        width: 70px;
        height: 2px;
        left: 50%;
        transform: translateX(-50%); }
  .funfact.counter-style--4.white-text .content span {
    color: #ffffff; }
    .funfact.counter-style--4.white-text .content span::after {
      color: #ffffff; }
  .funfact.counter-style--4.white-text .content h2 {
    color: #ffffff; }
    .funfact.counter-style--4.white-text .content h2::before {
      background: #ffffff; }

/*=======================
    Counterup Style 5
=========================*/
.funfact.counter-style--5 {
  text-align: center; }
  .funfact.counter-style--5 .fact-icon i {
    font-size: 36px;
    color: #ed552d; }
  .funfact.counter-style--5 .content span {
    color: #18012c;
    font-size: 36px;
    font-weight: 700;
    margin-top: 20px;
    display: inline-block;
    font-family: 'Lobster Two', cursive; }
    .funfact.counter-style--5 .content span.color-1 {
      color: #b1c642; }
    .funfact.counter-style--5 .content span.color-2 {
      color: #ff5020; }
    .funfact.counter-style--5 .content span.color-3 {
      color: #ffc10d; }
    .funfact.counter-style--5 .content span.color-4 {
      color: #68b9d8; }
  .funfact.counter-style--5 .content h2 {
    color: #444444;
    font-weight: 400;
    font-size: 24px;
    margin: 0;
    margin-top: 9px;
    display: block;
    padding-bottom: 15px;
    font-family: 'Lobster Two', cursive; }
  .funfact.counter-style--5.body-counter .content span {
    color: #ffffff;
    font-size: 48px;
    font-weight: 600;
    margin-top: 0;
    display: inline-block;
    font-family: "Montserrat", sans-serif; }
  .funfact.counter-style--5.body-counter .content h2 {
    color: #ffffff;
    font-weight: 400;
    font-size: 18px;
    margin-top: 9px;
    padding-bottom: 0;
    font-family: "Montserrat", sans-serif; }

/*=======================
    Counterup Style 6
=========================*/
.funfact {
  margin-top: 30px; }
  .funfact.counter-style--6 {
    text-align: center; }
    .funfact.counter-style--6 .fact-icon {
      display: flex;
      justify-content: center;
      align-items: center; }
      .funfact.counter-style--6 .fact-icon i {
        font-size: 36px;
        color: #ed552d; }
      .funfact.counter-style--6 .fact-icon span {
        color: #363636;
        font-size: 36px;
        font-weight: 600;
        display: inline-block;
        font-family: "Montserrat", sans-serif;
        padding-left: 15px; }
    .funfact.counter-style--6 .content h2 {
      color: #363636;
      font-weight: 600;
      font-size: 16px;
      margin: 0;
      display: block;
      font-family: "Montserrat", sans-serif;
      margin-top: 13px;
      text-transform: uppercase; }

/*=============================
    Single Post Style
================================*/
.single-post {
  position: relative;
  /*--------
      Single Post Default
  ----------------------------*/
  /*--------
      Single Post 02
  ----------------------------*/
  /*--------
      Single Post 03
  ----------------------------*/
  /*--------
      Single Post 04
  ----------------------------*/
  /*--------
      Single Post 05
  ----------------------------*/ }
  .single-post .thumb {
    overflow: hidden; }
    .single-post .thumb a img {
      transition: 0.4s ease-in-out;
      width: 100%; }
  .single-post:hover .thumb a img {
    transform: scale(1.2); }
  .single-post.single-post-default .content {
    position: absolute;
    bottom: 0;
    padding: 40px; }
    @media only screen and (max-width: 767px) {
      .single-post.single-post-default .content {
        padding: 10px 10px; } }
    .single-post.single-post-default .content h2 {
      font-size: 24px;
      font-weight: 600;
      margin-top: 15px;
      margin-bottom: 10px;
      line-height: 36px; }
      @media screen {
        .single-post.single-post-default .content h2 {
          font-size: 19px;
          margin-top: 10px;
          margin-bottom: 8px;
          line-height: 28px; } }
      .single-post.single-post-default .content h2 a {
        color: #ffffff; }
    .single-post.single-post-default .content ul.meta li {
      color: #ffffff; }
      .single-post.single-post-default .content ul.meta li a {
        color: #ffffff; }
  .single-post.single-post-2 .content {
    padding-top: 30px; }
    .single-post.single-post-2 .content h2 {
      font-size: 24px;
      font-weight: 600;
      margin-top: 15px;
      margin-bottom: 10px;
      line-height: 36px; }
      @media only screen and (max-width: 767px) {
        .single-post.single-post-2 .content h2 {
          font-size: 19px;
          line-height: 32px; } }
      .single-post.single-post-2 .content h2 a {
        color: #464545; }
    .single-post.single-post-2 .content ul.meta li {
      color: #464545; }
      .single-post.single-post-2 .content ul.meta li a {
        color: #464545; }
  .single-post.single-post-3 .content {
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
    text-align: center; }
    .single-post.single-post-3 .content h2 {
      font-size: 24px;
      font-weight: 600;
      margin-top: 18px;
      margin-bottom: 22px;
      line-height: 34px;
      padding: 0 10px; }
      @media only screen and (max-width: 767px) {
        .single-post.single-post-3 .content h2 {
          font-size: 16px;
          margin-top: 14px;
          margin-bottom: 10px;
          line-height: 23px; } }
      .single-post.single-post-3 .content h2 a {
        color: #ffffff; }
    .single-post.single-post-3 .content ul.meta {
      justify-content: center; }
      .single-post.single-post-3 .content ul.meta li {
        color: #ffffff; }
        .single-post.single-post-3 .content ul.meta li a {
          color: #ffffff; }
  .single-post.single-post-4 .content {
    background: #ffffff;
    text-align: center;
    padding: 40px 20px; }
    @media only screen and (max-width: 767px) {
      .single-post.single-post-4 .content {
        padding: 23px 10px; } }
    .single-post.single-post-4 .content h2 {
      font-size: 24px;
      font-weight: 600;
      margin-bottom: 16px;
      line-height: 36px; }
      @media only screen and (max-width: 767px) {
        .single-post.single-post-4 .content h2 {
          font-size: 18px;
          line-height: 28px; } }
      .single-post.single-post-4 .content h2 a {
        color: #464545;
        transition: 0.4s ease-in; }
        .single-post.single-post-4 .content h2 a:hover {
          color: #18012c; }
    .single-post.single-post-4 .content ul.meta {
      justify-content: center; }
      .single-post.single-post-4 .content ul.meta li {
        color: #464545; }
        .single-post.single-post-4 .content ul.meta li a {
          color: #464545; }
  .single-post.single-post-5 .content {
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
    text-align: center; }
    .single-post.single-post-5 .content h2 {
      font-size: 30px;
      font-weight: 500;
      line-height: 36px; }
      @media only screen and (max-width: 767px) {
        .single-post.single-post-5 .content h2 {
          font-size: 20px;
          line-height: 30px; } }
      .single-post.single-post-5 .content h2 a {
        color: #ffffff;
        transition: 0.4s ease-in; }
  .single-post .post-category a {
    display: inline-block;
    background: #f05555;
    color: #fff;
    height: 24px;
    padding: 0 9px;
    line-height: 24px;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 12px;
    transition: 0.4s; }
    .single-post .post-category a:hover {
      background: #18012c;
      color: #ffffff; }
  .single-post ul.meta {
    display: flex;
    padding: 0;
    margin: 0;
    list-style: none;
    margin: 0 -15px; }
    .single-post ul.meta li {
      font-size: 13px;
      letter-spacing: 2px;
      margin: 0 15px; }
      .single-post ul.meta li i {
        font-size: 14px;
        margin-right: 10px; }

/*=========================
    Post Slider Css
==========================*/
.single-post-slide {
  position: relative;
  /*--------
      Single Post Default
  ----------------------------*/
  /*--------
      Single Post 02
  ----------------------------*/
  /*--------
      Single Post 03
  ----------------------------*/
  /*--------
      Single Post 04
  ----------------------------*/
  /*--------
      Single Post 03
  ----------------------------*/
  /*----------------
      Code Default
  -------------------------*/ }
  @media only screen and (max-width: 767px) {
    .single-post-slide.post-slider-default {
      padding: 266px 0;
      background: #007d91; } }
  @media only screen and (max-width: 767px) {
    .single-post-slide.post-slider-default .thumb {
      display: none; } }
  .single-post-slide.post-slider-default .content {
    position: absolute;
    left: 0;
    top: 0;
    max-width: 40%;
    height: 100%;
    padding: 10px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .single-post-slide.post-slider-default .content {
        max-width: 49%; } }
    @media only screen and (max-width: 767px) {
      .single-post-slide.post-slider-default .content {
        max-width: 100%; } }
    .single-post-slide.post-slider-default .content .post-inner {
      width: 100%;
      height: 100%;
      background: rgba(0, 140, 167, 0.8);
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding: 30px; }
      @media only screen and (max-width: 767px) {
        .single-post-slide.post-slider-default .content .post-inner {
          padding: 20px 10px; } }
      .single-post-slide.post-slider-default .content .post-inner h2 {
        font-size: 24px;
        font-weight: 500;
        margin-top: 20px;
        margin-bottom: 10px; }
        .single-post-slide.post-slider-default .content .post-inner h2 a {
          color: #ffffff; }
      .single-post-slide.post-slider-default .content .post-inner ul.meta li a {
        color: #fff; }
      .single-post-slide.post-slider-default .content .post-inner p {
        color: #ffffff;
        font-size: 14px;
        line-height: 28px;
        margin-top: 22px; }
  .single-post-slide.post-slider-default.education-blog .content {
    max-width: 100%;
    padding: 0;
    right: 0;
    left: 0; }
    .single-post-slide.post-slider-default.education-blog .content .post-inner {
      padding: 30px 20PX;
      align-items: center; }
      .single-post-slide.post-slider-default.education-blog .content .post-inner h2 {
        margin-top: 10px;
        margin-bottom: 12px; }
      .single-post-slide.post-slider-default.education-blog .content .post-inner .post-btn a.readmore-btn {
        background: transparent;
        border: 0 none;
        height: auto;
        padding: 0;
        border-radius: 0;
        font-size: 14px;
        line-height: inherit;
        border-bottom: 1px solid #fff; }
  @media only screen and (max-width: 767px) {
    .single-post-slide.post-slider-2 .content .post-inner {
      padding: 10px; } }
  .single-post-slide.post-slider-2 .content .post-inner h2 {
    font-size: 24px;
    font-weight: 500;
    margin-top: 20px;
    margin-bottom: 18px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .single-post-slide.post-slider-2 .content .post-inner h2 {
        font-size: 20px;
        margin-top: 15px;
        margin-bottom: 12px; } }
    @media only screen and (max-width: 767px) {
      .single-post-slide.post-slider-2 .content .post-inner h2 {
        font-size: 18px;
        margin-top: 21px;
        margin-bottom: 15px; } }
    .single-post-slide.post-slider-2 .content .post-inner h2 a {
      color: #464545; }
  .single-post-slide.post-slider-2 .content .post-inner ul.meta li {
    color: #464545; }
    .single-post-slide.post-slider-2 .content .post-inner ul.meta li a {
      color: #464545; }
  .single-post-slide.post-slider-2 .content .post-inner p {
    color: #464545;
    font-size: 14px;
    line-height: 28px;
    margin-top: 22px;
    margin-bottom: 27px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .single-post-slide.post-slider-2 .content .post-inner p {
        margin-top: 4px;
        margin-bottom: 14px; } }
  .single-post-slide.post-slider-2 .content .post-inner .post-btn {
    margin-top: 19px; }
    .single-post-slide.post-slider-2 .content .post-inner .post-btn a.readmore-btn {
      border: 1px solid #464545;
      color: #464545; }
      .single-post-slide.post-slider-2 .content .post-inner .post-btn a.readmore-btn:hover {
        background: #18012c;
        color: #ffffff;
        border: 1px solid #18012c; }
  @media only screen and (max-width: 767px) {
    .single-post-slide.post-slider-3 {
      padding: 169px 0;
      background: #263583; } }
  @media only screen and (max-width: 767px) {
    .single-post-slide.post-slider-3 .thumb {
      display: none; } }
  .single-post-slide.post-slider-3 .content {
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
    text-align: center; }
    .single-post-slide.post-slider-3 .content .post-inner h2 {
      font-size: 24px;
      font-weight: 500;
      margin-top: 20px;
      margin-bottom: 18px;
      padding: 0 26%;
      line-height: 34px; }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .single-post-slide.post-slider-3 .content .post-inner h2 {
          padding: 0 19%; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .single-post-slide.post-slider-3 .content .post-inner h2 {
          padding: 0 12%; } }
      @media only screen and (max-width: 767px) {
        .single-post-slide.post-slider-3 .content .post-inner h2 {
          font-size: 16px;
          margin-top: 12px;
          margin-bottom: 8px;
          padding: 0 12%;
          line-height: 26px; } }
      @media only screen and (max-width: 575px) {
        .single-post-slide.post-slider-3 .content .post-inner h2 {
          padding: 0 20px; } }
      .single-post-slide.post-slider-3 .content .post-inner h2 a {
        color: #ffffff; }
    .single-post-slide.post-slider-3 .content .post-inner ul.meta {
      justify-content: center; }
      .single-post-slide.post-slider-3 .content .post-inner ul.meta li {
        color: #ffffff; }
        .single-post-slide.post-slider-3 .content .post-inner ul.meta li a {
          color: #ffffff; }
    .single-post-slide.post-slider-3 .content .post-inner p {
      color: #ffffff;
      font-size: 14px;
      line-height: 28px;
      margin-top: 22px;
      margin-bottom: 27px; }
    .single-post-slide.post-slider-3 .content .post-inner .post-btn {
      margin-top: 19px; }
      .single-post-slide.post-slider-3 .content .post-inner .post-btn a.readmore-btn {
        border: 1px solid #ffffff;
        color: #ffffff; }
        .single-post-slide.post-slider-3 .content .post-inner .post-btn a.readmore-btn:hover {
          background: #18012c;
          color: #ffffff;
          border: 1px solid #18012c; }
    .single-post-slide.post-slider-3 .content ul.post-category {
      justify-content: center; }
  @media only screen and (max-width: 767px) {
    .single-post-slide.post-slider-4 {
      padding: 160px 0;
      background: #114ec4; } }
  @media only screen and (max-width: 767px) {
    .single-post-slide.post-slider-4 .thumb {
      display: none; } }
  .single-post-slide.post-slider-4 .content {
    position: absolute;
    text-align: center;
    bottom: 0;
    padding: 20px; }
    .single-post-slide.post-slider-4 .content .post-inner {
      background: rgba(0, 86, 255, 0.7);
      padding: 25px;
      text-align: left; }
      .single-post-slide.post-slider-4 .content .post-inner h2 {
        font-size: 24px;
        font-weight: 500;
        margin-bottom: 13px;
        line-height: 34px; }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          .single-post-slide.post-slider-4 .content .post-inner h2 {
            font-size: 16px;
            margin-bottom: 13px;
            line-height: 25px; } }
        .single-post-slide.post-slider-4 .content .post-inner h2 a {
          color: #ffffff; }
      .single-post-slide.post-slider-4 .content .post-inner ul.meta li {
        color: #ffffff; }
        .single-post-slide.post-slider-4 .content .post-inner ul.meta li a {
          color: #ffffff; }
    .single-post-slide.post-slider-4 .content ul.post-category {
      justify-content: center; }
  .single-post-slide.post-slider-5 .content {
    background: #f4f4f4;
    padding: 60px; }
    .single-post-slide.post-slider-5 .content .post-inner h2 {
      font-size: 24px;
      font-weight: 500;
      margin-top: 20px;
      margin-bottom: 18px;
      line-height: 34px; }
      .single-post-slide.post-slider-5 .content .post-inner h2 a {
        color: #464545; }
    .single-post-slide.post-slider-5 .content .post-inner ul.meta li {
      color: #464545; }
      .single-post-slide.post-slider-5 .content .post-inner ul.meta li a {
        color: #464545; }
    .single-post-slide.post-slider-5 .content .post-inner p {
      color: #494849;
      font-size: 14px;
      line-height: 28px;
      margin-top: 22px;
      margin-bottom: 27px; }
    .single-post-slide.post-slider-5 .content .post-inner .post-btn {
      margin-top: 19px; }
      .single-post-slide.post-slider-5 .content .post-inner .post-btn a.readmore-btn {
        border: 1px solid #494849;
        color: #494849; }
        .single-post-slide.post-slider-5 .content .post-inner .post-btn a.readmore-btn:hover {
          background: #18012c;
          color: #ffffff;
          border: 1px solid #18012c; }
  .single-post-slide .content ul.post-category {
    display: flex;
    padding: 0;
    margin: 0 -10px;
    list-style: none; }
    .single-post-slide .content ul.post-category li {
      background: #f05555;
      height: 24px;
      padding: 0 9px;
      margin: 0 10px;
      transition: 0.4s ease-in-out; }
      .single-post-slide .content ul.post-category li:hover {
        background: #18012c;
        color: #ffffff; }
      .single-post-slide .content ul.post-category li a {
        color: #fff;
        text-transform: uppercase;
        font-size: 13px;
        font-weight: 300;
        letter-spacing: 1px; }
  .single-post-slide ul.meta {
    list-style: none;
    color: #fff;
    padding: 0;
    margin: 0;
    display: flex;
    margin: 0 -15px; }
    @media only screen and (max-width: 767px) {
      .single-post-slide ul.meta {
        flex-wrap: wrap; } }
    .single-post-slide ul.meta li {
      font-size: 13px;
      letter-spacing: 2px;
      margin: 0 15px; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .single-post-slide ul.meta li {
          margin: 0 10px; } }
      @media only screen and (max-width: 767px) {
        .single-post-slide ul.meta li {
          margin: 0 10px; } }
      .single-post-slide ul.meta li i {
        padding-right: 10px; }
      .single-post-slide ul.meta li a {
        color: #18012c; }
  .single-post-slide .post-btn {
    margin-top: 19px; }
    .single-post-slide .post-btn a.readmore-btn {
      background: transparent;
      border: 1px solid #ffffff;
      display: inline-block;
      height: 46px;
      padding: 0 37px;
      border-radius: 23px;
      color: #ffffff;
      font-size: 14px;
      font-weight: 400;
      line-height: 44px;
      transition: 0.4s ease-in-out; }
      .single-post-slide .post-btn a.readmore-btn:hover {
        background: #18012c;
        color: #ffffff;
        border: 1px solid #18012c; }
  .single-post-slide .thumb a img {
    width: 100%; }

.new-slider-active {
  position: relative; }
  .new-slider-active .single-post-slide {
    vertical-align: middle; }
  .new-slider-active ul.slick-dots {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    width: 200px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    bottom: 0; }
    @media only screen and (max-width: 767px) {
      .new-slider-active ul.slick-dots {
        position: inherit;
        width: 100%;
        background: #1e1e17; } }
    .new-slider-active ul.slick-dots li {
      background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
      overflow: hidden;
      position: relative;
      -webkit-transition: all 0.5s ease 0s;
      -o-transition: all 0.5s ease 0s;
      transition: all 0.5s ease 0s;
      z-index: 2;
      -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
      display: block;
      width: auto;
      height: auto;
      margin: 0;
      padding: 0;
      cursor: pointer;
      align-items: center;
      display: flex;
      padding: 20px;
      text-align: left;
      border-left: 5px solid #828282;
      border-bottom: 5px solid #828282;
      border-right: 5px solid #828282;
      transition: 0.5s ease-in-out; }
      @media only screen and (max-width: 767px) {
        .new-slider-active ul.slick-dots li {
          padding: 38px 13px; } }
      .new-slider-active ul.slick-dots li:first-child {
        border-top: 5px solid #828282; }
      .new-slider-active ul.slick-dots li.slick-active {
        border: 5px solid #ffffff;
        background: transparent; }
      .new-slider-active ul.slick-dots li h6 {
        font-weight: 500;
        color: #ffffff;
        line-height: 22px;
        font-weight: 500;
        color: #ffffff;
        line-height: 22px;
        position: absolute;
        bottom: 0;
        margin: 0;
        padding-bottom: 20px; }

.single-post-slide {
  vertical-align: middle; }

.post-slide-activation {
  /*------------
      Arrow Style 01
  -------------------------*/
  /*------------
      Arrow Style 2
  -------------------------*/
  /*------------
      Arrow Style 3
  -------------------------*/
  /*------------
      Arrow Style 5
  -------------------------*/ }
  .post-slide-activation.arrow-style-1 button.slick-arrow {
    position: absolute;
    bottom: 10px;
    left: auto;
    right: 10px;
    z-index: 2;
    width: 46px;
    height: 40px;
    background: #ccd5d5;
    border: 0 none;
    color: #00282a;
    font-size: 24px; }
  .post-slide-activation.arrow-style-1 button.postslide-prev.slick-arrow {
    right: 61px; }
  .post-slide-activation.arrow-style-2 button.slick-arrow {
    position: absolute;
    z-index: 2;
    width: 50px;
    height: 50px;
    background: #5c5c5c;
    border: 0 none;
    color: #ffffff;
    font-size: 24px;
    border-radius: 100%;
    left: -80px;
    top: 50%;
    transform: translateY(-50%);
    transition: 0.4s; }
    .post-slide-activation.arrow-style-2 button.slick-arrow:hover {
      background: #526ae4;
      color: #fff; }
  .post-slide-activation.arrow-style-2 button.postslide-next.slick-arrow {
    left: auto;
    right: -80px; }
  .post-slide-activation.arrow-style-3 button.slick-arrow {
    position: absolute;
    z-index: 2;
    width: 50px;
    height: 50px;
    background: #d7dae9;
    border: 0 none;
    color: #2a47e0;
    font-size: 24px;
    border-radius: 100%;
    left: 40px;
    top: 50%;
    transform: translateY(-50%);
    transition: 0.4s;
    border: 1px solid #d7dae9; }
    @media only screen and (max-width: 575px) {
      .post-slide-activation.arrow-style-3 button.slick-arrow {
        left: -27px; } }
    .post-slide-activation.arrow-style-3 button.slick-arrow:hover {
      background: transparent;
      color: #fff;
      border: 1px solid #ffffff; }
  .post-slide-activation.arrow-style-3 button.postslide-next.slick-arrow {
    left: auto;
    right: 40px; }
    @media only screen and (max-width: 575px) {
      .post-slide-activation.arrow-style-3 button.postslide-next.slick-arrow {
        left: auto;
        right: -27px; } }
  .post-slide-activation.arrow-style-5 button.slick-arrow {
    position: absolute;
    z-index: 2;
    width: 50px;
    height: 50px;
    background: rgba(255, 255, 255, 0.8);
    border: 0 none;
    color: #2a47e0;
    font-size: 24px;
    border-radius: 100%;
    left: 40px;
    top: 30%;
    transition: 0.4s; }
    .post-slide-activation.arrow-style-5 button.slick-arrow:hover {
      background: rgba(42, 71, 244, 0.8);
      color: #fff; }
  .post-slide-activation.arrow-style-5 button.postslide-next.slick-arrow {
    left: auto;
    right: 40px; }

/*----------------------------
    Post Grid Tab
-----------------------------*/
.ht-post-grid-tab {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: space-between; }

.section-post-grid-tab .row--1 .post-grid {
  padding: 0 1px;
  margin-bottom: 2px; }
.section-post-grid-tab .row--1 .post-content {
  margin: 0 1px; }
.section-post-grid-tab .row--15 .post-grid {
  padding: 0 15px;
  margin-bottom: 30px; }
  @media only screen and (max-width: 767px) {
    .section-post-grid-tab .row--15 .post-grid {
      padding: 0 5px;
      margin-bottom: 10px; } }
.section-post-grid-tab .row--15 .post-content {
  margin: 0 15px; }
.section-post-grid-tab .row--10 .post-grid {
  padding: 0 10px;
  margin-bottom: 20px; }
  @media only screen and (max-width: 767px) {
    .section-post-grid-tab .row--10 .post-grid {
      padding: 0 5px;
      margin-bottom: 10px; } }
.section-post-grid-tab .row--10 .post-content {
  margin: 0 10px; }

.ht-post-grid-tab .post-grid {
  border-color: #ddd;
  margin-bottom: 3px; }
  .ht-post-grid-tab .post-grid.post-grid-one-third {
    min-width: calc(33.33%);
    width: calc(33.33%); }
  .ht-post-grid-tab .post-grid.post-grid-half {
    min-width: calc(50%);
    width: calc(50%); }
  .ht-post-grid-tab .post-grid.post-grid-four {
    min-width: calc(25%);
    width: calc(25%); }
  .ht-post-grid-tab .post-grid.post-third-of-four {
    min-width: calc(75%);
    width: calc(75%); }

.ht-post-grid-tab .post-content {
  text-align: center;
  z-index: 999;
  display: none; }
  .ht-post-grid-tab .post-content.is-visible {
    display: block; }

.post-content {
  position: relative; }
  .post-content .close__wrap {
    position: absolute;
    top: 30px;
    right: 30px; }
    .post-content .close__wrap button {
      border: 0 none;
      color: #fff;
      width: 24px;
      height: 24px;
      position: relative;
      z-index: 2; }

.post-grid .thumb a img {
  width: 100%; }

.single-post-grid-tab {
  padding: 30px;
  border: 1px solid #dfdfdf; }
  @media only screen and (max-width: 767px) {
    .single-post-grid-tab {
      padding: 20px 10px; } }
  .single-post-grid-tab .thumb a img {
    width: 100%; }
  .single-post-grid-tab .post-inner {
    text-align: left; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .single-post-grid-tab .post-inner {
        margin-top: 30px; } }
    @media only screen and (max-width: 767px) {
      .single-post-grid-tab .post-inner {
        margin-top: 30px; } }
    .single-post-grid-tab .post-inner h2 {
      font-size: 24px;
      line-height: 36px;
      margin-top: 20px; }
      @media only screen and (max-width: 767px) {
        .single-post-grid-tab .post-inner h2 {
          font-size: 18px;
          line-height: 30px;
          margin-top: 14px; } }
      .single-post-grid-tab .post-inner h2 a {
        color: #464545; }
    .single-post-grid-tab .post-inner .meta {
      list-style: none;
      color: #fff;
      padding: 0;
      margin: 0;
      display: flex;
      margin: 0 -15px; }
      .single-post-grid-tab .post-inner .meta li {
        color: #464545;
        font-size: 13px;
        letter-spacing: 2px;
        margin: 0 15px; }
        .single-post-grid-tab .post-inner .meta li i {
          color: #464545; }
        .single-post-grid-tab .post-inner .meta li a {
          color: #464545; }
    .single-post-grid-tab .post-inner p {
      color: #494849;
      font-size: 14px;
      line-height: 28px;
      margin-top: 17px;
      margin-bottom: 28px; }
    .single-post-grid-tab .post-inner .post-category {
      display: flex;
      padding: 0;
      margin: 0 -10px;
      list-style: none; }
      .single-post-grid-tab .post-inner .post-category li {
        height: 24px;
        padding: 0 9px;
        margin: 0 10px;
        transition: 0.4s ease-in-out; }
        .single-post-grid-tab .post-inner .post-category li a {
          color: #fff;
          text-transform: uppercase;
          font-size: 13px;
          font-weight: 300;
          letter-spacing: 1px; }
    .single-post-grid-tab .post-inner .post-btn a.readmore-btn {
      background: transparent;
      display: inline-block;
      height: 46px;
      padding: 0 37px;
      border-radius: 23px;
      font-size: 14px;
      font-weight: 400;
      line-height: 44px;
      transition: 0.4s ease-in-out;
      color: #494849;
      border: 1px solid #494849; }

/*-----------------------------
    Image Grid Layout
-------------------------------*/
.single-image-grid .thumb a img {
  width: 100%; }

.image-grid-default {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
  margin-top: 30px;
  overflow: hidden; }
  .image-grid-default .thumb {
    overflow: hidden; }
    .image-grid-default .thumb a {
      position: relative;
      display: block;
      z-index: 2; }
      .image-grid-default .thumb a::before {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        background-color: rgba(0, 0, 0, 0.5);
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        content: "";
        z-index: 1; }
      .image-grid-default .thumb a img {
        display: block;
        position: relative;
        -webkit-transition: all .4s linear;
        transition: all .4s linear; }
  .image-grid-default:hover .thumb a::before {
    opacity: 1; }
  .image-grid-default:hover .thumb a img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2); }
  .image-grid-default .image-grid-content h2 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    position: absolute;
    font-size: 17px;
    background: rgba(0, 0, 0, 0.6);
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    padding: 10px;
    width: 100%;
    top: 0;
    z-index: 3; }
  .image-grid-default .image-grid-content a.read-btn {
    text-decoration: none;
    display: inline-block;
    text-transform: uppercase;
    color: #fff;
    border: 1px solid #fff;
    background-color: transparent;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    margin: 50px 0 0;
    padding: 7px 14px;
    position: absolute;
    top: 50%;
    margin: 0;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-70%);
    transform: translateX(-50%) translateY(-70%); }
    .image-grid-default .image-grid-content a.read-btn:hover {
      -webkit-box-shadow: 0 0 5px #fff;
      box-shadow: 0 0 5px #fff; }
  .image-grid-default:hover .image-grid-content {
    opacity: 1;
    filter: alpha(opacity=100); }
  .image-grid-default:hover .image-grid-content h2 {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  .image-grid-default:hover .image-grid-content a.read-btn {
    opacity: 1;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
    z-index: 4; }

/*-----------------------------
    Image Grid style 2
-------------------------------*/
.custom-col-5 {
  padding-left: 0px;
  padding-right: 0px;
  flex: 0 0 20%;
  max-width: 20%; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .custom-col-5 {
      flex: 0 0 33.33%;
      max-width: 33.33%; } }
  @media only screen and (max-width: 767px) {
    .custom-col-5 {
      flex: 0 0 50%;
      max-width: 50%; } }
  @media only screen and (max-width: 575px) {
    .custom-col-5 {
      flex: 0 0 100%;
      max-width: 100%;
      width: 100%; } }
  @media only screen and (max-width: 479px) {
    .custom-col-5 {
      flex: 0 0 100%;
      max-width: 100%;
      width: 100%; } }

.image-grid-style-2 {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default; }
  .image-grid-style-2 .thumb {
    overflow: hidden; }
    .image-grid-style-2 .thumb a {
      position: relative;
      display: block;
      z-index: 2; }
      .image-grid-style-2 .thumb a::before {
        width: 100%;
        height: 100%;
        position: absolute;
        overflow: hidden;
        top: 0;
        left: 0;
        background-color: rgba(0, 0, 0, 0.6);
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transform: translate(460px, -100px) rotate(180deg);
        transform: translate(460px, -100px) rotate(180deg);
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        content: "";
        z-index: 1; }
      .image-grid-style-2 .thumb a img {
        display: block;
        position: relative;
        -webkit-transition: all .4s linear;
        transition: all .4s linear;
        width: 100%; }
  .image-grid-style-2:hover .thumb a::before {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px); }
  .image-grid-style-2:hover .thumb a img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2); }
  .image-grid-style-2 .image-grid-content h2 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 17px;
    padding: 10px;
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    top: 0;
    width: 100%;
    opacity: 0;
    transition: 0.4s ease-in-out; }
  .image-grid-style-2 .image-grid-content a.read-btn {
    display: inline-block;
    text-decoration: none;
    padding: 7px 14px;
    text-transform: uppercase;
    color: #fff;
    border: 1px solid #fff;
    background-color: transparent;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    z-index: 4;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-80%);
    transform: translateX(-50%) translateY(-80%);
    opacity: 0; }
    .image-grid-style-2 .image-grid-content a.read-btn:hover {
      -webkit-box-shadow: 0 0 5px #fff;
      box-shadow: 0 0 5px #fff; }
  .image-grid-style-2:hover .image-grid-content {
    opacity: 1;
    filter: alpha(opacity=100); }
  .image-grid-style-2:hover .image-grid-content h2 {
    position: absolute;
    top: 20px;
    z-index: 3;
    opacity: 1; }
  .image-grid-style-2:hover .image-grid-content a.read-btn {
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    opacity: 1; }
  .image-grid-style-2.gardening-gallery .thumb a::before {
    width: auto;
    height: auto;
    top: 10px;
    left: 10px;
    background-color: rgba(109, 195, 46, 0.6);
    bottom: 10px;
    right: 10px; }
  .image-grid-style-2.gardening-gallery .image-grid-content {
    position: absolute;
    top: 50%;
    width: 100%;
    z-index: 3;
    text-align: center;
    transform: translateY(-50%);
    transition: 0.4s ease-in-out;
    opacity: 0; }
    .image-grid-style-2.gardening-gallery .image-grid-content .hover-action ul {
      padding: 0;
      list-style: none;
      display: flex;
      justify-content: center;
      margin: 0; }
      .image-grid-style-2.gardening-gallery .image-grid-content .hover-action ul li {
        margin: 0 6px; }
        .image-grid-style-2.gardening-gallery .image-grid-content .hover-action ul li a i {
          width: 50px;
          border: 2px solid #fff;
          color: #fff;
          height: 50px;
          line-height: 46px;
          border-radius: 100%;
          font-size: 24px; }
  .image-grid-style-2.gardening-gallery:hover .image-grid-content {
    opacity: 1; }
  .image-grid-style-2.resturant-gallery .thumb a::before {
    width: auto;
    height: auto;
    top: 10px;
    left: 10px;
    background-color: rgba(229, 76, 42, 0.6);
    bottom: 10px;
    right: 10px; }
  .image-grid-style-2.resturant-gallery .image-grid-content {
    position: absolute;
    top: 50%;
    width: 100%;
    z-index: 3;
    text-align: center;
    transform: translateY(-50%);
    transition: 0.4s ease-in-out;
    opacity: 0; }
    .image-grid-style-2.resturant-gallery .image-grid-content .hover-action ul {
      padding: 0;
      list-style: none;
      display: flex;
      justify-content: center;
      margin: 0; }
      .image-grid-style-2.resturant-gallery .image-grid-content .hover-action ul li {
        margin: 0 6px; }
        .image-grid-style-2.resturant-gallery .image-grid-content .hover-action ul li a i {
          width: 50px;
          border: 2px solid #fff;
          color: #fff;
          height: 50px;
          line-height: 46px;
          border-radius: 100%;
          font-size: 24px; }
  .image-grid-style-2.resturant-gallery:hover .image-grid-content {
    opacity: 1; }

/*-----------------------------
    Image Grid style 3
-------------------------------*/
.image-grid-style-3 .thumb {
  overflow: hidden; }
  .image-grid-style-3 .thumb a img {
    transition: 0.4s ease-in-out; }
.image-grid-style-3:hover .thumb a img {
  transform: scale(1.1) rotate(3deg); }

/*-----------------------------
    Image Grid style 4
-------------------------------*/
.image-grid-style-4 {
  margin-top: 20px;
  position: relative; }
  .image-grid-style-4 .thumb a img {
    width: 100%; }
  .image-grid-style-4 .image-grid-content {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transition: 0.3s ease-out;
    transition-property: opacity,transform,filter;
    background: rgba(255, 255, 255, 0.8);
    opacity: 0; }
    .image-grid-style-4 .image-grid-content .content {
      position: absolute;
      top: 50%;
      width: 100%;
      text-align: center;
      transform: translateY(-50%);
      padding: 0 80px; }
      .image-grid-style-4 .image-grid-content .content h2 a {
        color: #18012c; }
      .image-grid-style-4 .image-grid-content .content p {
        font-size: 16px;
        font-family: "Montserrat", sans-serif;
        font-weight: 500;
        margin: 0;
        line-height: 28px; }
  .image-grid-style-4:hover .image-grid-content {
    opacity: 1;
    transform: translateX(0) translateY(0); }

/*-----------------------------
    Image Grid style 5
-------------------------------*/
.image-grid-style-5 {
  margin-top: 50px;
  position: relative; }
  .image-grid-style-5 .thumb a img {
    width: 100%; }
  .image-grid-style-5 .image-grid-content {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transition: 0.3s ease-out;
    transition-property: opacity,transform,filter;
    background: rgba(0, 0, 0, 0.8);
    opacity: 0; }
    .image-grid-style-5 .image-grid-content .content {
      position: absolute;
      top: 50%;
      width: 100%;
      text-align: center;
      transform: translateY(-50%);
      padding: 0 20px; }
      .image-grid-style-5 .image-grid-content .content h2 {
        color: #ffffff;
        margin-bottom: 5px;
        font-size: 23px; }
        .image-grid-style-5 .image-grid-content .content h2 a {
          color: #ffffff; }
      .image-grid-style-5 .image-grid-content .content p {
        font-size: 16px;
        font-family: "Montserrat", sans-serif;
        font-weight: 500;
        margin: 0;
        line-height: 26px;
        color: #ffffff; }
  .image-grid-style-5:hover .image-grid-content {
    opacity: 1;
    transform: translateX(0) translateY(0); }

/*-----------------------------
    Image Justify layout
-------------------------------*/
.single-image-grid-2 .thumb a {
  display: block; }

.single-image-grid-2 .thumb a img {
  width: 100%; }

/*============================
    Banner Style
==============================*/
.ht-banner.banner-1 {
  margin-top: 4px; }
.ht-banner.banner-2 {
  margin-top: 30px; }
.ht-banner.banner-3 {
  margin-top: 30px; }
.ht-banner.banner-4 {
  margin-top: 30px; }
.ht-banner .thumb a {
  overflow: hidden;
  position: relative;
  display: block; }
  .ht-banner .thumb a::before {
    background: #ffffff none repeat scroll 0 0;
    content: "";
    height: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transition: all 0.5s ease 0s;
    width: 0; }
  .ht-banner .thumb a::after {
    background: #ffffff none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    transition: all 0.5s ease 0s;
    width: 0; }
  .ht-banner .thumb a img {
    width: 100%; }
.ht-banner:hover .thumb a::before {
  height: 100%;
  opacity: 0.3;
  width: 100%; }
.ht-banner:hover .thumb a::after {
  height: 100%;
  opacity: 0.3;
  width: 100%; }
.ht-banner.banner-4 {
  position: relative;
  z-index: 2; }
  .ht-banner.banner-4 .thumb a {
    display: block;
    z-index: 2;
    overflow: visible; }
    .ht-banner.banner-4 .thumb a::after {
      display: none; }
    .ht-banner.banner-4 .thumb a::before {
      position: absolute;
      border: 1px solid #f3a395;
      width: 100%;
      height: 100%;
      content: "";
      left: -10px;
      top: 10px;
      z-index: 1;
      transition: 0.4s;
      background: transparent;
      opacity: 1; }
  .ht-banner.banner-4:hover .thumb a::before {
    top: 0;
    left: 0; }

.ht-banner {
  position: relative; }
  .ht-banner.banner-1 .content {
    position: absolute;
    z-index: 2; }
    .ht-banner.banner-1 .content h6 {
      color: #1f1e26;
      font-size: 20px;
      font-weight: 700;
      letter-spacing: 11px;
      text-transform: uppercase;
      margin-bottom: 0;
      font-family: "Poppins", sans-serif; }
    .ht-banner.banner-1 .content h2 {
      color: #1f1e26;
      font-size: 60px;
      text-transform: uppercase;
      margin-bottom: 1px;
      font-family: "Poppins", sans-serif; }
    .ht-banner.banner-1 .content p {
      color: #1f1e26;
      font-size: 16px;
      text-transform: uppercase;
      margin: 0; }
    .ht-banner.banner-1 .content h3 {
      color: #1f1e26;
      font-size: 24px;
      font-weight: 700;
      text-transform: uppercase;
      margin-bottom: 6px;
      font-family: "Poppins", sans-serif; }
    .ht-banner.banner-1 .content a {
      color: #383838;
      font-weight: 700;
      text-transform: uppercase;
      font-size: 14px;
      border-bottom: 1px solid #909b74;
      transition: 0.4s; }
    .ht-banner.banner-1 .content.top-right {
      top: 50%;
      right: 0;
      left: auto;
      padding-right: 50px;
      transform: translateY(-50%); }
    .ht-banner.banner-1 .content.bottom-center {
      bottom: 0;
      width: 100%;
      text-align: center;
      padding-bottom: 40px; }
    .ht-banner.banner-1 .content.text-white h3,
    .ht-banner.banner-1 .content.text-white h2,
    .ht-banner.banner-1 .content.text-white p,
    .ht-banner.banner-1 .content.text-white h6 {
      color: #fff; }
    .ht-banner.banner-1 .content.text-white a {
      color: #fff;
      border-bottom: 1px solid #fff; }
  .ht-banner.banner-2 .content {
    position: absolute;
    z-index: 2; }
    .ht-banner.banner-2 .content h3 {
      color: #242424;
      font-size: 30px;
      font-weight: 400;
      margin-bottom: 6px;
      font-family: 'Prata', serif; }
      @media only screen and (max-width: 479px) {
        .ht-banner.banner-2 .content h3 {
          font-size: 22px; } }
    .ht-banner.banner-2 .content p {
      color: #1f1e26;
      font-size: 14px;
      text-transform: uppercase;
      margin: 0;
      font-weight: 400;
      font-family: 'Rubik', sans-serif; }
    .ht-banner.banner-2 .content.top-center {
      top: 0;
      width: 100%;
      text-align: center;
      padding-top: 47px; }
    .ht-banner.banner-2 .content.bottom-center {
      bottom: 0;
      width: 100%;
      text-align: center;
      padding-bottom: 45px; }
    .ht-banner.banner-2 .content.text-white h3,
    .ht-banner.banner-2 .content.text-white h2,
    .ht-banner.banner-2 .content.text-white p,
    .ht-banner.banner-2 .content.text-white h6 {
      color: #fff; }
    .ht-banner.banner-2 .content.text-white a {
      color: #fff;
      border-bottom: 1px solid #fff; }
  .ht-banner.banner-3 .content {
    position: absolute;
    z-index: 2; }
    .ht-banner.banner-3 .content h3 {
      color: #ffffff;
      font-size: 20px;
      font-weight: 800;
      margin-bottom: 10px;
      font-family: 'Open Sans', sans-serif; }
    .ht-banner.banner-3 .content p {
      color: #ffffff;
      margin: 0;
      font-size: 14px;
      font-family: 'Open Sans', sans-serif;
      font-weight: 600;
      line-height: 26px;
      padding-right: 77px;
      margin-bottom: 15px; }
      @media only screen and (max-width: 767px) {
        .ht-banner.banner-3 .content p {
          line-height: 23px;
          padding-right: 0;
          margin-bottom: 8px; } }
    .ht-banner.banner-3 .content a {
      font-family: 'Open Sans', sans-serif;
      font-weight: 600;
      background: #ffffff;
      height: 30px;
      display: inline-block;
      padding: 0 15px;
      line-height: 30px;
      color: #000000;
      font-size: 12px;
      border-radius: 20px;
      transition: 0.4s ease-in-out; }
      .ht-banner.banner-3 .content a:hover {
        background: #18012c;
        color: #fff; }
    .ht-banner.banner-3 .content.top-left {
      top: 0;
      width: 100%;
      text-align: left;
      padding-left: 40px;
      padding-top: 40px;
      padding-right: 40px; }
  .ht-banner.banner-4 .content {
    position: absolute;
    z-index: 2; }
    .ht-banner.banner-4 .content h2 {
      color: #646161;
      font-size: 24px;
      font-weight: 700;
      margin-bottom: 0;
      font-family: 'Rubik', sans-serif; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .ht-banner.banner-4 .content h2 {
          font-size: 17px; } }
      .ht-banner.banner-4 .content h2 span {
        color: #f3a395; }
    .ht-banner.banner-4 .content span {
      color: #f3a395;
      font-size: 24px;
      font-weight: 700;
      margin-bottom: 0;
      font-family: 'Rubik', sans-serif; }
    .ht-banner.banner-4 .content.center-right {
      top: 50%;
      transform: translateY(-50%);
      right: 0;
      padding-right: 30px; }
    .ht-banner.banner-4 .content.center-left {
      top: 50%;
      transform: translateY(-50%);
      left: 0;
      padding-left: 30px; }
    .ht-banner.banner-4 .content.center-between {
      display: flex;
      justify-content: space-between;
      flex-direction: column;
      top: 0;
      width: 100%;
      text-align: center;
      padding: 40px 0;
      height: 100%; }

/*==============================
    Thumb Gallery Css
================================*/
.ht-thumb-gallery ul.thumb-gallery-list {
  margin: 0;
  padding: 0;
  list-style: none; }

.thumb-gallery-list.arrow-style-1 {
  position: relative; }
  .thumb-gallery-list.arrow-style-1 button {
    position: absolute;
    top: 50%;
    left: 30px;
    z-index: 2;
    width: 50px;
    height: 50px;
    background: #000000;
    color: #fff;
    border: 0 none;
    border-radius: 100%;
    font-size: 30px;
    text-align: center;
    padding: 0;
    margin: 0;
    transition: 0.4s ease-in-out;
    transform: translateY(-50%); }
    .thumb-gallery-list.arrow-style-1 button:hover {
      background: #0056ff;
      color: #fff; }
    .thumb-gallery-list.arrow-style-1 button.thumb-gallery-next {
      left: auto;
      right: 30px; }
.thumb-gallery-list.arrow-style-2 {
  position: relative; }
  .thumb-gallery-list.arrow-style-2 button {
    position: absolute;
    top: 50%;
    left: 42px;
    z-index: 2;
    background: transparent;
    color: #fff;
    border: 0 none;
    border-radius: 100%;
    font-size: 48px;
    text-align: center;
    padding: 0;
    margin: 0;
    transition: 0.4s ease-in-out;
    transform: translateY(-50%); }
    .thumb-gallery-list.arrow-style-2 button:hover {
      color: #0056ff; }
    .thumb-gallery-list.arrow-style-2 button.thumb-gallery-next {
      left: auto;
      right: 42px; }

.thumb-gallery-navigation .small-thumb {
  cursor: pointer; }
  .thumb-gallery-navigation .small-thumb img {
    width: 100%; }

.thumb-gallery-list .content {
  position: absolute;
  bottom: 40px;
  left: 0;
  background: rgba(0, 86, 255, 0.7);
  padding: 5px 38px; }
  .thumb-gallery-list .content.right-bottom {
    bottom: 40px;
    left: auto;
    right: 0; }
  .thumb-gallery-list .content h2 {
    margin: 0;
    color: #ffffff;
    font-size: 24px;
    line-height: 46px;
    font-weight: 500; }
    @media only screen and (max-width: 767px) {
      .thumb-gallery-list .content h2 {
        font-size: 14px;
        line-height: 37px; } }

.thumb-gallery-navigation .slick-slide.slick-current.slick-active.slick-center .small-thumb img {
  border: 3px solid #0056ff; }

.thumb-gallery-navigation .small-thumb img {
  border: 3px solid #d7d7d7; }

.thumb-gallery-navigation.thumb-gallery-nav .slick-slide {
  padding: 3px 0px; }

.thumb-gallery-navigation.thumb-gallery-nav {
  margin: -3px 0; }

.thumb-gallery-navigation.thumb-gallery-nav-2 .slick-slide {
  padding: 5px 3px; }

.thumb-gallery-navigation.thumb-gallery-nav-2 {
  margin: 0 -3px; }

.ht-thumb-gallery .slick-slide img {
  display: block;
  width: 100%; }

@media only screen and (max-width: 767px) {
  .thumb-gallery-list.arrow-style-2 button {
    left: 0; }

  .thumb-gallery-list.arrow-style-2 button.thumb-gallery-next {
    right: 0; } }
/*================================
    Call To Action Style    
=================================*/
@media only screen and (max-width: 767px) {
  .call-to-action-default {
    padding: 100px 0 !important; } }
.call-to-action-default .content p {
  color: #ffffff;
  font-size: 16px;
  margin: 0; }
.call-to-action-default .content h1 {
  color: #f7ca18;
  font-size: 80px;
  font-weight: 600;
  margin-bottom: 27px;
  font-family: "Poppins", sans-serif; }
  @media only screen and (max-width: 767px) {
    .call-to-action-default .content h1 {
      font-size: 57px;
      margin-bottom: 18px; } }
  @media only screen and (max-width: 479px) {
    .call-to-action-default .content h1 {
      font-size: 43px; }
      .pop_sect{
        background-position: top !important; 
      }
      
  }
.call-to-action-default .content a.call_btn {
  background: #f7ca18;
  height: 47px;
  padding: 0 38px;
  display: inline-block;
  line-height: 47px;
  border-radius: 25px;
  color: #000000;
  font-size: 14px;
  transition: 0.4s ease-in-out; }
  .call-to-action-default .content a.call_btn:hover {
    background: #ffffff;
    color: #18012c; }
.call-to-action-default.reapair-call-to-action .content p {
  color: #ffffff;
  font-size: 24px;
  margin: 0; }
.call-to-action-default.reapair-call-to-action .content h1 {
  color: #152545;
  font-size: 72px;
  font-weight: 700;
  margin-bottom: 27px;
  font-family: "Poppins", sans-serif; }
  @media only screen and (max-width: 767px) {
    .call-to-action-default.reapair-call-to-action .content h1 {
      font-size: 57px;
      margin-bottom: 18px; } }
  @media only screen and (max-width: 479px) {
    .call-to-action-default.reapair-call-to-action .content h1 {
      font-size: 43px; } }
.call-to-action-default.reapair-call-to-action .content a.call_btn {
  background: #152545;
  height: 47px;
  padding: 0 38px;
  display: inline-block;
  line-height: 47px;
  border-radius: 25px;
  color: #ffffff;
  font-size: 14px;
  transition: 0.4s ease-in-out; }
  .call-to-action-default.reapair-call-to-action .content a.call_btn:hover {
    background: #ffffff;
    color: #18012c; }

/*================================
    Call To Action Style 2   
=================================*/
.call-to-action-2 .content h2 {
  color: #ffffff;
  font-family: "Poppins", sans-serif;
  font-size: 38px;
  font-weight: 600;
  margin-bottom: 6px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .call-to-action-2 .content h2 {
      font-size: 31px; } }
  @media only screen and (max-width: 767px) {
    .call-to-action-2 .content h2 {
      font-size: 30px;
      font-weight: 600;
      margin-bottom: 12px; } }
.call-to-action-2 .content p {
  color: #ffffff;
  font-family: "Montserrat", sans-serif;
  font-weight: 300;
  font-size: 18px;
  margin: 0; }
@media only screen and (max-width: 767px) {
  .call-to-action-2 .action-btn {
    margin-top: 26px; } }
.call-to-action-2 .action-btn a.call_btn {
  height: 48px;
  display: inline-block;
  border: 2px solid #ffffff;
  color: #ffff;
  border-radius: 25px;
  padding: 0 46px;
  line-height: 43px;
  font-size: 14px;
  font-weight: 600;
  transition: 0.4s ease-in-out; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .call-to-action-2 .action-btn a.call_btn {
      padding: 0 18px; } }
  .call-to-action-2 .action-btn a.call_btn:hover {
    background: #ffffff;
    color: #18012c;
    border: 2px solid #ffffff; }

/*================================
    Call To Action Style 3   
=================================*/
.call-to-action-3 {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding: 70px 98px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .call-to-action-3 {
      padding: 70px 0px; } }
  @media only screen and (max-width: 767px) {
    .call-to-action-3 {
      padding: 70px 20px;
      display: block; } }
  .call-to-action-3.separator {
    position: relative; }
    .call-to-action-3.separator::before {
      position: absolute;
      content: "";
      background: #999999;
      height: 50px;
      width: 2px;
      left: 50%;
      top: 50%;
      transform: translateX(-50%) translateY(-50%); }
      @media only screen and (max-width: 767px) {
        .call-to-action-3.separator::before {
          display: none; } }
  @media only screen and (max-width: 767px) {
    .call-to-action-3 .content {
      margin-bottom: 20px; } }
  .call-to-action-3 .content p {
    color: #000000;
    font-size: 14px;
    line-height: 25px;
    margin-bottom: 5px; }
  .call-to-action-3 .content h1 {
    color: #000000;
    font-weight: 500;
    font-size: 24px;
    margin: 0; }
  .call-to-action-3 .action-btn a.call_btn {
    height: 50px;
    display: inline-block;
    border: 2px solid #000000;
    color: #000000;
    border-radius: 25px;
    padding: 0 60px;
    line-height: 46px;
    font-size: 14px;
    font-weight: 600;
    transition: 0.4s ease-in-out; }
    @media only screen and (max-width: 575px) {
      .call-to-action-3 .action-btn a.call_btn {
        padding: 0 38px; } }
    .call-to-action-3 .action-btn a.call_btn:hover {
      background: #000000;
      color: #ffffff;
      border: 2px solid #000000; }

/*================================
    Call To Action Style 4   
=================================*/
.call-to-action-4 .content h2 {
  color: #ffffff;
  font-weight: 400;
  font-size: 36px;
  margin-bottom: 21px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .call-to-action-4 .content h2 {
      font-size: 29px;
      margin-bottom: 15px; } }
  @media only screen and (max-width: 767px) {
    .call-to-action-4 .content h2 {
      font-size: 29px;
      margin-bottom: 15px; } }
.call-to-action-4 .content p {
  color: #ffffff;
  font-size: 18px;
  line-height: 35px;
  padding: 0 17%;
  margin-bottom: 34px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .call-to-action-4 .content p {
      padding: 0 14%; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .call-to-action-4 .content p {
      padding: 0 3%;
      margin-bottom: 24px; } }
  @media only screen and (max-width: 767px) {
    .call-to-action-4 .content p {
      padding: 0 3%;
      margin-bottom: 24px; } }
.call-to-action-4 .action-btn a.call_btn {
  background: #ffffff;
  height: 50px;
  display: inline-block;
  padding: 0 40px;
  line-height: 50px;
  border-radius: 25px;
  color: #0056ff;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  transition: 0.4s ease-in-out; }
  .call-to-action-4 .action-btn a.call_btn:hover {
    background: #18012c;
    color: #ffffff; }
.call-to-action-4.event-call-to-action .content p {
  color: #ffffff;
  font-size: 16px;
  line-height: 20px;
  padding: 0 17%;
  margin-bottom: 19px; }
.call-to-action-4.event-call-to-action .content h2 {
  color: #ffffff;
  font-weight: 700;
  font-size: 60px;
  margin-bottom: 30px;
  font-family: "Poppins", sans-serif; }
  @media screen {
    .call-to-action-4.event-call-to-action .content h2 {
      font-size: 44px;
      margin-bottom: 24px; } }
.call-to-action-4.event-call-to-action .action-btn a.call_btn {
  background: #ffffff;
  height: 50px;
  display: inline-block;
  padding: 0 50px;
  line-height: 50px;
  border-radius: 25px;
  color: #000000;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  transition: 0.4s ease-in-out;
  font-family: "Montserrat", sans-serif; }
  .call-to-action-4.event-call-to-action .action-btn a.call_btn:hover {
    background: #18012c;
    color: #ffffff; }

/*================================
    Call To Action Style 5   
=================================*/
.call-to-action-5 .content h2 {
  color: #ffffff;
  font-size: 40px;
  line-height: 60px;
  font-weight: 500;
  padding: 0 17%; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .call-to-action-5 .content h2 {
      font-size: 36px;
      line-height: 54px;
      padding: 0 20px; } }
  @media only screen and (max-width: 767px) {
    .call-to-action-5 .content h2 {
      font-size: 32px;
      line-height: 50px;
      padding: 0 20px; } }
  @media only screen and (max-width: 479px) {
    .call-to-action-5 .content h2 {
      font-size: 24px;
      line-height: 39px;
      padding: 0 15px; } }
.call-to-action-5 .content p {
  color: #ffffff;
  font-size: 18px;
  margin-bottom: 44px;
  font-family: 'Rubik', sans-serif; }
.call-to-action-5 .action-btn a.call_btn {
  border: 2px solid #ffffff;
  height: 50px;
  display: inline-block;
  padding: 0 46px;
  line-height: 48px;
  color: #ffffff;
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
  border-radius: 4px;
  transition: 0.4s ease-in-out;
  font-family: 'Rubik', sans-serif; }
  .call-to-action-5 .action-btn a.call_btn:hover {
    background: #ffffff;
    color: #18012c; }

/*================================
    Call To Action Style 6  
=================================*/
.call-to-action-6 .content h2 {
  color: #494949;
  font-size: 40px;
  line-height: 58px;
  font-weight: 500; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .call-to-action-6 .content h2 {
      font-size: 35px;
      line-height: 52px; } }
  @media only screen and (max-width: 767px) {
    .call-to-action-6 .content h2 {
      font-size: 29px;
      line-height: 47px; } }
.call-to-action-6 .content p {
  color: #494949;
  font-size: 18px;
  margin-bottom: 32px;
  line-height: 30px;
  padding-right: 27%; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .call-to-action-6 .content p {
      padding-right: 10%; } }
  @media only screen and (max-width: 767px) {
    .call-to-action-6 .content p {
      margin-bottom: 23px;
      line-height: 30px;
      padding-right: 5%; } }
.call-to-action-6 .action-btn a.call_btn {
  height: 50px;
  display: inline-block;
  padding: 0 37px;
  line-height: 50px;
  color: #ffffff;
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
  transition: 0.4s ease-in-out;
  background: #e97730;
  font-family: "Montserrat", sans-serif; }
  .call-to-action-6 .action-btn a.call_btn:hover {
    background: #18012c;
    color: #ffffff; }

/*================================
    Call To Action Style 7 
=================================*/
.call-to-action-7 .call-to-action-inner {
  display: inline-block;
  padding: 100px 240px;
  background: rgba(255, 255, 255, 0.6); }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .call-to-action-7 .call-to-action-inner {
      padding: 100px 193px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .call-to-action-7 .call-to-action-inner {
      padding: 64px 86px; } }
  @media only screen and (max-width: 767px) {
    .call-to-action-7 .call-to-action-inner {
      padding: 40px 14px; } }
  .call-to-action-7 .call-to-action-inner .content h2 {
    color: #1e1e1e;
    font-size: 42px;
    line-height: 53px;
    font-weight: 700;
    font-family: 'Cormorant Garamond', serif;
    margin-bottom: 29px; }
    @media only screen and (max-width: 575px) {
      .call-to-action-7 .call-to-action-inner .content h2 {
        font-size: 31px;
        line-height: 45px;
        margin-bottom: 15px; } }
    @media only screen and (max-width: 479px) {
      .call-to-action-7 .call-to-action-inner .content h2 {
        font-size: 26px;
        line-height: 36px;
        margin-bottom: 10px; } }
  .call-to-action-7 .call-to-action-inner .action-btn a.call_btn {
    display: inline-block;
    color: #2c2c2c;
    font-weight: 600;
    font-size: 24px;
    transition: 0.4s ease-in-out;
    font-family: 'Cormorant Garamond', serif;
    border-bottom: 2px solid #4f4848; }
    .call-to-action-7 .call-to-action-inner .action-btn a.call_btn:hover {
      color: #18012c;
      border-bottom: 2px solid #18012c; }

/*=================================
    Twitter Style
==================================*/
/*=================================
    Twitter Style 1
==================================*/
.ht-twitter-default {
  display: flex; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .ht-twitter-default {
      flex-wrap: wrap; } }
  @media only screen and (max-width: 479px) {
    .ht-twitter-default {
      flex-wrap: wrap; } }
  .ht-twitter-default .thumb {
    padding-right: 30px; }
    .ht-twitter-default .thumb img {
      max-width: 70px;
      border: 1px solid #eaeaea; }
  .ht-twitter-default .content {
    margin-top: -7px; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .ht-twitter-default .content {
        margin-top: 20px; } }
    @media only screen and (max-width: 479px) {
      .ht-twitter-default .content {
        margin-top: 20px; } }
    .ht-twitter-default .content .author {
      margin-bottom: 6px; }
      .ht-twitter-default .content .author h6 {
        display: inline-block;
        font-weight: 400;
        font-size: 14px;
        margin: 0;
        padding-right: 10px;
        position: relative; }
        .ht-twitter-default .content .author h6 a {
          color: #5c5c5c;
          transition: 0.3s ease-in-out; }
          .ht-twitter-default .content .author h6 a:hover {
            color: #18012c; }
        .ht-twitter-default .content .author h6::before {
          position: absolute;
          content: "";
          right: 0;
          background: #000;
          height: 14px;
          width: 1px;
          top: 50%;
          transform: translateY(-50%); }
      .ht-twitter-default .content .author span {
        color: #000000;
        font-size: 14px;
        padding-left: 10px; }
    .ht-twitter-default .content p {
      color: #434343;
      font-size: 14px;
      line-height: 25px;
      margin-bottom: 10px; }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .ht-twitter-default .content p {
          padding-right: 21px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .ht-twitter-default .content p {
          padding-right: 21px; } }
      @media only screen and (max-width: 767px) {
        .ht-twitter-default .content p {
          padding-right: 21px; } }
      .ht-twitter-default .content p a {
        color: #00c8fa; }
    .ht-twitter-default .content ul.twitter-meta {
      padding: 0;
      margin: 0;
      list-style: none;
      display: flex; }
      .ht-twitter-default .content ul.twitter-meta li {
        margin-right: 14px;
        padding-right: 14px;
        position: relative; }
        .ht-twitter-default .content ul.twitter-meta li a {
          color: #aaaaaa;
          font-size: 13px;
          transition: 0.3s ease-in-out; }
          .ht-twitter-default .content ul.twitter-meta li a:hover {
            color: #18012c; }
          .ht-twitter-default .content ul.twitter-meta li a i {
            padding-right: 10px; }
        .ht-twitter-default .content ul.twitter-meta li::after {
          position: absolute;
          content: "";
          background: #000;
          width: 1px;
          height: 11px;
          right: 0;
          top: 50%;
          transform: translateY(-50%); }
        .ht-twitter-default .content ul.twitter-meta li:last-child::after {
          display: none; }

/*=================================
    Twitter Style 2
==================================*/
.ht-twitter-2 {
  background: #fff;
  padding: 40px;
  border-radius: 4px; }
  .ht-twitter-2 .ht-twitter-container {
    display: flex; }
    .ht-twitter-2 .ht-twitter-container .thumb {
      padding-right: 30px; }
      .ht-twitter-2 .ht-twitter-container .thumb img {
        max-width: 70px;
        border: 1px solid #eaeaea; }
    .ht-twitter-2 .ht-twitter-container .content {
      margin-top: -7px; }
      .ht-twitter-2 .ht-twitter-container .content .author {
        margin-bottom: 6px; }
        .ht-twitter-2 .ht-twitter-container .content .author h6 {
          display: inline-block;
          font-weight: 400;
          font-size: 14px;
          margin: 0;
          position: relative;
          font-family: "Poppins", sans-serif; }
          .ht-twitter-2 .ht-twitter-container .content .author h6 a {
            color: #000000;
            transition: 0.3s ease-in-out; }
            .ht-twitter-2 .ht-twitter-container .content .author h6 a:hover {
              color: #18012c; }
            .ht-twitter-2 .ht-twitter-container .content .author h6 a span {
              color: #a6a6a6; }
        .ht-twitter-2 .ht-twitter-container .content .author span {
          color: #000000;
          font-size: 14px;
          padding-left: 10px; }
      .ht-twitter-2 .ht-twitter-container .content p {
        color: #434343;
        font-size: 14px;
        line-height: 25px;
        margin-bottom: 10px; }
        .ht-twitter-2 .ht-twitter-container .content p a {
          color: #00c8fa; }
  .ht-twitter-2 .twitter-meta-inner {
    display: flex;
    justify-content: space-between; }
    .ht-twitter-2 .twitter-meta-inner ul.twitter-meta {
      padding: 0;
      margin: 0 -10px;
      list-style: none;
      display: flex; }
      .ht-twitter-2 .twitter-meta-inner ul.twitter-meta li {
        position: relative;
        margin: 0 10px; }
        .ht-twitter-2 .twitter-meta-inner ul.twitter-meta li a {
          color: #878787;
          font-size: 13px;
          transition: 0.3s ease-in-out; }
          .ht-twitter-2 .twitter-meta-inner ul.twitter-meta li a:hover {
            color: #18012c; }
    .ht-twitter-2 .twitter-meta-inner p {
      margin: 0;
      color: #7f7f7f;
      font-size: 12px; }

.twitter-activation-2 .slick-slide {
  padding: 0px 15px; }

/*=================================
    Twitter Style 3
==================================*/
.ht-twitter-3 {
  background: #ffffff;
  border: 1px solid #eaeaea;
  padding: 30px 15px 30px 20px; }
  .ht-twitter-3 .content .author {
    margin-bottom: 6px; }
    .ht-twitter-3 .content .author h6 {
      display: inline-block;
      font-weight: 400;
      font-size: 14px;
      margin: 0;
      padding-right: 10px;
      position: relative; }
      .ht-twitter-3 .content .author h6 a {
        color: #5c5c5c;
        transition: 0.3s ease-in-out; }
        .ht-twitter-3 .content .author h6 a:hover {
          color: #18012c; }
      .ht-twitter-3 .content .author h6::before {
        position: absolute;
        content: "";
        right: 0;
        background: #000;
        height: 14px;
        width: 1px;
        top: 50%;
        transform: translateY(-50%); }
    .ht-twitter-3 .content .author span {
      color: #000000;
      font-size: 14px;
      padding-left: 10px; }
  .ht-twitter-3 .content p {
    color: #434343;
    font-size: 14px;
    line-height: 25px;
    margin-bottom: 10px; }
    .ht-twitter-3 .content p a {
      color: #00c8fa; }
  .ht-twitter-3 .content ul.twitter-meta {
    padding: 0;
    margin: 0 -10px;
    list-style: none;
    display: flex; }
    .ht-twitter-3 .content ul.twitter-meta li {
      position: relative;
      margin: 0 10px; }
      .ht-twitter-3 .content ul.twitter-meta li a {
        color: #aaaaaa;
        font-size: 13px;
        transition: 0.3s ease-in-out; }
        .ht-twitter-3 .content ul.twitter-meta li a:hover {
          color: #18012c; }

.twitter-activation-3 .slick-slide {
  padding: 0px 15px; }

/*=================================
    Twitter Style 1
==================================*/
.ht-twitter-4 .thumb img {
  max-width: 70px;
  border: 1px solid #eaeaea; }
.ht-twitter-4 .content {
  padding-top: 25px; }
  .ht-twitter-4 .content .author {
    margin-bottom: 6px; }
    .ht-twitter-4 .content .author h6 {
      display: inline-block;
      font-weight: 400;
      font-size: 14px;
      margin: 0;
      padding-right: 10px;
      position: relative; }
      .ht-twitter-4 .content .author h6 a {
        color: #5c5c5c;
        transition: 0.3s ease-in-out; }
        .ht-twitter-4 .content .author h6 a:hover {
          color: #18012c; }
      .ht-twitter-4 .content .author h6::before {
        position: absolute;
        content: "";
        right: 0;
        background: #000;
        height: 14px;
        width: 1px;
        top: 50%;
        transform: translateY(-50%); }
    .ht-twitter-4 .content .author span {
      color: #000000;
      font-size: 14px;
      padding-left: 10px; }
  .ht-twitter-4 .content p {
    color: #434343;
    font-size: 14px;
    line-height: 25px;
    margin-bottom: 10px; }
    .ht-twitter-4 .content p a {
      color: #00c8fa; }
  .ht-twitter-4 .content ul.twitter-meta {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    padding-top: 20px;
    border-top: 1px solid #00c8fa;
    justify-content: space-between; }
    .ht-twitter-4 .content ul.twitter-meta li {
      position: relative; }
      .ht-twitter-4 .content ul.twitter-meta li a {
        color: #aaaaaa;
        font-size: 13px;
        transition: 0.3s ease-in-out; }
        .ht-twitter-4 .content ul.twitter-meta li a:hover {
          color: #18012c; }
        .ht-twitter-4 .content ul.twitter-meta li a i {
          padding-right: 10px; }

.twitter-activation-4 .slick-slide {
  padding: 0px 15px; }

/*=================================
    Twitter Style 5
==================================*/
.ht-twitter-5 {
  background: #ffffff;
  padding: 30px 15px 30px 20px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  margin: 5px; }
  .ht-twitter-5 .content .author {
    margin-bottom: 6px; }
    .ht-twitter-5 .content .author h6 {
      display: inline-block;
      font-weight: 400;
      font-size: 14px;
      margin: 0;
      padding-right: 10px;
      position: relative; }
      .ht-twitter-5 .content .author h6 a {
        color: #5c5c5c;
        transition: 0.3s ease-in-out; }
        .ht-twitter-5 .content .author h6 a:hover {
          color: #18012c; }
      .ht-twitter-5 .content .author h6::before {
        position: absolute;
        content: "";
        right: 0;
        background: #000;
        height: 14px;
        width: 1px;
        top: 50%;
        transform: translateY(-50%); }
    .ht-twitter-5 .content .author span {
      color: #000000;
      font-size: 14px;
      padding-left: 10px; }
  .ht-twitter-5 .content p {
    color: #434343;
    font-size: 14px;
    line-height: 25px;
    margin-bottom: 10px; }
    .ht-twitter-5 .content p a {
      color: #00c8fa; }
  .ht-twitter-5 .twitter-meta-inner {
    display: flex;
    justify-content: space-between; }
    .ht-twitter-5 .twitter-meta-inner ul.twitter-meta {
      padding: 0;
      margin: 0 -10px;
      list-style: none;
      display: flex; }
      .ht-twitter-5 .twitter-meta-inner ul.twitter-meta li {
        position: relative;
        margin: 0 10px; }
        .ht-twitter-5 .twitter-meta-inner ul.twitter-meta li a {
          color: #878787;
          font-size: 13px;
          transition: 0.3s ease-in-out; }
          .ht-twitter-5 .twitter-meta-inner ul.twitter-meta li a:hover {
            color: #18012c; }
    .ht-twitter-5 .twitter-meta-inner p {
      margin: 0;
      color: #7f7f7f;
      font-size: 12px; }

.twitter-activation-5 .slick-slide {
  padding: 0px 15px; }

/*=================================
    Twitter Arrow Style
==================================*/
.twitter-activation.arrow-style-1 {
  position: relative; }
  .twitter-activation.arrow-style-1 button {
    position: absolute;
    top: 26%;
    left: -60px;
    color: #2d3e50;
    border: 0 none;
    font-size: 60px;
    z-index: 2; }
    .twitter-activation.arrow-style-1 button.twitter-arrow-next {
      left: auto;
      right: -60px; }

.twitter-activation {
  position: relative; }
  .twitter-activation.arrow-style-2 button.slick-arrow {
    position: absolute;
    bottom: -70px;
    left: 43%;
    border: 0 none;
    color: #00c8fa;
    font-size: 30px;
    padding: 0;
    z-index: 2; }
  .twitter-activation.arrow-style-2 button.twitter-arrow-next.slick-arrow {
    left: auto;
    right: 43%; }

.twitter-activation.arrow-style-4 {
  position: relative; }
  .twitter-activation.arrow-style-4 button {
    position: absolute;
    top: 35%;
    left: -60px;
    color: #000000;
    border: 0 none;
    font-size: 30px;
    border: 1px solid #000000;
    background: transparent;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    line-height: 45px;
    z-index: 2; }
    .twitter-activation.arrow-style-4 button.twitter-arrow-next {
      left: auto;
      right: -60px; }

/*---------- Arrow 2 ----------*/
.twitter-activation-2 .slick-dots {
  bottom: -60px; }
  .twitter-activation-2 .slick-dots li {
    width: 10px;
    height: 10px;
    margin: 0 5px;
    padding: 0; }
    .twitter-activation-2 .slick-dots li button {
      width: 10px;
      height: 10px;
      padding: 0;
      background: #000;
      border-radius: 100%; }
      .twitter-activation-2 .slick-dots li button::before {
        display: none; }
    .twitter-activation-2 .slick-dots li.slick-active button {
      background: #00c8fa; }

/*---------- Arrow 3 ----------*/
.twitter-activation-3 .slick-dots {
  bottom: -60px; }
  .twitter-activation-3 .slick-dots li {
    width: 10px;
    height: 10px;
    margin: 0 5px;
    padding: 0; }
    .twitter-activation-3 .slick-dots li button {
      width: 10px;
      height: 10px;
      padding: 0;
      background: #000;
      border-radius: 100%; }
      .twitter-activation-3 .slick-dots li button::before {
        display: none; }
    .twitter-activation-3 .slick-dots li.slick-active button {
      background: #00c8fa; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .twitter-activation.arrow-style-1 button,
  .twitter-activation.arrow-style-4 button {
    left: 0; }

  .twitter-activation.arrow-style-1 button.twitter-arrow-next,
  .twitter-activation.arrow-style-4 button.twitter-arrow-next {
    right: 0; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .twitter-activation.arrow-style-1 button,
  .twitter-activation.arrow-style-4 button {
    left: 0; }

  .twitter-activation.arrow-style-1 button.twitter-arrow-next,
  .twitter-activation.arrow-style-4 button.twitter-arrow-next {
    right: 0; }

  .twitter-activation-1 .slick-track {
    margin: 0 -10px; }

  .twitter-activation-1 .slick-slide {
    margin: 0 10px; }

  .twitter-activation.arrow-style-2 button.slick-arrow {
    left: 39%; }

  .twitter-activation.arrow-style-2 button.twitter-arrow-next.slick-arrow {
    right: 39%; }

  .twitter-activation-2 .slick-slide {
    padding: 0px -1px; } }
@media only screen and (max-width: 767px) {
  .twitter-activation.arrow-style-1 button,
  .twitter-activation.arrow-style-4 button {
    left: 0; }

  .twitter-activation.arrow-style-1 button.twitter-arrow-next,
  .twitter-activation.arrow-style-4 button.twitter-arrow-next {
    right: 0; }

  .twitter-activation.arrow-style-2 button.slick-arrow {
    left: 35%; }

  .twitter-activation.arrow-style-2 button.twitter-arrow-next.slick-arrow {
    right: 35%; } }
@media only screen and (max-width: 575px) {
  .twitter-activation-2 .slick-slide {
    padding: 0; }

  .ht-twitter-2 {
    padding: 32px 10px; }

  .ht-twitter-2 .ht-twitter-container {
    display: block; }

  .ht-twitter-2 .ht-twitter-container .thumb {
    padding-right: 0;
    margin-bottom: 16px; }

  .ht-twitter-2 .ht-twitter-container .content p {
    display: inline-block; }

  .twitter-activation.arrow-style-2 button.slick-arrow {
    left: 25%; }

  .twitter-activation.arrow-style-2 button.twitter-arrow-next.slick-arrow {
    right: 25%; }

  .twitter-activation-3 .slick-slide {
    padding: 0; }

  .ht-twitter-5 {
    box-shadow: inherit;
    margin: 0; } }
/*===========================
Custom Carousel Style
=============================*/
.ht-custom-carousel .single-custom-carousel img {
  width: 100%; }

.custom-carousel-active .slick-slide .single-custom-carousel img {
  transition: all 0.3s ease 0s;
  display: block; }

.custom-carousel-active .single-custom-carousel {
  position: relative;
  transition: all 0.3s ease 0s; }

.custom-carousel-active .slick-slide.slick-active .single-custom-carousel {
  transform: scale(1.15); }

.custom-carousel-active .slick-slide.slick-center .single-custom-carousel {
  transform: scale(1.3); }

.custom-carousel-active .slick-slide.slick-center {
  z-index: 999;
  position: relative; }

.custom-carousel-active .slick-slide {
  padding: 72px 0;
  transition: all 0.3s ease 0s; }

/*----------------------
    Slick Dot
-----------------------*/
.custom-carousel-active .slick-dots {
  text-align: center;
  bottom: -60px; }
  .custom-carousel-active .slick-dots li {
    display: inline-block;
    margin: 0; }
    .custom-carousel-active .slick-dots li button {
      border: 1px solid #863F51;
      width: 12px;
      height: 12px;
      padding: 0;
      border-radius: 50%;
      background-color: transparent;
      text-indent: -9999px; }
    .custom-carousel-active .slick-dots li.slick-active button {
      background-color: #863F51; }

/*------------------------------
    Custom Carousel Style 2
-------------------------------*/
.custom-carousel-active-2 .slick-slide .single-custom-carousel img {
  transition: all 0.3s ease 0s;
  display: block; }

.custom-carousel-active-2 .single-custom-carousel {
  position: relative;
  transition: all 0.3s ease 0s;
  padding: 0 40px;
  transform: scale(1.1); }

.custom-carousel-active-2 .slick-slide.slick-center .single-custom-carousel {
  transform: scale(1.3); }

.custom-carousel-active-2 .slick-slide.slick-center {
  z-index: 999;
  position: relative; }

.custom-carousel-active-2 .slick-slide.slick-active {
  transition: all 0.3s ease 0s; }

.custom-carousel-active-2 .slick-slide {
  padding: 72px 0;
  transition: all 0.3s ease 0s; }

.custom-carousel-active-2 {
  position: relative; }
  .custom-carousel-active-2 button {
    position: absolute;
    left: -80px;
    top: 50%;
    transform: translateY(-50%);
    background: #000000;
    color: #f4f4f4;
    width: 40px;
    height: 40px;
    border: 0 none;
    border-radius: 100%;
    padding: 0;
    margin: 0;
    font-size: 30px;
    transition: 0.3s ease-in-out; }
    .custom-carousel-active-2 button:hover {
      background: #0056ff;
      color: #fff; }
    .custom-carousel-active-2 button.custom-arrow-next {
      left: auto;
      right: -80px; }

/*------------------------------
    Custom Carousel Style 3
-------------------------------*/
.custom-carousel-active-3 .slick-slide {
  margin: 0px 15px; }

.custom-carousel-active-3 .slick-list.draggable {
  margin: 0 -15px; }

.ht-custom-carousel.arrow-style-3 .slick-dots {
  bottom: -60px; }
  .ht-custom-carousel.arrow-style-3 .slick-dots li {
    width: 10px;
    height: 10px;
    margin: 0 5px;
    padding: 0; }
    .ht-custom-carousel.arrow-style-3 .slick-dots li button {
      width: 10px;
      height: 10px;
      padding: 0;
      background: #000;
      border-radius: 100%; }
      .ht-custom-carousel.arrow-style-3 .slick-dots li button::before {
        display: none; }
    .ht-custom-carousel.arrow-style-3 .slick-dots li.slick-active button {
      background: #00c8fa; }

.ht-custom-carousel {
  position: relative; }
  .ht-custom-carousel.arrow-style-3 button.slick-arrow {
    position: absolute;
    bottom: -70px;
    left: 43%;
    border: 0 none;
    color: #00c8fa;
    font-size: 30px;
    padding: 0;
    z-index: 2; }
  .ht-custom-carousel.arrow-style-3 button.custom-arrow-next.slick-arrow {
    left: auto;
    right: 43%; }

/*------------------------------
    Custom Carousel Style 4
-------------------------------*/
.ht-custom-carousel.arrow-style-4 {
  position: relative; }
  .ht-custom-carousel.arrow-style-4 button {
    position: absolute;
    top: 50%;
    left: 0;
    color: #f4f4f4;
    border: 0 none;
    font-size: 30px;
    background: transparent;
    width: 40px;
    height: 50px;
    line-height: 45px;
    background: #000000;
    transform: translateY(-50%);
    z-index: 2; }
    .ht-custom-carousel.arrow-style-4 button.custom-arrow-next {
      left: auto;
      right: 0; }

.custom-carousel-active-4 .slick-list {
  margin: 0 -15px; }

.custom-carousel-active-4 .slick-slide {
  margin: 0px 15px; }

/*------------------------------
    Custom Carousel Style 5
-------------------------------*/
.custom-carousel-active-5 .slick-slide {
  margin: 0px 15px; }

.custom-carousel-active-5 .slick-list {
  margin: 0 -15px; }

.custom-carousel-active-5 .slick-dots {
  bottom: -40px;
  background: #dbdbdb;
  height: 8px;
  border-radius: 4px;
  left: 0;
  right: 0;
  width: auto; }
  .custom-carousel-active-5 .slick-dots li {
    width: 33.33%;
    height: 8px;
    margin: 0;
    left: 0;
    top: -13px;
    transition: 0.4s ease-in-out; }
    .custom-carousel-active-5 .slick-dots li::before {
      position: absolute;
      content: "";
      left: 0;
      top: 0;
      width: 0;
      height: 100%;
      background: #0056ff;
      border-radius: 4px;
      transition: 0.4s ease-in-out; }
    .custom-carousel-active-5 .slick-dots li button {
      width: 33.33%;
      height: 8px;
      margin: 0;
      left: 0; }
      .custom-carousel-active-5 .slick-dots li button::before {
        display: none; }
    .custom-carousel-active-5 .slick-dots li.slick-active::before {
      width: 100%; }

/*------------------------------
    Custom Carousel Style 6
-------------------------------*/
.ht-custom-carousel.arrow-style-6 {
  position: relative; }
  .ht-custom-carousel.arrow-style-6 button {
    position: absolute;
    top: 50%;
    left: 0;
    color: #f4f4f4;
    border: 0 none;
    font-size: 30px;
    background: transparent;
    width: 40px;
    height: 50px;
    background: #000000;
    transform: translateY(-50%);
    z-index: 2;
    padding: 0; }
    .ht-custom-carousel.arrow-style-6 button.custom-arrow-next {
      left: auto;
      right: 0; }

.navigation-carousel-6 .custom-navigation-wrapper {
  background: #19243c;
  margin-top: -8px; }
  .navigation-carousel-6 .custom-navigation-wrapper .navigation-content {
    padding: 30px 0;
    position: relative;
    z-index: 2;
    text-align: center; }
    .navigation-carousel-6 .custom-navigation-wrapper .navigation-content h6 {
      color: #ffffff;
      margin: 0;
      font-size: 14px;
      font-weight: 600; }
      .navigation-carousel-6 .custom-navigation-wrapper .navigation-content h6 span {
        color: #ff8400;
        padding-right: 6px; }
  .navigation-carousel-6 .custom-navigation-wrapper .slick-slide {
    cursor: pointer; }
  .navigation-carousel-6 .custom-navigation-wrapper .slick-list {
    overflow: visible; }
  .navigation-carousel-6 .custom-navigation-wrapper .slick-current.slick-center {
    position: relative;
    z-index: 2;
    display: inline-block; }
    .navigation-carousel-6 .custom-navigation-wrapper .slick-current.slick-center::before {
      position: absolute;
      content: "";
      background: #223152;
      z-index: 1;
      width: 100%;
      height: 116%;
      bottom: 0;
      left: 0; }

/*------------------------------
    Custom Carousel Style 7
-------------------------------*/
.custom-carousel-active-7 {
  position: relative; }
  .custom-carousel-active-7 button {
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    color: #f4f4f4;
    border: 0 none;
    border-radius: 100%;
    padding: 0;
    margin: 0;
    font-size: 48px;
    transition: 0.3s ease-in-out;
    z-index: 1; }
    .custom-carousel-active-7 button:hover {
      color: #18012c; }
    .custom-carousel-active-7 button.custom-arrow-next {
      left: auto;
      right: 20px; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .custom-carousel-active-2 .single-custom-carousel {
    padding: 0 28px; } }
@media only screen and (max-width: 767px) {
  .custom-carousel-active-2 .single-custom-carousel {
    padding: 0 15px; }

  .ht-custom-carousel.arrow-style-3 button.slick-arrow {
    left: 36%; }

  .ht-custom-carousel.arrow-style-3 button.custom-arrow-next.slick-arrow {
    right: 36%; } }
@media only screen and (max-width: 575px) {
  .custom-carousel-active-2 .slick-slide.slick-center .single-custom-carousel {
    transform: scale(1.1); } }
@media only screen and (max-width: 479px) {
  .ht-custom-carousel.arrow-style-3 button.slick-arrow {
    left: 30%; }

  .ht-custom-carousel.arrow-style-3 button.custom-arrow-next.slick-arrow {
    right: 30%; }

  .navigation-carousel-6 .custom-navigation-wrapper .slick-current.slick-center::before {
    height: 100%; }

  .navigation-carousel-6 .custom-navigation-wrapper .navigation-content {
    padding: 17px 0; } }
/*=================================
    Faq Style
===================================*/
.ht-faq-inner h2 {
  color: #494849;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 30px; }
.ht-faq-inner .panel-group {
  margin: 0; }

/*-------------
    Faq Style 1
-------------------------------*/
.faq-style-1 .panel-default {
  margin-bottom: 10px; }
.faq-style-1 .panel-title {
  margin-bottom: 0; }
  .faq-style-1 .panel-title a {
    background: #f4f4f4;
    display: block;
    padding: 23px 20px;
    color: #18012c;
    font-size: 14px;
    font-weight: 500;
    padding-left: 82px;
    position: relative; }
    .faq-style-1 .panel-title a::before {
      position: absolute;
      content: "\f128";
      font-family: 'FontAwesome';
      color: #18012c;
      font-size: 20px;
      width: 50px;
      height: 50px;
      text-align: center;
      background: #ffffff;
      line-height: 50px;
      left: 6px;
      top: 50%;
      transform: translateY(-50%);
      transition: 0.4s ease-in-out; }
    .faq-style-1 .panel-title a.collapsed::before {
      content: "\f00c"; }
.faq-style-1 .panel-body {
  background: #e9e9e9;
  padding: 40px 30px; }
  @media only screen and (max-width: 479px) {
    .faq-style-1 .panel-body {
      padding: 30px 20px; } }
  .faq-style-1 .panel-body p {
    color: #494849;
    font-size: 14px;
    line-height: 28px; }
  .faq-style-1 .panel-body .read-btn a {
    font-size: 14px;
    color: #3e3e3e;
    font-weight: 500;
    font-family: "Montserrat", sans-serif;
    display: inline-block;
    border-bottom: 1px solid #9e9e9e; }

/*-------------
    Faq Style 2
-------------------------------*/
.faq-style-2 .panel-default {
  margin-bottom: 10px; }
.faq-style-2 .panel-title {
  margin-bottom: 0; }
  .faq-style-2 .panel-title a {
    background: #ffffff;
    display: block;
    padding: 23px 20px;
    color: #18012c;
    font-size: 14px;
    font-weight: 500;
    padding-right: 82px;
    position: relative; }
    .faq-style-2 .panel-title a::before {
      position: absolute;
      content: "\f128";
      font-family: 'FontAwesome';
      color: #18012c;
      font-size: 20px;
      width: 50px;
      height: 50px;
      text-align: center;
      background: transparent;
      line-height: 50px;
      right: 6px;
      top: 50%;
      transform: translateY(-50%);
      transition: 0.4s ease-in-out; }
    .faq-style-2 .panel-title a.collapsed::before {
      content: "\f00c"; }
.faq-style-2 .panel-body {
  background: #e9e9e9;
  padding: 40px 30px; }
  @media only screen and (max-width: 479px) {
    .faq-style-2 .panel-body {
      padding: 30px 20px; } }
  .faq-style-2 .panel-body p {
    color: #494849;
    font-size: 14px;
    line-height: 28px; }
  .faq-style-2 .panel-body .read-btn a {
    font-size: 14px;
    color: #3e3e3e;
    font-weight: 500;
    font-family: "Montserrat", sans-serif;
    display: inline-block;
    border-bottom: 1px solid #9e9e9e; }

/*-------------
    Faq Style 3
-------------------------------*/
.faq-style-3 .panel-default {
  margin-bottom: 10px; }
.faq-style-3 .panel-title {
  margin-bottom: 0; }
  .faq-style-3 .panel-title a {
    background: #f4f4f4;
    display: block;
    padding: 23px 20px;
    color: #18012c;
    font-size: 14px;
    font-weight: 500;
    padding-left: 82px;
    position: relative;
    border-radius: 30px; }
    .faq-style-3 .panel-title a::before {
      position: absolute;
      content: "\f128";
      font-family: 'FontAwesome';
      color: #18012c;
      font-size: 20px;
      width: 50px;
      height: 50px;
      text-align: center;
      background: #ffffff;
      line-height: 50px;
      left: 6px;
      top: 50%;
      transform: translateY(-50%);
      transition: 0.4s ease-in-out;
      border-radius: 100%; }
    .faq-style-3 .panel-title a.collapsed::before {
      content: "\f00c"; }
.faq-style-3 .panel-body {
  background: transparent;
  padding: 28px;
  border-left: 1px dashed #0a0a0a !important;
  margin-left: 31px;
  margin-bottom: -10px; }
  @media only screen and (max-width: 480px) {
    .faq-style-3 .panel-body {
      padding: 16px;
      margin-left: 25px; } 
.mobile-menu .mean-bar .meanmenu-reveal, .mean-container a.meanmenu-reveal.meanclose {
    position: absolute;
    top: -65px!important;
}}
  .faq-style-3 .panel-body p {
    color: #494849;
    font-size: 14px;
    line-height: 28px; }
  .faq-style-3 .panel-body .read-btn a {
    font-size: 14px;
    color: #3e3e3e;
    font-weight: 500;
    font-family: "Montserrat", sans-serif;
    display: inline-block;
    border-bottom: 1px solid #9e9e9e; }

/*-------------
    Faq Style 4
-------------------------------*/
.faq-style-4 .panel-default {
  margin-bottom: 10px; }
.faq-style-4 .panel-title {
  margin-bottom: 0; }
  .faq-style-4 .panel-title a {
    background: #ffffff;
    display: block;
    padding: 23px 20px;
    color: #18012c;
    font-size: 14px;
    font-weight: 500;
    padding-right: 82px;
    position: relative;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }
    .faq-style-4 .panel-title a::before {
      position: absolute;
      content: "\f128";
      font-family: 'FontAwesome';
      color: #18012c;
      font-size: 20px;
      width: 50px;
      height: 50px;
      text-align: center;
      background: transparent;
      line-height: 50px;
      right: 6px;
      top: 50%;
      transform: translateY(-50%);
      transition: 0.4s ease-in-out;
      border-radius: 100%; }
    .faq-style-4 .panel-title a.collapsed::before {
      content: "\f00c"; }
.faq-style-4 .panel-body {
  background: #e9e9e9;
  padding: 40px 30px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }
  @media only screen and (max-width: 479px) {
    .faq-style-4 .panel-body {
      padding: 30px 20px; } }
  .faq-style-4 .panel-body p {
    color: #494849;
    font-size: 14px;
    line-height: 28px; }
  .faq-style-4 .panel-body .read-btn a {
    font-size: 14px;
    color: #494849;
    font-weight: 500;
    font-family: "Montserrat", sans-serif;
    display: inline-block;
    border-bottom: 1px solid #9e9e9e;
    line-height: 28px; }

/*-------------
    Faq Style 5
-------------------------------*/
.faq-style-5 .panel-default {
  margin-bottom: 10px; }
.faq-style-5 .panel-title {
  margin-bottom: 0; }
  .faq-style-5 .panel-title a {
    background: #ffffff;
    display: block;
    padding: 23px 20px;
    color: #18012c;
    font-size: 14px;
    font-weight: 500;
    padding-left: 82px;
    position: relative;
    border: 1px solid #b8b8b8; }
    .faq-style-5 .panel-title a::before {
      position: absolute;
      content: "\f128";
      font-family: 'FontAwesome';
      color: #18012c;
      font-size: 20px;
      width: 65px;
      height: 100%;
      text-align: center;
      background: transparent;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
      transition: 0.4s ease-in-out;
      border-right: 1px solid #b8b8b8;
      line-height: 60px; }
    .faq-style-5 .panel-title a.collapsed::before {
      content: "\f00c"; }
.faq-style-5 .panel-body {
  background: transparent;
  padding: 40px 30px;
  border: 1px solid #b8b8b8;
  border-top: 1px solid transparent; }
  @media only screen and (max-width: 479px) {
    .faq-style-5 .panel-body {
      padding: 30px 20px; } }
  .faq-style-5 .panel-body p {
    color: #494849;
    font-size: 14px;
    line-height: 28px; }
  .faq-style-5 .panel-body .read-btn a {
    font-size: 14px;
    color: #494849;
    font-weight: 500;
    font-family: "Montserrat", sans-serif;
    display: inline-block;
    border-bottom: 1px solid #9e9e9e;
    line-height: 28px; }

/*================================
    Post Carousel Style
=================================*/
.post-carousel-wrapper {
  margin: 0 -15px; }
  .post-carousel-wrapper .slick-slide {
    margin: 0 15px; }

.post-carousel {
  position: relative; }
  .post-carousel .thumb a img {
    width: 100%; }
  .post-carousel .ptc-content .content ul {
    list-style: none;
    display: flex;
    padding: 0;
    margin: 0;
    justify-content: center; }
    .post-carousel .ptc-content .content ul.post-category li a {
      background: #f05555;
      color: #fff;
      height: 24px;
      padding: 0 9px;
      font-size: 12px;
      text-transform: uppercase;
      display: inline-block;
      line-height: 24px;
      letter-spacing: 2px;
      font-weight: 300; }

/*-------------------------------
    Post Carousel Style 1
--------------------------------*/
.post-carousel-1 .ptc-content {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2; }
  .post-carousel-1 .ptc-content::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: #33a3b9;
    transition: 0.4s ease-in-out; }
  .post-carousel-1 .ptc-content .content {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-align: left;
    padding: 25px; }
    .post-carousel-1 .ptc-content .content ul {
      justify-content: flex-start; }
      .post-carousel-1 .ptc-content .content ul.meta {
        margin-bottom: 14px; }
        .post-carousel-1 .ptc-content .content ul.meta li {
          color: #ffffff;
          font-size: 13px;
          letter-spacing: 1px; }
          .post-carousel-1 .ptc-content .content ul.meta li i {
            font-size: 16px;
            padding-right: 10px; }
          .post-carousel-1 .ptc-content .content ul.meta li a {
            color: #ffffff; }
          .post-carousel-1 .ptc-content .content ul.meta li + li {
            margin-left: 24px; }
    .post-carousel-1 .ptc-content .content h2 {
      font-size: 24px;
      font-weight: 500;
      margin-top: 18px;
      margin-bottom: 11px; }
      @media only screen and (max-width: 575px) {
        .post-carousel-1 .ptc-content .content h2 {
          font-size: 19px;
          margin-top: 12px; } }
      .post-carousel-1 .ptc-content .content h2 a {
        color: #ffffff; }
    .post-carousel-1 .ptc-content .content p {
      color: #ffffff;
      font-size: 14px;
      line-height: 28px;
      margin-bottom: 28px; }
      @media only screen and (max-width: 575px) {
        .post-carousel-1 .ptc-content .content p {
          line-height: 24px;
          margin-bottom: 12px; } }
    .post-carousel-1 .ptc-content .content .post-btn a.readmore-btn {
      display: inline-block;
      border: 1px solid #ffffff;
      height: 46px;
      line-height: 44px;
      padding: 0 37px;
      border-radius: 23px;
      font-size: 14px;
      color: #ffffff;
      transition: 0.4s ease-in-out; }
      .post-carousel-1 .ptc-content .content .post-btn a.readmore-btn:hover {
        background: #ffffff;
        border: 1px solid #ffffff;
        color: #33a3b9; }
.post-carousel-1:hover .ptc-content::before {
  background: rgba(51, 163, 185, 0.8); }

.post-carousel-active {
  position: relative; }
  .post-carousel-active button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -80px;
    width: 50px;
    height: 50px;
    background: #5e5e5e;
    border: 0 none;
    color: #fff;
    border-radius: 100%;
    font-size: 30px;
    padding: 0;
    margin: 0;
    transition: 0.4s ease-in-out;
    z-index: 2; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .post-carousel-active button {
        left: 0px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .post-carousel-active button {
        left: 0px; } }
    @media only screen and (max-width: 767px) {
      .post-carousel-active button {
        left: 0px; } }
    .post-carousel-active button:hover {
      background: #5cb5c7;
      color: #ffffff; }
    .post-carousel-active button.post-next {
      left: auto;
      right: -80px; }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .post-carousel-active button.post-next {
          right: 0px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .post-carousel-active button.post-next {
          right: 0px; } }
      @media only screen and (max-width: 767px) {
        .post-carousel-active button.post-next {
          right: 0px; } }

/*-------------------------------
    Post Carousel Style 2
--------------------------------*/
.post-carousel-2 .ptc-content {
  padding: 0 20px;
  margin-top: -50px;
  text-align: center;
  position: relative;
  z-index: 2; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .post-carousel-2 .ptc-content {
      padding: 0 10px; } }
  @media only screen and (max-width: 767px) {
    .post-carousel-2 .ptc-content {
      padding: 0 20px; } }
  .post-carousel-2 .ptc-content .content {
    background: #ffffff;
    padding: 20px;
    border-bottom: 4px solid #b5b5b5;
    padding-top: 35px;
    transition: 0.4s ease-in-out; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .post-carousel-2 .ptc-content .content {
        padding: 15px 20px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .post-carousel-2 .ptc-content .content {
        padding: 15px 20px; } }
    .post-carousel-2 .ptc-content .content ul {
      justify-content: space-between; }
      .post-carousel-2 .ptc-content .content ul.meta li {
        color: #333333;
        font-size: 14px;
        font-family: 'Courgette', cursive; }
        .post-carousel-2 .ptc-content .content ul.meta li i {
          font-size: 14px;
          padding-right: 12px;
          color: #333333; }
        .post-carousel-2 .ptc-content .content ul.meta li a {
          color: #333333; }
    .post-carousel-2 .ptc-content .content h2 {
      font-size: 20px;
      font-weight: 600;
      margin-bottom: 11px;
      line-height: 28px;
      margin-bottom: 25px;
      padding: 0 30px; }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .post-carousel-2 .ptc-content .content h2 {
          padding: 0 9px; } }
      @media only screen and (max-width: 767px) {
        .post-carousel-2 .ptc-content .content h2 {
          padding: 0;
          margin-bottom: 16px; } }
      .post-carousel-2 .ptc-content .content h2 a {
        color: #4f4f4f;
        transition: 0.4s ease-in-out; }
        .post-carousel-2 .ptc-content .content h2 a:hover {
          color: #0056ff; }
    .post-carousel-2 .ptc-content .content p {
      color: #333;
      font-size: 14px;
      line-height: 24px;
      margin-bottom: 29px;
      font-family: "Montserrat", sans-serif;
      font-weight: 400; }
.post-carousel-2:hover .ptc-content .content {
  border-bottom: 4px solid #0056ff; }
.post-carousel-2.construction-post .ptc-content .content {
  background: #eff2f7;
  border-bottom: 4px solid #dedede; }
  .post-carousel-2.construction-post .ptc-content .content h2 a:hover {
    color: #fab702; }
.post-carousel-2.construction-post:hover .ptc-content .content {
  border-bottom: 4px solid #fab702; }
.post-carousel-2.event-post .ptc-content .content {
  background: #ffffff;
  border-bottom: 4px solid #b5b5b5; }
  .post-carousel-2.event-post .ptc-content .content h2 a:hover {
    color: #b61670; }
.post-carousel-2.event-post:hover .ptc-content .content {
  border-bottom: 4px solid #b61670; }
.post-carousel-2.resturant-post .ptc-content .content {
  background: #ffffff;
  border-bottom: 4px solid #b5b5b5; }
  .post-carousel-2.resturant-post .ptc-content .content h2 a:hover {
    color: #e54c2a; }
.post-carousel-2.resturant-post:hover .ptc-content .content {
  border-bottom: 4px solid #e54c2a; }

/*-------------------------------
    Post Carousel Style 3
--------------------------------*/
.post-carousel-3 .ptc-content {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2; }
  .post-carousel-3 .ptc-content .content {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    padding: 20px;
    width: 100%; }
    .post-carousel-3 .ptc-content .content ul {
      justify-content: center; }
      .post-carousel-3 .ptc-content .content ul.post-category {
        margin: 0 -5px; }
        .post-carousel-3 .ptc-content .content ul.post-category li {
          margin: 0 5px; }
      .post-carousel-3 .ptc-content .content ul.meta {
        margin: 0 -14px;
        margin-bottom: 10px; }
        .post-carousel-3 .ptc-content .content ul.meta li {
          color: #ffffff;
          font-size: 13px;
          letter-spacing: 1px;
          margin: 0 14px; }
          .post-carousel-3 .ptc-content .content ul.meta li i {
            font-size: 16px;
            padding-right: 10px; }
          .post-carousel-3 .ptc-content .content ul.meta li a {
            color: #ffffff; }
    .post-carousel-3 .ptc-content .content h2 {
      font-size: 24px;
      font-weight: 500;
      margin-top: 18px;
      margin-bottom: 11px; }
      @media only screen and (max-width: 575px) {
        .post-carousel-3 .ptc-content .content h2 {
          font-size: 20px; } }
      .post-carousel-3 .ptc-content .content h2 a {
        color: #ffffff;
        transition: 0.4s ease-in-out; }
        .post-carousel-3 .ptc-content .content h2 a:hover {
          color: #33a3b9; }
    .post-carousel-3 .ptc-content .content .post-btn a.readmore-btn {
      display: inline-block;
      border-bottom: 1px solid #ffffff;
      font-size: 14px;
      color: #ffffff;
      transition: 0.4s ease-in-out;
      font-family: "Montserrat", sans-serif;
      font-weight: 500; }
      .post-carousel-3 .ptc-content .content .post-btn a.readmore-btn:hover {
        color: #33a3b9;
        border-bottom: 1px solid #33a3b9; }

.post-carousel-active-3 {
  position: relative; }
  .post-carousel-active-3 button {
    position: absolute;
    top: -48px;
    right: 15px;
    width: 46px;
    height: 40px;
    background: #263170;
    border: 0 none;
    color: #fff;
    font-size: 30px;
    padding: 0;
    margin: 0;
    transition: 0.4s ease-in-out; }
    .post-carousel-active-3 button:hover {
      background: #5cb5c7;
      color: #ffffff; }
    .post-carousel-active-3 button.post-prev {
      right: 66px; }

/*-------------------------------
    Post Carousel Style 4
--------------------------------*/
.post-carousel-4 .post-carousel-flex {
  display: flex;
  align-items: center; }
  @media only screen and (max-width: 767px) {
    .post-carousel-4 .post-carousel-flex {
      flex-wrap: wrap; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .post-carousel-4 .post-carousel-flex {
      flex-wrap: wrap; } }
  .post-carousel-4 .post-carousel-flex .thumb a img {
    width: 100%; }
  @media only screen and (max-width: 767px) {
    .post-carousel-4 .post-carousel-flex .thumb {
      flex-basis: 100%; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .post-carousel-4 .post-carousel-flex .thumb {
      flex-basis: 100%; } }
  .post-carousel-4 .post-carousel-flex .ptc-content {
    flex-basis: 58%;
    position: relative;
    margin-left: -113px;
    background: #fff;
    padding: 57px 24px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .post-carousel-4 .post-carousel-flex .ptc-content {
        flex-basis: 82%;
        margin-left: -113px;
        padding: 12px 21px; } }
    @media only screen and (max-width: 767px) {
      .post-carousel-4 .post-carousel-flex .ptc-content {
        flex-basis: 100%;
        margin-left: 0;
        padding: 31px 12px;
        box-shadow: initial; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .post-carousel-4 .post-carousel-flex .ptc-content {
        flex-basis: 100%;
        margin-left: 0;
        padding: 31px 12px;
        box-shadow: initial; } }
.post-carousel-4 .ptc-content .content ul {
  justify-content: flex-start; }
  .post-carousel-4 .ptc-content .content ul.post-category {
    margin: 0 -5px; }
    .post-carousel-4 .ptc-content .content ul.post-category li {
      margin: 0 5px; }
  .post-carousel-4 .ptc-content .content ul.meta {
    margin: 0 -14px;
    margin-bottom: 10px; }
    .post-carousel-4 .ptc-content .content ul.meta li {
      color: #8c8c8c;
      font-size: 14px;
      font-family: "Montserrat", sans-serif;
      font-weight: 500;
      margin: 0 14px; }
      .post-carousel-4 .ptc-content .content ul.meta li i {
        font-size: 16px;
        padding-right: 10px; }
      .post-carousel-4 .ptc-content .content ul.meta li a {
        color: #8c8c8c; }
.post-carousel-4 .ptc-content .content h2 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 19px; }
  .post-carousel-4 .ptc-content .content h2 a {
    color: #464646;
    transition: 0.4s ease-in-out; }
    .post-carousel-4 .ptc-content .content h2 a:hover {
      color: #0056ff; }
.post-carousel-4 .ptc-content .content p {
  color: #818181;
  font-size: 14px;
  line-height: 24px;
  font-weight: 300;
  font-family: "Montserrat", sans-serif; }
.post-carousel-4 .ptc-content .content .post-btn a.readmore-btn {
  display: inline-block;
  border-bottom: 1px solid #464646;
  font-size: 14px;
  color: #464646;
  transition: 0.4s ease-in-out;
  font-family: "Montserrat", sans-serif;
  font-weight: 500; }
  .post-carousel-4 .ptc-content .content .post-btn a.readmore-btn:hover {
    color: #0056ff;
    border-bottom: 1px solid #0056ff; }

.post-carousel-active-4 {
  position: relative; }
  .post-carousel-active-4 button.slick-arrow {
    position: absolute;
    bottom: -70px;
    left: 43%;
    border: 0 none;
    color: #0056ff;
    font-size: 30px;
    padding: 0;
    z-index: 2; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .post-carousel-active-4 button.slick-arrow {
        left: 39%; } }
    @media only screen and (max-width: 767px) {
      .post-carousel-active-4 button.slick-arrow {
        left: 36%; } }
    @media only screen and (max-width: 575px) {
      .post-carousel-active-4 button.slick-arrow {
        left: 28%; } }
  .post-carousel-active-4 button:hover {
    color: #18012c; }
  .post-carousel-active-4 button.post-next.slick-arrow {
    left: auto;
    right: 43%; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .post-carousel-active-4 button.post-next.slick-arrow {
        right: 39%; } }
    @media only screen and (max-width: 767px) {
      .post-carousel-active-4 button.post-next.slick-arrow {
        right: 36%; } }
    @media only screen and (max-width: 575px) {
      .post-carousel-active-4 button.post-next.slick-arrow {
        right: 28%; } }
  .post-carousel-active-4 .slick-dots {
    bottom: -60px; }
    .post-carousel-active-4 .slick-dots li {
      width: 10px;
      height: 10px;
      margin: 0 5px;
      padding: 0; }
      .post-carousel-active-4 .slick-dots li button {
        width: 10px;
        height: 10px;
        padding: 0;
        background: #000;
        border-radius: 100%; }
        .post-carousel-active-4 .slick-dots li button::before {
          text-indent: -9999999999px; }
      .post-carousel-active-4 .slick-dots li.slick-active button {
        background: #0056ff; }

/* Blog Gradening */
.post-carousel-active-4.gardeninig-blog button.slick-arrow {
  color: #6dc32e; }

.post-carousel-active-4.gardeninig-blog .slick-dots li.slick-active button {
  background: #6dc32e; }

.gardeninig-blog .post-carousel-4 .ptc-content .content h2 a:hover {
  color: #6dc32e; }

.gardeninig-blog .post-carousel-4 .ptc-content .content .post-btn a.readmore-btn:hover {
  color: #6dc32e;
  border-bottom: 1px solid #6dc32e; }

/* Blog Portfolio */
.post-carousel-active-4.portfolio-blog button.slick-arrow {
  color: #313131; }

.post-carousel-active-4.portfolio-blog .slick-dots li.slick-active button {
  background: #313131; }

.portfolio-blog .post-carousel-4 .ptc-content .content h2 a:hover {
  color: #313131; }

.portfolio-blog .post-carousel-4 .ptc-content .content .post-btn a.readmore-btn:hover {
  color: #313131;
  border-bottom: 1px solid #313131; }

/*-------------------------------
    Post Carousel Style 5
--------------------------------*/
.post-carousel-5 .ptc-content .content {
  text-align: left;
  padding: 14px 0; }
  .post-carousel-5 .ptc-content .content ul {
    justify-content: flex-start; }
    .post-carousel-5 .ptc-content .content ul.meta {
      margin: 0 -10px;
      margin-bottom: 7px; }
      .post-carousel-5 .ptc-content .content ul.meta li {
        color: #333333;
        font-size: 14px;
        font-family: "Montserrat", sans-serif;
        padding: 0 10px;
        font-weight: 500;
        position: relative; }
        .post-carousel-5 .ptc-content .content ul.meta li::before {
          position: absolute;
          content: "/";
          right: 0;
          top: 2px; }
        .post-carousel-5 .ptc-content .content ul.meta li:last-child::before {
          display: none; }
        .post-carousel-5 .ptc-content .content ul.meta li a {
          color: #333333; }
  .post-carousel-5 .ptc-content .content h2 {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 11px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .post-carousel-5 .ptc-content .content h2 {
        font-size: 22px; } }
    @media only screen and (max-width: 767px) {
      .post-carousel-5 .ptc-content .content h2 {
        font-size: 19px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .post-carousel-5 .ptc-content .content h2 {
        font-size: 22px; } }
    .post-carousel-5 .ptc-content .content h2 a {
      color: #333333;
      transition: 0.4s ease-in-out; }
      .post-carousel-5 .ptc-content .content h2 a:hover {
        color: #0056ff; }
  .post-carousel-5 .ptc-content .content p {
    color: #333333;
    font-size: 17px;
    line-height: 29px;
    margin-bottom: 24px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .post-carousel-5 .ptc-content .content p {
        font-size: 14px; } }
    @media only screen and (max-width: 767px) {
      .post-carousel-5 .ptc-content .content p {
        font-size: 20px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .post-carousel-5 .ptc-content .content p {
        font-size: 14px; } }
  .post-carousel-5 .ptc-content .content .post-btn a.readmore-btn {
    display: inline-block;
    border-bottom: 1px solid #464646;
    font-size: 14px;
    transition: 0.4s ease-in-out;
    font-family: "Montserrat", sans-serif;
    color: #333333; }
    .post-carousel-5 .ptc-content .content .post-btn a.readmore-btn:hover {
      border-bottom: 1px solid #0056ff;
      color: #0056ff; }
.post-carousel-5.cleaning-post .ptc-content .content h2 a:hover {
  color: #03a9f4; }
.post-carousel-5.cleaning-post .ptc-content .content p {
  color: #6d6a6a; }
.post-carousel-5.cleaning-post .ptc-content .content .post-btn a.readmore-btn:hover {
  border-bottom: 1px solid #03a9f4;
  color: #03a9f4; }
.post-carousel-5.medical-post .ptc-content .content h2 a:hover {
  color: #0bb6ce; }
.post-carousel-5.medical-post .ptc-content .content .post-btn a.readmore-btn:hover {
  border-bottom: 1px solid #0bb6ce;
  color: #0bb6ce; }

.post-carousel-active-5 {
  position: relative; }
  .post-carousel-active-5 button {
    position: absolute;
    top: 28%;
    left: 15px;
    width: 46px;
    height: 46px;
    background: #ffffff;
    border: 0 none;
    color: #0056ff;
    font-size: 24px;
    padding: 0;
    margin: 0;
    transition: 0.4s ease-in-out;
    z-index: 2; }
    .post-carousel-active-5 button:hover {
      background: #0056ff;
      color: #ffffff; }
    .post-carousel-active-5 button.post-next {
      left: auto;
      right: 15px; }
  .post-carousel-active-5.cleaning-post-wrapper button {
    color: #03a9f4; }
    .post-carousel-active-5.cleaning-post-wrapper button:hover {
      background: #03a9f4;
      color: #ffffff; }
  .post-carousel-active-5.medical-post-wrapper button {
    color: #0bb6ce; }
    .post-carousel-active-5.medical-post-wrapper button:hover {
      background: #0bb6ce;
      color: #ffffff; }

/*============================
    Business Hours
==============================*/
.shapebg_image--1 {
  background-image: url(img/others/business-shap.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

.ht-mega-business-hours.business-hrs-1 {
  padding: 0 50px; }
  @media only screen and (max-width: 575px) {
    .ht-mega-business-hours.business-hrs-1 {
      padding: 0 10px; } }
  .ht-mega-business-hours.business-hrs-1 .business-hrs-inner {
    padding: 70px 65px;
    margin-top: -15px; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .ht-mega-business-hours.business-hrs-1 .business-hrs-inner {
        padding: 130px 65px; } }
    @media only screen and (max-width: 767px) {
      .ht-mega-business-hours.business-hrs-1 .business-hrs-inner {
        padding: 43px 37px; } }
    @media only screen and (max-width: 479px) {
      .ht-mega-business-hours.business-hrs-1 .business-hrs-inner {
        padding: 43px 21px;
        padding-bottom: 66px; } }
    .ht-mega-business-hours.business-hrs-1 .business-hrs-inner .single-hrs {
      margin-top: 15px; }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .ht-mega-business-hours.business-hrs-1 .business-hrs-inner .single-hrs {
          margin-top: 21px; } }
      .ht-mega-business-hours.business-hrs-1 .business-hrs-inner .single-hrs span.time {
        float: right;
        font-weight: 600;
        color: #000000;
        font-size: 20px;
        font-family: 'Dosis', sans-serif; }
        @media only screen and (max-width: 479px) {
          .ht-mega-business-hours.business-hrs-1 .business-hrs-inner .single-hrs span.time {
            margin-top: 9px;
            margin-bottom: 17px;
            float: left; } }
      .ht-mega-business-hours.business-hrs-1 .business-hrs-inner .single-hrs span.day {
        color: #3b3b3b;
        font-weight: 800;
        font-size: 30px;
        font-family: 'Dosis', sans-serif; }
        @media only screen and (max-width: 575px) {
          .ht-mega-business-hours.business-hrs-1 .business-hrs-inner .single-hrs span.day {
            font-size: 25px; } }
        @media only screen and (max-width: 479px) {
          .ht-mega-business-hours.business-hrs-1 .business-hrs-inner .single-hrs span.day {
            display: block; } }
      .ht-mega-business-hours.business-hrs-1 .business-hrs-inner .single-hrs.closed-day span.time {
        color: #fa2d2d; }
      .ht-mega-business-hours.business-hrs-1 .business-hrs-inner .single-hrs.closed-day span.day {
        color: #fa2d2d; }
.ht-mega-business-hours.business-hrs-2 {
  padding: 0 50px; }
  @media only screen and (max-width: 575px) {
    .ht-mega-business-hours.business-hrs-2 {
      padding: 0; } }
  .ht-mega-business-hours.business-hrs-2 .business-hrs-inner .single-hrs {
    padding: 16px 0;
    border-top: 1px solid #f4f4f4;
    position: relative; }
    .ht-mega-business-hours.business-hrs-2 .business-hrs-inner .single-hrs:first-child {
      border-top: 1px solid transparent; }
    .ht-mega-business-hours.business-hrs-2 .business-hrs-inner .single-hrs::before {
      position: absolute;
      content: "";
      left: 50%;
      top: 50%;
      transform: translateX(-50%) translateY(-50%);
      background: url(img/others/business-shape-line.png);
      width: 2px;
      height: 42px; }
      @media only screen and (max-width: 479px) {
        .ht-mega-business-hours.business-hrs-2 .business-hrs-inner .single-hrs::before {
          display: none; } }
    .ht-mega-business-hours.business-hrs-2 .business-hrs-inner .single-hrs span.day {
      color: #fafafa;
      font-weight: 400;
      font-size: 18px;
      font-family: "Montserrat", sans-serif;
      padding-left: 40px; }
      @media only screen and (max-width: 479px) {
        .ht-mega-business-hours.business-hrs-2 .business-hrs-inner .single-hrs span.day {
          font-size: 16px;
          padding-left: 14px; } }
    .ht-mega-business-hours.business-hrs-2 .business-hrs-inner .single-hrs span.time {
      float: right;
      font-weight: 400;
      color: #ffffff;
      font-size: 16px;
      font-family: "Montserrat", sans-serif;
      padding-right: 40px; }
      @media only screen and (max-width: 479px) {
        .ht-mega-business-hours.business-hrs-2 .business-hrs-inner .single-hrs span.time {
          font-size: 14px;
          padding-right: 9px; } }
    .ht-mega-business-hours.business-hrs-2 .business-hrs-inner .single-hrs:nth-child(odd) {
      background: #ff6f5e; }
    .ht-mega-business-hours.business-hrs-2 .business-hrs-inner .single-hrs:nth-child(even) {
      background: #fe5743; }
.ht-mega-business-hours.business-hrs-3 {
  padding: 0 50px; }
  @media only screen and (max-width: 575px) {
    .ht-mega-business-hours.business-hrs-3 {
      padding: 0; } }
  .ht-mega-business-hours.business-hrs-3 .business-hrs-inner {
    padding: 20px 30px;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
    @media only screen and (max-width: 479px) {
      .ht-mega-business-hours.business-hrs-3 .business-hrs-inner {
        padding: 20px 18px; } }
    .ht-mega-business-hours.business-hrs-3 .business-hrs-inner .single-hrs {
      padding: 10px 22px;
      margin: 4px 0; }
      @media only screen and (max-width: 479px) {
        .ht-mega-business-hours.business-hrs-3 .business-hrs-inner .single-hrs {
          padding: 10px 5px; } }
      .ht-mega-business-hours.business-hrs-3 .business-hrs-inner .single-hrs span {
        font-family: 'Lobster Two', cursive; }
        .ht-mega-business-hours.business-hrs-3 .business-hrs-inner .single-hrs span.day {
          color: #565656;
          font-weight: 400;
          font-size: 20px; }
        .ht-mega-business-hours.business-hrs-3 .business-hrs-inner .single-hrs span.time {
          float: right;
          font-weight: 400;
          color: #565656;
          font-size: 16px; }
      .ht-mega-business-hours.business-hrs-3 .business-hrs-inner .single-hrs.closed-day {
        background: #0056ff; }
        .ht-mega-business-hours.business-hrs-3 .business-hrs-inner .single-hrs.closed-day span.time {
          color: #ffffff; }
        .ht-mega-business-hours.business-hrs-3 .business-hrs-inner .single-hrs.closed-day span.day {
          color: #ffffff; }
.ht-mega-business-hours.business-hrs-4 {
  padding: 0 50px; }
  @media only screen and (max-width: 575px) {
    .ht-mega-business-hours.business-hrs-4 {
      padding: 0; } }
  .ht-mega-business-hours.business-hrs-4 .business-hrs-inner {
    padding: 30px 50px;
    background-image: url(img/bg/bg-image-40.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center; }
    @media only screen and (max-width: 479px) {
      .ht-mega-business-hours.business-hrs-4 .business-hrs-inner {
        padding: 30px 10px; } }
    .ht-mega-business-hours.business-hrs-4 .business-hrs-inner .single-hrs {
      padding: 17px 0;
      position: relative; }
      .ht-mega-business-hours.business-hrs-4 .business-hrs-inner .single-hrs::before {
        position: absolute;
        content: "";
        background: url(img/others/business-shape-line-2.png);
        width: 100%;
        height: 1px;
        bottom: 0; }
      .ht-mega-business-hours.business-hrs-4 .business-hrs-inner .single-hrs:last-child::before {
        display: none; }
      .ht-mega-business-hours.business-hrs-4 .business-hrs-inner .single-hrs span {
        font-family: "Montserrat", sans-serif; }
        .ht-mega-business-hours.business-hrs-4 .business-hrs-inner .single-hrs span.day {
          color: #ffffff;
          font-weight: 500;
          font-size: 16px; }
        .ht-mega-business-hours.business-hrs-4 .business-hrs-inner .single-hrs span.time {
          float: right;
          font-weight: 300;
          color: #ffffff;
          font-size: 14px; }
.ht-mega-business-hours.business-hrs-5 {
  padding: 0 50px; }
  @media only screen and (max-width: 575px) {
    .ht-mega-business-hours.business-hrs-5 {
      padding: 0; } }
  .ht-mega-business-hours.business-hrs-5 .business-hrs-inner {
    padding: 30px 50px;
    position: relative;
    z-index: 2; }
    .ht-mega-business-hours.business-hrs-5 .business-hrs-inner::before {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      content: "";
      z-index: 2;
      right: 0;
      background-image: linear-gradient(#d80d5f, #2f46dc);
      background-image: -webkit-gradient(#d80d5f, #2f46dc);
      background-image: -webkit-linear-gradient(#d80d5f, #2f46dc);
      background-image: -moz-linear-gradient(#d80d5f, #2f46dc);
      background-image: -ms-linear-gradient(#d80d5f, #2f46dc);
      background-image: -o-linear-gradient(#d80d5f, #2f46dc);
      z-index: -1; }
    .ht-mega-business-hours.business-hrs-5 .business-hrs-inner .single-hrs {
      padding: 17px 0;
      position: relative; }
      .ht-mega-business-hours.business-hrs-5 .business-hrs-inner .single-hrs::before {
        position: absolute;
        content: "";
        background: url(img/others/business-shape-line-3.png);
        width: 60px;
        height: 2px;
        left: 45%;
        top: 50%;
        transform: translateX(-50%) translateY(-50%); }
      .ht-mega-business-hours.business-hrs-5 .business-hrs-inner .single-hrs span {
        font-family: "Montserrat", sans-serif; }
        .ht-mega-business-hours.business-hrs-5 .business-hrs-inner .single-hrs span.day {
          color: #ffffff;
          font-weight: 500;
          font-size: 16px; }
        .ht-mega-business-hours.business-hrs-5 .business-hrs-inner .single-hrs span.time {
          float: right;
          font-weight: 300;
          color: #ffffff;
          font-size: 14px; }

/*=========================
    Table Style
==========================*/
/*----------------------
    Table Style 01
------------------------*/
.ht-mega-table-style {
  border-radius: 10px 10px 0 0; }
  .ht-mega-table-style .table {
    margin: 0; }
    .ht-mega-table-style .table thead {
      background-color: #612d91; }
      .ht-mega-table-style .table thead tr th {
        text-align: center;
        border: none;
        font-size: 18px;
        text-transform: uppercase;
        font-weight: 600;
        color: #ffffff;
        padding: 12px 20px;
        border-right: 1px solid #fff; }
    .ht-mega-table-style .table tbody tr {
      background: #824f9e; }
      .ht-mega-table-style .table tbody tr td {
        text-align: center;
        border: none;
        padding: 12px 20px;
        vertical-align: middle;
        border-bottom: 1px solid #ffffff;
        color: #ffffff;
        font-size: 16px;
        border-right: 1px solid #fff; }

.ht-mega-table-style th.tb-no,
.ht-mega-table-style td.tb-no {
  max-width: 86px;
  min-width: 86px;
  width: 86px; }
.ht-mega-table-style th.tb-name,
.ht-mega-table-style td.tb-name {
  min-width: 252px; }
.ht-mega-table-style td.tb-name a {
  font-size: 16px;
  font-weight: 600;
  color: #18012c; }

/*----------------------
    Table Style 02
------------------------*/
.ht-mega-table-style-2 .table {
  margin: 0; }
  .ht-mega-table-style-2 .table thead {
    background-color: #5ac5ff; }
    .ht-mega-table-style-2 .table thead tr th {
      text-align: left;
      border: none;
      font-size: 18px;
      text-transform: uppercase;
      font-weight: 600;
      color: #ffffff;
      padding: 12px 20px;
      border-right: 1px solid #c5c5c5;
      border-left: 1px solid #c5c5c5;
      padding-left: 30px;
      position: relative;
      outline: none; }
      .ht-mega-table-style-2 .table thead tr th::before {
        position: absolute;
        content: "\f0d7";
        right: 20px;
        font-family: FontAwesome;
        top: 30%; }
      .ht-mega-table-style-2 .table thead tr th::after {
        position: absolute;
        right: 20px;
        top: 7px;
        font-family: FontAwesome;
        content: "\f0d8"; }
  .ht-mega-table-style-2 .table tbody tr {
    background: #ffffff; }
    .ht-mega-table-style-2 .table tbody tr:nth-child(even) {
      background: #f4f4f4; }
    .ht-mega-table-style-2 .table tbody tr td {
      text-align: left;
      border: none;
      padding: 12px 20px;
      vertical-align: middle;
      color: #000000;
      font-size: 16px;
      border-right: 1px solid #c5c5c5;
      padding-left: 30px;
      border-left: 1px solid #c5c5c5; }

.ht-mega-table-style-2 th.tb-no,
.ht-mega-table-style-2 td.tb-no {
  max-width: 106px;
  min-width: 106px;
  width: 106px; }
.ht-mega-table-style-2 th.tb-name,
.ht-mega-table-style-2 td.tb-name {
  min-width: 252px; }
.ht-mega-table-style-2 td.tb-name a {
  font-size: 16px;
  font-weight: 600;
  color: #18012c; }

div#example_length {
  display: none; }

div#example_filter {
  display: none; }

div#example_info {
  display: none; }

div#example_paginate {
  display: none; }

/*----------------------
    Table Style 03
------------------------*/
.ht-mega-table-style-3 .table {
  margin: 0; }
  .ht-mega-table-style-3 .table thead {
    background-color: #727272; }
    .ht-mega-table-style-3 .table thead tr th {
      text-align: left;
      border: none;
      font-size: 18px;
      text-transform: uppercase;
      font-weight: 600;
      color: #ffffff;
      padding: 12px 20px;
      border-right: 1px solid #c5c5c5;
      border-left: 1px solid #c5c5c5;
      padding-left: 30px; }
  .ht-mega-table-style-3 .table tbody tr {
    background: #ffffff; }
    .ht-mega-table-style-3 .table tbody tr td {
      text-align: left;
      border: none;
      padding: 12px 20px;
      vertical-align: middle;
      color: #000000;
      font-size: 16px;
      border-right: 1px solid #c5c5c5;
      border-left: 1px solid #c5c5c5;
      border-bottom: 1px solid #c5c5c5;
      padding-left: 30px; }

.ht-mega-table-style-3 th.tb-no,
.ht-mega-table-style-3 td.tb-no {
  max-width: 106px;
  min-width: 106px;
  width: 106px; }
.ht-mega-table-style-3 th.tb-name,
.ht-mega-table-style-3 td.tb-name {
  min-width: 252px; }
.ht-mega-table-style-3 td.tb-name a {
  font-size: 16px;
  font-weight: 600;
  color: #18012c; }

/*----------------------
    Event Table Style 04
------------------------*/
.ht-event-table-style.tab-pane:not(.active) {
  display: none; }

.event-form {
  border: 1px solid #dbdbdb;
  padding: 0 30px;
 }
  .event-form .event-tab-content {
    margin: 0 -30px; }
    @media only screen and (max-width: 767px) {
      .event-form .event-tab-content {
        margin-bottom: 30px;
        justify-content: flex-start !important; } }
    .event-form .event-tab-content a {
      vertical-align: bottom;
      border-bottom: 1px solid #dee2e6;
      border-right: 1px solid #dbdbdb;
      padding: 34px 68px;
      margin-bottom: 30px; }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .event-form .event-tab-content a {
          padding: 34px 44px; } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .event-form .event-tab-content a {
          padding: 26px 20px; } }
      @media only screen and (max-width: 767px) {
        .event-form .event-tab-content a {
          padding: 26px 0;
          margin-bottom: 0;
          flex-basis: 33.33%; } }
      @media only screen and (max-width: 479px) {
        .event-form .event-tab-content a {
          flex-basis: 100%; } }
      .event-form .event-tab-content a span {
        display: block;
        text-align: center;
        color: #484848;
        font-weight: 400;
        font-size: 16px;
        line-height: 20px;
        font-family: "Montserrat", sans-serif; }
        .event-form .event-tab-content a span.day {
          color: #484848;
          font-size: 21px;
          line-height: 25px;
          font-weight: 700; }
      .event-form .event-tab-content a.active {
        background: #00316a; }
        .event-form .event-tab-content a.active span {
          color: #ffffff; }
          .event-form .event-tab-content a.active span.day {
            color: #ffffff; }

.ht-event-table-style table thead th {
  background: #c77ba6 !important;
  color: #fff;
  font-size: 18px;
  border-right: 1px solid #dbdbdb;
  text-align: center; }
.ht-event-table-style table tbody tr th {
  border-right: 1px solid #dbdbdb; }
.ht-event-table-style table tbody tr td {
  font-size: 16px;
  font-weight: 500;
  text-align: left;
  border-right: 1px solid #fff; }
.ht-event-table-style table tbody tr:nth-child(even) {
  background: #eeeeee; }
.ht-event-table-style table tbody tr:nth-child(odd) {
  background: #e3e3e3; }

.event-form .event-tab-content.bd-tab a.active {
  background: #fb5b21; }

.body-table .ht-event-table-style table thead th {
  background: #fd8255 !important; }

/*------------------------------
 Pricing List View Style 
-------------------------------*/
/*----------------------
    Table Style 01
------------------------*/
.ht-pricing-list-view .table {
  margin: 0; }
  .ht-pricing-list-view .table thead tr th {
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    color: #5c5c5c;
    padding: 12px 20px;
    border-right: 1px solid #d4d4d4;
    border-left: 1px solid #d4d4d4;
    font-family: "Montserrat", sans-serif;
    text-transform: inherit; }
  .ht-pricing-list-view .table td.tb-name a {
    font-size: 16px;
    font-weight: 600;
    color: #18012c; }
  .ht-pricing-list-view .table tbody tr td {
    text-align: center;
    border: none;
    padding: 12px 20px;
    vertical-align: middle;
    border-bottom: 1px solid #d4d4d4;
    color: #5c5c5c;
    font-size: 16px;
    border-right: 1px solid #d4d4d4;
    border-left: 1px solid #d4d4d4; }
    .ht-pricing-list-view .table tbody tr td a {
      color: #5c5c5c; }

/*----------------------
    Table Style 02
------------------------*/
.ht-pricing-list-view-2 .table {
  margin: 0; }
  .ht-pricing-list-view-2 .table thead tr th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6;
    padding: 0;
    border: 0 none;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff; }
    .ht-pricing-list-view-2 .table thead tr th:first-child {
      border-left: 1px solid transparent; }
    .ht-pricing-list-view-2 .table thead tr th span {
      text-align: center;
      font-size: 24px;
      font-weight: 600;
      color: #ff6565;
      font-family: "Montserrat", sans-serif;
      text-transform: inherit;
      background: #ffc1c1;
      display: block;
      padding: 12px 20px;
      text-transform: initial; }
  .ht-pricing-list-view-2 .table tbody tr td {
    text-align: center;
    border: none;
    padding: 0;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff; }
    .ht-pricing-list-view-2 .table tbody tr td:first-child {
      border-left: 1px solid transparent;
      border-bottom: 1px solid transparent; }
    .ht-pricing-list-view-2 .table tbody tr td span {
      padding: 12px 20px;
      vertical-align: middle;
      color: #ffffff;
      font-size: 16px;
      background: #ff8686;
      display: block; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .ht-pricing-list-view-2 .table tbody tr td span {
          padding: 12px 3px; } }
      .ht-pricing-list-view-2 .table tbody tr td span i {
        color: #ffffff;
        font-size: 16px; }
    .ht-pricing-list-view-2 .table tbody tr td a {
      color: #ffffff; }
  .ht-pricing-list-view-2 .table td.tb-name a {
    font-size: 16px;
    font-weight: 600;
    color: #18012c; }

/* ht-pricing-list-view-3 */
.ht-pricing-list-view-3 ul {
  list-style: none;
  padding: 0;
  margin: 0; }
  .ht-pricing-list-view-3 ul li {
    margin-bottom: 25px; }
    .ht-pricing-list-view-3 ul li a {
      display: flex;
      flex-wrap: wrap;
      list-style: none;
      align-items: center; }
      .ht-pricing-list-view-3 ul li a .price-list-text {
        flex: 1;
        min-width: 1px;
        align-items: center;
        display: flex;
        flex-wrap: wrap; }
        .ht-pricing-list-view-3 ul li a .price-list-text span {
          color: #373737;
          font-weight: 600;
          font-size: 20px; }
          .ht-pricing-list-view-3 ul li a .price-list-text span.separator {
            margin-left: 20px;
            border-bottom-style: dotted;
            border-bottom-width: 1px;
            height: 0;
            color: #ccc;
            border-bottom-style: dashed;
            border-bottom-color: #b9b9b9;
            flex: 1;
            min-width: 1px; }
            @media only screen and (max-width: 767px) {
              .ht-pricing-list-view-3 ul li a .price-list-text span.separator {
                display: none; } }
      .ht-pricing-list-view-3 ul li a .price-text-right {
        display: inline-flex;
        width: auto;
        padding-left: 20px; }
        .ht-pricing-list-view-3 ul li a .price-text-right span.price {
          background: #ff8686;
          display: inline-block;
          color: #ffffff;
          font-weight: 600;
          font-size: 20px;
          height: 45px;
          padding: 0 33px;
          line-height: 46px;
          margin-right: 10px;
          border-radius: 22px; }
          @media only screen and (max-width: 767px) {
            .ht-pricing-list-view-3 ul li a .price-text-right span.price {
              font-size: 14px;
              height: 45px;
              padding: 0 19px;
              margin-right: 4px; } }
        .ht-pricing-list-view-3 ul li a .price-text-right span.basket {
          background: #ff9898;
          height: 45px;
          line-height: 44px;
          width: 45px;
          text-align: center;
          border-radius: 100%;
          color: #fff;
          font-size: 18px; }

/* ----------------------------
    Vertical Timeline 
-------------------------------*/
.htc-verctimeline-wrapper {
  position: relative;
  margin-top: 30px;
  /* Start Single Timeline */
  /* Start Single Timeline */
  /* Start Single Timeline */ }
  .htc-verctimeline-wrapper.border-syle-2::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    width: 6px;
    background: #18012c;
    height: 100%;
    margin-left: -1px;
    border-radius: 20px; }
  .htc-verctimeline-wrapper .ht-ver-timeline {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    padding: 30px 0;
    position: relative; }
    .htc-verctimeline-wrapper .ht-ver-timeline::before {
      content: "";
      position: absolute;
      left: 50%;
      top: 0;
      width: 2px;
      background: #d2d2d2;
      height: 100%;
      margin-left: -1px; }
    .htc-verctimeline-wrapper .ht-ver-timeline:last-child::before {
      display: none; }
    .htc-verctimeline-wrapper .ht-ver-timeline .vertical-time {
      width: 50%;
      text-align: right;
      padding: 0 30px;
      position: relative;
      -webkit-align-self: baseline;
      -moz-align-self: baseline;
      -ms-flex-item-align: baseline;
      align-self: baseline;
      position: relative;
      top: -53px; }
      .htc-verctimeline-wrapper .ht-ver-timeline .vertical-time::before {
        position: absolute;
        content: "";
        right: -15px;
        top: 50%;
        margin-top: -15px;
        height: 30px;
        width: 30px;
        border: 7px solid #e98250;
        border-radius: 100%;
        background: #fff;
        transform: translateY(-50%); }
      .htc-verctimeline-wrapper .ht-ver-timeline .vertical-time .vertical-date {
        width: 100px;
        border: 13px solid #f88a55;
        text-align: center;
        display: inline-block;
        height: 100px;
        border-radius: 100%;
        background: #fff;
        position: relative;
        top: -12px;
        margin-right: 11px; }
        .htc-verctimeline-wrapper .ht-ver-timeline .vertical-time .vertical-date::before {
          position: absolute;
          content: "";
          left: 115%;
          top: 56%;
          margin-top: -15px;
          height: 10px;
          width: 10px;
          border-top: 10px solid transparent;
          border-right: 10px solid transparent;
          border-bottom: 10px solid transparent;
          border-left: 15px solid #f58854; }
        .htc-verctimeline-wrapper .ht-ver-timeline .vertical-time .vertical-date span {
          display: block;
          color: #fc8c56;
          font-size: 18px;
          font-weight: 500;
          line-height: 28px;
          font-family: "Montserrat", sans-serif; }
          .htc-verctimeline-wrapper .ht-ver-timeline .vertical-time .vertical-date span.month {
            margin-top: 7px; }
    .htc-verctimeline-wrapper .ht-ver-timeline .timeline-content {
      padding-left: 123px;
      text-align: left;
      width: 50%;
      position: relative;
      top: -30px; }
      @media only screen and (max-width: 767px) {
        .htc-verctimeline-wrapper .ht-ver-timeline .timeline-content {
          padding-left: 31px; } }
      .htc-verctimeline-wrapper .ht-ver-timeline .timeline-content::before {
        position: absolute;
        content: "";
        border-style: dashed;
        left: 25px;
        height: 1px;
        width: 80px;
        border-width: 0 0 2px;
        top: 11px;
        border-color: #f38753; }
        @media only screen and (max-width: 767px) {
          .htc-verctimeline-wrapper .ht-ver-timeline .timeline-content::before {
            display: none; } }
      .htc-verctimeline-wrapper .ht-ver-timeline .timeline-content p {
        color: #494849;
        font-size: 14px;
        line-height: 28px; }
    .htc-verctimeline-wrapper .ht-ver-timeline.vertical-reverse {
      -webkit-box-direction: reverse;
      -webkit-box-orient: horizontal;
      -webkit-flex-direction: row-reverse;
      -moz-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
      flex-direction: row-reverse; }
      .htc-verctimeline-wrapper .ht-ver-timeline.vertical-reverse .vertical-time {
        text-align: left; }
        .htc-verctimeline-wrapper .ht-ver-timeline.vertical-reverse .vertical-time::before {
          right: auto;
          left: -15px; }
        .htc-verctimeline-wrapper .ht-ver-timeline.vertical-reverse .vertical-time .vertical-date {
          margin-right: 0;
          margin-left: 11px; }
          .htc-verctimeline-wrapper .ht-ver-timeline.vertical-reverse .vertical-time .vertical-date::before {
            right: 115%;
            left: auto;
            border-top: 10px solid transparent;
            border-right: 15px solid #fc8c56;
            border-bottom: 10px solid transparent;
            border-left: 10px solid transparent; }
      .htc-verctimeline-wrapper .ht-ver-timeline.vertical-reverse .timeline-content {
        padding-left: 0;
        padding-right: 123px;
        text-align: right; }
        @media only screen and (max-width: 767px) {
          .htc-verctimeline-wrapper .ht-ver-timeline.vertical-reverse .timeline-content {
            padding-right: 31px; } }
        .htc-verctimeline-wrapper .ht-ver-timeline.vertical-reverse .timeline-content::before {
          left: auto;
          right: 25px; }
    .htc-verctimeline-wrapper .ht-ver-timeline.political-timeline::before {
      background: #042e6d; }
    .htc-verctimeline-wrapper .ht-ver-timeline.political-timeline .vertical-time::before {
      border: 7px solid #eb3244; }
    .htc-verctimeline-wrapper .ht-ver-timeline.political-timeline .vertical-time .vertical-date {
      border: 13px solid #eb3244; }
      .htc-verctimeline-wrapper .ht-ver-timeline.political-timeline .vertical-time .vertical-date::before {
        border-left: 15px solid #eb3244; }
      .htc-verctimeline-wrapper .ht-ver-timeline.political-timeline .vertical-time .vertical-date span {
        color: #eb3244; }
    .htc-verctimeline-wrapper .ht-ver-timeline.political-timeline .timeline-content::before {
      border-color: #eb3244; }
    .htc-verctimeline-wrapper .ht-ver-timeline.political-timeline.vertical-reverse .vertical-time .vertical-date::before {
      border-right: 15px solid #eb3244;
      border-left: 15px solid transparent; }
  .htc-verctimeline-wrapper .ht-ver-timeline--2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    padding: 40px 0 0;
    position: relative; }
    .htc-verctimeline-wrapper .ht-ver-timeline--2::before {
      position: absolute;
      content: "";
      width: 6px;
      height: 100%;
      background: #cf2037;
      left: 50%;
      transform: translateX(-1px);
      top: 0;
      transition: 0.4s ease-in-out;
      opacity: 0;
      border-radius: 20px; }
    .htc-verctimeline-wrapper .ht-ver-timeline--2:hover::before {
      opacity: 1; }
    .htc-verctimeline-wrapper .ht-ver-timeline--2 .vertical-time {
      width: 50%;
      text-align: right;
      padding: 0 40px;
      position: relative;
      -webkit-align-self: baseline;
      -moz-align-self: baseline;
      -ms-flex-item-align: baseline;
      align-self: baseline;
      position: relative; }
      .htc-verctimeline-wrapper .ht-ver-timeline--2 .vertical-time::before {
        position: absolute;
        content: "";
        right: -12px;
        top: 50%;
        margin-top: -15px;
        height: 20px;
        width: 20px;
        border: 6px solid #18012c;
        border-radius: 100%;
        background: #fff;
        transform: translateY(-50%);
        transition: 0.4s ease-in-out; }
      .htc-verctimeline-wrapper .ht-ver-timeline--2 .vertical-time .vertical-date span {
        display: block;
        color: #18012c;
        font-size: 18px;
        font-weight: 700;
        line-height: 28px;
        font-family: "Montserrat", sans-serif; }
        .htc-verctimeline-wrapper .ht-ver-timeline--2 .vertical-time .vertical-date span.month {
          margin-top: 7px; }
    .htc-verctimeline-wrapper .ht-ver-timeline--2:hover .vertical-time::before {
      border: 6px solid #cf2037; }
    .htc-verctimeline-wrapper .ht-ver-timeline--2 .timeline-content {
      padding-left: 40px;
      text-align: left;
      width: 50%;
      position: relative; }
      .htc-verctimeline-wrapper .ht-ver-timeline--2 .timeline-content h6 {
        color: #18012c;
        font-size: 18px;
        font-weight: 700;
        transition: 0.4s ease-in-out; }
      .htc-verctimeline-wrapper .ht-ver-timeline--2 .timeline-content p {
        color: #313131;
        font-size: 15px;
        line-height: 25px;
        font-family: "Montserrat", sans-serif; }
    .htc-verctimeline-wrapper .ht-ver-timeline--2:hover .timeline-content h6 {
      color: #cf2037; }
    .htc-verctimeline-wrapper .ht-ver-timeline--2.vertical-reverse {
      -webkit-box-direction: reverse;
      -webkit-box-orient: horizontal;
      -webkit-flex-direction: row-reverse;
      -moz-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
      flex-direction: row-reverse; }
      .htc-verctimeline-wrapper .ht-ver-timeline--2.vertical-reverse .vertical-time {
        text-align: left;
        padding: 0 40px; }
        .htc-verctimeline-wrapper .ht-ver-timeline--2.vertical-reverse .vertical-time::before {
          right: auto;
          left: -9px; }
        .htc-verctimeline-wrapper .ht-ver-timeline--2.vertical-reverse .vertical-time .vertical-date {
          margin-right: 0;
          margin-left: 11px; }
      .htc-verctimeline-wrapper .ht-ver-timeline--2.vertical-reverse .timeline-content {
        padding-left: 0;
        padding-right: 40px;
        text-align: right; }
  .htc-verctimeline-wrapper .ht-ver-timeline--3 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    position: relative; }
    .htc-verctimeline-wrapper .ht-ver-timeline--3::before {
      content: "";
      position: absolute;
      left: 50%;
      top: 0;
      width: 3px;
      background: #f4f4f4;
      height: 100%;
      margin-left: -2px; }
    .htc-verctimeline-wrapper .ht-ver-timeline--3:last-child::before {
      display: none; }
    .htc-verctimeline-wrapper .ht-ver-timeline--3 .vertical-time {
      width: 50%;
      text-align: right;
      padding: 0 40px;
      position: relative;
      -webkit-align-self: baseline;
      -moz-align-self: baseline;
      -ms-flex-item-align: baseline;
      align-self: baseline;
      position: relative; }
      .htc-verctimeline-wrapper .ht-ver-timeline--3 .vertical-time .vertical-date span {
        display: block;
        color: #18012c;
        font-size: 30px;
        font-weight: 700;
        line-height: 28px;
        font-family: "Montserrat", sans-serif;
        position: absolute;
        left: 94%;
        width: 60px;
        height: 60px;
        background: #f4f4f4;
        text-align: center;
        line-height: 60px;
        border-radius: 100%;
        top: 0; }
        @media only screen and (max-width: 767px) {
          .htc-verctimeline-wrapper .ht-ver-timeline--3 .vertical-time .vertical-date span {
            left: 88%; } }
    .htc-verctimeline-wrapper .ht-ver-timeline--3 .timeline-content {
      padding-left: 67px;
      text-align: left;
      width: 50%;
      position: relative;
      top: -139px; }
      .htc-verctimeline-wrapper .ht-ver-timeline--3 .timeline-content .content {
        background: #ffffff;
        box-shadow: 0 0 97px rgba(0, 0, 0, 0.1);
        padding: 38px 30px;
        position: relative; }
        @media only screen and (max-width: 767px) {
          .htc-verctimeline-wrapper .ht-ver-timeline--3 .timeline-content .content {
            padding: 15px 14px; } }
        .htc-verctimeline-wrapper .ht-ver-timeline--3 .timeline-content .content::before {
          right: 100%;
          left: auto;
          border-top: 10px solid transparent;
          border-right: 20px solid #ffffff;
          border-bottom: 10px solid transparent;
          border-left: 10px solid transparent;
          position: absolute;
          content: "";
          top: 82%;
          margin-top: -15px;
          height: 10px;
          width: 10px; }
      .htc-verctimeline-wrapper .ht-ver-timeline--3 .timeline-content h6 {
        color: #18012c;
        font-size: 18px;
        font-weight: 700;
        transition: 0.4s ease-in-out;
        margin-bottom: 8px; }
      .htc-verctimeline-wrapper .ht-ver-timeline--3 .timeline-content p {
        color: #18012c;
        font-size: 14px;
        line-height: 28px; }
    .htc-verctimeline-wrapper .ht-ver-timeline--3.vertical-reverse {
      -webkit-box-direction: reverse;
      -webkit-box-orient: horizontal;
      -webkit-flex-direction: row-reverse;
      -moz-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
      flex-direction: row-reverse; }
      .htc-verctimeline-wrapper .ht-ver-timeline--3.vertical-reverse .vertical-time {
        text-align: left;
        padding: 0 40px; }
        .htc-verctimeline-wrapper .ht-ver-timeline--3.vertical-reverse .vertical-time .vertical-date span {
          left: auto;
          right: 94%; }
          @media only screen and (max-width: 767px) {
            .htc-verctimeline-wrapper .ht-ver-timeline--3.vertical-reverse .vertical-time .vertical-date span {
              right: 88%; } }
      .htc-verctimeline-wrapper .ht-ver-timeline--3.vertical-reverse .timeline-content {
        padding-right: 67px;
        text-align: right;
        padding-left: 0; }
        .htc-verctimeline-wrapper .ht-ver-timeline--3.vertical-reverse .timeline-content .content::before {
          left: 100%;
          right: auto;
          border-top: 10px solid transparent;
          border-right: 10px solid transparent;
          border-bottom: 10px solid transparent;
          border-left: 15px solid #ffffff; }

/* =============================
    Image Magnifier Style
===================================*/
.glass {
  width: 150px;
  height: 150px;
  position: absolute;
  border-radius: 50%;
  cursor: crosshair;
  box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85), 0 0 7px 7px rgba(0, 0, 0, 0.25), inset 0 0 40px 2px rgba(0, 0, 0, 0.25);
  display: none; }

/* Image Magnifier 4 */
.img-magnifier-container {
  position: relative;
  display: block; }
  .img-magnifier-container img {
    width: 100%; }

.img-magnifier-glass {
  position: absolute;
  border: 2px solid #e6b7c1;
  border-radius: 50%;
  cursor: none;
  width: 200px;
  height: 200px; }
  @media only screen and (max-width: 767px) {
    .img-magnifier-glass {
      width: 100px;
      height: 100px; } }

/* ==============================
    Scroll Images Style 
==================================*/
.ht-scroll-image {
  border-style: solid;
  border-width: 20px 20px 20px 20px;
  border-color: #ffffff;
  border-radius: 5px 5px 5px 5px;
  box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.1); }
  .ht-scroll-image .thumb {
    min-height: 600px;
    transition: background-position 6s ease-in-out;
    -webkit-transition: background-position 6s ease-in-out;
    border-style: solid;
    border-width: 0px 0px 0px 0px;
    display: block;
    position: relative;
    width: 100%;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    border-top: 1px solid #f2f2f2;
    border-left: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    border-right: 1px solid #f2f2f2;
    transition: background-position 2s cubic-bezier(0.1, 0.54, 0.43, 0.94);
    -webkit-transition: background-position 2s cubic-bezier(0.1, 0.54, 0.43, 0.94); }
    @media only screen and (max-width: 767px) {
      .ht-scroll-image .thumb {
        min-height: 400px; } }
    .ht-scroll-image .thumb:hover {
      background-position: center bottom !important; }

/**************************************
	Template Styles
***************************************/
/*----------------------
 * Header
-----------------------*/


div#courses {
    padding: 52px 20px;
}
iv#courses p {
    color: #fff !important;
}
div#courses h2 {
    color: #fff;
}
div#courses {
    padding: 52px 20px;
}
.header--transparant {
  position: absolute;
  left: 0;
  right: 0;
  top: 8px;
  z-index: 9999;
  background: #fff;
    padding: 1rem 0;
  }

/* Maninmenu Style */
.mainmenu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap; }
  .mainmenu li {
    margin: 0 15px; }
    .mainmenu li a {
      color: #ffffff;
      font-size: 13px;
      font-weight: 800;
      text-transform: uppercase;
      transition: 0.4s ease-in-out; }
      .mainmenu li a:hover {
        color: #f05b64; }
  .mainmenu.agency-menu li a {
    color: #525252;
    height: 120px;
    line-height: 120px;
    display: block;
    position: relative; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .mainmenu.agency-menu li a {
        height: auto;
        line-height: initial; } }
    @media only screen and (max-width: 767px) {
      .mainmenu.agency-menu li a {
        height: auto;
        line-height: initial; } }
    .mainmenu.agency-menu li a::before {
      position: absolute;
      content: "";
      background: #702bc6;
      top: 0;
      height: 2px;
      width: 0;
      transition: 0.4s ease-in-out; }
    .mainmenu.agency-menu li a:hover {
      color: #702bc6; }
  .mainmenu.agency-menu li:hover a::before {
    width: 100%; }
  .mainmenu.education-menu li a {
    color: #525252;
    display: block;
    position: relative; }
    .mainmenu.education-menu li a::before {
      position: absolute;
      content: "";
      background: #56a4b1;
      top: 0;
      height: 2px;
      width: 0;
      transition: 0.4s ease-in-out; }
    .mainmenu.education-menu li a:hover {
      color: #56a4b1; }
  .mainmenu.education-menu li:hover a::before {
    width: 100%; }

.header {
  /* Header Style 1 */
  /* Header Style 2 */ }
  @media only screen and (max-width: 479px) {
    .header.header-1 .logo {
      margin-bottom: 0px;
          margin-left: -38px;
      text-align: center !important; } }
  .header.header-1 .mainmenu_nav .mainmenu {
    margin: 0 -20px; }
    .header.header-1 .mainmenu_nav .mainmenu > li {
      margin: 0 11px; }
      .header.header-1 .mainmenu_nav .mainmenu > li a {
        font-size: 14px;
        font-family: "Montserrat", sans-serif;
        transition: 0.4s ease-in-out; }
      .header.header-1 .mainmenu_nav .mainmenu > li:hover > a {
        color: #d94f5c; }
  .header.header-1 .cleaning-btn,
  .header.header-1 .header-btn {
    margin-left: 50px; }
    .header.header-1 .cleaning-btn a.cln-btn,
    .header.header-1 .header-btn a.cln-btn {
      height: 42px;
      padding: 0 31px;
      line-height: 39px; }
  .header.header-1.gardening-header .mainmenu > li > a {
    color: #ffffff; }
  .header.header-1.gardening-header .mainmenu > li:hover > a {
    color: #6dc32e; }
  .header.header-1.gardening-header .header-btn a.cln-btn:hover {
    background: #6dc32e;
    border: 2px solid #6dc32e; }
  .header.header-1.event-header .mainmenu > li > a {
    color: #017cc0; }
  .header.header-1.event-header .mainmenu > li:hover > a {
    color: #000; }
  .header.header-1.event-header .header-btn a.cln-btn:hover {
    background: #b61670;
    border: 2px solid #b61670; }
  .header.header-1.rapair-header .mainmenu > li > a {
    color: #2f2f2f; }
  .header.header-1.rapair-header .mainmenu > li:hover > a {
    color: #43c3ea; }
  .header.header-1.rapair-header .header-btn a.cln-btn {
    background: #43c3ea;
    border: 2px solid #43c3ea;
    color: #fff; }
    .header.header-1.rapair-header .header-btn a.cln-btn:hover {
      background: transparent;
      border: 2px solid #43c3ea;
      color: #43c3ea; }
  .header.header-1.header-politic .mainmenu > li > a {
    color: #2f2f2f; }
  .header.header-1.header-politic .mainmenu > li:hover > a {
    color: #ef3345; }
  .header.header-1.header-politic .header-btn a.cln-btn {
    background: #ef3345;
    border: 2px solid #ef3345;
    color: #fff; }
    .header.header-1.header-politic .header-btn a.cln-btn:hover {
      background: transparent;
      border: 2px solid #ef3345;
      color: #ef3345; }
  .header.header-1.header-travel .mainmenu > li > a {
    color: #ffffff; }
  .header.header-1.header-travel .mainmenu > li:hover > a {
    color: #efc934; }
  .header.header-1.header-travel .header-btn a.cln-btn {
    background: #efc934;
    border: 2px solid #efc934;
    color: #fff; }
    .header.header-1.header-travel .header-btn a.cln-btn:hover {
      background: transparent;
      border: 2px solid #efc934;
      color: #efc934; }
  .header.header-1.carpenter-header .mainmenu > li > a {
    color: #ffffff; }
  .header.header-1.carpenter-header .mainmenu > li:hover > a {
    color: #e1c265; }
  .header.header-1.carpenter-header .header-btn a {
    background: #e1c265;
    border: 2px solid #e1c265;
    color: #fff;
    line-height: 34px; }
    .header.header-1.carpenter-header .header-btn a:hover {
      background: transparent;
      border: 2px solid #e1c265;
      color: #e1c265; }
  .header.header-1.header-construction .mainmenu > li > a {
    color: #ffffff; }
  .header.header-1.header-construction .mainmenu > li:hover > a {
    color: #fab702; }
  .header.header-1.header-construction .header-btn a {
    background: #fab702;
    border: 2px solid #fab702;
    color: #fff;
    line-height: 38px; }
    .header.header-1.header-construction .header-btn a:hover {
      background: transparent;
      border: 2px solid #fab702;
      color: #fab702; }
  .header.header-1.corporate-header .mainmenu > li > a {
    color: #ffffff; }
  .header.header-1.corporate-header .mainmenu > li:hover > a {
    color: #4656ca; }
  .header.header-1.corporate-header .header-btn a {
    background: #4656ca;
    border: 2px solid #4656ca;
    color: #fff;
    line-height: 38px; }
    .header.header-1.corporate-header .header-btn a:hover {
      background: transparent;
      border: 2px solid #4656ca;
      color: #4656ca; }
  .header.header-1.education-header .mainmenu > li > a {
    color: #ffffff; }
  .header.header-1.education-header .mainmenu > li:hover > a {
    color: #56a4b1; }
  .header.header-1.education-header .header-btn a {
    background: #56a4b1;
    border: 2px solid #56a4b1;
    color: #fff;
    line-height: 38px; }
    .header.header-1.education-header .header-btn a:hover {
      background: transparent;
      border: 2px solid #56a4b1;
      color: #56a4b1; }
  .header.header-1.header-charity .mainmenu > li > a {
    color: #2f2f2f;
    font-weight: 500;
    font-family: "Montserrat", sans-serif; }
  .header.header-1.header-charity .mainmenu > li:hover > a {
    color: #e1c265; }
  .header.header-1.header-charity .header-btn a.cln-btn {
    background: #e1c265;
    border: 2px solid #e1c265;
    color: #fff; }
    .header.header-1.header-charity .header-btn a.cln-btn:hover {
      background: transparent;
      border: 2px solid #e1c265;
      color: #e1c265; }
  .header.header-1.software-header .mainmenu > li > a {
    color: #ffffff;
    font-weight: 500;
    font-family: "Montserrat", sans-serif; }
  .header.header-1.software-header .mainmenu > li:hover > a {
    color: #5ad1cf; }
  .header.header-1.software-header .header-btn a.cln-btn {
    background: #5ad1cf;
    border: 2px solid #5ad1cf;
    color: #fff; }
    .header.header-1.software-header .header-btn a.cln-btn:hover {
      background: transparent;
      border: 2px solid #5ad1cf;
      color: #5ad1cf; }
  .header.header-1.resturant-header .mainmenu > li > a {
    color: #ffffff;
    font-weight: 500;
    font-family: "Montserrat", sans-serif; }
  .header.header-1.resturant-header .mainmenu > li:hover > a {
    color: #e54c2a; }
  .header.header-1.resturant-header .header-btn a.cln-btn {
    background: #e54c2a;
    border: 2px solid #e54c2a;
    color: #fff; }
    .header.header-1.resturant-header .header-btn a.cln-btn:hover {
      background: transparent;
      border: 2px solid #e54c2a;
      color: #e54c2a; }
  .header.header-1.hosting-header .mainmenu > li > a {
    color: #ffffff;
    font-weight: 500;
    font-family: "Montserrat", sans-serif; }
  .header.header-1.hosting-header .mainmenu > li:hover > a {
    color: #ffffff; }
  .header.header-1.hosting-header .header-btn a.cln-btn {
    background: #ffffff;
    border: 2px solid #ffffff;
    color: #4554c7; }
    .header.header-1.hosting-header .header-btn a.cln-btn:hover {
      background: transparent;
      border: 2px solid #ffffff;
      color: #ffffff; }
  .header.header-1.real-header .mainmenu > li > a {
    color: #ffffff;
    font-weight: 500;
    font-family: "Montserrat", sans-serif; }
  .header.header-1.real-header .mainmenu > li:hover > a {
    color: #cda659; }
  .header.header-1.real-header .header-btn a.cln-btn {
    background: #cda659;
    border: 2px solid #cda659;
    color: #ffffff; }
    .header.header-1.real-header .header-btn a.cln-btn:hover {
      background: transparent;
      border: 2px solid #ffffff;
      color: #ffffff; }
  .header.header-2 .header-top {
    border-bottom: 1px solid #eeeeee; }
    .header.header-2 .header-top .top-left ul {
      padding: 0;
      margin: 0;
      display: flex;
      list-style: none; }
      .header.header-2 .header-top .top-left ul li {
        color: #acabab;
        font-size: 13px;
        font-family: 'Open Sans', sans-serif;
        margin-right: 40px; }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          .header.header-2 .header-top .top-left ul li {
            margin-right: 14px; } }
        @media only screen and (max-width: 767px) {
      
            
            
          .header.header-2 .header-top .top-left ul li {
            margin-right: 14px; } }
    .header.header-2 .header-top .social-transparent a {
      margin-bottom: 0; }
  .header.header-2 .logo a {
    height: 100px;
    line-height: 100px;
    display: block; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .header.header-2 .logo a {
        height: 70px;
        line-height: 70px; } }
    @media only screen and (max-width: 767px) {
        
              .hero-event.content h3 {
    font-size: 26px;

            }
            
        
      .header.header-2 .logo a {
        height: 70px;
        line-height: 70px; } }
  .header.header-4 .mainmenu li a {
    position: relative;
    padding-bottom: 12px;
    color: #ffffff;
    font-family: "Montserrat", sans-serif;
    font-size: 14px; }
    .header.header-4 .mainmenu li a::before {
      position: absolute;
      content: "";
      left: 0;
      bottom: 0;
      background: #fab702;
      width: 0;
      height: 2px;
      transition: 0.4s ease-in-out; }
  .header.header-4 .mainmenu li:hover a {
    color: #fab702; }
  .header.header-4 .mainmenu li:hover a::before {
    width: 100%; }
  .header.header-4 .social-share a {
    color: #ffffff; }

/* Header Style One */
.header-1 .cleaning-btn,
.header-1 .header-btn {
  margin-left: 50px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-1 .cleaning-btn,
    .header-1 .header-btn {
      margin: 0;
      margin-right: 100px; } }
  @media only screen and (max-width: 767px) {
    .header-1 .cleaning-btn,
    .header-1 .header-btn {
      margin: 0;
      margin-right: 100px; } }
  @media only screen and (max-width: 479px) {
    .header-1 .cleaning-btn,
    .header-1 .header-btn {
      margin: 0;
      margin-right: 50px; } }

.header.header-1 > .container > .row {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative; }
  .header.header-1 > .container > .row > .cuscol {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    position: static; }
    @media only screen and (max-width: 479px) {
      .header.header-1 > .container > .row > .cuscol {
        flex-basis: 100%; } }
  .header.header-1 > .container > .row:first-child {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1; }
.header.header-2 > .container > .row {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative; }
  .header.header-2 > .container > .row > .cuscol {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    position: static; }
  .header.header-2 > .container > .row:first-child {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1; }

/*=======================
 Startic Header 
========================*/
.header-1 {
  /* Medical Header */
  /* Agency Header */
  /* Portfolio Header */
  /* Portfolio Header */ }
  .header-1.header--static .logo a {
    display: block;
    height: 100px;
    line-height: 100px; }
  .header-1.header--static .mainmenu_nav .mainmenu > li > a {
    height: 100px;
    line-height: 100px;
    color: #555555;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    font-weight: 500; }
  .header-1.header--static.beauty-theme-color .mainmenu > li > a {
    color: #ffffff;
    font-weight: 500;
    font-family: "Montserrat", sans-serif; }
  .header-1.header--static.beauty-theme-color .mainmenu > li:hover > a {
    color: #ffffff; }
  .header-1.header--static.beauty-theme-color .header-btn a.cln-btn {
    background: #ffffff;
    border: 2px solid #ffffff;
    color: #ff759d; }
    .header-1.header--static.beauty-theme-color .header-btn a.cln-btn:hover {
      background: transparent;
      border: 2px solid #ffffff;
      color: #ffffff; }
  .header-1.medical-header .mainmenu_nav .mainmenu > li > a:hover {
    color: #0bb6ce; }
  .header-1.medical-header .header-btn .cln-btn {
    background: #0bb6ce;
    border: 2px solid #0bb6ce;
    color: #fff; }
    .header-1.medical-header .header-btn .cln-btn:hover {
      background: transparent;
      color: #0bb6ce;
      border: 2px solid #0bb6ce; }
  .header-1.agency-header .mainmenu_nav .mainmenu li a:hover {
    color: #702bc6; }
  .header-1.agency-header .header-btn a {
    background: #702bc6;
    border: 2px solid #702bc6;
    color: #fff;
    line-height: 31px; }
    .header-1.agency-header .header-btn a:hover {
      background: transparent;
      color: #702bc6;
      border: 2px solid #702bc6; }
  .header-1.portfolio-header .mainmenu_nav .mainmenu li a {
    color: #393939;
    font-size: 15px;
    font-weight: 800; }
    .header-1.portfolio-header .mainmenu_nav .mainmenu li a:hover {
      color: #313131; }
  .header-1.portfolio-header .header-btn .cln-btn {
    background: #313131;
    border: 2px solid #313131;
    color: #fff; }
    .header-1.portfolio-header .header-btn .cln-btn:hover {
      background: transparent;
      color: #313131;
      border: 2px solid #313131; }
  .header-1.body-header .mainmenu_nav .mainmenu li a {
    color: #393939;
    font-size: 15px;
    font-weight: 500; }
    .header-1.body-header .mainmenu_nav .mainmenu li a:hover {
      color: #fb5b21; }
  .header-1.body-header .header-btn a {
    background: #fb5b21;
    border: 2px solid #fb5b21;
    color: #fff;
    line-height: 34px; }
    .header-1.body-header .header-btn a:hover {
      background: transparent;
      color: #fb5b21;
      border: 2px solid #fb5b21; }

/* -------------------------------------
    Mega Menu For All Element Page 
----------------------------------------*/
.with-mega-menu.forall-element-page .mainmenu li.drop {
  position: static; }
  .with-mega-menu.forall-element-page .mainmenu li.drop .mega-menu.mega-menu-full-width {
    width: 100%;
    justify-content: space-around; }

/* -----------------------------
Line Menu 
---------------------------------*/
.linemenu.mean-container a.meanmenu-reveal {
  color: #000; }

.linemenu.mean-container a.meanmenu-reveal span {
  background: #000; }

.slicknav_menu {
  display: none; }

@media screen and (max-width: 991px) {
  .js #menu {
    display: none; }

  .js .slicknav_menu {
    display: block; } }
/* Mobile Menu Style */
.mobile-menu {
  -webkit-box-flex: 1 !important;
  -ms-flex: 1 0 100% !important;
  flex: 1 0 100% !important; }

.mobile-menu .mean-bar .meanmenu-reveal,
.mean-container a.meanmenu-reveal.meanclose {
  position: absolute;
  top: -49px; }

@media only screen and (max-width: 767px) {
  .mean-container .mean-nav {
    margin-top: 32px; } }
/* Header Default */
.header .purchase_btn a {
  height: 36px;
  padding: 0 17px;
  background: #ffffff;
  display: inline-block;
  line-height: 37px;
  color: #18012c;
  font-size: 13px;
  text-transform: uppercase;
  border-radius: 5px;
  letter-spacing: 1px;
  transition: 0.4s ease-in-out; }
  .header .purchase_btn a:hover {
    background: #f05b64;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    color: #fff; }

/* Header Mobile Menu */
.header-2 .mean-container .mean-bar {
  min-height: 1px; }

.header-2 .mobile-menu .mean-bar .meanmenu-reveal,
.header-2 .mean-container a.meanmenu-reveal.meanclose {
  position: absolute;
  top: -68px; }

.header-2 .mean-container a.meanmenu-reveal span {
  background: #000; }

.header-2 .mean-container a.meanmenu-reveal {
  color: #000; }

.header-2 .mean-container .mean-nav {
  margin-top: 0; }

.with-mega-menu.forall-element-page .mainmenu li.drop.withdropdown {
  position: relative !important; }

.with-mega-menu li.drop .mega-menu.dropdown {
  width: 415px;
  right: auto; }

@media only screen and (max-width: 767px) {
  .header-2 .mean-container .mean-nav {
    margin-top: 0; } }
.header-2 .mean-container .mean-nav ul {
  padding-bottom: 0; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header--static .mean-container .mean-bar {
    min-height: inherit; }

  .header--static .mobile-menu .mean-bar .meanmenu-reveal,
  .header--static .mean-container a.meanmenu-reveal.meanclose {
    position: absolute;
    top: -81px; }

  .header--static .mean-container a.meanmenu-reveal {
    color: #000; }

  .header--static .mean-container a.meanmenu-reveal span {
    background: #000; }

  .header--static .mean-container .mean-nav {
    margin-top: 0; } }
@media only screen and (max-width: 767px) {
  .header--static .mean-container .mean-bar {
    min-height: inherit; }

  .header--static .mobile-menu .mean-bar .meanmenu-reveal,
  .header--static .mean-container a.meanmenu-reveal.meanclose {
    position: absolute;
    top: -81px; }

  .header--static .mean-container a.meanmenu-reveal {
    color: #000; }

  .header--static .mean-container a.meanmenu-reveal span {
    background: #000; }

  .header--static .mean-container .mean-nav {
    margin-top: 0; } }
@media only screen and (max-width: 479px) {
  .header--static .mobile-menu .mean-bar .meanmenu-reveal,
  .header--static .mean-container a.meanmenu-reveal.meanclose {
    position: absolute;
    top: -52px;
    right: 6px !important; }

  .header-1.header--static .logo a {
    height: 54px;
    line-height: 76px; }

  .header-1.header--static {
    padding: 0 0 20px 0;
    padding-left: 20px;
    padding-right: 20px; } }
/* =======================
    Breadcaump Area 
==========================*/
.bradcaump_area {
  display: flex;
  height: 300px;
  align-items: center;
  padding-top: 78px; }
  .bradcaump_area .bradcaump-title {
    font-weight: 600;
    color: #ffffff; }

/**
 * Navigation
 */
/**
 * Banner
 */
/*=========================
 * Footer Style
===========================*/
.footer-widget {
  /* Footer Style 2 */ }
  .footer-widget.footer-style-1 {
    margin-top: 40px; }
    .footer-widget.footer-style-1.space-left {
      position: relative;
      margin-left: 54px; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .footer-widget.footer-style-1.space-left {
          margin-left: 0; } }
      @media only screen and (max-width: 767px) {
        .footer-widget.footer-style-1.space-left {
          margin-left: 0; } }
    .footer-widget.footer-style-1 h4.ft-title {
      color: #ffffff;
      font-size: 18px;
      font-weight: 700; }
      .footer-widget.footer-style-1 h4.ft-title span {
        color: #03a9f4; }
    .footer-widget.footer-style-1 .content p {
      color: #e1e1e1;
      font-size: 14px;
      line-height: 25px;
      margin: 0; }
    .footer-widget.footer-style-1 .content ul.ft-menu {
      padding: 0;
      list-style: none;
      margin: 0; }
      .footer-widget.footer-style-1 .content ul.ft-menu li {
        margin: 6px 0; }
        .footer-widget.footer-style-1 .content ul.ft-menu li a {
          color: #dadada;
          font-weight: 300;
          font-size: 13px;
          transition: 0.4s ease-in-out; }
          .footer-widget.footer-style-1 .content ul.ft-menu li a:hover {
            color: #03a9f4; }
    .footer-widget.footer-style-1 .content .ft-address {
      margin-top: 14px; }
      .footer-widget.footer-style-1 .content .ft-address p {
        margin-bottom: 4px; }
    .footer-widget.footer-style-1 .content .input-box {
      position: relative;
      margin-bottom: 15px;
      margin-top: 17px; }
      .footer-widget.footer-style-1 .content .input-box input {
        width: 100%;
        height: 30px;
        border: 1px solid #a3a3a3;
        padding: 0 50px 0 20px;
        color: #fff; }
      .footer-widget.footer-style-1 .content .input-box button {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        border: 0 none;
        background: #03a9f4;
        height: 100%;
        color: #fff;
        padding: 0 13px;
        transition: 0.4s ease-in-out; }
        .footer-widget.footer-style-1 .content .input-box button:hover {
          background: #18012c;
          color: #ffffff; }
    .footer-widget.footer-style-1 .content .social-share.social-square a {
      width: 25px;
      height: 25px;
      line-height: 25px;
      font-size: 13px; }
  .footer-widget.footer-style-2 {
    margin-top: 40px; }
    .footer-widget.footer-style-2.space-left {
      position: relative;
      margin-left: 54px; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .footer-widget.footer-style-2.space-left {
          margin-left: 0; } }
      @media only screen and (max-width: 767px) {
        .footer-widget.footer-style-2.space-left {
          margin-left: 0; } }
    .footer-widget.footer-style-2 h4.ft-title {
      color: #333;
      font-size: 20px;
      font-weight: 600;
      margin-bottom: 28px; }
    .footer-widget.footer-style-2 .content p {
      color: #333;
      font-size: 14px;
      line-height: 25px;
      margin: 0;
      font-family: "Montserrat", sans-serif;
      font-weight: 400; }
    .footer-widget.footer-style-2 .content ul {
      padding: 0;
      list-style: none;
      margin: 0; }
      .footer-widget.footer-style-2 .content ul.ft-menu li {
        margin: 6px 0; }
        .footer-widget.footer-style-2 .content ul.ft-menu li a {
          color: #333;
          font-weight: 500;
          font-size: 14px;
          transition: 0.4s ease-in-out;
          font-family: "Montserrat", sans-serif; }
          .footer-widget.footer-style-2 .content ul.ft-menu li a:hover {
            color: #702bc6; }
      .footer-widget.footer-style-2 .content ul.ft-gallery {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -7px; }
        .footer-widget.footer-style-2 .content ul.ft-gallery li {
          padding: 0 7px;
          margin-bottom: 14px; }
          .footer-widget.footer-style-2 .content ul.ft-gallery li a {
            color: #9b9b9b;
            font-weight: 300;
            font-size: 14px;
            transition: 0.4s ease-in-out;
            font-family: "Montserrat", sans-serif; }
            .footer-widget.footer-style-2 .content ul.ft-gallery li a:hover {
              color: #702bc6; }
    .footer-widget.footer-style-2 .content .social-share {
      margin-top: 30px; }
      .footer-widget.footer-style-2 .content .social-share.social-square a {
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 13px;
        border-radius: 100%;
        background: #edf0f2;
        color: #9a9a9a;
        transition: 0.4s ease-in-out; }
        .footer-widget.footer-style-2 .content .social-share.social-square a:hover {
          color: #702bc6; }
    .footer-widget.footer-style-2 .content .ft-address p {
      margin-bottom: 10px; }
      .footer-widget.footer-style-2 .content .ft-address p i {
        font-size: 14px;
        padding-right: 14px; }

.footer-widget.footer-style-1 .content .input-box input::-webkit-input-placeholder {
  color: #ffffff; }

.footer-widget.footer-style-1 .content .input-box input::-moz-placeholder {
  color: #ffffff; }

.footer-widget.footer-style-1 .content .input-box input:-ms-input-placeholder {
  color: #ffffff; }

.footer-widget.footer-style-1 .content .input-box input:-moz-placeholder {
  color: #ffffff; }

.ht-footer-1 {
  padding: 100px 0;
  padding-top: 70px; }

.ht-footer-2 {
  padding: 85px 0;
  padding-top: 52px;
  padding-bottom: 83px; }

/* --------------------------
    For Color Variation 
----------------------------*/
.footer-widget.footer-style-2.education-footer .content ul.ft-menu li a:hover {
  color: #56a4b1; }
.footer-widget.footer-style-2.education-footer .content .social-share.social-square a:hover {
  color: #ffffff;
  background: #56a4b1; }
.footer-widget.footer-style-2.medical-footer .content ul.ft-menu li a:hover {
  color: #0bb6ce; }
.footer-widget.footer-style-2.medical-footer .content .social-share.social-square a:hover {
  color: #ffffff;
  background: #0bb6ce; }
.footer-widget.footer-style-2.agency-footer .content ul.ft-menu li a:hover {
  color: #702bc6; }
.footer-widget.footer-style-2.agency-footer .content .social-share.social-square a:hover {
  color: #ffffff;
  background: #702bc6; }
.footer-widget.footer-style-2.const-footer .content ul.ft-menu li a:hover {
  color: #fab702; }
.footer-widget.footer-style-2.const-footer .content .social-share.social-square a:hover {
  background: #fab702; }
.footer-widget.footer-style-2.const-footer .content .ft-address p i {
  color: #fab702; }
.footer-widget.footer-style-2.gar-footer .content ul.ft-menu li a:hover {
  color: #fab702; }
.footer-widget.footer-style-2.gar-footer .content .social-share.social-square a:hover {
  background: #6dc32e; }
.footer-widget.footer-style-2.gar-footer .content .ft-address p i {
  color: #6dc32e; }

.footer-style-3 .content p {
  color: #fff;
  font-size: 14px;
  margin-top: 30px;
  margin-bottom: 30px; }

/* CopyiRight Style */
.copyright.copyright-1 {
  padding: 15px 0; }
  .copyright.copyright-1 .content p {
    color: #ffffff;
    font-size: 12px;
    font-weight: 300;
    font-family: "Montserrat", sans-serif;
    margin: 0; }
.copyright.copyright-2 {
  padding: 20px 0;
  border-top: 1px solid #eeeeee; }
  .copyright.copyright-2 .content p {
    color: #333;
    font-size: 14px;
    font-weight: 400;
    margin: 0; }
.copyright.copyright-3 {
  padding: 9px 0; }
  .copyright.copyright-3 .content p {
    color: #696969;
    font-size: 12px;
    font-weight: 400;
    margin: 0; }
  .copyright.copyright-3 .social-transparent {
    margin: 0 -10px; }
    .copyright.copyright-3 .social-transparent a {
      margin-bottom: 0;
      color: #666666;
      height: auto;
      width: auto;
      margin: 0 10px; }
      .copyright.copyright-3 .social-transparent a:hover {
        color: #18012c;
        background: transparent; }
.copyright.copyright-4 .content p {
  color: #000000;
  font-size: 14px;
  font-weight: 500;
  margin: 0;
  margin-top: 27px; }

/* --------------------------
    Footer Default
----------------------------*/
.footertop-default .content h2 {
  color: #ffffff;
  font-size: 36px;
  font-weight: 500; }
.footertop-default .content a.prs-btn {
  padding: 0 40px;
  height: 54px;
  line-height: 54px;
  background: #ffffff;
  display: inline-block;
  border-radius: 30px;
  color: #4b8ad9;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  letter-spacing: 1px;
  transition: 0.4s ease-in-out; }
  .footertop-default .content a.prs-btn:hover {
    background: #18012c;
    color: #ffffff; }

.copyright-default .content p {
  color: #424242;
  font-size: 14px;
  margin: 0;
  padding: 15px 0; }

/* ==========================
    Slide Area Css 
=============================*/
  .ht-slide.slider-style-1 .content h2 {
    font-size: 60px;
    font-weight: 800;
    color: #ffffff;
    margin: 0; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .ht-slide.slider-style-1 .content h2 {
        font-size: 50px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .ht-slide.slider-style-1 .content h2 {
        font-size: 45px; } }
    @media only screen and (max-width: 767px) {
      .ht-slide.slider-style-1 .content h2 {
        font-size: 45px; } }
  .ht-slide.slider-style-1 .content h1 {
    font-size: 80px;
    font-weight: 800;
    color: #ffffff;
    margin-bottom: 29px;
    margin-top: -7px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .ht-slide.slider-style-1 .content h1 {
        font-size: 55px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .ht-slide.slider-style-1 .content h1 {
        font-size: 48px; } }
    @media only screen and (max-width: 767px) {
      .ht-slide.slider-style-1 .content h1 {
        font-size: 48px; } }
  .ht-slide.slider-style-1 .content .cleaning-btn a.cln-btn {
    height: 50px;
    padding: 0 50px;
    line-height: 47px; }
  @media only screen and (max-width: 767px) {
    .ht-slide.slider-style-1 .hero-constructuction.content {
      padding-top: 48px; } }
  .ht-slide.slider-style-1 .hero-constructuction.content h2,
  .ht-slide.slider-style-1 .hero-constructuction.content h1 {
    font-size: 70px;
    font-weight: 800;
    color: #ffffff;
    margin: 0; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .ht-slide.slider-style-1 .hero-constructuction.content h2,
      .ht-slide.slider-style-1 .hero-constructuction.content h1 {
        font-size: 50px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .ht-slide.slider-style-1 .hero-constructuction.content h2,
      .ht-slide.slider-style-1 .hero-constructuction.content h1 {
        font-size: 45px; } }
    @media only screen and (max-width: 767px) {
      .ht-slide.slider-style-1 .hero-constructuction.content h2,
      .ht-slide.slider-style-1 .hero-constructuction.content h1 {
        font-size: 32px; } }
  .ht-slide.slider-style-1 .hero-constructuction.content p {
    color: #ffffff;
    font-size: 32px;
    line-height: 50px;
    margin-bottom: 43px;
    padding-right: 18%;
    margin-top: 13px; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .ht-slide.slider-style-1 .hero-constructuction.content p {
        font-size: 24px;
        line-height: 38px;
        margin-bottom: 33px;
        padding-right: 12%;
        margin-top: 10px; } }
    @media only screen and (max-width: 767px) {
      .ht-slide.slider-style-1 .hero-constructuction.content p {
        font-size: 24px;
        line-height: 38px;
        margin-bottom: 33px;
        margin-top: 10px;
        font-size: 15px;
        line-height: 30px; } }
  .ht-slide.slider-style-1 .hero-constructuction.content .slide-btn a.cln-btn {
    height: 58px;
    padding: 0 50px;
    line-height: 57px;
    background: transparent;
    letter-spacing: 1px;
    border: 2px solid #fff;
    text-transform: uppercase;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    border-radius: 29px;
    color: #ffffff; }
    .ht-slide.slider-style-1 .hero-constructuction.content .slide-btn a.cln-btn:hover {
      background: #fab702;
      border: 2px solid #fab702;
      color: #fff; }
  @media only screen and (max-width: 767px) {
    .ht-slide.slider-style-1 .hero-gardening.content {
      padding-top: 48px; } }
  .ht-slide.slider-style-1 .hero-gardening.content h2,
  .ht-slide.slider-style-1 .hero-gardening.content h1 {
    font-size: 60px;
    font-weight: 800;
    color: #ffffff;
    margin: 0; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .ht-slide.slider-style-1 .hero-gardening.content h2,
      .ht-slide.slider-style-1 .hero-gardening.content h1 {
        font-size: 50px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .ht-slide.slider-style-1 .hero-gardening.content h2,
      .ht-slide.slider-style-1 .hero-gardening.content h1 {
        font-size: 45px; } }
    @media only screen and (max-width: 767px) {
      .ht-slide.slider-style-1 .hero-gardening.content h2,
      .ht-slide.slider-style-1 .hero-gardening.content h1 {
        font-size: 32px; } }
  .ht-slide.slider-style-1 .hero-gardening.content h1 {
    margin-bottom: 38px; }
  .ht-slide.slider-style-1 .hero-gardening.content .slide-btn a.cln-btn {
    height: 60px;
    padding: 0 50px;
    line-height: 57px;
    background: transparent;
    letter-spacing: 1px;
    border: 2px solid #fff;
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    border-radius: 30px;
    color: #ffffff;
    font-weight: 700; }
    .ht-slide.slider-style-1 .hero-gardening.content .slide-btn a.cln-btn:hover {
      background: #6dc32e;
      border: 2px solid #6dc32e;
      color: #fff; }
  @media only screen and (max-width: 767px) {
    .ht-slide.slider-style-1 .hero-event.content {
      padding-top: 0px;
      padding-bottom: 0px; } }
  .ht-slide.slider-style-1 .hero-event.content h2 {
    color: #017cc0;
    font-size: 22px;
    font-weight: 400; }
  .ht-slide.slider-style-1 .hero-event.content h1 {
    font-size: 60px;
    font-weight: 800;
    color: #017cc0;
    margin: 0;
    font-family: 'Dosis', sans-serif;
    text-transform: uppercase;
    margin-top: 16px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .ht-slide.slider-style-1 .hero-event.content h1 {
        font-size: 50px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .ht-slide.slider-style-1 .hero-event.content h1 {
        font-size: 45px; } }
    @media only screen and (max-width: 767px) {
      .ht-slide.slider-style-1 .hero-event.content h1 {
        font-size: 32px; } }
  .ht-slide.slider-style-1 .hero-event.content .slide-btn a.cln-btn {
    height: 60px;
    padding: 0 50px;
    line-height: 57px;
    background: transparent;
    letter-spacing: 1px;
    border: 1px solid #fff;
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    border-radius: 5px;
    color: #ffffff;
    font-weight: 500; }
    .ht-slide.slider-style-1 .hero-event.content .slide-btn a.cln-btn:hover {
      background: #b61670;
      border: 1px solid #b61670;
      color: #fff; }
  @media only screen and (max-width: 767px) {
    .ht-slide.slider-style-1 .hero-portfolio.content {
      padding-top: 100px;
      padding-bottom: 100px; } }
  .ht-slide.slider-style-1 .hero-portfolio.content h2,
  .ht-slide.slider-style-1 .hero-portfolio.content h1 {
    font-size: 90px;
    font-weight: 700;
    color: #313131;
    margin: 0; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .ht-slide.slider-style-1 .hero-portfolio.content h2,
      .ht-slide.slider-style-1 .hero-portfolio.content h1 {
        font-size: 50px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .ht-slide.slider-style-1 .hero-portfolio.content h2,
      .ht-slide.slider-style-1 .hero-portfolio.content h1 {
        font-size: 45px; } }
    @media only screen and (max-width: 767px) {
      .ht-slide.slider-style-1 .hero-portfolio.content h2,
      .ht-slide.slider-style-1 .hero-portfolio.content h1 {
        font-size: 32px; } }
  .ht-slide.slider-style-1 .hero-portfolio.content h1 {
    margin-top: -23px;
    margin-bottom: 0; }
  .ht-slide.slider-style-1 .hero-portfolio.content p {
    color: #313131;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    margin: 0;
    font-weight: 700; }
  @media only screen and (max-width: 767px) {
    .ht-slide.slider-style-1 .hero-corporate.content {
      padding-top: 100px;
      padding-bottom: 100px; } }
  .ht-slide.slider-style-1 .hero-corporate.content h1 {
    font-size: 72px;
    font-weight: 600;
    color: #ffffff;
    margin-bottom: 14px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .ht-slide.slider-style-1 .hero-corporate.content h1 {
        font-size: 50px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .ht-slide.slider-style-1 .hero-corporate.content h1 {
        font-size: 45px; } }
    @media only screen and (max-width: 767px) {
      .ht-slide.slider-style-1 .hero-corporate.content h1 {
        font-size: 32px; } }
  .ht-slide.slider-style-1 .hero-corporate.content p {
    color: #ffffff;
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    margin-bottom: 35px;
    font-weight: 500;
    letter-spacing: 1px; }
  .ht-slide.slider-style-1 .hero-corporate.content .slide-btn a.cln-btn {
    height: 54px;
    padding: 0 43px;
    line-height: 50px;
    background: transparent;
    border: 1px solid #fff;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    border-radius: 26px;
    color: #ffffff;
    font-weight: 500;
    letter-spacing: 1px; }
    .ht-slide.slider-style-1 .hero-corporate.content .slide-btn a.cln-btn:hover {
      background: #4656ca;
      border: 1px solid #4656ca;
      color: #fff; }
  @media only screen and (max-width: 767px) {
    .ht-slide.slider-style-1 .hero-travel.content {
      padding-top: 100px;
      padding-bottom: 100px; } }
  .ht-slide.slider-style-1 .hero-travel.content h2 {
    font-size: 60px;
    font-weight: 400;
    color: #ffffff;
    margin-bottom: 0;
    font-family: 'Playball', cursive; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .ht-slide.slider-style-1 .hero-travel.content h2 {
        font-size: 50px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .ht-slide.slider-style-1 .hero-travel.content h2 {
        font-size: 45px; } }
    @media only screen and (max-width: 767px) {
      .ht-slide.slider-style-1 .hero-travel.content h2 {
        font-size: 32px; } }
  .ht-slide.slider-style-1 .hero-travel.content h1 {
    font-size: 72px;
    font-weight: 900;
    color: #ffffff;
    margin-bottom: 19px;
    font-family: 'Playfair Display', serif;
    font-style: italic; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .ht-slide.slider-style-1 .hero-travel.content h1 {
        font-size: 50px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .ht-slide.slider-style-1 .hero-travel.content h1 {
        font-size: 45px; } }
    @media only screen and (max-width: 767px) {
      .ht-slide.slider-style-1 .hero-travel.content h1 {
        font-size: 32px; } }
  .ht-slide.slider-style-1 .hero-travel.content p {
    color: #ffffff;
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    margin-bottom: 30px;
    font-weight: 400;
    line-height: 30px;
    font-family: 'Cabin', sans-serif;
    padding: 0 22%; }
  .ht-slide.slider-style-1 .hero-travel.content .slide-btn a.cln-btn {
    height: 54px;
    padding: 0 43px;
    line-height: 50px;
    background: #efc934;
    border: 1px solid #efc934;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    border-radius: 26px;
    color: #ffffff;
    font-weight: 500;
    letter-spacing: 1px; }
    .ht-slide.slider-style-1 .hero-travel.content .slide-btn a.cln-btn:hover {
      background: transparent;
      border: 1px solid #fff;
      color: #fff; }
  @media only screen and (max-width: 767px) {
    .ht-slide.slider-style-1 .hero-carpenter.content {
      padding-top: 100px;
      padding-bottom: 100px; } }
  .ht-slide.slider-style-1 .hero-carpenter.content h2 {
    font-size: 23px;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 0;
    font-family: 'Frank Ruhl Libre', serif;
    font-style: italic; }
  .ht-slide.slider-style-1 .hero-carpenter.content h1 {
    font-size: 60px;
    font-weight: 900;
    color: #ffffff;
    margin-bottom: 7px;
    margin-top: 12px;
    font-family: 'Frank Ruhl Libre', serif; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .ht-slide.slider-style-1 .hero-carpenter.content h1 {
        font-size: 50px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .ht-slide.slider-style-1 .hero-carpenter.content h1 {
        font-size: 45px; } }
    @media only screen and (max-width: 767px) {
      .ht-slide.slider-style-1 .hero-carpenter.content h1 {
        font-size: 32px; } }
  .ht-slide.slider-style-1 .hero-carpenter.content p {
    color: #ffffff;
    font-size: 18px;
    margin-bottom: 47px;
    font-weight: 400;
    line-height: 30px;
    font-family: 'Open Sans', sans-serif;
    padding: 0 22%;
    letter-spacing: 1px; }
  .ht-slide.slider-style-1 .hero-carpenter.content .slide-btn a.cln-btn {
    height: 54px;
    padding: 0 43px;
    line-height: 50px;
    background: #e1c265;
    border: 1px solid #e1c265;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    border-radius: 26px;
    color: #ffffff;
    font-weight: 500;
    letter-spacing: 1px; }
    .ht-slide.slider-style-1 .hero-carpenter.content .slide-btn a.cln-btn:hover {
      background: transparent;
      border: 1px solid #fff;
      color: #fff; }
  @media only screen and (max-width: 767px) {
    .ht-slide.slider-style-1 .hero-resturant.content {
      padding-top: 100px;
      padding-bottom: 100px; } }
  .ht-slide.slider-style-1 .hero-resturant.content h2 {
    font-size: 60px;
    font-weight: 400;
    color: #ffffff;
    margin-bottom: 0;
    font-family: 'Playball', cursive; }
  .ht-slide.slider-style-1 .hero-resturant.content h1 {
    font-size: 72px;
    font-weight: 900;
    color: #ffffff;
    margin-bottom: 17px;
    margin-top: -8px;
    font-family: 'Playfair Display', serif;
    font-style: italic; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .ht-slide.slider-style-1 .hero-resturant.content h1 {
        font-size: 50px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .ht-slide.slider-style-1 .hero-resturant.content h1 {
        font-size: 45px; } }
    @media only screen and (max-width: 767px) {
      .ht-slide.slider-style-1 .hero-resturant.content h1 {
        font-size: 32px; } }
  .ht-slide.slider-style-1 .hero-resturant.content p {
    color: #ffffff;
    font-size: 18px;
    margin-bottom: 33px;
    font-weight: 400;
    line-height: 30px;
    font-family: 'Cabin', sans-serif;
    padding: 0 22%;
    letter-spacing: 1px; }
  .ht-slide.slider-style-1 .hero-resturant.content .slide-btn a.cln-btn {
    height: 54px;
    padding: 0 43px;
    line-height: 50px;
    background: #e54c2a;
    border: 1px solid #e54c2a;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    border-radius: 26px;
    color: #ffffff;
    font-weight: 500;
    letter-spacing: 1px; }
    .ht-slide.slider-style-1 .hero-resturant.content .slide-btn a.cln-btn:hover {
      background: transparent;
      border: 1px solid #fff;
      color: #fff; }
  @media only screen and (max-width: 767px) {
    .ht-slide.slider-style-1 .hero-software.content {
      padding-top: 100px;
      padding-bottom: 100px; } }
  .ht-slide.slider-style-1 .hero-software.content h1 {
    font-size: 60px;
    font-weight: 400;
    color: #ffffff;
    margin-bottom: 9px;
    margin-top: 0; }
    .ht-slide.slider-style-1 .hero-software.content h1 span {
      font-weight: 700; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .ht-slide.slider-style-1 .hero-software.content h1 {
        font-size: 50px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .ht-slide.slider-style-1 .hero-software.content h1 {
        font-size: 45px; } }
    @media only screen and (max-width: 767px) {
      .ht-slide.slider-style-1 .hero-software.content h1 {
        font-size: 32px; } }
  .ht-slide.slider-style-1 .hero-software.content p {
    color: #ffffff;
    font-size: 16px;
    margin-bottom: 32px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 1px;
    padding: 0 10% 0 0; }
  .ht-slide.slider-style-1 .hero-software.content .slide-btn a.cln-btn {
    height: 54px;
    padding: 0 43px;
    line-height: 50px;
    background: #5ad1cf;
    border: 1px solid #5ad1cf;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    border-radius: 26px;
    color: #ffffff;
    font-weight: 500;
    letter-spacing: 1px; }
    .ht-slide.slider-style-1 .hero-software.content .slide-btn a.cln-btn:hover {
      background: transparent;
      border: 1px solid #fff;
      color: #fff; }
  @media only screen and (max-width: 767px) {
    .ht-slide.slider-style-1 .hero-hosting.content {
      padding-top: 100px;
      padding-bottom: 100px; } }
  .ht-slide.slider-style-1 .hero-hosting.content h1 {
    font-size: 48px;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 17px;
    margin-top: 0; }
    .ht-slide.slider-style-1 .hero-hosting.content h1 span {
      font-weight: 700; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .ht-slide.slider-style-1 .hero-hosting.content h1 {
        font-size: 50px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .ht-slide.slider-style-1 .hero-hosting.content h1 {
        font-size: 45px; } }
    @media only screen and (max-width: 767px) {
      .ht-slide.slider-style-1 .hero-hosting.content h1 {
        font-size: 32px; } }
  .ht-slide.slider-style-1 .hero-hosting.content p {
    color: #ffffff;
    font-size: 16px;
    margin-bottom: 32px;
    font-weight: 500;
    line-height: 31px;
    letter-spacing: 1px;
    padding: 0 10% 0 0; }
  .ht-slide.slider-style-1 .hero-hosting.content .slide-btn a.cln-btn {
    height: 54px;
    padding: 0 43px;
    line-height: 50px;
    background: #ffffff;
    border: 1px solid #ffffff;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    border-radius: 26px;
    color: #4554c7;
    font-weight: 500;
    letter-spacing: 1px; }
    .ht-slide.slider-style-1 .hero-hosting.content .slide-btn a.cln-btn:hover {
      background: transparent;
      border: 1px solid #fff;
      color: #fff; }
  @media only screen and (max-width: 767px) {
    .ht-slide.slider-style-1 .hero-real-estate.content {
      padding-top: 100px;
      padding-bottom: 100px; } }
  .ht-slide.slider-style-1 .hero-real-estate.content h2 {
    color: #ffffff;
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    font-style: italic;
    font-size: 23px; }
  .ht-slide.slider-style-1 .hero-real-estate.content h1 {
    font-size: 60px;
    font-weight: 500;
    color: #ffffff;
    margin-bottom: 17px;
    margin-top: 8px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .ht-slide.slider-style-1 .hero-real-estate.content h1 {
        font-size: 50px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .ht-slide.slider-style-1 .hero-real-estate.content h1 {
        font-size: 45px; } }
    @media only screen and (max-width: 767px) {
      .ht-slide.slider-style-1 .hero-real-estate.content h1 {
        font-size: 32px; } }
  .ht-slide.slider-style-1 .hero-real-estate.content p {
    color: #ffffff;
    font-size: 18px;
    margin-bottom: 32px;
    font-weight: 400;
    line-height: 30px;
    padding: 0 18%; }
  .ht-slide.slider-style-1 .hero-real-estate.content .slide-btn a.cln-btn {
    height: 50px;
    padding: 0 43px;
    line-height: 47px;
    background: #cda659;
    border: 1px solid #cda659;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    border-radius: 26px;
    color: #ffffff;
    font-weight: 500;
    letter-spacing: 1px; }
    .ht-slide.slider-style-1 .hero-real-estate.content .slide-btn a.cln-btn:hover {
      background: transparent;
      border: 1px solid #fff;
      color: #fff; }
.ht-slide.slider-style-2 {
  padding-top: 0; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .ht-slide.slider-style-2.slide-ptb-md {
      padding: 100px 0; } }
  @media only screen and (max-width: 767px) {
    .ht-slide.slider-style-2.slide-ptb-md {
      padding: 100px 0; } }
  .ht-slide.slider-style-2 .hero-agency.content h2 {
    font-size: 70px;
    font-weight: 800;
    color: #ffffff;
    margin: 0;
    font-family: "Poppins", sans-serif; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .ht-slide.slider-style-2 .hero-agency.content h2 {
        font-size: 50px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .ht-slide.slider-style-2 .hero-agency.content h2 {
        font-size: 45px; } }
    @media only screen and (max-width: 767px) {
      .ht-slide.slider-style-2 .hero-agency.content h2 {
        font-size: 45px; } }
  .ht-slide.slider-style-2 .hero-agency.content h1 {
    font-size: 80px;
    font-weight: 800;
    color: #ffffff;
    margin-bottom: 17px;
    margin-top: -7px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .ht-slide.slider-style-2 .hero-agency.content h1 {
        font-size: 55px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .ht-slide.slider-style-2 .hero-agency.content h1 {
        font-size: 48px; } }
    @media only screen and (max-width: 767px) {
      .ht-slide.slider-style-2 .hero-agency.content h1 {
        font-size: 48px; } }
  .ht-slide.slider-style-2 .hero-agency.content p {
    color: #ffffff;
    font-size: 18px;
    line-height: 30px;
    padding-right: 17%;
    margin-bottom: 33px; }
  .ht-slide.slider-style-2 .hero-agency.content .cleaning-btn a.cln-btn {
    height: 50px;
    padding: 0 30px;
    line-height: 47px;
    background: #702bc6;
    letter-spacing: 1px;
    border: 2px solid #702bc6;
    text-transform: uppercase;
    font-family: "Montserrat", sans-serif; }
  @media only screen and (max-width: 767px) {
    .ht-slide.slider-style-2 .hero-medical.content {
      padding-top: 48px; } }
  .ht-slide.slider-style-2 .hero-medical.content h1,
  .ht-slide.slider-style-2 .hero-medical.content h2 {
    font-size: 60px;
    font-weight: 800;
    color: #232323;
    margin: 0;
    margin-top: 16px; }
    .ht-slide.slider-style-2 .hero-medical.content h1 span,
    .ht-slide.slider-style-2 .hero-medical.content h2 span {
      color: #0bb6ce; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .ht-slide.slider-style-2 .hero-medical.content h1,
      .ht-slide.slider-style-2 .hero-medical.content h2 {
        font-size: 50px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .ht-slide.slider-style-2 .hero-medical.content h1,
      .ht-slide.slider-style-2 .hero-medical.content h2 {
        font-size: 45px; } }
    @media only screen and (max-width: 767px) {
      .ht-slide.slider-style-2 .hero-medical.content h1,
      .ht-slide.slider-style-2 .hero-medical.content h2 {
        font-size: 32px; } }
  .ht-slide.slider-style-2 .hero-medical.content h1 {
    margin: 0;
    margin-top: -11px;
    margin-bottom: 4px; }
  .ht-slide.slider-style-2 .hero-medical.content p {
    color: #232323;
    font-size: 16px;
    line-height: 30px;
    padding-right: 20%;
    margin-bottom: 32px; }
  .ht-slide.slider-style-2 .hero-medical.content .slide-btn a.cln-btn {
    height: 50px;
    padding: 0 50px;
    line-height: 50px;
    background: #0bb6ce;
    letter-spacing: 1px;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    border-radius: 5px;
    color: #ffffff;
    font-weight: 500;
    border: 1px solid #0bb6ce; }
    .ht-slide.slider-style-2 .hero-medical.content .slide-btn a.cln-btn:hover {
      background: transparent;
      border: 1px solid #0bb6ce;
      color: #0bb6ce; }
  @media only screen and (max-width: 767px) {
    .ht-slide.slider-style-2 .hero-repair.content {
      padding-top: 100px;
      padding-bottom: 100px; } }
  .ht-slide.slider-style-2 .hero-repair.content h1,
  .ht-slide.slider-style-2 .hero-repair.content h2 {
    font-size: 52px;
    font-weight: 700;
    color: #3f3f3f;
    margin-bottom: 14px;
    line-height: 70px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .ht-slide.slider-style-2 .hero-repair.content h1,
      .ht-slide.slider-style-2 .hero-repair.content h2 {
        font-size: 50px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .ht-slide.slider-style-2 .hero-repair.content h1,
      .ht-slide.slider-style-2 .hero-repair.content h2 {
        font-size: 45px; } }
    @media only screen and (max-width: 767px) {
      .ht-slide.slider-style-2 .hero-repair.content h1,
      .ht-slide.slider-style-2 .hero-repair.content h2 {
        font-size: 32px; } }
    .ht-slide.slider-style-2 .hero-repair.content h1 span,
    .ht-slide.slider-style-2 .hero-repair.content h2 span {
      color: #43c3ea; }
  .ht-slide.slider-style-2 .hero-repair.content h2 {
    margin-bottom: 0; }
  .ht-slide.slider-style-2 .hero-repair.content p {
    color: #3f3f3f;
    font-size: 16px;
    margin-bottom: 35px;
    font-weight: 400;
    line-height: 30px; }
  .ht-slide.slider-style-2 .hero-repair.content .slide-btn a.cln-btn {
    height: 45px;
    padding: 0 37px;
    line-height: 45px;
    background: #43c3ea;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    color: #ffffff;
    font-weight: 500;
    letter-spacing: 1px; }
    .ht-slide.slider-style-2 .hero-repair.content .slide-btn a.cln-btn:hover {
      opacity: 0.8; }
  @media only screen and (max-width: 767px) {
    .ht-slide.slider-style-2 .hero-political.content {
      padding-top: 100px;
      padding-bottom: 100px; } }
  .ht-slide.slider-style-2 .hero-political.content h1 {
    font-size: 72px;
    font-weight: 700;
    color: #043174;
    margin-bottom: 14px;
    line-height: 70px; }
    .ht-slide.slider-style-2 .hero-political.content h1 span {
      color: #ef3345; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .ht-slide.slider-style-2 .hero-political.content h1 {
        font-size: 50px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .ht-slide.slider-style-2 .hero-political.content h1 {
        font-size: 45px; } }
    @media only screen and (max-width: 767px) {
      .ht-slide.slider-style-2 .hero-political.content h1 {
        font-size: 32px; } }
  .ht-slide.slider-style-2 .hero-political.content p {
    color: #3a4e6c;
    font-size: 16px;
    margin-bottom: 35px;
    line-height: 28px; }
  .ht-slide.slider-style-2 .hero-political.content .slide-btn {
    margin: 0 -10px; }
    .ht-slide.slider-style-2 .hero-political.content .slide-btn a.cln-btn {
      height: 54px;
      padding: 0 36px;
      line-height: 54px;
      background: #ef3345;
      font-family: "Montserrat", sans-serif;
      font-size: 14px;
      color: #ffffff;
      font-weight: 500;
      border-radius: 3px;
      margin: 0 10px; }
      .ht-slide.slider-style-2 .hero-political.content .slide-btn a.cln-btn:hover {
        background: #043174; }
  @media only screen and (max-width: 767px) {
    .ht-slide.slider-style-2 .hero-charity.content {
      padding-top: 100px;
      padding-bottom: 100px; } }
  .ht-slide.slider-style-2 .hero-charity.content h2 {
    color: #e1c265;
    font-size: 30px;
    font-weight: 500;
    font-family: "Poppins", sans-serif;
    margin-bottom: 10px; }
  .ht-slide.slider-style-2 .hero-charity.content h1 {
    font-size: 72px;
    font-weight: 600;
    color: #ffffff;
    margin-bottom: 35px;
    line-height: 1; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .ht-slide.slider-style-2 .hero-charity.content h1 {
        font-size: 50px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .ht-slide.slider-style-2 .hero-charity.content h1 {
        font-size: 45px; } }
    @media only screen and (max-width: 767px) {
      .ht-slide.slider-style-2 .hero-charity.content h1 {
        font-size: 32px; } }
  .ht-slide.slider-style-2 .hero-charity.content p {
    color: #ffffff;
    font-size: 16px;
    margin-bottom: 35px;
    line-height: 30px;
    padding: 0 24%; }
  .ht-slide.slider-style-2 .hero-charity.content .slide-btn {
    margin: 0 -10px; }
    .ht-slide.slider-style-2 .hero-charity.content .slide-btn a.cln-btn {
      height: 50px;
      padding: 0 30px;
      line-height: 47px;
      background: #e1c265;
      font-family: "Montserrat", sans-serif;
      border: 2px solid #e1c265;
      font-size: 14px;
      color: #ffffff;
      font-weight: 500;
      border-radius: 26px;
      margin: 0 10px; }
      .ht-slide.slider-style-2 .hero-charity.content .slide-btn a.cln-btn:hover {
        background: transparent;
        color: #ffffff;
        border: 2px solid #ffffff; }
  @media only screen and (max-width: 767px) {
    .ht-slide.slider-style-2 .hero-body.content {
      padding-top: 100px;
      padding-bottom: 100px; } }
  .ht-slide.slider-style-2 .hero-body.content h2 {
    color: #ffffff;
    font-size: 36px;
    font-weight: 600;
    font-family: "Montserrat", sans-serif;
    margin-bottom: 0; }
  .ht-slide.slider-style-2 .hero-body.content h1 {
    font-size: 71px;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 12px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .ht-slide.slider-style-2 .hero-body.content h1 {
        font-size: 50px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .ht-slide.slider-style-2 .hero-body.content h1 {
        font-size: 45px; } }
    @media only screen and (max-width: 767px) {
      .ht-slide.slider-style-2 .hero-body.content h1 {
        font-size: 32px; } }
  .ht-slide.slider-style-2 .hero-body.content p {
    color: #ffffff;
    font-size: 16px;
    margin-bottom: 35px;
    line-height: 28px;
    padding: 0 10% 0 0; }
  .ht-slide.slider-style-2 .hero-body.content .slide-btn {
    margin: 0 -10px; }
    .ht-slide.slider-style-2 .hero-body.content .slide-btn a.cln-btn {
      height: 60px;
      padding: 0 43px;
      line-height: 57px;
      border: 2px solid #ffffff;
      font-family: "Montserrat", sans-serif;
      font-size: 14px;
      color: #ffffff;
      font-weight: 500;
      border-radius: 30px;
      background: transparent; }
      .ht-slide.slider-style-2 .hero-body.content .slide-btn a.cln-btn:hover {
        background: #fb5b21;
        color: #ffffff;
        border: 1px solid #fb5b21; }
  @media only screen and (max-width: 767px) {
    .ht-slide.slider-style-2 .hero-beauty-salon.content {
      padding-top: 100px;
      padding-bottom: 100px; } }
  .ht-slide.slider-style-2 .hero-beauty-salon.content h2 {
    color: #ff759d;
    font-size: 40px;
    font-weight: 400;
    font-family: 'Cookie', cursive;
    margin-bottom: 0; }
  .ht-slide.slider-style-2 .hero-beauty-salon.content h1 {
    font-size: 60px;
    font-weight: 700;
    color: #2a2a2a;
    margin-bottom: 12px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .ht-slide.slider-style-2 .hero-beauty-salon.content h1 {
        font-size: 50px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .ht-slide.slider-style-2 .hero-beauty-salon.content h1 {
        font-size: 45px; } }
    @media only screen and (max-width: 767px) {
      .ht-slide.slider-style-2 .hero-beauty-salon.content h1 {
        font-size: 32px; } }
  .ht-slide.slider-style-2 .hero-beauty-salon.content p {
    color: #2a2a2a;
    font-size: 16px;
    margin-bottom: 35px;
    line-height: 28px;
    padding: 0 10% 0 0;
    font-family: "Montserrat", sans-serif; }
  .ht-slide.slider-style-2 .hero-beauty-salon.content .slide-btn {
    margin: 0 -10px; }
    .ht-slide.slider-style-2 .hero-beauty-salon.content .slide-btn a.cln-btn {
      height: 60px;
      padding: 0 40px;
      line-height: 57px;
      border: 2px solid #ff759d;
      font-family: "Montserrat", sans-serif;
      font-size: 14px;
      color: #ffffff;
      font-weight: 500;
      border-radius: 30px;
      background: #ff759d; }
      .ht-slide.slider-style-2 .hero-beauty-salon.content .slide-btn a.cln-btn:hover {
        background: transparent;
        color: #ff759d;
        border: 2px solid #ff759d; }
.ht-slide.slider-style-3 {
  padding-top: 0; }
  .ht-slide.slider-style-3 .content h2 {
    font-size: 72px;
    font-weight: 600;
    color: #f3f3f3;
    margin: 0;
    font-family: "Poppins", sans-serif; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .ht-slide.slider-style-3 .content h2 {
        font-size: 50px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .ht-slide.slider-style-3 .content h2 {
        font-size: 45px; } }
    @media only screen and (max-width: 767px) {
      .ht-slide.slider-style-3 .content h2 {
        font-size: 45px; } }
  .ht-slide.slider-style-3 .content h1 {
    font-size: 72px;
    font-weight: 600;
    color: #f3f3f3;
    margin-bottom: 26px;
    margin-top: -7px;
    font-family: "Poppins", sans-serif; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .ht-slide.slider-style-3 .content h1 {
        font-size: 55px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .ht-slide.slider-style-3 .content h1 {
        font-size: 48px; } }
    @media only screen and (max-width: 767px) {
      .ht-slide.slider-style-3 .content h1 {
        font-size: 48px; } }
  .ht-slide.slider-style-3 .content p {
    color: #f3f3f3;
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 11px;
    font-weight: 500; }
  .ht-slide.slider-style-3 .content .slide-btn a.cln-btn {
    height: 50px;
    padding: 0 42px;
    line-height: 47px;
    letter-spacing: 1px;
    border: 1px solid #ffffff;
    font-family: "Poppins", sans-serif;
    color: #f3f3f3;
    font-weight: 500; }
    .ht-slide.slider-style-3 .content .slide-btn a.cln-btn:hover {
      background: #56a4b1;
      border: 1px solid #56a4b1;
      color: #ffffff;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }

.hero-event .countbox .ht-count::before,
.hero-event .countdown-style-6 .count-inner .time-count {
  color: #f7f7f7; }

.hero-event .countbox {
  margin-top: 36px;
  margin-bottom: 42px; }

.hero-event .countdown-style-6 .count-inner .time-count {
  font-family: 'Dosis', sans-serif;
  font-size: 70px;
  font-weight: 600; }

.clr-slide-wrapper {
  position: relative; }
  .clr-slide-wrapper .slick-dots {
    position: absolute;
    z-index: 2;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%); }
    .clr-slide-wrapper .slick-dots li {
      width: 10px;
      height: 10px;
      margin: 0 7px;
      padding: 0; }
      .clr-slide-wrapper .slick-dots li button {
        width: 10px;
        height: 10px;
        padding: 0;
        background: #ffffff;
        border-radius: 100%; }
        .clr-slide-wrapper .slick-dots li button::before {
          text-indent: -999999px; }
      .clr-slide-wrapper .slick-dots li.slick-active button {
        background: #03a9f4; }

.slick-slide.slick-active .animation__style--1 .content h2 {
  animation: 800ms ease-in-out 0s normal none 1 running zoomInUp; }
.slick-slide.slick-active .animation__style--1 .content h3 {
  animation: 1000ms ease-in-out 0s normal none 1 running zoomInUp; }
.slick-slide.slick-active .animation__style--1 .content h1 {
  animation: 1400ms ease-in-out 0s normal none 1 running zoomInUp; }
.slick-slide.slick-active .animation__style--1 .content p {
  animation: 1600ms ease-in-out 0s normal none 1 running zoomInUp; }
.slick-slide.slick-active .animation__style--1 .content a {
  animation: 1800ms ease-in-out 0s normal none 1 running zoomInUp; }
.slick-slide.slick-active .animation__style--2 .content h2 {
  animation: 800ms ease-in-out 0s normal none 1 running fadeInLeft; }
.slick-slide.slick-active .animation__style--2 .content h1 {
  animation: 1000ms ease-in-out 0s normal none 1 running fadeInRight; }
.slick-slide.slick-active .animation__style--2 .content h3 {
  animation: 1400ms ease-in-out 0s normal none 1 running fadeInRight; }
.slick-slide.slick-active .animation__style--2 .content p {
  animation: 1600ms ease-in-out 0s normal none 1 running bounceInDown; }
.slick-slide.slick-active .animation__style--2 .content a {
  animation: 1800ms ease-in-out 0s normal none 1 running bounceInDown; }
.slick-slide.slick-active .animation__style--3 .content h2 {
  animation: 800ms ease-in-out 0s normal none 1 running fadeInLeft; }
.slick-slide.slick-active .animation__style--3 .content h1 {
  animation: 1000ms ease-in-out 0s normal none 1 running fadeInLeft; }
.slick-slide.slick-active .animation__style--3 .content h3 {
  animation: 1400ms ease-in-out 0s normal none 1 running fadeInLeft; }
.slick-slide.slick-active .animation__style--3 .content p {
  animation: 1600ms ease-in-out 0s normal none 1 running fadeInLeft; }
.slick-slide.slick-active .animation__style--3 .content a {
  animation: 1800ms ease-in-out 0s normal none 1 running fadeInLeft; }
.slick-slide.slick-active .animation__style04 .slider__content h2 {
  animation: 800ms ease-in-out 0s normal none 1 running fadeInLeft; }
.slick-slide.slick-active .animation__style04 .slider__content h3 {
  animation: 1500ms ease-in-out 0s normal none 1 running fadeInLeft; }
.slick-slide.slick-active .animation__style04 .slider__content h1 {
  animation: 1500ms ease-in-out 0s normal none 1 running fadeInRight; }
.slick-slide.slick-active .animation__style04 .slider__content p {
  animation: 2200ms ease-in-out 0s normal none 1 running bounceInDown; }
.slick-slide.slick-active .animation__style04 .slider__content a {
  animation: 1800ms ease-in-out 0s normal none 1 running bounceInDown; }
.slick-slide.slick-active .animation__style04 .slider__content .sale {
  animation: 1800ms ease-in-out 0s normal none 1 running bounceInDown; }
.slick-slide.slick-active .animation__style05 .slider__content h2 {
  animation: 1500ms ease-in-out 0s normal none 1 running fadeInLeft; }
.slick-slide.slick-active .animation__style05 .slider__content h1 {
  animation: 1500ms ease-in-out 0s normal none 1 running fadeInRight; }
.slick-slide.slick-active .animation__style05 .slider__content p {
  animation: 2200ms ease-in-out 0s normal none 1 running bounceInDown; }
.slick-slide.slick-active .animation__style05 .slider__content a {
  animation: 1800ms ease-in-out 0s normal none 1 running bounceInDown; }
.slick-slide.slick-active .animation__style06 .slider__content h2 {
  animation: 500ms ease-in-out 0s normal none 1 running fadeInLeft; }
.slick-slide.slick-active .animation__style06 .slider__content h1 {
  animation: 700ms ease-in-out 0s normal none 1 running fadeInLeft; }
.slick-slide.slick-active .animation__style06 .slider__content p {
  animation: 900ms ease-in-out 0s normal none 1 running fadeInLeft; }
.slick-slide.slick-active .animation__style06 .slider__content a {
  animation: 1000ms ease-in-out 0s normal none 1 running fadeInLeft; }
.slick-slide.slick-active .animation__style06 .slider__content span {
  animation: 1200ms ease-in-out 0s normal none 1 running fadeInLeft; }
.slick-slide.slick-active .animation__style07 .slider__content h2 {
  animation: 900ms ease-in-out 0s normal none 1 running flipInX; }
.slick-slide.slick-active .animation__style07 .slider__content h1 {
  animation: 1000ms ease-in-out 0s normal none 1 running flipInX; }
.slick-slide.slick-active .animation__style07 .slider__content p {
  animation: 1200ms ease-in-out 0s normal none 1 running flipInX; }
.slick-slide.slick-active .animation__style07 .slider__content a {
  animation: 1500ms ease-in-out 0s normal none 1 running flipInX; }
.slick-slide.slick-active .animation__style07 .slider__content span {
  animation: 1900ms ease-in-out 0s normal none 1 running flipInX; }
.slick-slide.slick-active .animation__style08 .slider__content h2 {
  animation: 900ms ease-in-out 0s normal none 1 running slideInDown; }
.slick-slide.slick-active .animation__style08 .slider__content h1 {
  animation: 1200ms ease-in-out 0s normal none 1 running slideInDown; }
.slick-slide.slick-active .animation__style08 .slider__content p {
  animation: 1300ms ease-in-out 0s normal none 1 running slideInDown; }
.slick-slide.slick-active .animation__style08 .slider__content a {
  animation: 1500ms ease-in-out 0s normal none 1 running slideInDown; }
.slick-slide.slick-active .animation__style08 .slider__content span {
  animation: 1400ms ease-in-out 0s normal none 1 running slideInDown; }
.slick-slide.slick-active .animation__style09 .slider__content h2 {
  animation: 900ms ease-in-out 0s normal none 1 running fadeInRight; }
.slick-slide.slick-active .animation__style09 .slider__content h1 {
  animation: 1200ms ease-in-out 0s normal none 1 running fadeInRight; }
.slick-slide.slick-active .animation__style09 .slider__content p {
  animation: 1300ms ease-in-out 0s normal none 1 running fadeInRight; }
.slick-slide.slick-active .animation__style09 .slider__content a {
  animation: 1500ms ease-in-out 0s normal none 1 running fadeInRight; }
.slick-slide.slick-active .animation__style09 .slider__content span {
  animation: 1400ms ease-in-out 0s normal none 1 running fadeInRight; }
.slick-slide.slick-active .animation__style10 .slider__content h2 {
  animation: 800ms ease-in-out 0s normal none 1 running zoomInDown; }
.slick-slide.slick-active .animation__style10 .slider__content h3 {
  animation: 800ms ease-in-out 0s normal none 1 running zoomInDown; }
.slick-slide.slick-active .animation__style10 .slider__content h1 {
  animation: 1000ms ease-in-out 0s normal none 1 running zoomInDown; }
.slick-slide.slick-active .animation__style10 .slider__content p {
  animation: 1200ms ease-in-out 0s normal none 1 running zoomInRight; }
.slick-slide.slick-active .animation__style10 .slider__content a {
  animation: 1400ms ease-in-out 0s normal none 1 running zoomInUp; }

/* ===========================
	Responsive Style CSs 
==============================*/
@media only screen and (max-width: 767px) {
  .hero-event .countdown-style-6 .count-inner .time-count {
    font-size: 38px; }

  .hero-event .countbox {
    margin-top: 24px;
    margin-bottom: 7px; } }
/* ========================
    Agency Benefits 
==============================*/
.agency-benefits {
  padding-right: 121px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .agency-benefits {
      padding-right: 0; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .agency-benefits {
      padding-right: 0;
      margin-bottom: 30px; } }
  @media only screen and (max-width: 767px) {
    .agency-benefits {
      padding-right: 0;
      margin-bottom: 30px; } }
  .agency-benefits .content h2 {
    color: #18012c;
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 23px; }
    @media only screen and (max-width: 767px) {
      .agency-benefits .content h2 {
        font-size: 29px; } }
    .agency-benefits .content h2 span {
      color: #702bc6; }
  .agency-benefits .content p {
    color: #333333;
    font-size: 14px;
    line-height: 27px; }
  .agency-benefits .content ul {
    padding: 0;
    margin: 0;
    list-style: none;
    margin-top: 29px; }
    .agency-benefits .content ul li {
      color: #333333;
      font-size: 14px;
      margin-top: 9px; }
      .agency-benefits .content ul li i {
        color: #333333;
        font-size: 16px;
        padding-right: 14px; }

.agency-thumb .thumb {
  position: relative;
  text-align: center; }
  .agency-thumb .thumb .play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0); }
    .agency-thumb .thumb .play-btn a {
      border: 0 none;
      background: #ffffff;
      width: 62px;
      height: 62px;
      border-radius: 100%;
      padding: 0;
      font-size: 28px;
      color: #702bc6;
      display: inline-block;
      line-height: 62px;
      text-align: center; }
      .agency-thumb .thumb .play-btn a i {
        margin-left: 6px; }

/* ====================
    Event Style 
========================*/
.ht-event {
  display: flex;
  margin-top: 40px;
  padding: 10px;
  border: 1px solid #efefef;
  border-radius: 10px;
  align-items: center; }
  @media only screen and (max-width: 767px) {
    .ht-event {
      flex-wrap: wrap; } }
  .ht-event .thumb {
    position: relative;
    flex-basis: 50%; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .ht-event .thumb {
        flex-basis: 30%; } }
    @media only screen and (max-width: 767px) {
      .ht-event .thumb {
        flex-basis: 100%; } }
    .ht-event .thumb a img {
      width: 100%; }
    .ht-event .thumb .event-date {
      position: absolute;
      top: 0;
      right: -13px;
      background: #141414;
      width: 60px;
      padding: 8px 0;
      color: #fff;
      text-align: center; }
      .ht-event .thumb .event-date span {
        display: block;
        font-size: 20px;
        font-weight: 500;
        font-style: italic; }
  .ht-event .content {
    flex-basis: 50%;
    padding-left: 27px; }
    @media only screen and (max-width: 767px) {
      .ht-event .content {
        flex-basis: 100%;
        padding-left: 0;
        padding-top: 20px;
        padding-bottom: 20px; } }
    .ht-event .content h4 {
      font-size: 18px; }
      .ht-event .content h4 a {
        color: #333333;
        transition: 0.4s ease-in-out; }
        .ht-event .content h4 a:hover {
          color: #56a4b1; }
    .ht-event .content ul.event-time {
      padding: 0;
      margin: 0;
      list-style: none;
      display: flex; }
      .ht-event .content ul.event-time li {
        color: #333333;
        font-size: 14px; }
        .ht-event .content ul.event-time li i {
          color: #56a4b1;
          padding-right: 10px; }
        .ht-event .content ul.event-time li + li {
          padding-left: 15px;
          margin-left: 15px;
          position: relative; }
          .ht-event .content ul.event-time li + li::before {
            position: absolute;
            content: "";
            background: #333333;
            height: 15px;
            width: 2px;
            left: 0;
            top: 28%; }
    .ht-event .content p {
      color: #333333;
      font-size: 14px;
      line-height: 24px;
      margin-top: 10px; }
    .ht-event .content .event-btn a {
      color: #333333;
      font-size: 14px;
      border-bottom: 1px solid #333333;
      font-weight: 500;
      transition: 0.4s ease-in-out; }
      .ht-event .content .event-btn a:hover {
        border-bottom: 1px solid #56a4b1;
        color: #56a4b1; }
  .ht-event.charity-event .content h4 a:hover {
    color: #e1c265; }
  .ht-event.charity-event .content ul.event-time li i {
    color: #e1c265; }
  .ht-event.charity-event .content .event-btn a:hover {
    border-bottom: 1px solid #e1c265;
    color: #e1c265; }

/* =====================
    Register Area 
=========================*/
.education-register-form {
  background: rgba(255, 255, 255, 0.3); }
  .education-register-form .register-title {
    background: rgba(255, 255, 255, 0.3); }
    .education-register-form .register-title h2 {
      color: #ffffff;
      font-size: 24px;
      text-align: center;
      font-weight: 500;
      padding: 23px 41px;
      margin: 0; }
  .education-register-form form {
    padding: 40px;
    margin-top: -40px; }
    .education-register-form form input {
      margin-top: 40px;
      height: 50px;
      border: 1px solid #dfdfdf;
      color: #dfdfdf;
      font-size: 14px;
      padding: 0 20px;
      font-family: "Montserrat", sans-serif; }
      .education-register-form form input[type="submit"] {
        width: auto;
        background: #ffffff;
        border: 0 none;
        height: 50px;
        padding: 0 50px;
        color: #56a4b1;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 0.2px;
        transition: 0.4s ease-in-out; }
        .education-register-form form input[type="submit"]:hover {
          background: #56a4b1;
          color: #ffffff; }

.education-register-form form input::-webkit-input-placeholder {
  color: #dfdfdf; }

.education-register-form form input::-moz-placeholder {
  color: #dfdfdf; }

.education-register-form form input:-ms-input-placeholder {
  color: #dfdfdf; }

.education-register-form form input:-moz-placeholder {
  color: #dfdfdf; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .education-register-content {
    margin-top: 40px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .education-register-content {
    margin-top: 40px; } }
@media only screen and (max-width: 767px) {
  .education-register-content {
    margin-top: 40px; } }
.education-register-content .content p {
  color: #ffffff;
  font-size: 24px;
  letter-spacing: 1px;
  font-weight: 400;
  margin-bottom: 8px; }
.education-register-content .content h2 {
  color: #ffffff;
  font-size: 48px;
  font-weight: 600;
  letter-spacing: 1px;
  margin-bottom: 33px; }

.education-register-content .countdown-style-1 span.ht-count {
  padding: 13px 0px;
  border: 2px solid #fff;
  width: 88px; }

.education-register-content .countdown-style-1 .countbox span.time-count {
  color: #fff;
  font-size: 24px;
  font-weight: 500;
  padding-bottom: 16px;
  margin-bottom: 16px; }

.education-register-content .countdown-style-1 .countbox span span.count-inner p {
  color: #fff;
  font-size: 16px;
  margin: 0; }

.education-register-content .countdown-style-1 .countbox span.time-count::before {
  background-image: linear-gradient(to right, rgba(255, 255, 97, 0), rgba(255, 255, 255, 0.8) 40%, rgba(255, 255, 255, 0.8) 60%, rgba(82, 65, 97, 0)); }

.education-register-content .countbox .ht-count::before {
  color: #fff; }

.education-register-content .countdown-style-1 span.ht-count:first-child {
  margin-left: 0; }

.education-register-content .countdown-style-1 span.ht-count:last-child {
  margin-right: 0; }

.education-register-content .countdown-style-1 .countbox {
  text-align: left; }

/* -------------------
    Gallery Area 
----------------------*/
.construction-gallery-menu {
  margin-top: 50px;
  margin-bottom: 30px; }
  .construction-gallery-menu button {
    color: #18012c;
    font-weight: 600;
    border: 0 none;
    font-size: 14px;
    margin: 0  20px;
    padding-bottom: 8px;
    position: relative;
    padding: 0;
    padding-bottom: 8px; }
    @media only screen and (max-width: 767px) {
      .construction-gallery-menu button {
        margin: 0 10px; } }
    .construction-gallery-menu button::before {
      position: absolute;
      content: "";
      width: 0;
      height: 1px;
      background: #fab702;
      bottom: 0;
      transition: 0.4s ease-in-out; }
    .construction-gallery-menu button:hover::before, .construction-gallery-menu button.is-checked::before {
      width: 100%; }
    .construction-gallery-menu button:hover, .construction-gallery-menu button.is-checked {
      color: #fab702; }
  .construction-gallery-menu.my-work button::before {
    background: #313131; }
  .construction-gallery-menu.my-work button:hover, .construction-gallery-menu.my-work button.is-checked {
    color: #313131; }

.single-image-grid.construction-gallery {
  position: relative; }
  .single-image-grid.construction-gallery .image-grid-content {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding-left: 30px;
    padding-top: 30px;
    padding-bottom: 30px;
    background: rgba(255, 255, 255, 0.7);
    transition: 0.4s ease-in-out; }
    .single-image-grid.construction-gallery .image-grid-content .hover-action h2 {
      color: #18012c;
      font-size: 16px;
      font-weight: 600;
      margin: 0;
      margin-bottom: 2px;
      transition: 0.4s ease-in-out; }
    .single-image-grid.construction-gallery .image-grid-content .hover-action p {
      color: #18012c;
      font-size: 12px;
      font-weight: 500;
      margin: 0;
      transition: 0.4s ease-in-out; }
  .single-image-grid.construction-gallery:hover .image-grid-content {
    background: #fab702; }

/* Welcome Style */
.gardening-welcome .content h4 {
  color: #404040;
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 23px; }
  @media only screen and (max-width: 767px) {
    .gardening-welcome .content h4 {
      font-size: 23px;
      margin-bottom: 17px;
      margin-top: 11px; } }
.gardening-welcome .content p {
  color: #5b5b5b;
  font-size: 16px;
  line-height: 28px;
  margin-bottom: 28px; }
  @media only screen and (max-width: 767px) {
    .gardening-welcome .content p {
      font-size: 14px;
      line-height: 24px;
      margin-bottom: 18px; } }
.gardening-welcome .content .more-about-btn a {
  color: #404040;
  font-size: 14px;
  display: inline-block;
  font-weight: 700;
  border-bottom: 1px solid #404040;
  transition: 0.4s ease-in-out;
  font-family: "Montserrat", sans-serif; }
  .gardening-welcome .content .more-about-btn a:hover {
    color: #6dc32e;
    border-bottom: 1px solid #6dc32e; }

/* Event Welcome Area */
.event-welcome .content span {
  color: #b61670;
  font-family: "Montserrat", sans-serif;
  letter-spacing: 1px;
  font-size: 18px;
  font-weight: 500; }
.event-welcome .content h4 {
  color: #464646 !important;
  font-size: 36px;
  font-weight: 600;
  margin-bottom: 9px;
  margin-top: 9px; }
  .event-welcome .content h4 span {
    color: #b61670; }
  @media only screen and (max-width: 767px) {
    .event-welcome .content h4 {
      font-size: 23px;
      margin-bottom: 17px;
      margin-top: 11px; } }
.event-welcome .content p {
  color: #666666 !important;
  font-size: 16px;
  line-height: 27px;
  margin-bottom: 28px; }
  @media only screen and (max-width: 767px) {
    .event-welcome .content p {
      font-size: 14px;
      line-height: 24px;
      margin-bottom: 18px; } }
.event-welcome .content .more-about-btn {
  margin: 0 -8px; }
  @media only screen and (max-width: 767px) {
    .event-welcome .content .more-about-btn {
      text-align: center; } }
  .event-welcome .content .more-about-btn a {
    background: #464646;
    color: #ffffff;
    font-size: 14px;
    display: inline-block;
    font-weight: 500;
    transition: 0.4s ease-in-out;
    font-family: "Montserrat", sans-serif;
    padding: 0 40px;
    height: 48px;
    line-height: 48px;
    letter-spacing: 1px;
    border-radius: 23px;
    margin: 0 8px; }
    @media only screen and (max-width: 479px) {
      .event-welcome .content .more-about-btn a {
        margin-bottom: 20px; } }
    .event-welcome .content .more-about-btn a:hover {
      background: #b61670; }

/* Portfolio About Me Area */
.portfolio-aboutme .content h4 {
  color: #000000;
  font-size: 36px;
  font-weight: 600;
  margin-bottom: 5px; }
  @media only screen and (max-width: 767px) {
    .portfolio-aboutme .content h4 {
      font-size: 23px; } }
.portfolio-aboutme .content span {
  font-family: "Montserrat", sans-serif;
  letter-spacing: 1px;
  font-size: 18px;
  font-weight: 600;
  color: #000000; }
.portfolio-aboutme .content p {
  color: #000000;
  font-size: 14px;
  line-height: 26px;
  margin: 0;
  margin-top: 18px; }
.portfolio-aboutme .content .follow-me {
  display: flex;
  align-items: center;
  margin-top: 22px; }
  .portfolio-aboutme .content .follow-me a {
    margin: 0; }
  .portfolio-aboutme .content .follow-me span {
    display: inline-block;
    color: #000000;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    font-size: 16px; }
.portfolio-aboutme .thumb {
  position: relative;
  display: inline-block;
  z-index: 2; }
  .portfolio-aboutme .thumb::before {
    position: absolute;
    content: "";
    border: 10px solid #f4f4f4;
    width: 100%;
    height: 100%;
    left: 72px;
    top: 72px;
    z-index: -1;
    margin-left: -37px;
    margin-top: -37px; }

/* Portfolio About Me Area */
.corporate-feature {
  position: relative; }
  .corporate-feature .content {
    padding-bottom: 110px; }
    .corporate-feature .content h2 {
      color: #ffffff;
      font-size: 30px;
      font-weight: 600;
      line-height: 47px;
      margin-bottom: 10px; }
    .corporate-feature .content p {
      color: #ffffff;
      font-size: 16px;
      line-height: 24px;
      margin-bottom: 20px; }
    .corporate-feature .content ul {
      display: flex;
      justify-content: space-between;
      padding: 0;
      list-style: none;
      margin: 0; }
      .corporate-feature .content ul li {
        color: #ffffff;
        font-size: 14px;
        line-height: 26px;
        display: flex; }
        .corporate-feature .content ul li i {
          margin-top: 5px;
          padding-right: 12px; }
  .corporate-feature .thumb {
    position: absolute;
    right: -11%;
    bottom: -36%; }

/* Repair Area */
.reapir-about-area {
  position: relative;
  z-index: 2; }
  .reapir-about-area .shape {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: -1; }
  .reapir-about-area .thumb {
    position: relative;
    text-align: center; }
    .reapir-about-area .thumb .rp-player {
      position: absolute;
      top: 50%;
      z-index: 3;
      width: 100px;
      height: 100px;
      background: #43c3ea;
      left: 4px;
      color: #fff;
      border-radius: 100%;
      text-align: center;
      line-height: 100px;
      font-size: 36px;
      transition: 0.4s ease-in-out;
      transform: translateY(-50%) scale(1); }
      .reapir-about-area .thumb .rp-player:hover {
        opacity: 0.8;
        transform: translateY(-50%) scale(0.9); }
      .reapir-about-area .thumb .rp-player a {
        display: block; }
  .reapir-about-area .content p {
    color: #3a3a3a;
    font-size: 16px;
    line-height: 30px;
    margin-top: 9px; }
  .reapir-about-area .content .address {
    display: flex;
    margin-top: 40px; }
    .reapir-about-area .content .address p {
      color: #3d3d3d;
      font-size: 18px;
      margin: 0;
      font-family: "Montserrat", sans-serif; }
      .reapir-about-area .content .address p i {
        background: #152545;
        color: #fff;
        width: 42px;
        height: 42px;
        text-align: center;
        line-height: 42px;
        border-radius: 100%;
        margin-right: 15px;
        transition: 0.4s ease-in-out; }
      .reapir-about-area .content .address p:hover i {
        background: #43c3ea; }
      .reapir-about-area .content .address p + p {
        margin-left: 30px; }

/* ========================
    Political Css 
=============================*/
.campaingn-view .thumb {
  position: relative; }
  .campaingn-view .thumb .hover-action {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 30px; }
    .campaingn-view .thumb .hover-action .content {
      background: rgba(239, 51, 69, 0.7);
      padding: 27px 24px; }
      .campaingn-view .thumb .hover-action .content span {
        color: #ffffff;
        font-size: 14px; }
        .campaingn-view .thumb .hover-action .content span i {
          padding-right: 7px; }
      .campaingn-view .thumb .hover-action .content h2 {
        color: #ffffff;
        font-size: 24px;
        font-weight: 600;
        margin-top: 7px;
        margin-bottom: 9px; }
      .campaingn-view .thumb .hover-action .content p {
        color: #ffffff;
        font-size: 14px;
        line-height: 24px;
        margin: 0; }

.campainlist-wrapper ul.campaingn-list {
  padding: 0;
  margin: 0;
  list-style: none; }
  .campainlist-wrapper ul.campaingn-list li {
    margin-top: 30px;
    display: flex;
    align-items: center; }
    .campainlist-wrapper ul.campaingn-list li:first-child {
      margin-top: 0; }
    .campainlist-wrapper ul.campaingn-list li .content {
      padding-left: 21px; }
      .campainlist-wrapper ul.campaingn-list li .content span {
        color: #424242;
        font-size: 14px; }
        .campainlist-wrapper ul.campaingn-list li .content span i {
          color: #ef3345;
          padding-right: 5px; }
      .campainlist-wrapper ul.campaingn-list li .content h2 {
        color: #4b4b4b;
        font-size: 22px;
        font-weight: 500;
        margin-bottom: 7px;
        margin-top: 3px; }
      .campainlist-wrapper ul.campaingn-list li .content p {
        color: #343434;
        font-size: 14px;
        line-height: 24px;
        margin: 0;
        padding-right: 17%; }
    .campainlist-wrapper ul.campaingn-list li .thumb img {
      width: 189px; }

.political-countdown {
  margin-top: 50px; }
  .political-countdown .election-btn {
    margin-top: 23px; }
    .political-countdown .election-btn a {
      padding: 0 58px;
      background: #e83243;
      color: #fff;
      height: 52px;
      font-weight: 600;
      line-height: 55px;
      text-transform: uppercase;
      transition: 0.5s;
      margin-top: 10px;
      display: inline-block; }
      .political-countdown .election-btn a:hover {
        background: #043174;
        color: #ffffff; }

.post-carousel-active-5.political-post-wrapper button:hover {
  background: #e83243; }

.post-carousel-5.political-post .ptc-content .content h2 a:hover {
  color: #e83243; }

.post-carousel-5.political-post .ptc-content .content .post-btn a.readmore-btn:hover {
  border-bottom: 1px solid #e83243;
  color: #e83243; }

.post-carousel-active-5.political-post-wrapper button {
  color: #e83243; }

/* Footer Style */
.footer-widget.footer-style-2.political-footer h4.ft-title {
  color: #ffffff;
  font-size: 18px;
  font-weight: 600;
  position: relative;
  padding-left: 20px; }

.footer-widget.footer-style-2.political-footer h4.ft-title::before {
  position: absolute;
  content: "";
  width: 4px;
  height: 14px;
  background: #ef3345;
  left: 0;
  top: 50%;
  transform: translateY(-54%); }

.footer-widget.footer-style-2.political-footer .content p {
  color: #9a9a9a; }

.footer-widget.footer-style-2.political-footer .content ul.ft-menu li a {
  color: #cccccc; }

.copyright.copyright-4.political-ft .copyright-left {
  border-top: 1px solid #343434;
  padding: 30px; }

.copyright.copyright-4.political-ft .content p {
  color: #878787;
  margin-top: 0; }

/* =====================
    Travel Css 
======================*/
.pp-tour {
  margin-top: 30px;
  background: #ffffff; }
  .pp-tour .content {
    padding: 20px 34px; }
    .pp-tour .content .title h2 {
      color: #3b3b3b;
      font-size: 20px;
      margin-bottom: 10px;
      font-weight: 700;
      font-family: 'Playfair Display', serif; }
      .pp-tour .content .title h2 span {
        position: relative;
        padding-left: 20px;
        margin-left: 8px; }
        .pp-tour .content .title h2 span::before {
          position: absolute;
          content: "/";
          left: 0;
          font-size: 14px;
          top: 50%;
          transform: translateY(-50%); }
    .pp-tour .content p {
      color: #717171;
      font-size: 16px;
      line-height: 26px;
      font-family: 'Cabin', sans-serif; }
    .pp-tour .content .tp-tour-bottom {
      display: flex;
      justify-content: space-between;
      align-items: center;
      border-top: 1px solid #d7d7d7;
      padding-top: 20px; }
      .pp-tour .content .tp-tour-bottom ul {
        display: flex;
        padding: 0;
        margin: 0;
        list-style: none; }
        .pp-tour .content .tp-tour-bottom ul.tp-meta li {
          color: #3a3a3a;
          font-size: 14px;
          font-family: 'Cabin', sans-serif; }
          .pp-tour .content .tp-tour-bottom ul.tp-meta li i {
            padding-right: 5px; }
          .pp-tour .content .tp-tour-bottom ul.tp-meta li + li {
            margin-left: 10px; }
        .pp-tour .content .tp-tour-bottom ul.rating li {
          margin-left: 5px; }
          .pp-tour .content .tp-tour-bottom ul.rating li i {
            color: #988f8f;
            font-size: 14px; }

.travel-popular-tour .tp-veiw-all-btn {
  margin-top: 60px; }
  .travel-popular-tour .tp-veiw-all-btn a {
    height: 55px;
    padding: 0 65px;
    background: #efc934;
    display: inline-block;
    line-height: 55px;
    color: #fff;
    border-radius: 28px;
    font-size: 16px;
    font-weight: 600;
    font-family: 'Cabin', sans-serif;
    transition: 0.4s ease-in-out; }
    .travel-popular-tour .tp-veiw-all-btn a:hover {
      background: #408ea0;
      color: #fff; }

/* =======================
Countdown Css 
============================*/
.countdown_wrapper.travel-countdown .content > span {
  color: #ffffff;
  font-size: 72px;
  font-weight: 700;
  font-family: 'Cabin', sans-serif; }
.countdown_wrapper.travel-countdown .content h2 {
  margin-top: 15px;
  color: #ffffff;
  font-size: 48px;
  margin-bottom: 40px;
  font-family: 'Cabin', sans-serif; }
  .countdown_wrapper.travel-countdown .content h2 span {
    color: #efc934; }

.travel-countdown .countdown-style-1 span.ht-count {
  padding: 16px 0px;
  border: 2px solid transparent;
  width: 117px;
  background: rgba(0, 0, 0, 0.55); }

.travel-countdown .countdown-style-1 .countbox span.time-count {
  font-family: 'Cabin', sans-serif;
  color: #fff;
  padding-bottom: 20px;
  margin-bottom: 20px; }

.travel-countdown .countdown-style-1 .countbox span.time-count::before {
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8) 40%, rgba(255, 255, 255, 0.8) 60%, rgba(255, 255, 255, 0)); }

.travel-countdown .countdown-style-1 .countbox span span.count-inner p {
  color: #ffffff;
  font-size: 24px;
  font-family: 'Cabin', sans-serif; }

.travel-countdown .count-btn {
  margin-top: 20px; }
  .travel-countdown .count-btn a {
    background: #efc934;
    color: #fff;
    height: 55px;
    padding: 0 48px;
    display: inline-block;
    line-height: 55px;
    border-radius: 28px;
    font-size: 16px;
    font-weight: 600; }

/* ==================
    Blog Area 
=====================*/
.post-carousel-active-5.travel-post-wrapper button {
  color: #efc934; }

.post-carousel-active-5.travel-post-wrapper button:hover {
  background: #efc934;
  color: #ffffff; }

.post-carousel-5.travel-post .ptc-content .content h2 a:hover {
  color: #efc934; }

.post-carousel-5.travel-post .ptc-content .content .post-btn a.readmore-btn:hover {
  border-bottom: 1px solid #efc934;
  color: #efc934; }

/* ==================
    Tab Area 
=====================*/
.ht-tab-nab.travel-tab a {
  color: #2d2d2d;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 20px;
  display: inline-block;
  font-family: 'Cabin', sans-serif; }
  .ht-tab-nab.travel-tab a img {
    padding-left: 16px; }
  .ht-tab-nab.travel-tab a.active {
    background: transparent;
    color: #efc934; }

.travel-offer-form {
  margin-top: 50px;
  display: flex;
  justify-content: center; }
  .travel-offer-form .single-form {
    width: 16.6666%; }
    .travel-offer-form .single-form select {
      border: 1px solid #e7e7e7;
      height: 54px;
      padding: 0 26px;
      border-radius: 27px;
      width: auto;
      text-align: center; }
    .travel-offer-form .single-form button {
      background: #efc934;
      height: 54px;
      padding: 0 44px;
      border: 0 none;
      border-radius: 27px;
      color: #fff;
      font-size: 16px; }
      .travel-offer-form .single-form button:hover {
        background: #5e8981;
        color: #fff; }
      .travel-offer-form .single-form button i {
        padding-right: 10px; }

/* ======================
    Carpenter Css 
=========================*/
/* ==========================
    Carpen Welcome Area 
============================*/
.cr-welcome-wrapper > .content > h2 {
  color: #424242;
  font-size: 36px;
  font-weight: 900;
  font-family: 'Frank Ruhl Libre', serif;
  position: relative;
  padding-left: 18px;
  margin-bottom: 23px; }
  .cr-welcome-wrapper > .content > h2::before {
    position: absolute;
    left: 0;
    content: "";
    top: 50%;
    transform: translateY(-50%);
    background: #e1c265;
    height: 25px;
    width: 4px; }
  .cr-welcome-wrapper > .content > h2 span {
    color: #e1c265; }
.cr-welcome-wrapper > .content p {
  color: #4c4c4c;
  font-size: 15px;
  line-height: 25px;
  font-family: 'Open Sans', sans-serif; }
.cr-welcome-wrapper .funfact {
  margin-right: 40px; }
  .cr-welcome-wrapper .funfact .content span {
    font-size: 60px;
    font-family: 'Frank Ruhl Libre', serif;
    font-weight: 400;
    color: #e1c265; }
    .cr-welcome-wrapper .funfact .content span::after {
      color: #e1c265; }
  .cr-welcome-wrapper .funfact .content h2 {
    font-size: 16px;
    color: #565656;
    font-family: 'Open Sans', sans-serif;
    margin-top: 20px; }

/* Corpentor Choose */
.cr-choose-list {
  display: flex;
  margin-top: 10px; }
  .cr-choose-list ul {
    padding: 0;
    margin: 0;
    list-style: none; }
    .cr-choose-list ul li {
      margin-top: 13px;
      color: #565656;
      font-size: 16px;
      font-family: 'Open Sans', sans-serif; }
      .cr-choose-list ul li i {
        color: #e1c265;
        font-size: 18px;
        padding-right: 5px; }
    .cr-choose-list ul + ul {
      margin-left: 130px; }

/* ========================
    Carpenter Blog Css 
============================*/
.corporate-skill-inner .thumb {
  text-align: right; }

.post-carousel-active-5.carpenter-post-wrapper button {
  color: #e1c265; }

.post-carousel-active-5.carpenter-post-wrapper button:hover {
  background: #e1c265;
  color: #ffffff; }

.post-carousel-5.carpenter-post .ptc-content .content h2 a:hover {
  color: #e1c265; }

.post-carousel-5.carpenter-post .ptc-content .content .post-btn a.readmore-btn:hover {
  border-bottom: 1px solid #e1c265;
  color: #e1c265; }

/* ========================
    Testimonial Css 
============================*/
.testimonial-style-2.carpenter-testimonial .slick-center .testimonal img {
  border: 2px solid #e1c265; }

.testimonial-style-2.carpenter-testimonial .slick-dots li.slick-active button {
  background: #e1c265; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cr-welcome-wrapper > .content > h2 {
    font-size: 31px; }

  .cr-choose-wrapper .thumb {
    margin-bottom: 20px; } }
@media only screen and (max-width: 767px) {
  .cr-welcome-wrapper {
    margin-bottom: 40px; }

  .service-2.carpenter-service .content {
    padding: 30px 20px; }

  .section-title--12 p {
    padding: 0 0; }

  .section-title--12.text-left p {
    padding: 0; }

  .cr-choose-list ul + ul {
    margin-left: 16px; }

  .cr-welcome-wrapper .funfact .content span {
    font-size: 44px; }

  .cr-welcome-wrapper .funfact {
    margin-right: 19px; }

  .section-title--12 h2 {
    font-size: 32px; }

  .cr-welcome-wrapper > .content > h2 {
    font-size: 26px; }

  .cr-choose-wrapper .thumb {
    margin-bottom: 20px; } }
/* ===================
    Charity Css 
======================*/
/* =====================
    CountDown Area 
=============================*/
.ct-count-content .content h6 {
  color: #f8f8f8;
  font-size: 18px;
  font-weight: 400;
  margin: 0; }
.ct-count-content .content h2 {
  color: #f8f8f8;
  font-size: 30px;
  font-weight: 600;
  margin-top: 10px;
  margin-bottom: 7px; }
.ct-count-content .content p {
  color: #f8f8f8;
  font-size: 14px;
  line-height: 30px;
  padding-right: 60px;
  margin-bottom: 20px; }
.ct-count-content .content a.ct-btn {
  color: #ffffff;
  height: 40px;
  border: 1px solid #ffffff;
  padding: 0 37px;
  display: inline-block;
  line-height: 40px;
  border-radius: 20px; }

.charity-count .countdown-style-3 span.ht-count {
  height: 100px;
  width: 100px;
  background: transparent;
  box-shadow: none;
  border-radius: 100%;
  border: 1px solid #fff; }

.charity-count .countdown-style-3 span.count-inner .time-count {
  color: #fff;
  font-size: 24px;
  font-weight: 600;
  padding-bottom: 0; }

.charity-count .countdown-style-3 span.count-inner p {
  margin: 0;
  color: #ffffff;
  font-size: 16px;
  margin-top: 7px; }

.charity-count .countbox .ht-count::before {
  color: #ffffff; }

.charity-count .countbox .ht-count {
  margin: 0 19px; }

/* Flip Box */
.charity-flip .square2 .flip-overlay {
  background: rgba(225, 194, 101, 0.9); }

/* =====================
    Latest Causes 
=========================*/
.ct-causes .content-inner {
  background: #fff;
  padding: 30px; }
  .ct-causes .content-inner .content-top {
    align-items: center;
    justify-content: space-between;
    padding-bottom: 20px;
    border-bottom: 1px solid #dadada; }
    .ct-causes .content-inner .content-top .title h4 {
      color: #4a4a4a;
      font-size: 16px;
      margin: 0;
      margin-bottom: 5px; }
    .ct-causes .content-inner .content-top .title span {
      color: #e1c265;
      font-size: 16px;
      font-weight: 500; }
  .ct-causes .content-inner .price span {
    display: block;
    color: #4a4a4a; }
    .ct-causes .content-inner .price span.crs-pr {
      color: #e1c265;
      margin-top: 3px; }
  .ct-causes .content-inner .content-bottom {
    margin-top: 28px; }
    .ct-causes .content-inner .content-bottom h2 {
      font-weight: 500;
      font-size: 18px; }
      .ct-causes .content-inner .content-bottom h2 a {
        color: #404040; }
    .ct-causes .content-inner .content-bottom p {
      color: #404040;
      font-size: 14px;
      line-height: 26px;
      margin: 0; }

.radial-progress-charity {
  position: relative;
  margin: 0 30px; }
  .radial-progress-charity span {
    position: absolute;
    top: 34%;
    left: 32%; }

/* Post Charity */
.post-carousel-active-5.charity-post-wrapper button {
  color: #e1c265; }

.post-carousel-active-5.charity-post-wrapper button:hover {
  background: #e1c265;
  color: #fff; }

.post-carousel-5.charity-post .ptc-content .content h2 a:hover {
  color: #e1c265; }

.post-carousel-5.charity-post .ptc-content .content .post-btn a.readmore-btn:hover {
  border-bottom: 1px solid #e1c265;
  color: #e1c265; }

/* ===================
    Charity Donation 
=======================*/
.donation-wrapper {
  background: rgba(225, 194, 101, 0.8);
  padding: 100px 46px; }
  .donation-wrapper .content h2 {
    color: #ffffff;
    font-size: 34px;
    font-weight: 700;
    margin-bottom: 6px; }
  .donation-wrapper .content p {
    color: #ffffff;
    font-weight: 300;
    margin-bottom: 20px; }
  .donation-wrapper .content .payment-type h6 {
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px; }
  .donation-wrapper .content .payment-type form input {
    height: 50px;
    background: #fff;
    border: 0 none;
    margin-top: 30px;
    border-radius: 3px; }
    .donation-wrapper .content .payment-type form input:last-child {
      margin-bottom: 30px; }
  .donation-wrapper .content .payment-type .donate-btn {
    margin-top: 30px; }
    .donation-wrapper .content .payment-type .donate-btn a {
      background: #ffffff;
      height: 46px;
      padding: 0 30px;
      display: inline-block;
      line-height: 47px;
      color: #e1c265;
      font-size: 14px;
      font-weight: 500;
      border-radius: 3px;
      transition: 0.4s; }
      .donation-wrapper .content .payment-type .donate-btn a:hover {
        background: #e1c265;
        color: #ffffff; }
  .donation-wrapper .content .single-type {
    display: flex; }
    .donation-wrapper .content .single-type label {
      color: #ffffff;
      font-size: 14px;
      font-weight: 600;
      margin-right: 24px;
      padding-left: 20px; }
    .donation-wrapper .content .single-type .checkmark {
      background: #fff;
      border: 1px solid #fff;
      width: 12px;
      height: 12px;
      border-radius: 100%;
      margin-top: 6px;
      transition: 0.5s; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .charity-count .countdown-style-3 span.ht-count {
    margin-bottom: 30px; }

  .ct-causes .thumb a img {
    width: 100%; } }
@media only screen and (max-width: 767px) {
  .charity-count .countdown-style-3 span.ht-count {
    margin-bottom: 30px; }

  .charity-count {
    margin-top: 40px; }

  .ht-slide.slider-style-2 .hero-charity.content p {
    padding: 0; }

  .ct-causes .thumb a img {
    width: 100%; }

  .radial-progress-charity {
    margin: 0 15px; }

  .ct-causes .content-inner {
    padding: 30px 20px; } }
/* =======================
    SOftware Css 
=========================*/
/* =======================
Software Benifts Area 
===========================*/
.st-benft-inner .content h2 {
  color: #18012c;
  font-size: 36px;
  font-weight: 600;
  padding-right: 19%;
  margin-bottom: 20px; }
  .st-benft-inner .content h2 span {
    color: #0696ff; }
.st-benft-inner .content p {
  color: #666666;
  line-height: 27px; }
.st-benft-inner .content ul.benifits-list {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-top: 40px; }
  .st-benft-inner .content ul.benifits-list li {
    color: #666666;
    line-height: 24px;
    transition: 0.3s;
    padding-bottom: 11px; }
    .st-benft-inner .content ul.benifits-list li:hover {
      color: #0696ff; }
    .st-benft-inner .content ul.benifits-list li i {
      padding-right: 10px; }

.testimonial-style-5.st-software.testimonial-slider-2 .slick-slide.slick-active.slick-center .testimonal-img img {
  transform: scale(1.2);
  border: 2px solid #0696ff; }

.pricing-panel-4.active.st-active {
  background-color: #0696ff; }

.copyright.copyright-4.st-copyright .content p {
  color: #ffffff; }

/* ================
Returant Scss 
===================*/
.welcome-inner .content h2 {
  color: #242424;
  font-size: 30px;
  font-style: italic;
  font-family: 'Playfair Display', serif;
  font-weight: 400;
  position: relative;
  padding-bottom: 15px; }
  .welcome-inner .content h2::before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 80px;
    background: #e54c2a;
    height: 2px; }
.welcome-inner .content p {
  color: #666666;
  font-size: 16px;
  line-height: 30px;
  font-family: 'Cabin', sans-serif;
  margin-top: 20px; }
  .welcome-inner .content p.sub-title {
    color: #242424;
    font-size: 20px;
    line-height: 32px;
    font-family: 'Cabin', sans-serif; }

/* Popular Desis */
.res-popular-desases {
  border: 1px solid #e3e3e3;
  border-radius: 5px; }
  .res-popular-desases .content {
    text-align: center;
    padding: 36px 46px; }
    .res-popular-desases .content span {
      color: #6b6b6b;
      font-weight: 500;
      font-size: 14px;
      font-family: 'Cabin', sans-serif; }
    .res-popular-desases .content h2 {
      font-size: 24px;
      line-height: 30px;
      font-weight: 400;
      margin-top: 6px;
      margin-bottom: 13px;
      font-family: 'Playfair Display', serif; }
      .res-popular-desases .content h2 a {
        color: #2b2a2a; }
    .res-popular-desases .content p {
      margin: 0;
      color: #2b2a2a;
      font-size: 30px;
      font-weight: 400;
      font-family: 'Playfair Display', serif; }

/* Resturant Tab */
.res-tab-wrapper.separator {
  position: relative;
  margin: 0 -40px;
  margin-top: 30px; }
  .res-tab-wrapper.separator::before {
    position: absolute;
    content: "";
    border-style: dashed;
    width: 1px;
    height: 100%;
    border-width: 1px;
    left: 50%;
    transform: translateX(-50%);
    border-color: #e54c2a; }

.res-tab-content {
  margin-bottom: 56px;
  padding: 0 40px; }
  .res-tab-content .title {
    padding-bottom: 15px;
    border-bottom: 1px dashed #626262;
    margin-bottom: 18px; }
    .res-tab-content .title h2 {
      display: inline-block;
      font-weight: 400;
      font-size: 18px;
      margin: 0;
      font-family: 'Playfair Display', serif; }
      .res-tab-content .title h2 a {
        color: #2b2a2a;
        transition: 0.3s ease-in-out; }
        .res-tab-content .title h2 a:hover {
          color: #e54c2a; }
    .res-tab-content .title span {
      display: inline-block;
      float: right;
      padding-left: 20px;
      color: #e54c2a;
      font-size: 18px;
      font-weight: 700;
      font-family: 'Playfair Display', serif; }
  .res-tab-content p {
    color: #4a4a4a;
    font-size: 16px;
    margin: 0;
    line-height: 30px;
    font-family: 'Cabin', sans-serif; }
  .res-tab-content:last-child {
    margin-bottom: 0; }

.resturant-test.testimonial-slide-active-4 .slick-dots li button {
  background: #ffffff; }

.resturant-test.testimonial-slide-active-4 .slick-dots li.slick-active button {
  background: #e54c2a; }

.resturant-test.testimonial-slide-active-4 button.slick-arrow {
  color: #e54c2a; }

.beauty-theme-color {
  background: #ff759d; }

/* =====================
Body Fit Css
========================*/
.bd-welcome-inner .content ul {
  padding: 0;
  list-style: none;
  display: flex;
  margin: 0 -10px;
  margin-bottom: 10px; }
  .bd-welcome-inner .content ul li {
    margin: 0 10px;
    color: #fb5b21;
    font-size: 18px; }
.bd-welcome-inner .content h2 {
  color: #464646;
  font-size: 36px;
  font-weight: 600;
  margin-bottom: 10px; }
  .bd-welcome-inner .content h2 span {
    color: #fb5b21; }
.bd-welcome-inner .content p {
  color: #666666;
  line-height: 27px;
  font-size: 16px;
  margin-bottom: 33px; }
.bd-welcome-inner .content .wel-btn {
  margin: 0 -10px; }
  .bd-welcome-inner .content .wel-btn a {
    height: 47px;
    padding: 0 35px;
    background: #464646;
    display: inline-block;
    color: #ffffff;
    line-height: 47px;
    border-radius: 24px;
    margin: 0 10px;
    transition: 0.4s ease-in-out; }
    .bd-welcome-inner .content .wel-btn a:hover {
      background: #fb5b21;
      color: #ffffff; }

/* Blog Css */
.post-carousel-active-5.body-fit-post-wrapper button {
  color: #fb5b21; }

.post-carousel-active-5.body-fit-post-wrapper button:hover {
  background: #fb5b21;
  color: #ffffff; }

.post-carousel-5.body-fit-post .ptc-content .content h2 a:hover {
  color: #fb5b21; }

.post-carousel-5.body-fit-post .ptc-content .content .post-btn a.readmore-btn:hover {
  border-bottom: 1px solid #fb5b21;
  color: #fb5b21; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bd-welcome-inner {
    margin-top: 40px; } }
@media only screen and (max-width: 767px) {
  .bd-welcome-inner {
    margin-top: 40px; }

  .service-6.bd-service .icons {
    border-right: 1px solid transparent; }

  .section-title--20 p {
    padding: 0 12%; }

  .service-2.body-fit-choose .content {
    padding: 26px 20px; }

  .bd-welcome-inner .content h2 {
    font-size: 28px; }

  .bd-welcome-inner .content ul li {
    font-size: 14px; }

  .bd-welcome-inner .content .wel-btn a {
    padding: 0 20px;
    font-size: 14px; }

  .ht-slide.slider-style-2 .hero-body.content h2 {
    font-size: 31px; }

  .ht-slide.slider-style-2 .hero-body.content h1 {
    font-size: 28px; } }
@media only screen and (max-width: 575px) {
  .section-title--20 p {
    padding: 0 0; } }
/* ===================
Beauty Salon Css 
===========================*/
.beauty-welcome-inner .content span {
  color: #ff759d;
  font-size: 30px;
  font-weight: 300;
  font-family: 'Cookie', cursive;
  display: block;
  margin-bottom: 10px; }
.beauty-welcome-inner .content h2 {
  color: #2a2a2a;
  font-weight: 500;
  font-size: 36px;
  margin-bottom: 10px; }
.beauty-welcome-inner .content p {
  font-family: "Montserrat", sans-serif;
  color: #3d3d3d;
  font-size: 16px;
  line-height: 28px;
  margin-bottom: 24px; }
.beauty-welcome-inner .content a.buty-btn {
  color: #ff759d;
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  line-height: 28px;
  border-bottom: 1px solid #ff759d; }

.bty-awesome {
  display: flex;
  margin-bottom: 45px; }
  .bty-awesome .thumb img {
    max-width: 60px; }
  .bty-awesome .content {
    text-align: right;
    padding-right: 20px; }
    .bty-awesome .content h4 {
      color: #333333;
      font-size: 18px;
      font-weight: 600;
      margin-bottom: 9px; }
    .bty-awesome .content p {
      color: #333333;
      font-size: 14px;
      line-height: 25px; }
    .bty-awesome .content.text-left {
      padding-right: 0;
      padding-left: 20px; }

.cr-welcome-wrapper .beauty-counter .funfact .content span {
  font-family: 'Cookie', cursive;
  color: #ff759d;
  font-size: 60px; }

.cr-welcome-wrapper .beauty-counter .funfact .content span::after {
  color: #ff759d;
  font-size: 60px; }

.cr-welcome-wrapper .funfact .content h2 {
  font-family: "Poppins", sans-serif;
  font-size: 15px; }

.beauty-welcome .cr-welcome-wrapper > .content p {
  color: #3d3d3d;
  font-size: 16px;
  line-height: 28px;
  font-family: "Montserrat", sans-serif;
  margin-top: 25px; }

/*=====================
    Pricing Table 
========================*/
.pricing-panel-7.beauty-pricing-table .pricing-heading .price h4 {
  color: #2a2a2a; }

.pricing-panel-7.active.beauty-pricing-table .pricing-heading .price h4 {
  color: #ffffff; }

.pricing-panel-7.beauty-pricing-table .pricing-heading .title h2 {
  color: #ff759d; }

.pricing-panel-7.active.beauty-pricing-table .pricing-footer a.price_btn {
  background: #ff759d;
  color: #ffffff; }

.pricing-panel-7.beauty-pricing-table .pricing-footer a.price_btn:hover {
  background: #ff759d;
  color: #ffffff; }

/* Blog Css */
.post-carousel-active-5.beauty-post-wrapper button {
  color: #ff759d; }

.post-carousel-active-5.beauty-post-wrapper button:hover {
  background: #ff759d;
  color: #ffffff; }

.post-carousel-5.beauty-post .ptc-content .content h2 a:hover {
  color: #ff759d; }

.post-carousel-5.beauty-post .ptc-content .content .post-btn a.readmore-btn:hover {
  border-bottom: 1px solid #ff759d;
  color: #ff759d; }

.form-style-1 form input[type="submit"] {
  background-color: #ff759d; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .beauty-welcome-inner {
    margin-top: 30px; } }
@media only screen and (max-width: 767px) {
  .beauty-welcome-inner {
    margin-top: 30px; }

  .service-2.beauty-service .content {
    padding: 40px 20px; }

  .section-title--19 p {
    padding: 0 10%; } }
@media only screen and (max-width: 575px) {
  .section-title--19 p {
    padding: 0 0; } }
/* ========================
    Hosting Css 
===========================*/
.domain-form {
  position: relative;
  max-width: 720px;
  margin: 0 auto; }
  .domain-form input {
    width: 500px;
    height: 60px;
    line-height: 60px;
    border: 1px solid #dedede;
    border-radius: 5px;
    padding: 0 30px; }
  .domain-form button {
    background: #455ac8;
    color: #fff;
    height: 60px;
    border: 0 none;
    padding: 0 40px;
    border-radius: 5px;
    font-size: 14px;
    margin-left: 12px;
    text-transform: uppercase;
    font-weight: 600;
    transition: 0.4s ease-in-out; }
    .domain-form button:hover {
      background: #4f5da4;
      color: #fff; }

/* pricing Table */
.hosting-switer .ht-switcher-nav-2 a.active::before {
  background-color: #455ac8; }

.pricing-panel-6.active.hosting-price .pricing-heading {
  background: #455ac8; }

.pricing-panel-6.active.hosting-price .pricing-footer a.price_btn {
  background: #455ac8; }

/* Counter */
.funfact.counter-style--5.hosting-counter .content span {
  color: #ffffff;
  font-size: 48px;
  font-family: "Montserrat", sans-serif; }

.funfact.counter-style--5.hosting-counter .content h2 {
  color: #ffffff;
  font-size: 18px;
  font-family: "Montserrat", sans-serif; }

/* Testimonial */
.testimonial-style-2.hosting-testimonial .slick-center .testimonal img {
  border: 2px solid #455ac8; }

.testimonial-style-2.hosting-testimonial .slick-dots li.slick-active button {
  background: #455ac8; }

/* Blog Css */
.post-carousel-active-5.hosting-post-wrapper button {
  color: #455ac8; }

.post-carousel-active-5.hosting-post-wrapper button:hover {
  background: #455ac8;
  color: #ffffff; }

.post-carousel-5.hosting-post .ptc-content .content h2 a:hover {
  color: #455ac8; }

.post-carousel-5.hosting-post .ptc-content .content .post-btn a.readmore-btn:hover {
  border-bottom: 1px solid #455ac8;
  color: #455ac8; }

/* ======================
    Real Estate 
=======================*/
.rl-projet {
  margin-top: 30px; }
  .rl-projet .thumb {
    position: relative; }
    .rl-projet .thumb ul {
      list-style: none;
      padding: 0;
      margin: 0; }
      .rl-projet .thumb ul.rl-cat {
        position: absolute;
        top: 20px;
        display: flex;
        left: 20px;
        margin: 0 -5px; }
        .rl-projet .thumb ul.rl-cat li {
          margin: 0 5px; }
          .rl-projet .thumb ul.rl-cat li a {
            background: #dd3333;
            color: #fff;
            padding: 0 11px;
            height: 25px;
            border-radius: 500px;
            display: inline-block;
            line-height: 25px;
            text-transform: uppercase;
            font-size: 12px;
            letter-spacing: 1px; }
      .rl-projet .thumb ul.rl-wish {
        position: absolute;
        bottom: 30px;
        right: 30px;
        display: flex;
        margin: 0 -5px; }
        .rl-projet .thumb ul.rl-wish li {
          margin: 0 5px; }
          .rl-projet .thumb ul.rl-wish li a {
            width: 32px;
            height: 32px;
            background: #fff;
            color: #cda659;
            display: inline-block;
            line-height: 32px;
            font-size: 20px;
            text-align: center;
            border-radius: 5px; }
    .rl-projet .thumb .price {
      position: absolute;
      bottom: 20px;
      left: 20px;
      background: #fff;
      padding: 6px 10px;
      border-radius: 5px; }
      .rl-projet .thumb .price span {
        color: #262626;
        font-size: 14px;
        font-style: italic; }
        .rl-projet .thumb .price span.rl-prc {
          color: #cda659;
          font-size: 18px; }
  .rl-projet .content-inner {
    border: 1px solid #e3e3e3; }
    .rl-projet .content-inner ul {
      list-style: none;
      padding: 0;
      margin: 0;
      display: flex; }
      .rl-projet .content-inner ul.meta {
        justify-content: space-between; }
        .rl-projet .content-inner ul.meta li i {
          padding-right: 10px; }
        .rl-projet .content-inner ul.meta li a {
          color: #707070;
          font-size: 14px; }
      .rl-projet .content-inner ul.rl-feature {
        border-top: 1px solid #e3e3e3;
        justify-content: space-around; }
        .rl-projet .content-inner ul.rl-feature li {
          border-right: 1px solid #e3e3e3;
          flex-basis: 33.33%;
          text-align: center;
          padding: 18px 0;
          color: #333333;
          font-size: 14px; }
          .rl-projet .content-inner ul.rl-feature li i {
            padding-right: 9px;
            font-size: 19px; }
          .rl-projet .content-inner ul.rl-feature li:last-child {
            border-right: 1px solid transparent; }
    .rl-projet .content-inner .content {
      padding: 30px 20px; }
      .rl-projet .content-inner .content h4 {
        font-size: 20px; }
        .rl-projet .content-inner .content h4 a {
          color: #4a4a4a; }
      .rl-projet .content-inner .content p {
        color: #666666;
        font-size: 14px; }
        .rl-projet .content-inner .content p i {
          color: #cda659;
          font-size: 17px;
          padding-right: 10px; }

.service-3.real-estate:hover .icons {
  border: 1px solid #cda659; }

.service-3.real-estate:hover .icons i {
  background: #cda659; }

.service-3.real-estate .content h4::before {
  background: #cda659; }

.section-feature-real.separator {
  position: relative; }
  .section-feature-real.separator::before {
    position: absolute;
    content: "";
    background: rgba(205, 166, 89, 0.8);
    height: 100%;
    left: 0;
    top: 0;
    width: 60%; }

/* Feature Css */
.real-feature-inner .feature h4 {
  color: #ffffff;
  font-size: 18px;
  font-weight: 500;
  margin-top: 20px;
  margin-bottom: 10px; }
.real-feature-inner .feature p {
  color: #ffffff;
  font-size: 14px;
  line-height: 25px;
  margin-bottom: 38px; }

.testimonial-style-2.real-estate .slick-center .testimonal img {
  border: 2px solid #cda659; }

.testimonial-style-2.real-estate .slick-dots li.slick-active button {
  background: #cda659; }

.real-estate-video h2 {
  color: #fff;
  font-weight: 600;
  font-size: 36px;
  margin-bottom: 35px; }

/* Responsive  Css */
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .service-6.medical-service {
    padding: 30px 20px; } }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .portfolio-aboutme .thumb::before {
    display: none; }

  .cr-choose-list ul + ul {
    margin-left: 82px; }

  .charity-count .countdown-style-3 span.ht-count {
    margin-bottom: 30px; }

  .square-flip .square-container h2 {
    font-size: 19px; }

  .square-flip .square-container2 h2 {
    font-size: 20px; }

  .corporate-feature .thumb {
    right: -14%;
    bottom: 10%;
    width: 71%; }

  .service-6.medical-service {
    padding: 29px 9px; }

  .service-6.medical-service .icons {
    margin-right: 14px;
    width: 45px; }

  .service-6 .icons {
    width: 80px;
    height: 80px;
    line-height: 80px;
    margin-right: 15px; }

  .service-6 .content h4 {
    font-size: 21px; }

  .ht-slide.slider-style-1 .hero-software.content h1 {
    font-size: 28px;
    margin-bottom: 21px; }

  .ht-slide.slider-style-2 .hero-charity.content p {
    padding: 0 14%; }

  .pricing-panel-6.space-left {
    margin-left: 0; }

  .pricing-panel-6.space-right {
    margin-right: 0; }

  .pricing-panel-6.space-left-right {
    margin-right: 0;
    margin-left: 0; }

  .res-popular-desases .content {
    padding: 26px 14px; }

  .res-popular-desases .content h2 {
    font-size: 21px; }

  .section-title--16 p {
    padding: 0 22%; }

  .section-title--16.text-left p {
    padding: 0 8% 0 0; }

  .countdown_wrapper.travel-countdown .content h2 {
    font-size: 34px;
    margin-bottom: 34px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .corporate-feature .thumb {
    position: relative;
    right: 3%;
    bottom: 53px; }

  .testimonial-style-3 {
    margin-top: 30px; }

  .ht-slide.slider-style-1 .hero-hosting.content h1 {
    font-size: 29px; }

  .ht-slide.slider-style-1 .hero-hosting.content p {
    font-size: 14px;
    line-height: 31px;
    padding: 0; }

  .domain-form button {
    padding: 0 24px; }

  .domain-form {
    text-align: center; }

  .service-6.medical-service {
    padding: 50px 25px; }

  .medical-tab-content .thumb img {
    width: 100%; }

  .medical-tab-content .content {
    margin-top: 30px; }

  .campaingn-view .thumb img {
    width: 100%; }

  .section-title--10 p {
    padding: 0 8%; }

  .portfolio-aboutme .thumb img {
    width: 100%; }

  .portfolio-aboutme .thumb::before {
    display: none; }

  .portfolio-aboutme .thumb {
    display: block;
    margin-bottom: 27px; }

  .portfolio-header .mean-container a.meanmenu-reveal span {
    background: #000; }

  .portfolio-header .mean-container a.meanmenu-reveal {
    color: #000; }

  .ht-slide.slider-style-1 .hero-real-estate.content p {
    padding: 0; }

  .travel-offer-form {
    flex-wrap: wrap; }

  .travel-offer-form .single-form {
    width: 26.6666%;
    margin-bottom: 20px; }

  .rl-projet .thumb img {
    width: 100%; }

  .section-feature-real.separator::before {
    width: 100%; }

  .reapir-about-area .thumb {
    margin-bottom: 30px; }

  .reapir-choose-inner {
    margin-bottom: 40px; }

  .welcome-inner {
    margin-bottom: 30px; }

  .section-title--16 p {
    padding: 0 15%; }

  .res-tab-wrapper.separator::before {
    display: none; }

  .md-mt-30 {
    margin-top: 30px; }

  .section-title--15 p {
    padding: 0; }

  .ht-tab-nab.travel-tab a {
    font-size: 15px; }

  .testimonial-style-8 {
    padding: 0; }

  .htc-verctimeline-wrapper .ht-ver-timeline--3 .vertical-time .vertical-date span {
    left: 91%; }

  .htc-verctimeline-wrapper .ht-ver-timeline--3.vertical-reverse .vertical-time .vertical-date span {
    right: 91%; }

  .section-title--19 p {
    padding: 0 9%; }

  .section-title--12 p {
    padding: 0 17%; }

  .ht-slide.slider-style-1 .hero-carpenter.content p {
    margin-bottom: 29px;
    padding: 0 14%; }

  .section-title--6 p {
    padding: 0 10%; }

  .ht-slide.slider-style-1 .hero-software.content h1 {
    font-size: 26px; }

  .ht-slide.slider-style-2 .hero-charity.content p {
    padding: 0 47px; }

  .pricing-panel-6.space-left-right {
    margin-right: 0;
    margin-left: 0; } }
@media only screen and (max-width: 767px) {
    
    div#day1 {
    text-align: center;
}
    
   menu, ol, ul {
    margin: 16px 0;
    padding: 0;
} 
    
    .tabs_item_content p {
    text-align: justify;
}
    
   div#why-choose-us {
    padding-top: 40px;
} 
  .section-post-carousel {
    padding-top: 45px;
    padding-bottom: 40px;
}  
    
    .section-callto-action.bg_image--55 h3 {
       font-size: 18px;
       padding-top: 30px;
}
    
    .section-callto-action.bg_image--55 p {
    display: none;
}
    .section-callto-action.bg_image--55 {
    padding-top: 30px;
    padding-bottom: 30px;
}
    .action-btn a {
    font-weight: 900 !important;
    }
    
    .team.team-6 {
    text-align: center;
}
   .team .thumb img {
    width: 56%;
    margin: 0 auto;
    text-align: center;
    border: 1px solid #fff;
    padding: 10px;
} 
  .bg_color--2 {
    background: #0097b9;
}  
div#recruiters h2 {
    color: #fff;
}
    
    
    
    
    
    .event-form .event-tab-content a span.day {
    color: #484848;
    font-size: 19px;
    }
    
    
    
    div#about {
    padding-top: 40px;
    padding-bottom: 40px;
}
    .col-lg-4.col-md-4.immo img {
    display: none;
}
    
    .ht-slide.slider-style-1 .hero-event.content h2 {

    font-size: 15px;

}
    div#courses {
    padding: 52px 14px;
}
    
  .section-title--4 h2 {
    font-size: 20px;
    padding: 0 56px; }

  .section-title--4 h2::before,
  .section-title--4 h2::after {
    width: 50px; }

  .corporate-feature .thumb {
    position: relative;
    right: 3%;
    bottom: 53px; }

  .testimonial-style-3 {
    margin-top: 30px; }

  .progress_wrapper {
    margin-bottom: 30px; }

  .education-register-content .content h2 {
    font-size: 36px; }

  .ht-slide.slider-style-3 .content h1 {
    font-size: 39px; }

  .ht-slide.slider-style-1 .hero-event.content h1 {
    font-size: 34px; }

  .ht-slide.slider-style-1 .hero-event.content .slide-btn a.cln-btn {
    padding: 0 23px; }

  .domain-form {
    text-align: center; }

  .domain-form button {
    margin-top: 30px; }

  .section-title--18 h2 {
    font-size: 28px; }

  .section-title--18 p {
    padding: 0; }

  .medical-tab-content .thumb img {
    width: 100%; }

  .medical-tab-content .content {
    margin-top: 30px; }

  .service-6.medical-service {
    padding: 39px 15px; }

  .service-6.medical-service .content h4 {
    font-size: 41px;
    margin-bottom: 14px; }

  .section-title--6 p {
    padding: 0; }

  .campaingn-view .thumb img {
    width: 100%; }

  .section-title--10 p {
    padding: 0; }

  .section-title--10 h2 {
    font-size: 29px; }

  .campaingn-view .thumb .hover-action {
    padding: 10px; }

  .campaingn-view .thumb .hover-action .content {
    padding: 13px 16px; }

  .campainlist-wrapper ul.campaingn-list li {
    display: block; }

  .campainlist-wrapper ul.campaingn-list li .thumb img {
    width: 100%; }

  .campainlist-wrapper ul.campaingn-list li .content {
    padding-left: 0;
    margin-top: 20px; }

  .htc-verctimeline-wrapper .ht-ver-timeline .vertical-time .vertical-date span {
    right: 0; }

  .htc-verctimeline-wrapper .ht-ver-timeline.political-timeline .vertical-time .vertical-date {
    right: 36px; }

  .htc-verctimeline-wrapper .ht-ver-timeline.vertical-reverse .vertical-time .vertical-date {
    margin-left: 43px; }

  .ht-slide.slider-style-2 .hero-political.content .slide-btn a.cln-btn {
    margin-bottom: 10px; }

  .portfolio-aboutme .thumb img {
    width: 100%; }

  .portfolio-aboutme .thumb::before {
    display: none; }

  .portfolio-aboutme .thumb {
    display: block;
    margin-bottom: 27px; }

  .ht-slide.slider-style-1 .hero-portfolio.content h1 {
    margin-top: 0;
    margin-bottom: 13px; }

  .portfolio-header .mean-container a.meanmenu-reveal span {
    background: #000; }

  .portfolio-header .mean-container a.meanmenu-reveal {
    color: #000; }

  .travel-offer-form {
    flex-wrap: wrap; }

  .travel-offer-form .single-form {
    width: 26.6666%;
    margin-bottom: 20px; }

  .rl-projet .thumb ul.rl-wish {
    bottom: 24px;
    right: 17px; }

  .rl-projet .thumb ul.rl-wish li {
    margin: 0 2px; }

  .rl-projet .thumb img {
    width: 100%; }

  .ht-tab-nab-3 a {
    margin-bottom: 10px; }

  .section-title--17 p {
    padding: 0; }

  .section-title--17 h2 {
    font-size: 30px; }

  .rl-projet .content-inner ul.rl-feature li {
    font-size: 12px; }

  .section-feature-real.separator::before {
    width: 100%; }

  .section-title--17.text-left p {
    padding: 0; }

  .real-estate-video h2 {
    font-size: 24px; }

  .reapir-about-area .thumb {
    margin-bottom: 30px; }

  .reapir-choose-inner {
    margin-bottom: 40px; }

  .ht-slide.slider-style-2 .hero-repair.content h1,
  .ht-slide.slider-style-2 .hero-repair.content h2 {
    line-height: 47px !important; }

  .service-6.reapir-service .content {
    text-align: left; }

  .section-title--9 h2 {
    font-size: 28px; }

  .repair-request-form .ct-title-2 {
    padding-left: 0; }

  .contact_form_container.repair-request-form .ct-title-2 h2 {
    font-size: 23px; }

  .welcome-inner {
    margin-bottom: 30px; }

  .section-title--16 p {
    padding: 0; }

  .res-tab-wrapper.separator::before {
    display: none; }

  .sm-mt-30 {
    margin-top: 30px; }

  .ht-slide.slider-style-1 .hero-resturant.content p {
    font-size: 14px;
    line-height: 25px;
    padding: 0; }

  .ht-slide.slider-style-1 .hero-resturant.content h1 {
    font-size: 25px; }

  .ht-slide.slider-style-1 .hero-resturant.content h2 {
    font-size: 41px; }

  .section-title--15 p {
    padding: 0; }

  .software-slide-thumb {
    display: none; }

  .ht-slide.slider-style-1 .hero-travel.content p {
    padding: 0; }

  .section-title--11 p {
    padding: 0; }

  .section-title--11 h2 {
    font-size: 21px; }

  .countdown_wrapper.travel-countdown .content > span {
    font-size: 48px; }

  .countdown_wrapper.travel-countdown .content h2 {
    font-size: 20px;
    line-height: 32px; }

  .testimonial-style-8 {
    padding: 0; }

  .htc-verctimeline-wrapper .ht-ver-timeline .vertical-time .vertical-date {
    left: -30px; }

  .htc-verctimeline-wrapper .ht-ver-timeline--3 {
    display: block;
    margin-bottom: 33px; }

  .htc-verctimeline-wrapper .ht-ver-timeline--3::before,
  .process-wrapper .ht-process-3 .thumb::before {
    display: none; }

  .htc-verctimeline-wrapper .ht-ver-timeline--3 .vertical-time {
    width: 100%; }

  .htc-verctimeline-wrapper .ht-ver-timeline--3 .timeline-content {
    padding-left: 0;
    text-align: center;
    width: 100%;
    top: -139px; }

  .htc-verctimeline-wrapper .ht-ver-timeline--3 .vertical-date {
    display: none; }

  .htc-verctimeline-wrapper .ht-ver-timeline--3.vertical-reverse .timeline-content {
    padding-right: 0;
    text-align: center;
    padding-left: 0; }

  .process-wrapper .ht-process-3 .thumb {
    padding: 0; }

  .service-7 {
    padding: 40px 49px; }

  .ht-slide.slider-style-2 .hero-agency.content p {
    font-size: 14px;
    line-height: 26px;
    padding-right: 0; }

  .ht-slide.slider-style-2 .hero-agency.content h1 {
    font-size: 29px; }

  .ht-slide.slider-style-2 .hero-agency.content h2 {
    font-size: 30px;
    margin-bottom: 10px; }

  .ht-slide.slider-style-2 .hero-beauty-salon.content h2 {
    font-size: 36px; }

  .ht-slide.slider-style-2 .hero-beauty-salon.content p {
    padding: 0; }

  .ht-slide.slider-style-2 .hero-body.content p {
    padding: 0; }

  .ht-slide.slider-style-1 .hero-carpenter.content p {
    font-size: 16px;
    margin-bottom: 29px;
    line-height: 28px;
    padding: 0; }

  .ht-slide.slider-style-2 .hero-charity.content p {
    margin-bottom: 12px; }

  .ht-slide.slider-style-2 .hero-charity.content h1 {
    margin-bottom: 17px; }

  .ht-slide.slider-style-1 .content h1 {
    font-size: 28px; }

  .ht-slide.slider-style-1 .content h2 {
    font-size: 30px;
    margin-bottom: 19px; }

  .header.header-1 .cleaning-btn,
  .header.header-1 .header-btn {
    margin-left: 0; }

  .ht-slide.slider-style-2 .hero-political.content h1 {
    font-size: 29px; }

  .ht-slide.slider-style-1 .hero-real-estate.content p {
    font-size: 15px;
    margin-bottom: 22px;
    line-height: 28px;
    padding: 0; }

  .ht-slide.slider-style-2 .hero-repair.content p {
    margin-bottom: 22px; }

  .ht-slide.slider-style-1 .hero-software.content p {
    padding: 0; }

  .ht-slide.slider-style-1 .hero-software.content h1 {
    font-size: 28px; }

  .travel-offer-form .single-form {
    width: 37.6666%; }

  .res-popular-desases .content {
    padding: 36px 14px; }

  .res-popular-desases .content h2 {
    font-size: 20px; }

  .section-title--16.text-left p {
    padding: 0; }

  .pp-tour .thumb a img {
    width: 100%; }

  .service-7 {
    padding: 40px 6px; }

  .corporate-feature .content h2 {
    font-size: 22px;
    line-height: 37px; }

  .corporate-feature .content ul {
    display: block; }

  .corporate-feature .content ul li {
    margin-bottom: 20px; }

  .ht-slide.slider-style-2 .hero-medical.content h2 {
    margin-bottom: 24px; }

  .ht-slide.slider-style-2 .hero-medical.content {
    padding-top: 0; }

  .service-6.medical-service .content {
    text-align: left; }

  .ht-tab-nab-3 a {
    padding: 0 6px; }

  .section-title--17 h2 {
    font-size: 22px; } }
@media only screen and (max-width: 575px) {
  .ht-slide.slider-style-1 .hero-hosting.content h1 {
    font-size: 24px; }

  .ht-slide.slider-style-1 .hero-hosting.content p {
    font-size: 14px;
    line-height: 28px;
    letter-spacing: inherit;
    padding: 0; }

  .travel-offer-form .single-form {
    width: 73.6666%; }

  .service-7 {
    padding: 40px 0; }

  .ht-slide.slider-style-2 .hero-charity.content .slide-btn a.cln-btn {
    margin-top: 11px; }

  .beauty-welcome-inner .content h2 {
    font-size: 28px; }

  .section-title--19 h2 {
    font-size: 26px;
    margin-bottom: 15px; }

  .construction-gallery-menu button {
    margin-bottom: 10px; }

  .ht-slide.slider-style-1 .hero-carpenter.content h1 {
    font-size: 26px; }

  .ht-slide.slider-style-2 .hero-charity.content h1 {
    font-size: 28px; }

  .donation-wrapper .content .single-type {
    flex-wrap: wrap; }

  .section-title--13 h2 {
    font-size: 28px;
    margin-bottom: 14px; }

  .single-post-slide.post-slider-default.education-blog .content .post-inner {
    text-align: center; }

  .single-post-slide ul.meta {
    justify-content: center; }

  .single-post-slide.post-slider-default {
    padding: 206px 0; }

  .call-to-action-4.event-call-to-action .content h2 {
    font-size: 32px;
    margin-bottom: 27px; }

  .call-to-action-4.event-call-to-action .content p {
    padding: 0; }

  .section-title--7 h2 {
    font-size: 34px; }

  .follow-me .social-transparent a {
    width: 36px; }

  .post-carousel-4 .ptc-content .content ul.meta li {
    font-size: 12px; }

  .reapir-about-area .content .address {
    display: block; }

  .reapir-about-area .content .address p + p {
    margin-left: 0;
    margin-top: 17px; }

  .call-to-action-default.reapair-call-to-action .content p {
    font-size: 21px;
    line-height: 36px;
    margin-bottom: 14px; }

  .call-to-action-default.reapair-call-to-action .content h1 {
    font-size: 35px; }

  .section-title--15 h2 {
    font-size: 26px; }

  .st-benft-inner .content h2 {
    font-size: 28px;
    padding-right: 0; }

  .testimonial-style-5.testimonial-slider-2 .testimonial-for .testimonial-desc {
    padding: 40px 20px; } }

/*# sourceMappingURL=style.css.map */


.crr_scope {
    float: left;
    width: 100%;
    margin-top: 40px;
}
.crr_scope strong {
    color: #fff;
}
.crr_scope ul.ul-disc {
    list-style: disc;
    color: #fff;
}
.crr_scope ul.ul-disc li {
    margin-left: 15px;
}
.awardsz-carousel .owl-dots {
    margin-top: 40px;
    margin-bottom: 30px;
}
.pop_sect {
    background-image: url(https://cgc.ac.in/course/bsc-admission/img/mba-cgc1.png);
    background-repeat: no-repeat;
    background-position: bottom;
    padding-top: 120%;
    position: relative;
}
.vid_popup span {
    background-color: #fff;
    position: absolute;
    height: 39px;
    width: 39px;
    padding: 4px 6px;
    top: -10px;
    border-radius: 50%;
    right: -10px;
    z-index: 9;
    color: #000;
    font-size: 30px;
}
.vid_popup button.close {
    opacity: 1;
}
.vid_popup .modal-body {
    padding: 0;
}
.vid_popup .modal-header {
    padding: 0;
    border-bottom: transparent;
}
.vid_popup video {
    vertical-align: bottom;
    border: none;
    background-color: #000;
}
.pop_sect button.btn.btn-primary {
    background-color: transparent;
    border: none;
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.pop_sect img.ply_pops {
    max-width: 50px;
}
.pop_sect .layer {
    background-color: rgba(0, 0, 0, 0.31);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.pop_sect .btn:active:focus, .btn:focus{
    outline: 0;
}
.pop_sect .btn:focus{
    outline: 0;
}
.vid_popup .modal-dialog {
    max-width: 60%;
    margin: 5% auto;
}
.rs-ranking-section .item {
    margin-bottom: 20px;
}
.pop_sect .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus {
    box-shadow: none;
    background-color: transparent;
}
.btn-primary.focus, .btn-primary:focus{
    box-shadow:none;
}
.ranks_shields ul li {
    list-style: none;
    float: left;
    width: 20%;
}
.ranks_shields ul li img {
    max-width: 200px;
    margin: 0 auto;
    margin-bottom: 30px;
    display: block;
}
ul.eligi li {
    color: #fff;
}
.admsn_enquiry {
    float: left;
    width: 20%;
    position: absolute;
    right: 18.3%;
    bottom: 0;
}

ul.ul-disc li {
    color: #fff;
}
h3.north {
    font-size: 27px !important;
}
.hero-event.content p {
    color: #017cc0 !Important;
    font-weight: 700;
}

.ties_up {
    margin: 50px 0px;
}
.placement-box-record {
    color: #FFF;
    padding: 30px 15px;
    text-align: center;
    border-radius: 5px;
    background-color: #017cc0;
    height: 100%;
}
.placement-ranking .u-text-p {
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    font-size: 2rem;
    margin: 0 0 10px 0;
}
.plc_svg img {
    width: 70%;
    height: 170px;
    fill: currentColor;
    opacity: 0.55;
    margin-top: 15px;
}
.u-list-item-2 {
    background-image: linear-gradient(#1b00bf, #017cc0);
}
section.mou_entities {
    background-image: linear-gradient(#1b00bf, #017cc0);
    padding: 60px 0px;
}
.studnt__icon img {
    background: rgba(255,255,255,0.2);
    border: 2px solid rgba(255,255,255,0.2);
    border-radius: 5px;
    padding: 8px;
    margin-bottom: 10px;
}
.mou_entities h2 {
    color: #fff;
    text-align: center;
    margin-bottom: 40px;
}
.foreign-gallery img {
    background: rgba(255,255,255,0.2);
    border: 2px solid rgba(255,255,255,0.2);
    border-radius: 5px;
    padding: 8px;
    margin-bottom: 10px;
}
.foreign_sect {
    padding: 50px 0px;
    padding-bottom: 0px;
}
.foreign_sect h2{
    text-align:center;
    color: #333333;
}
#mou__Carousel .owl-nav{
    display:none;
}
#mou__Carousel .owl-dots {
    margin-top: 50px;
    display: flex;
    justify-content: center;
}
button.owl-dot.active span {
    opacity: 1 !important;
}
 .owl-carousel .owl-dots button.owl-dot span {
    margin: 3px !important;
    width: 15px !important;
    height: 15px !important;
    background:#5d7bd5 !important;
    opacity: 0.4;
    display: block;
    border-radius: 50%;
}
.row.gallery.foreign-gallery.mt-5.pb-5 {
    padding-bottom: 0px !important;
}
section.research_info.ties_up h2 {
    text-align: center;
    color:#333;
}
.ties_up h2{
    text-align: center;
    color:#333;
}
.international_carousel .owl-item img {
    display: block;
    width: 100%;
    height: 580px;
    object-fit: cover;
    border-radius: 10%;
}
.international_carousel .owl-dots {
    justify-content: center;
    display: flex;
    margin-top: 25px;
}
.international_carousel.owl-carousel .owl-dots .owl-dot span {
    width: 10px !important;
    height: 10px !important;
    background: #1b03bf !important;
    display: inline-block !important;
    border-radius: 50% !important;
    line-height: 1 !important;
    margin: 5px !important;
    opacity: 1 !important;
}
.international_carousel .owl-dots .owl-dot.active span {
    background: #017cc0 !important;
}
.box_spce .placement-box-record {
    height: auto !important;
    margin-bottom: 30px !important;
}
.ranks_shields ul {
    float: left;
    width: 100%;
}














@media only screen and (max-width: 1440px){
    .admsn_enquiry{
        width:30%;
        right: 6%;
    }
}

@media only screen and (max-width: 1024px){
    .ranks_shields ul li img{
        max-width:150px;
    }
}

@media only screen and (max-width: 991px){
    .ranks_shields ul li img{
        max-width:100px;
    }
    .mean-container a.meanmenu-reveal span {
      background: #000 !important;
    }
    .bg_image--52 {
    background-image: none !important;
    height: auto;
    display: block !important;
    padding-top: 0 !important;
}
.ht-slide.slider-style-1 {
  margin-top: 130px;
}

}


@media only screen and (max-width: 768px){
    .admsn_enquiry {
        width: 90%;
        right: unset;
        position: unset;
        float: none;
        padding-left: 100px;
    }
    .placement-box-record{
        margin-bottom:30px;
        height: auto;
    }
    .international_carousel .owl-item img{
        height: auto;
    }
}


@media only screen and (max-width: 599px){
    .bg_image--52{
        background-image: none !important;
        height: auto;
            display: block !important;
    }
    .section-service {
        margin-top: 0px;
    }
    .logo img{
        max-width:300px;
    }
    h3.north{
        font-size: 20px !important;
    }
}

@media only screen and (max-width: 575px){
    .ranks_shields ul li{
        width:100%;
    }
    .ranks_shields ul li img{
       margin: 0 auto;
       display: block;
       margin-bottom: 20px; 
    }
    
}

@media only screen and (max-width: 479px){
    .admsn_enquiry{
        padding-left: 50px;
    }
}

@media only screen and (max-width: 395px){
    .admsn_enquiry {
        padding-left: 20px;
        width:95%;
    }
    .mobile-menu .mean-bar .meanmenu-reveal, .mean-container a.meanmenu-reveal.meanclose {
    position: absolute;
    top: -56px!important;
}
    .header--transparant {

    top: 24px;
}
    .header.header-1 .logo {
    margin-left: -130px;
    }
    .logo img {
    max-width: 220px;
}
    .header.header-1 .logo {
    margin-left: -70px;
}
}

img.vis_mob {
    display: none;
}

@media (max-width: 991px) {
  img.vis_mob {
    display: block;
    width: 100%;
    margin-bottom: 1rem;
}
}