@charset "UTF-8";
/*********************************************************************************

	Template Name: Reyes Bootstrap 5 Template
	Version: 1.0

**********************************************************************************/
/**************************************************************

	STYLESHEET INDEXING
	|
	|
	|___ Default Styles
	|	|
	|	|___ variables
	|	|___ mixins
	|	|___ reset
	|	|___ typography
	|	|___ animations
	|	|___ shortcode
	|
	|
	|___Elements Styles
	|	|___ button Style
	|	|___ section title Style
	|	|___ accordion Style
	|	|___ heading Style
	|	|___ progress bar Style
	|	|___ countdown Style
	|	|___ team Style
	|	|___ pricing table Style
	|	|___ brand Style
	|	|___ newsletter Style
	|	|___ testimonial Style
	|	|___ contact Style
	|	|___ register Style
	|	|___ login Style
	|	|___ news ticker Style
	|	|___ service Style
	|	|___ tooltips Style
	|	|___ notification Style
	|	|___ modal Style
	|	|___ lightbox Style
	|	|___ social share Style
	|	|___ blockquote Style
	|	|___ search Style
	|	|___ video Style
	|	|___ instagram Style
	|	|___ 404 Style
	|	|___ tab Style
	|	|___ process Style
	|	|___ pagination Style
	|	|___ toggle Style
	|	|___ switcher Style
	|	|___ flipbox Style
	|	|___ slider navigation Style
	|	|___ google map Style
	|	|___ dropcaps Style
	|	|___ line menu Style
	|	|___ mega menu Style
	|	|___ marker Style
	|	|___ blog post Style
	|	|___ counterup Style
	|	|___ single post Style
	|	|___ post slider Style
	|	|___ post grid tab Style
	|	|___ popup Style
	|	|___ image grid layout Style
	|	|___ banner Style
	|	|___ page scroll Style
	|	|___ thumb gallery Style
	|	|___ image compare Style
	|	|___ animated heading Style
	|	|___ callto action Style
	|	|___ twitter Style
	|	|___ custom carousel Style
	|	|___ dual button Style
	|	|___ faq Style
	|	|___ panel slider Style
	|	|___ post carousel Style
	|	|___ business hours Style
	|	|___ table Style
	|	|___ pricing list view Style
	|	|___ vertical timeline Style
	|	|___ image magnifier Style
	|	|___ offcanvas Style
	|	|___ scroll image Style
	|	|___ weather Style
	|
	|
	|___Template Styles
	|	|___ Header 
	|	|___ Navigation 
	|	|___ Banner
	|	|___ Footer Style
	|	|___ Slide Style 
	|	|___ agency Style 
	|	|___ event Style 
	|	|___ register Style 
	|	|___ gallery Style 
	|	|___ welcome Style 
	|
	|
	|___ END STYLESHEET INDEXING

***************************************************************/
/**************************************
    Default Styles
***************************************/
/* 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;
  }
}
@media only screen and (max-width: 479px) {
  .container {
    width: 300px;
  }
}
/**
 * Reset Styels
 */
* {
  -webkit-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;
  -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;
  -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: left;
}

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

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

td {
  border-top: 1px solid #ededed;
  padding: 6px 10px 6px 0;
}

del {
  color: #333;
}

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

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

/**
 * Typography
 */
* {
  -webkit-box-sizing: border-box;
          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 {
  -webkit-transition: all 0.4s ease-in-out 0s;
  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: "Roboto";
  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: 767px) {
  h1,
.h1 {
    font-size: 36px;
  }

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

  h3,
.h3 {
    font-size: 24px;
  }
}
@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;
  -webkit-transition: all 0.4s ease-out 0s;
  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;
-------------------------------------------------*/
/*************************
 Bootstrap Custom Container
************************/
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container,
.container-sm {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container,
.container-md,
.container-sm {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container,
.container-lg,
.container-md,
.container-sm {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container,
.container-lg,
.container-md,
.container-sm,
.container-xl {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
    max-width: 1140px;
  }
}
.row {
  --bs-gutter-x: 0px;
}

.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) {
  .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.png);
  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-52.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.bg_image--53 {
  background-image: url(../img/bg/bg-image-53.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-55.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-83.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: -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 {
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-iteration-count: infinite;
          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;
  -o-object-fit: cover;
     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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .button-group--horizonta {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media only screen and (max-width: 767px) {
  .button-group--horizonta {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            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 {
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.ht-btn.button-bg-image:hover {
  opacity: 0.8;
}
.ht-btn.button-shadow {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
          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: 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;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
}
.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%;
  -webkit-box-sizing: border-box;
          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: 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: 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 {
  -webkit-box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.6), 0 0 1px rgba(0, 0, 0, 0);
          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 {
  -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
          box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
}
.ht-btn.button-shadow.button-shadow-6:hover {
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
          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;
  -webkit-box-shadow: 0 0 0 rgba(244, 63, 59, 0.5);
          box-shadow: 0 0 0 rgba(244, 63, 59, 0.5);
  position: relative;
  z-index: 100;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  background-image: -webkit-gradient(linear, left top, left bottom, from(0), color-stop(#000), to(#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-gradient(linear, left top, left bottom, from(0), color-stop(#ce51da), to(#000000));
  background-image: linear-gradient(0, #ce51da, #000000);
}
.ht-btn.button-gradient:hover::before {
  opacity: 1;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.ht-btn.button-gradient--2 {
  background-image: -webkit-gradient(linear, left top, left bottom, from(0), color-stop(#ecbfa6), to(#6e2f17));
  background-image: linear-gradient(0, #ecbfa6, #6e2f17);
}
.ht-btn.button-gradient--2::before {
  background-image: -webkit-gradient(linear, left top, left bottom, from(0), color-stop(#6e2f17), to(#ecbfa6));
  background-image: linear-gradient(0, #6e2f17, #ecbfa6);
}
.ht-btn.button-gradient--3 {
  background-image: -webkit-gradient(linear, left top, left bottom, from(0), color-stop(#511f48), to(#de6b0e));
  background-image: linear-gradient(0, #511f48, #de6b0e);
}
.ht-btn.button-gradient--3::before {
  background-image: -webkit-gradient(linear, left top, left bottom, from(0), color-stop(#de6b0e), to(#511f48));
  background-image: linear-gradient(0, #de6b0e, #511f48);
}
.ht-btn.button-gradient--4 {
  background-image: -webkit-gradient(linear, left top, left bottom, from(0), color-stop(#000000), to(#0cd7f5));
  background-image: linear-gradient(0, #000000, #0cd7f5);
}
.ht-btn.button-gradient--4::before {
  background-image: -webkit-gradient(linear, left top, left bottom, from(0), color-stop(#0cd7f5), to(#000000));
  background-image: linear-gradient(0, #0cd7f5, #000000);
}
.ht-btn.button-gradient--5 {
  background-image: -webkit-gradient(linear, left top, left bottom, from(0), color-stop(#efb8ea), to(#f801e4));
  background-image: linear-gradient(0, #efb8ea, #f801e4);
}
.ht-btn.button-gradient--5::before {
  background-image: -webkit-gradient(linear, left top, left bottom, from(0), color-stop(#f801e4), to(#efb8ea));
  background-image: linear-gradient(0, #f801e4, #efb8ea);
}
.ht-btn.button-gradient--6 {
  background-image: -webkit-gradient(linear, left top, left bottom, from(0), color-stop(#bf0f19), to(#274f1b));
  background-image: linear-gradient(0, #bf0f19, #274f1b);
}
.ht-btn.button-gradient--6::before {
  background-image: -webkit-gradient(linear, left top, left bottom, from(0), color-stop(#274f1b), to(#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;
  -webkit-transition: opacity 0.4s, -webkit-transform 0.4s;
  transition: opacity 0.4s, -webkit-transform 0.4s;
  transition: transform 0.4s, opacity 0.4s;
  transition: transform 0.4s, opacity 0.4s, -webkit-transform 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;
  -webkit-transition: opacity 0.3s, background-color 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, background-color 0.3s, -webkit-transform 0.3s;
  transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
  transition: transform 0.3s, opacity 0.3s, background-color 0.3s, -webkit-transform 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;
  -webkit-transition: background-color 0.3s, -webkit-transform 0.3s;
  transition: background-color 0.3s, -webkit-transform 0.3s;
  transition: transform 0.3s, background-color 0.3s;
  transition: transform 0.3s, background-color 0.3s, -webkit-transform 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;
  -webkit-transition: background-color 0.3s, -webkit-transform 0.3s;
  transition: background-color 0.3s, -webkit-transform 0.3s;
  transition: transform 0.3s, background-color 0.3s;
  transition: transform 0.3s, background-color 0.3s, -webkit-transform 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;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s, -webkit-transform 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;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s, -webkit-transform 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;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-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;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-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;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-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;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-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;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-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;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-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;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-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;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-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 {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  margin-right: 30px;
  margin-top: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .button-holder {
    -webkit-box-flex: inherit;
        -ms-flex-positive: inherit;
            flex-grow: inherit;
    -ms-flex-preferred-size: inherit;
        flex-basis: inherit;
    margin-right: 15px;
    margin-top: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .button-holder {
    -webkit-box-flex: inherit;
        -ms-flex-positive: inherit;
            flex-grow: inherit;
    -ms-flex-preferred-size: inherit;
        flex-basis: inherit;
    margin-right: 15px;
    margin-top: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .button-holder {
    -webkit-box-flex: inherit;
        -ms-flex-positive: inherit;
            flex-grow: inherit;
    -ms-flex-preferred-size: inherit;
        flex-basis: inherit;
    margin-right: 13px;
    margin-top: 13px;
  }
}
.button-holder:last-child {
  margin-right: 0;
}

/* Button Sixe Variation */
.button-size .button-holder {
  -webkit-box-flex: inherit;
      -ms-flex-positive: inherit;
          flex-grow: inherit;
  -ms-flex-preferred-size: 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 {
  -webkit-box-flex: inherit;
      -ms-flex-positive: inherit;
          flex-grow: inherit;
  -ms-flex-preferred-size: 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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "Montserrat", sans-serif;
}
.ht-btn--2.button-shadow {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
          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: transparent;
  color: transparent;
  height: 54px;
  padding: 0 54px;
  font-weight: 500;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

@media screen and (max-width: 800px) {
  .logo-spi-finestre{
    width: 100px;
    height: 64px;
    background-color: #848383;
    border-radius: 10px;
    border: 0px solid #CAC9C9;
    margin: 10px;
    margin-top: 30px;
  }
}
.logo-spi-finestre{
  position:center;
  width: 140px;
  height: 84px;
  background-color: #848383;
  border-radius: 10px;
  border: 0px solid #CAC9C9;
  margin: 10px;
  margin-top: 30px;
}
.logo-spi-finestre:hover {

  width: 150px;
  height: 94px;
  
}
.cln-btn:hover {
  background: transparent;
  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%;
  -webkit-transform: translateX(-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: #404040;
  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-start 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%;
  -webkit-transform: translateY(-50%) translateX(-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: -10px;
}
.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-start 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;
  -webkit-transform: translateX(-50%);
          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-start h2::before {
  left: 0;
  -webkit-transform: inherit;
          transform: inherit;
}
.section-title--16.text-start 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-start 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-start 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-start 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;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.section-title--18.text-start 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 {
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
          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: -webkit-transform 0.5s linear;
  transition: transform 0.5s linear;
  transition: transform 0.5s linear, -webkit-transform 0.5s linear;
  -webkit-transition: -webkit-transform 0.5s linear;
  content: "";
  font-family: FontAwesome;
  color: #18012c;
  position: absolute;
  right: 30px;
  font-size: 15px;
  -webkit-transform: translateY(-50%);
          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: "";
}
.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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  margin: 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  list-style: none;
  margin-top: 14px;
}
ul.gallery-sm-img li {
  margin: 0 3px;
}

/*---------------------------
    Accordion Style Three
-------------------------*/
.gallery-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%;
  height: 70vh;
}
.gallery-wrap .item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: none;
  -webkit-transition: -webkit-box-flex 0.8s ease;
  transition: -webkit-box-flex 0.8s ease;
  transition: flex 0.8s ease;
  transition: flex 0.8s ease, -webkit-box-flex 0.8s ease, -ms-flex 0.8s ease;
}
.gallery-wrap .item:hover {
  -webkit-box-flex: 7;
      -ms-flex: 7;
          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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center !important;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          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;
  -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%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  z-index: -1;
}
.ht-heading .heading-bg-text {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-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%;
  -webkit-transform: translateX(-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%;
  -webkit-transform: translateY(-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%;
  -webkit-transform: translateY(-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%;
  -webkit-transform: skewX(36deg);
          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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  background: transparent;
  overflow: hidden;
}
.progress-bar-vertical .progress .progress-bar {
  width: 100%;
  height: 0;
  -webkit-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%;
  -webkit-transform: translateX(-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%;
  -webkit-transform: translateX(-50%) translateY(-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%;
  -webkit-transform: translateY(-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: -webkit-gradient(linear, left top, right top, from(rgba(82, 65, 97, 0)), color-stop(40%, rgba(82, 65, 97, 0.8)), color-stop(60%, rgba(82, 65, 97, 0.8)), to(rgba(82, 65, 97, 0)));
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  overflow: hidden !important;
  border-radius: 100%;
}
.countdown-style-2 .ht-count span.count-inner .time-count {
  height: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  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;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
          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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  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%;
  -webkit-transform: inherit;
          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%;
  -webkit-transform: translateX(-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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.countdown-style-7 .ht-count .count-inner .time-count {
  height: 110px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  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: -webkit-gradient(linear, left top, right top, from(#ff6600), to(#ff0a00));
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          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;
  -webkit-transition: 0.5s;
  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;
  transition: all 0.3s ease-out 0.5s;
}
.team-1 .team-hover-action .team-hover {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-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);
  transform: translateY(50px);
  -webkit-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);
  transform: translateY(20px);
  -webkit-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;
  transition-delay: 0s;
  -webkit-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;
  transition-delay: 0.4s;
  opacity: 1;
}
.team-1::before {
  position: absolute;
  content: "";
  width: 0;
  height: 1px;
  background: #18012c;
  bottom: 0;
  left: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.team-1:hover::before {
  width: 100%;
}

/*----------------------------
    Team Style 02
----------------------------*/
.team-2 .thumb a img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-transition: 0.5s;
  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);
  transform: translate(265px, 145px) rotate(45deg);
  -webkit-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);
  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;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.team-3 .plus_click::before {
  content: "";
  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;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  line-height: 27px;
}
.team-3 .plus_click.team-minus::before {
  content: "";
  background: #18012c;
}
.team-3 .team-click-action {
  background: #343434;
  text-align: center;
  border-radius: 50px 50px 0 0;
  padding-top: 28px;
  padding-bottom: 20px;
  -webkit-transition: 0.5s;
  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;
  transition: all 0.5s ease-in-out;
  position: relative;
  -webkit-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;
  transition: all 0.5s ease-in-out;
  position: relative;
  -webkit-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;
  transition: all 0.5s ease-in-out;
  position: relative;
  -webkit-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%;
  -webkit-transform: translateY(-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);
  transform: rotate3d(0, 1, 0, -180deg);
}
.team-4:hover .thumb.left-to-right a img {
  -webkit-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);
  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;
  transition: all 0.4s ease-in-out;
}
.team-5 .team-hover-action .hover-action {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-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%);
  transform: translateX(100%);
  -webkit-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%);
  transform: translateX(-100%);
  -webkit-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);
  transform: translateX(0);
}
.team-5:hover .team-hover-action .hover-action ul.social-network {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

/*----------------------------
    Team Style 06
----------------------------*/
.team-6 .thumb a img {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-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;
  transition: all 0.5s linear;
  opacity: 0;
}
.team-6 .team-hover-action .hover-action {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-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 {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          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);
  transform: scale(0);
  -webkit-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);
  transform: scale(1);
  opacity: 1;
}
.team-6:hover .thumb a img {
  -webkit-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 {
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.team-7 .thumb a img {
  -webkit-transition: 0.5s;
  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;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
.team-7:hover .team-hover-action .hover-action .social-network li a.facebook {
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
.team-7:hover .team-hover-action .hover-action .social-network li a.twitter {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.team-7:hover .team-hover-action .hover-action .social-network li a.google-plus {
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.team-7:hover .team-hover-action .hover-action .social-network li a.vimeo {
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.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 {
  -webkit-transform: scale(1.2) rotate(10deg);
          transform: scale(1.2) rotate(10deg);
}

/*----------------------------
    Team Style 08
----------------------------*/
.team-8 {
  overflow: hidden;
}
.team-8 .thumb a img {
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.team-8:hover .thumb a img {
  -webkit-transform: scale(1.2) rotate(10deg);
          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% {
    -webkit-transform: translateY(-205px);
            transform: translateY(-205px);
  }
  40% {
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
  }
  65% {
    -webkit-transform: translateY(-52px);
            transform: translateY(-52px);
  }
  82% {
    -webkit-transform: translateY(-25px);
            transform: translateY(-25px);
  }
  92% {
    -webkit-transform: translateY(-12px);
            transform: translateY(-12px);
  }
  55%, 75%, 87%, 97%, 100% {
    -webkit-transform: translateY(0px);
            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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  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;
  -webkit-transform: rotate(-90deg);
          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-gradient(linear, left top, right top, from(#446c83), to(#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;
  -webkit-transition: 0.5s;
  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;
  -webkit-box-shadow: 0 0 30px rgba(82, 182, 188, 0.25);
          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;
  -webkit-transition: 0.5s;
  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;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
          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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  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;
  -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
          box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
  color: #fff;
  font-weight: 600;
  line-height: 40px;
  font-size: 15px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  font-family: "Montserrat", sans-serif;
}
.pricing-panel-3 .pricing-footer a.price_btn:hover {
  -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
          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%;
  -webkit-transform: translateX(-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%;
  -webkit-transform: translateX(-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;
  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;
  -webkit-transition: 0.5s;
  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;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  position: relative;
  border: 1px solid transparent;
  padding: 4px;
  -webkit-transition: 0.5;
  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;
  -webkit-box-shadow: 0 0 20px 1px rgba(35, 31, 32, 0.2);
          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;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.pricing-panel-6 .pricing-footer a.price_btn:hover {
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
}

/*---------------------------------
    Pricing Table 07
-----------------------------------*/
.pricing-panel-7 {
  background: #ffffff;
  padding-top: 48px;
  padding-bottom: 60px;
  -webkit-box-shadow: 0 0 10px rgba(1, 26, 72, 0.1);
          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;
  -webkit-transition: 0.5s;
  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;
  -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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
ul.brand-list li {
  position: relative;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  ul.brand-style-2 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            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 {
  -ms-flex-preferred-size: 20%;
      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;
}
ul .slick-slide img {
  margin: auto;
}

.brand-style-5 {
  height: 230px;
  line-height: 230px;
  background: #fff;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
          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%;
  -webkit-transform: translateY(-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;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  font-family: "Montserrat", sans-serif;
  -webkit-transition: 0.4s;
  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: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .newsletter-style-2 .title h2 {
    margin-bottom: 0px;
  }
}
@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;
  -webkit-transition: 0.4s;
  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: -webkit-box;
  display: -ms-flexbox;
  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;
  -webkit-transition: 0.4s;
  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%;
  -webkit-transform: translateY(-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;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: 0.4s;
  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;
  -webkit-transition: 0.5s;
  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;
  -webkit-box-sizing: content-box;
          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;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
          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%);
  transform: translate(-50%, -50%);
  border: 2px solid #727272;
  border-radius: 50%;
  max-width: 100px;
  -webkit-box-sizing: content-box;
          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;
  -webkit-box-sizing: content-box;
          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%;
  -webkit-transform: translateY(-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%;
  -webkit-transform: translateY(-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%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: 0.5s;
  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 {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.slick-slide.slick-active .testimonal-img img {
  -webkit-transform: scale(0.8);
          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;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

/*----------------------------------
    Testimonial Style 6
-------------------------------------*/
.testimonial-style-6 .testimonal img {
  display: inline-block;
  max-width: 80px;
  border-radius: 50%;
  border: 2px solid #ececec;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.testimonial-style-6 .testimonal .content {
  background: #fff;
  text-align: center;
  padding: 50px 9%;
  position: relative;
  -webkit-box-shadow: 0 0 10px rgba(82, 182, 188, 0.25);
          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%;
  -webkit-transform: translateX(-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;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -webkit-box-shadow: 0 0 10px rgba(82, 182, 188, 0.25);
          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: #414141;
  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: "";
  font-family: Fontawesome;
  font-size: 216px;
  left: 50%;
  top: 50%;
  z-index: -1;
  -webkit-transform: translateX(-50%) translateY(-50%);
          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;
  -webkit-transition: 0.5s;
  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;
}

/*----------------------------------
    Testimonial Style 8
-------------------------------------*/
.testimonial-style-8 {
  position: relative;
  padding: 0 200px;
}
.testimonial-style-8 .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          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%;
  -webkit-transition: 0.5s;
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          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;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
          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: -webkit-box;
  display: -ms-flexbox;
  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;
  -webkit-transition: 0.4s;
  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;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border: 1px solid #000000;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  z-index: 1;
}
.testimonial-carousel-5 button::before {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#da0c5e), to(#2649e2));
  background-image: linear-gradient(#da0c5e, #2649e2);
  background-image: -webkit-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;
  -webkit-transition: 0.4s ease-in-out;
  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: -webkit-gradient(linear, left top, left bottom, from(#da0c5e), to(#2649e2));
  background-image: linear-gradient(#da0c5e, #2649e2);
  background-image: -webkit-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;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
          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%;
  -webkit-transform: translateX(-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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  margin: 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          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 {
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  border: 1px solid #7a9757;
}

.testimonial-style-5.testimonial-slider-2 .slick-slide.slick-active.slick-center .testimonal-img img {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
  border: 2px solid #7a9757;
}

.testimonial-style-5.testimonial-slider-2 .slick-slide {
  padding: 7px 10px;
}

.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;
  -webkit-transition: 0.4s ease-in-out;
  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 {
    -webkit-transform: scale(1);
            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 {
    -webkit-transform: scale(1);
            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%;
    -webkit-transform: inherit;
            transform: inherit;
  }

  ul.testi-pagination-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            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%;
  -webkit-transform: translateY(-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;
  -webkit-transition: 0.5s;
  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%;
  -webkit-transition: 0.5s;
  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;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
          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;
  -webkit-transition: 0.5s;
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          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;
  -ms-flex-preferred-size: 16%;
      flex-basis: 16%;
}
@media only screen and (max-width: 767px) {
  .form-style-5 form .input-box label {
    -ms-flex-preferred-size: 24%;
        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;
  -webkit-transition: 0.5s;
  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;
  -webkit-transition: 0.5s;
  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;
  -webkit-transition: 0.5s;
  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.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s 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;
  -webkit-transition: 0.5s;
  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;
  -webkit-transition: 0.5s;
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          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;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 90px;
  font-size: 24px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 51px;
  font-family: "Montserrat", sans-serif;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.register-style-3 form input[type=submit] {
  border: 3px solid #fff;
  border-radius: 8px;
  color: #fff;
  -webkit-box-sizing: border-box;
          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;
  -webkit-transition: 0.5s;
  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: -webkit-box;
  display: -ms-flexbox;
  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;
  -webkit-transition: 0.4s;
  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;
  -webkit-transition: 0.5s;
  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;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
          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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 33px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width: 767px) {
  .register-top {
    -ms-flex-wrap: wrap;
        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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .register-top .register-top-right {
    -ms-flex-wrap: wrap;
        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;
  -webkit-transition: 0.5s;
  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;
  -webkit-transition: 0.5s;
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (max-width: 767px) {
  .register-style-5 .register-icon-2 {
    -ms-flex-wrap: wrap;
        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;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
          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;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}
.login-style-1 form input:not([type=checkbox])[type=submit]:hover {
  background: #18012c;
  color: #fff;
}

.log-remember {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "Montserrat", sans-serif;
}
.log-remember a.fright {
  color: #b1b1b1;
  font-size: 12px;
  -webkit-transition: 0.4s;
  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);
  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;
  -webkit-transition: 0.3s ease-in-out;
  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);
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .login-socialmedia {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media only screen and (max-width: 767px) {
  .login-socialmedia {
    -ms-flex-wrap: wrap;
        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: -webkit-box;
  display: -ms-flexbox;
  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;
  -webkit-transition: 0.4s;
  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;
  -webkit-transition: 0.5s;
  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 {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
          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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          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;
  -webkit-box-sizing: border-box;
          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;
  -webkit-transition: 0.5s;
  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;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
          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;
  -webkit-transition: 0.4s ease-in-out;
  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;
  -webkit-transition: 0.3s ease-in-out;
  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%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.service-1 .content p::after {
  position: absolute;
  content: "";
  background: #969696;
  height: 1px;
  width: 30px;
  bottom: 5px;
  left: 50%;
  -webkit-transform: translateX(-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;
  -webkit-transition: 0.4s ease-in-out;
  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;
  -webkit-transition: 0.5s;
  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;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
          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 {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
          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 {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
          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: -webkit-box;
  display: -ms-flexbox;
  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 {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          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;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
          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;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
          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 {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
          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;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 2;
  border-radius: 100%;
  z-index: 2;
  -webkit-transition: 0.4s ease-in-out;
  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;
  -webkit-transition: 0.4s;
  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;
  -webkit-transition: 0.4s;
  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;
  -webkit-transform: translateX(-50%);
          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;
  -webkit-transition: 0.4s;
  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;
  -webkit-transition: 0.4s;
  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%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.service-4 .icons::after {
  position: absolute;
  content: "";
  bottom: 5px;
  left: 50%;
  -webkit-transform: translateX(-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-gradient(linear, left top, left bottom, from(0), color-stop(#252a9c), to(#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 (min-width: 992px) and (max-width: 1199px) {
  .service-6 .content h4 {
    font-size: 20px !important;
  }
}
@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;
  padding-right: 10%;
}
.service-6.reapir-service .content h4 {
  color: #3d3d3d;
}
.service-6.medical-service {
  background: #00a3c8;
  margin-top: 0;
  padding: 50px 69px;
}
.service-6.medical-service.service-bg-2 {
  background: #0097b9;
}
.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: 18px;
  font-weight: 500;
  margin-bottom: 7px;
}
.service-6.medical-service .content p {
  font-size: 14px;
  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;
  -webkit-transition: 0.4s ease-in-out;
  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: -webkit-box;
  display: -ms-flexbox;
  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;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.service-7 .content h4 {
  color: #333333;
  font-size: 20px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 8px;
  -webkit-transition: 0.4s;
  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;
  -webkit-transition: 0.4s;
  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;
  -webkit-transition: 0.4s ease-in-out;
  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 {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0;
  border-top: 1px solid #d3d3d3;
  -webkit-box-align: center;
      -ms-flex-align: center;
          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 {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          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%;
  -webkit-transition: 0.5s;
  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%;
  -webkit-transform: translateY(-50%) translateX(-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;
  -webkit-transition: 0.5s;
  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%;
  -webkit-transition: 0.5s;
  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;
  -webkit-transition: 0.5s;
  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;
  -webkit-transition: 0.4s;
  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;
  -webkit-transition: 0.5s;
  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;
  -webkit-transition: 0.5s;
  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;
  -webkit-transition: 0.5s;
  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;
  -webkit-transition: 0.5s;
  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;
  -webkit-transition: 0.5s;
  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;
  -webkit-transition: 0.5s;
  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;
  -webkit-transition: 0.5s;
  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;
  -webkit-transition: 0.5s;
  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;
  -webkit-transition: 0.5s;
  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;
  -webkit-transition: 0.5s;
  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;
  -webkit-transition: 0.5s;
  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;
  -webkit-transition: 0.5s;
  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;
  -webkit-transition: 0.5s;
  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;
  -webkit-transition: 0.5s;
  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;
  -webkit-transition: 0.5s;
  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;
  -webkit-transition: 0.5s;
  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;
  -webkit-transition: 0.5s;
  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;
  -webkit-transition: 0.5s;
  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;
  -webkit-transition: 0.5s;
  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;
  -webkit-transition: 0.5s;
  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;
  -webkit-transition: 0.5s;
  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;
  -webkit-transition: 0.5s;
  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;
  -webkit-transition: 0.5s;
  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;
  -webkit-transition: 0.5s;
  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;
  -webkit-transition: 0.5s;
  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;
  -webkit-transition: 0.5s;
  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;
  -webkit-transition: 0.5s;
  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;
  -webkit-transition: 0.5s;
  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;
  -webkit-transition: 0.5s;
  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;
  -webkit-transition: 0.5s;
  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;
  -webkit-transition: 0.5s;
  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;
  -webkit-transition: 0.5s;
  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;
  -webkit-transition: 0.5s;
  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;
  -webkit-transition: 0.5s;
  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;
  -webkit-transition: 0.5s;
  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;
  -webkit-transition: 0.5s;
  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;
  -webkit-transition: 0.5s;
  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;
  -webkit-transition: 0.5s;
  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;
  -webkit-transition: 0.5s;
  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;
  -webkit-transition: 0.5s;
  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;
  -webkit-transition: 0.5s;
  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;
  -webkit-transition: 0.5s;
  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;
  -webkit-transition: 0.5s;
  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;
  -webkit-transition: 0.5s;
  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;
  -webkit-transition: 0.5s;
  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;
  -webkit-transition: 0.5s;
  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;
  -webkit-transition: 0.5s;
  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;
  -webkit-transition: 0.4s;
  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;
  -webkit-transition: 0.5s;
  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;
  -webkit-transition: 0.5s;
  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;
  -webkit-transition: 0.5s;
  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;
  -webkit-transition: 0.5s;
  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;
  -webkit-transition: 0.5s;
  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;
  -webkit-transition: 0.5s;
  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;
  -webkit-transition: 0.5s;
  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;
  -webkit-transition: 0.5s;
  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;
  -webkit-transition: 0.5s;
  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;
  -webkit-transition: 0.5s;
  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;
  -webkit-transition: 0.5s;
  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;
  -webkit-transition: 0.5s;
  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;
  -webkit-transition: 0.5s;
  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;
  -webkit-transition: 0.5s;
  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;
  -webkit-transition: 0.5s;
  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;
  -webkit-transition: 0.5s;
  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;
  -webkit-transition: 0.5s;
  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;
  -webkit-transition: 0.5s;
  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;
  -webkit-transition: 0.5s;
  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;
  -webkit-transition: 0.5s;
  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;
  -webkit-transition: 0.5s;
  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;
  -webkit-transition: 0.5s;
  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;
  -webkit-transition: 0.5s;
  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;
  -webkit-transition: 0.5s;
  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;
  -webkit-transition: 0.5s;
  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;
  -webkit-transition: 0.5s;
  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;
  -webkit-transition: 0.5s;
  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;
  -webkit-transition: 0.5s;
  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;
  -webkit-transition: 0.5s;
  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;
  -webkit-transition: 0.5s;
  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;
  -webkit-transition: 0.5s;
  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;
  -webkit-transition: 0.5s;
  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;
  -webkit-transition: 0.5s;
  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;
  -webkit-transition: 0.5s;
  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;
  -webkit-transition: 0.5s;
  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;
  -webkit-transition: 0.5s;
  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;
  -webkit-transition: 0.5s;
  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;
  -webkit-transition: 0.5s;
  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;
  -webkit-transition: 0.5s;
  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;
  -webkit-transition: 0.5s;
  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;
  -webkit-transition: 0.5s;
  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;
  -webkit-transition: 0.5s;
  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;
  -webkit-transition: 0.5s;
  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;
  -webkit-transition: 0.5s;
  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;
  -webkit-transition: 0.5s;
  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;
  -webkit-transition: 0.5s;
  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;
  -webkit-transition: 0.5s;
  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;
  -webkit-transition: 0.5s;
  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;
  -webkit-transition: 0.5s;
  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;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  height: 45px;
  width: 83%;
  color: #999999;
  font-size: 14px;
  padding: 0 78px 0px 20px;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-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;
    -webkit-transform: inherit;
            transform: inherit;
    margin-top: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .search--1.search--1 input {
    width: 100%;
    position: relative;
    top: auto;
    -webkit-transform: inherit;
            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 {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border: none;
  height: 36px;
  position: absolute;
  right: 4px;
  top: 50%;
  width: 70px;
  -webkit-transform: translateY(-50%);
          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;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.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;
  -webkit-transition: width 0.5s cubic-bezier(0, 0.795, 0, 1);
  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;
  -webkit-transition: width 0.4s cubic-bezier(0, 0.795, 0, 1);
  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;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  width: 50%;
  right: 0px;
  color: #18012c;
  font-size: 14px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.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;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  position: absolute;
  right: 0;
  border: 0 none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.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%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  position: absolute;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}
.search--3 input[type=text]:focus ~ button.btn-reset {
  -webkit-transform: rotateZ(360deg) translateY(-50%);
          transform: rotateZ(360deg) translateY(-50%);
  left: 100%;
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.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;
  -webkit-transition: all 0.5s ease;
  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;
  -webkit-transition: all 0.5s ease;
  transition: all 0.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%;
  -webkit-box-shadow: none;
          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;
  -webkit-transition: all 0.5s ease;
  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;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transition: all 0.5s ease;
  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;
  -webkit-transform: rotate(-46deg);
          transform: rotate(-46deg);
  -webkit-transition: all 0.5s ease;
  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 {
  -webkit-transform: rotate(52deg);
          transform: rotate(52deg);
  right: 12px;
  top: 12px;
  height: 18px;
}
.search--4.open .search-icon:after {
  -webkit-transform: rotate(-230deg);
          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;
  -webkit-transform: scale(0.7);
          transform: scale(0.7);
  transition: -webkit-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;
  -webkit-transform: scale(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;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  top: 65px;
}
.block-bg .close__wrap:hover {
  color: #ffffff;
}
.block-bg .close__wrap::after {
  content: "";
  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;
  -webkit-transition: all 0.3s ease-in-out 0s;
  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;
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}
.player-style-2 .play__btn:hover {
  -webkit-transform: scale(1.2);
          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;
  -webkit-transition: 0.5s ease-in-out;
  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;
  -webkit-transition: 0.5s ease-in-out;
  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%;
  -webkit-transition: 0.4s ease-in-out;
  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%;
  -webkit-transform: translateY(-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;
  -webkit-transition: 0.4s ease-in-out;
  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%;
  -webkit-transform: translateY(-50%) translateX(-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 {
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  color: #FFF;
}
.ht-instagram-2 ul li .instagram-clip .instagram-like-comment {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          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: 0.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);
  -webkit-transition: all 500ms ease-in 0s;
  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%;
  -webkit-transition: all 500ms ease-in 0s;
  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 {
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
  -webkit-transition-property: opacity, -webkit-transform, -webkit-filter;
  transition-property: opacity, -webkit-transform, -webkit-filter;
  transition-property: opacity, transform, filter;
  transition-property: opacity, transform, filter, -webkit-transform, -webkit-filter;
  width: 100%;
}
.ht-instagram-3 ul.instagram-list li:hover a img {
  -webkit-transform: scale3d(1.1, 1.1, 1);
          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;
  -webkit-transition: 0.4s ease-in-out;
  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 {
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
  -webkit-transition-property: opacity, -webkit-transform, -webkit-filter;
  transition-property: opacity, -webkit-transform, -webkit-filter;
  transition-property: opacity, transform, filter;
  transition-property: opacity, transform, filter, -webkit-transform, -webkit-filter;
  width: 100%;
}
.ht-instagram-4 ul.instagram-list li:hover a img {
  -webkit-transform: scale3d(1.2, 1.2, 1);
          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;
  -webkit-transition: 0.5s;
  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 {
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  width: 100%;
}
.tab-content-default .singletab-content .thumb a:hover img {
  -webkit-transform: scale(1.2) skew(3deg);
          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;
  -webkit-transition: 0.4s ease-in-out;
  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;
  -webkit-transition: 0.4s ease-in-out;
  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: -webkit-box;
  display: -ms-flexbox;
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          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;
  -webkit-transition: 0.4s ease-in-out;
  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: -webkit-box;
  display: -ms-flexbox;
  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;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
          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/shape.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;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
          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: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -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;
  -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;
  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;
  -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 {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #52b6bc none repeat scroll 0 0;
  border-radius: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 190px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          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;
  -webkit-transition: all 0.3s ease 0s;
  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;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
          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;
  -webkit-transition: all 300ms ease-out;
  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;
  -webkit-transition: all 300ms ease-out;
  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;
  -webkit-transition: all 300ms ease-out;
  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;
  -ms-perspective: 1000;
  perspective: 1000;
  -webkit-transform: perspective(1000px);
  transform: perspective(1000px);
  -webkit-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;
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
  transition: -webkit-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);
  transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1), -webkit-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);
  transform: rotateY(0deg);
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  z-index: 1;
}
.square-flip:hover .square {
  -webkit-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}
.square-flip .square2 {
  background-size: cover;
  background-position: center center;
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
  transition: -webkit-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);
  transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1), -webkit-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);
  transform: rotateY(180deg);
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  z-index: 1;
}
.square-flip:hover .square2 {
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg);
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

/*Square content*/
.square-flip .square-container {
  padding: 40px;
  text-align: center;
  position: relative;
  top: 50%;
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
  transition: -webkit-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);
  transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1), -webkit-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);
  transform: translateY(-50%) translateX(0px) scale(1);
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  z-index: 2;
}
.square-flip:hover .square-container {
  -webkit-transform: translateY(-50%) translateX(-650px) scale(0.88);
  transform: translateY(-50%) translateX(-650px) scale(0.88);
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}
.square-flip .square-container2 {
  padding: 40px;
  text-align: center;
  position: relative;
  top: 50%;
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
  transition: -webkit-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);
  transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1), -webkit-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);
  transform: translateY(-50%) translateX(650px) translateZ(60px) scale(0.88);
  -webkit-transform-style: preserve-3d;
          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);
  transform: translateY(-50%) translateX(0px) translateZ(0px) scale(1);
  -webkit-transform-style: preserve-3d;
          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;
  -ms-perspective: 1000;
  perspective: 1000;
  -webkit-transform: perspective(1000px);
  transform: perspective(1000px);
  -webkit-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;
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
  transition: -webkit-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);
  transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1), -webkit-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);
  transform: rotateX(0deg);
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  z-index: 1;
}
.flipbox-2:hover .flip-front {
  -webkit-transform: rotateX(-180deg);
  transform: rotateX(-180deg);
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}
.flipbox-2 .flip-back {
  background-size: cover;
  background-position: center center;
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
  transition: -webkit-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);
  transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1), -webkit-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);
  transform: rotateX(180deg);
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  z-index: 1;
}
.flipbox-2:hover .flip-back {
  -webkit-transform: rotateX(0deg);
  transform: rotateX(0deg);
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

/*Square content*/
.flipbox-2 .content {
  padding: 40px;
  text-align: center;
  position: relative;
  top: 50%;
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
  transition: -webkit-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);
  transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1), -webkit-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);
  transform: translateY(-50%) translateX(0px) scale(1);
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  z-index: 2;
}
.flipbox-2:hover .content {
  -webkit-transform: translateY(-50%) translateX(-650px) scale(0.88);
  transform: translateY(-50%) translateX(-650px) scale(0.88);
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}
.flipbox-2 .content2 {
  padding: 40px;
  text-align: center;
  position: relative;
  top: 50%;
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
  transition: -webkit-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);
  transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1), -webkit-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);
  transform: translateY(-50%) translateX(650px) translateZ(60px) scale(0.88);
  -webkit-transform-style: preserve-3d;
          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);
  transform: translateY(-50%) translateX(0px) translateZ(0px) scale(1);
  -webkit-transform-style: preserve-3d;
          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%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.flipbox-2 .flp-content span::after {
  position: absolute;
  content: "";
  background: #fff;
  width: 20px;
  height: 1px;
  bottom: 6px;
  left: 50%;
  -webkit-transform: translateX(-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;
  -ms-perspective: 1000;
  perspective: 1000;
  -webkit-transform: perspective(1000px);
  transform: perspective(1000px);
  -webkit-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: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: 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: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: 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;
  -ms-perspective: 1000;
  perspective: 1000;
  -webkit-transform: perspective(1000px);
  transform: perspective(1000px);
  -webkit-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;
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
  transition: -webkit-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);
  transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1), -webkit-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);
  transform: rotateY(0deg);
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  z-index: 1;
}
.flipbox-5:hover .square {
  -webkit-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}
.flipbox-5 .square2 {
  background-size: cover;
  background-position: center center;
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
  transition: -webkit-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);
  transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1), -webkit-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);
  transform: rotateY(180deg);
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  z-index: 1;
}
.flipbox-5:hover .square2 {
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg);
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

/*Square content*/
.flipbox-5 .square-container {
  padding: 40px;
  text-align: center;
  position: relative;
  top: 50%;
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
  transition: -webkit-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);
  transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1), -webkit-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);
  transform: translateY(-50%) translateX(0px) scale(1);
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  z-index: 2;
}
.flipbox-5:hover .square-container {
  -webkit-transform: translateY(-50%) translateX(-650px) scale(0.88);
  transform: translateY(-50%) translateX(-650px) scale(0.88);
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}
.flipbox-5 .square-container2 {
  padding: 40px;
  text-align: center;
  position: relative;
  top: 50%;
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1);
  transition: -webkit-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);
  transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1), -webkit-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);
  transform: translateY(-50%) translateX(650px) translateZ(60px) scale(0.88);
  -webkit-transform-style: preserve-3d;
          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);
  transform: translateY(-50%) translateX(0px) translateZ(0px) scale(1);
  -webkit-transform-style: preserve-3d;
          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: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-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: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-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, -webkit-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
  transition: opacity 0.3s, transform 0.3s, -webkit-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: -webkit-transform 0.3s 0.3s;
  transition: transform 0.3s 0.3s;
  transition: transform 0.3s 0.3s, -webkit-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: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-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: -webkit-transform 0.3s 0.3s;
  transition: transform 0.3s 0.3s;
  transition: transform 0.3s 0.3s, -webkit-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: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  font-size: 17px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  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;
  -webkit-transition: 0.4s ease-in-out;
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/*=====================
    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;
}

.gmap_canvas {
  line-height: 0;
}
.gmap_canvas iframe {
  overflow: hidden;
  background: none !important;
  height: 550px;
  width: 100%;
}

/*======================
    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: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-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: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-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 0.6s ease-in-out;
  animation: lineanimation 0.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: -0.45s;
  animation-delay: -0.45s;
}

.menu--horatio .menu__item:hover::after {
  -webkit-animation-delay: -0.15s;
  animation-delay: -0.15s;
}

.menu--horatio .menu__item:hover a::before {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.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: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-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;
  -webkit-transition: opacity 0.3s, -webkit-transform 0s 0.3s;
  transition: opacity 0.3s, -webkit-transform 0s 0.3s;
  transition: transform 0s 0.3s, opacity 0.3s;
  transition: transform 0s 0.3s, opacity 0.3s, -webkit-transform 0s 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: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-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;
  transition: max-width 0.5s;
  top: 50%;
  -webkit-transform: translateY(-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);
  transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s, -webkit-transform 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);
  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;
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
          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;
  -webkit-transform: scale3d(0, 1, 1);
          transform: scale3d(0, 1, 1);
  -webkit-transform-origin: 0% 50%;
          transform-origin: 0% 50%;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
          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 {
  -webkit-transform: scale3d(1, 1, 1);
          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;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-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%);
  transform: translateX(0%);
}
.nl-menu-10 li a span {
  display: block;
  padding: 12px 28px;
  background: #0f7c67;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-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%);
  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;
  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;
  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: "";
  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;
  -webkit-box-shadow: 1px 2px 10px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 1px 2px 10px 0 rgba(0, 0, 0, 0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  left: 0;
  opacity: 0;
  position: absolute;
  text-align: left;
  top: 120%;
  -webkit-transition: all 0.5s ease 0s;
  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;
  -ms-flex-preferred-size: 100%;
      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: "";
  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;
  -webkit-box-shadow: 1px 2px 10px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 1px 2px 10px 0 rgba(0, 0, 0, 0.1);
  left: 87%;
  opacity: 0;
  padding: 6px 22px;
  position: absolute;
  top: 0;
  -webkit-transition: all 0.5s ease 0s;
  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;
  -webkit-transition: 0.3s;
  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;
  -webkit-box-shadow: 1px 2px 10px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 1px 2px 10px 0 rgba(0, 0, 0, 0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  left: 0;
  opacity: 0;
  position: absolute;
  text-align: left;
  top: 120%;
  -webkit-transition: all 0.5s ease 0s;
  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 {
  -ms-flex-preferred-size: 33.33%;
      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;
  -webkit-transition: 0.3s;
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 30px 40px 30px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.mega-menu.mega-menu-3 {
  width: 720px;
}
.mega-menu.mega-menu-3 .item {
  -ms-flex-preferred-size: 33.33%;
      flex-basis: 33.33%;
}
.mega-menu.mega-menu-2 {
  width: 550px;
}
.mega-menu.mega-menu-2 .item {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
}
.mega-menu.mega-menu-4 {
  width: 950px;
}
.mega-menu.mega-menu-4 .item {
  -ms-flex-preferred-size: 25%;
      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;
  -webkit-transition: 0.3s;
  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;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 5px;
  -webkit-transition: all 0.3s ease-in-out;
  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;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
          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;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
          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;
  -webkit-transition: all 0.3s ease 0s;
  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: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-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: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  font-family: FontAwesome;
  color: #ed552d;
  font-size: 18px;
  width: 100%;
  height: 100%;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}
.marker-style-2 .pointer__tooltip:hover::before {
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(47deg);
          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: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  font-family: FontAwesome;
  color: #ffffff;
  font-size: 18px;
  width: 100%;
  height: 100%;
  -webkit-transition: 0.4s ease-in-out;
  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 {
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(47deg);
          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: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  font-family: FontAwesome;
  color: #d88d78;
  font-size: 18px;
  width: 100%;
  height: 100%;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}
.marker-style-4 .pointer__tooltip:hover::before {
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(47deg);
          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%);
  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: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  font-family: FontAwesome;
  color: #ffffff;
  font-size: 18px;
  width: 100%;
  height: 100%;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}
.marker-style-5 .pointer__tooltip:hover::before {
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(47deg);
          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% {
    -webkit-transform: translate3d(-50%, -50%, 0) scale(1);
            transform: translate3d(-50%, -50%, 0) scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(-50%, -50%, 0) scale(1.7);
            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: -webkit-gradient(linear, left top, left bottom, from(#f10afd), to(#1cc3e2));
  background-image: linear-gradient(#f10afd, #1cc3e2);
  background-image: -webkit-gradient(#f10afd, #1cc3e2);
  background-image: -o-linear-gradient(#f10afd, #1cc3e2);
  opacity: 0.8;
}
.gradient-overlay.gradient-overlay-2 .thumb a::before {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f29a4a), to(#f2c84c));
  background-image: linear-gradient(#f29a4a, #f2c84c);
  background-image: -webkit-gradient(#f29a4a, #f2c84c);
  background-image: -o-linear-gradient(#f29a4a, #f2c84c);
  opacity: 0.8;
}
.gradient-overlay.gradient-overlay-3 .thumb a::before {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f7384e), to(#0fbcb9));
  background-image: linear-gradient(#f7384e, #0fbcb9);
  background-image: -webkit-gradient(#f7384e, #0fbcb9);
  background-image: -o-linear-gradient(#f7384e, #0fbcb9);
  opacity: 0.8;
}
.gradient-overlay.gradient-overlay-4 .thumb a::before {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#bd3664), to(#222671));
  background-image: linear-gradient(#bd3664, #222671);
  background-image: -webkit-gradient(#bd3664, #222671);
  background-image: -o-linear-gradient(#bd3664, #222671);
  opacity: 0.8;
}
.gradient-overlay.gradient-overlay-5 .thumb a::before {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#eb3449), to(#f45a43));
  background-image: linear-gradient(#eb3449, #f45a43);
  background-image: -webkit-gradient(#eb3449, #f45a43);
  background-image: -o-linear-gradient(#eb3449, #f45a43);
  opacity: 0.8;
}
.gradient-overlay.gradient-overlay-6 .thumb a::before {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#c03764), to(#202671));
  background-image: linear-gradient(#c03764, #202671);
  background-image: -webkit-gradient(#c03764, #202671);
  background-image: -o-linear-gradient(#c03764, #202671);
  opacity: 0.8;
}
.gradient-overlay.gradient-overlay-7 .thumb a::before {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#eb3449), to(#f45b43));
  background-image: linear-gradient(#eb3449, #f45b43);
  background-image: -webkit-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;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
  overflow: hidden;
}
.ht-post:hover .thumb a img {
  opacity: 1;
  -webkit-transform: scale3d(1.1, 1.1, 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%;
  -webkit-transform: translateX(-50%) translateY(-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;
  -webkit-transition: 0.4s ease-in-out;
  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;
  -webkit-transition: 0.4s ease-in-out;
  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%;
  -webkit-transform: translateX(-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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.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%;
  -webkit-transform: translateX(-50%) translateY(-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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.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%;
  -webkit-transform: translateX(-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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.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 {
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
  width: 100%;
}
.single-post:hover .thumb a img {
  -webkit-transform: scale(1.2);
          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%;
  -webkit-transform: translateY(-50%);
          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 {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          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;
  -webkit-transition: 0.4s ease-in;
  transition: 0.4s ease-in;
}
.single-post.single-post-4 .content h2 a:hover {
  color: #18012c;
}
.single-post.single-post-4 .content ul.meta {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          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%;
  -webkit-transform: translateY(-50%);
          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;
  -webkit-transition: 0.4s ease-in;
  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;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.single-post .post-category a:hover {
  background: #18012c;
  color: #ffffff;
}
.single-post ul.meta {
  display: -webkit-box;
  display: -ms-flexbox;
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          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%;
  -webkit-transform: translateY(-50%);
          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 {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          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 {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          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 {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          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: -webkit-box;
  display: -ms-flexbox;
  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;
  -webkit-transition: 0.4s ease-in-out;
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -15px;
}
@media only screen and (max-width: 767px) {
  .single-post-slide ul.meta {
    -ms-flex-wrap: wrap;
        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;
  -webkit-transition: 0.4s ease-in-out;
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  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;
  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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 20px;
  text-align: left;
  border-left: 5px solid #828282;
  border-bottom: 5px solid #828282;
  border-right: 5px solid #828282;
  -webkit-transition: 0.5s ease-in-out;
  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%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: 0.4s;
  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%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: 0.4s;
  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%;
  -webkit-transition: 0.4s;
  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: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: start;
  -webkit-box-pack: justify;
          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: -webkit-box;
  display: -ms-flexbox;
  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: -webkit-box;
  display: -ms-flexbox;
  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;
  -webkit-transition: 0.4s ease-in-out;
  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;
  -webkit-transition: 0.4s ease-in-out;
  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 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  content: "";
  z-index: 1;
}
.image-grid-default .thumb a img {
  display: block;
  position: relative;
  -webkit-transition: all 0.4s linear;
  transition: all 0.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 0.2s ease-in-out;
  transition: all 0.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 0.2s ease-in-out;
  transition: all 0.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: 0.2s;
  transition-delay: 0.2s;
  z-index: 4;
}

/*-----------------------------
    Image Grid style 2
-------------------------------*/
.custom-col-5 {
  padding-left: 0px;
  padding-right: 0px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20%;
          flex: 0 0 20%;
  max-width: 20%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .custom-col-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33%;
            flex: 0 0 33.33%;
    max-width: 33.33%;
  }
}
@media only screen and (max-width: 767px) {
  .custom-col-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
}
@media only screen and (max-width: 575px) {
  .custom-col-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
  }
}
@media only screen and (max-width: 479px) {
  .custom-col-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            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 0.4s linear;
  transition: all 0.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;
  -webkit-transition: 0.4s ease-in-out;
  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;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: 0.4s ease-in-out;
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          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;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: 0.4s ease-in-out;
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          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 {
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}
.image-grid-style-3:hover .thumb a img {
  -webkit-transform: scale(1.1) rotate(3deg);
          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;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
  -webkit-transition-property: opacity, -webkit-transform, -webkit-filter;
  transition-property: opacity, -webkit-transform, -webkit-filter;
  transition-property: opacity, transform, filter;
  transition-property: opacity, transform, filter, -webkit-transform, -webkit-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;
  -webkit-transform: translateY(-50%);
          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;
  -webkit-transform: translateX(0) translateY(0);
          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;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
  -webkit-transition-property: opacity, -webkit-transform, -webkit-filter;
  transition-property: opacity, -webkit-transform, -webkit-filter;
  transition-property: opacity, transform, filter;
  transition-property: opacity, transform, filter, -webkit-transform, -webkit-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;
  -webkit-transform: translateY(-50%);
          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;
  -webkit-transform: translateX(0) translateY(0);
          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;
  -webkit-transition: all 0.5s ease 0s;
  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;
  -webkit-transition: all 0.5s ease 0s;
  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;
  -webkit-transition: 0.4s;
  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;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.ht-banner.banner-1 .content.top-right {
  top: 50%;
  right: 0;
  left: auto;
  padding-right: 50px;
  -webkit-transform: translateY(-50%);
          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;
  -webkit-transition: 0.4s ease-in-out;
  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%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0;
  padding-right: 30px;
}
.ht-banner.banner-4 .content.center-left {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  padding-left: 30px;
}
.ht-banner.banner-4 .content.center-between {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          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;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
  -webkit-transform: translateY(-50%);
          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;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
  -webkit-transform: translateY(-50%);
          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;
  }
}
.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;
  -webkit-transition: 0.4s ease-in-out;
  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;
  -webkit-transition: 0.4s ease-in-out;
  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;
  -webkit-transition: 0.4s ease-in-out;
  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 {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      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%;
  -webkit-transform: translateX(-50%) translateY(-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;
  -webkit-transition: 0.4s ease-in-out;
  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;
  -webkit-transition: 0.4s ease-in-out;
  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;
  -webkit-transition: 0.4s ease-in-out;
  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;
  -webkit-transition: 0.4s ease-in-out;
  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;
  -webkit-transition: 0.4s ease-in-out;
  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;
  -webkit-transition: 0.4s ease-in-out;
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ht-twitter-default {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media only screen and (max-width: 479px) {
  .ht-twitter-default {
    -ms-flex-wrap: wrap;
        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;
  -webkit-transition: 0.3s ease-in-out;
  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%;
  -webkit-transform: translateY(-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: -webkit-box;
  display: -ms-flexbox;
  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;
  -webkit-transition: 0.3s ease-in-out;
  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%;
  -webkit-transform: translateY(-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: -webkit-box;
  display: -ms-flexbox;
  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;
  -webkit-transition: 0.3s ease-in-out;
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.ht-twitter-2 .twitter-meta-inner ul.twitter-meta {
  padding: 0;
  margin: 0 -10px;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  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;
  -webkit-transition: 0.3s ease-in-out;
  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;
  -webkit-transition: 0.3s ease-in-out;
  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%;
  -webkit-transform: translateY(-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: -webkit-box;
  display: -ms-flexbox;
  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;
  -webkit-transition: 0.3s ease-in-out;
  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;
  -webkit-transition: 0.3s ease-in-out;
  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%;
  -webkit-transform: translateY(-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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 20px;
  border-top: 1px solid #00c8fa;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          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;
  -webkit-transition: 0.3s ease-in-out;
  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;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
          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;
  -webkit-transition: 0.3s ease-in-out;
  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%;
  -webkit-transform: translateY(-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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.ht-twitter-5 .twitter-meta-inner ul.twitter-meta {
  padding: 0;
  margin: 0 -10px;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  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;
  -webkit-transition: 0.3s ease-in-out;
  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 {
    -webkit-box-shadow: inherit;
            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 {
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  display: block;
}

.custom-carousel-active .single-custom-carousel {
  position: relative;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.custom-carousel-active .slick-slide.slick-active .single-custom-carousel {
  -webkit-transform: scale(1.15);
          transform: scale(1.15);
}

.custom-carousel-active .slick-slide.slick-center .single-custom-carousel {
  -webkit-transform: scale(1.3);
          transform: scale(1.3);
}

.custom-carousel-active .slick-slide.slick-center {
  z-index: 999;
  position: relative;
}

.custom-carousel-active .slick-slide {
  padding: 72px 0;
  -webkit-transition: all 0.3s ease 0s;
  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 {
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  display: block;
}

.custom-carousel-active-2 .single-custom-carousel {
  position: relative;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  padding: 0 40px;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.custom-carousel-active-2 .slick-slide.slick-center .single-custom-carousel {
  -webkit-transform: scale(1.3);
          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 {
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.custom-carousel-active-2 .slick-slide {
  padding: 72px 0;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.custom-carousel-active-2 {
  position: relative;
}
.custom-carousel-active-2 button {
  position: absolute;
  left: -80px;
  top: 50%;
  -webkit-transform: translateY(-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;
  -webkit-transition: 0.3s ease-in-out;
  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;
  -webkit-transform: translateY(-50%);
          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;
  -webkit-transition: 0.4s ease-in-out;
  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;
  -webkit-transition: 0.4s ease-in-out;
  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;
  -webkit-transform: translateY(-50%);
          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%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: transparent;
  color: #f4f4f4;
  border: 0 none;
  border-radius: 100%;
  padding: 0;
  margin: 0;
  font-size: 48px;
  -webkit-transition: 0.3s ease-in-out;
  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 {
    -webkit-transform: scale(1.1);
            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: "";
  font-family: "FontAwesome";
  color: #18012c;
  font-size: 20px;
  width: 50px;
  height: 50px;
  text-align: center;
  background: #ffffff;
  line-height: 50px;
  left: 6px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}
.faq-style-1 .panel-title a.collapsed::before {
  content: "";
}
.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: "";
  font-family: "FontAwesome";
  color: #18012c;
  font-size: 20px;
  width: 50px;
  height: 50px;
  text-align: center;
  background: transparent;
  line-height: 50px;
  right: 6px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}
.faq-style-2 .panel-title a.collapsed::before {
  content: "";
}
.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: "";
  font-family: "FontAwesome";
  color: #18012c;
  font-size: 20px;
  width: 50px;
  height: 50px;
  text-align: center;
  background: #ffffff;
  line-height: 50px;
  left: 6px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
  border-radius: 100%;
}
.faq-style-3 .panel-title a.collapsed::before {
  content: "";
}
.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: 479px) {
  .faq-style-3 .panel-body {
    padding: 16px;
    margin-left: 25px;
  }
}
.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;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
.faq-style-4 .panel-title a::before {
  position: absolute;
  content: "";
  font-family: "FontAwesome";
  color: #18012c;
  font-size: 20px;
  width: 50px;
  height: 50px;
  text-align: center;
  background: transparent;
  line-height: 50px;
  right: 6px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
  border-radius: 100%;
}
.faq-style-4 .panel-title a.collapsed::before {
  content: "";
}
.faq-style-4 .panel-body {
  background: #e9e9e9;
  padding: 40px 30px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
          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: "";
  font-family: "FontAwesome";
  color: #18012c;
  font-size: 20px;
  width: 65px;
  height: 100%;
  text-align: center;
  background: transparent;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
  border-right: 1px solid #b8b8b8;
  line-height: 60px;
}
.faq-style-5 .panel-title a.collapsed::before {
  content: "";
}
.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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  margin: 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          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;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}
.post-carousel-1 .ptc-content .content {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  text-align: left;
  padding: 25px;
}
.post-carousel-1 .ptc-content .content ul {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          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;
  -webkit-transition: 0.4s ease-in-out;
  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%;
  -webkit-transform: translateY(-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;
  -webkit-transition: 0.4s ease-in-out;
  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;
  -webkit-transition: 0.4s ease-in-out;
  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 {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          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;
  -webkit-transition: 0.4s ease-in-out;
  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%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  text-align: center;
  padding: 20px;
  width: 100%;
}
.post-carousel-3 .ptc-content .content ul {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          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;
  -webkit-transition: 0.4s ease-in-out;
  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;
  -webkit-transition: 0.4s ease-in-out;
  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;
  -webkit-transition: 0.4s ease-in-out;
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width: 767px) {
  .post-carousel-4 .post-carousel-flex {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .post-carousel-4 .post-carousel-flex {
    -ms-flex-wrap: wrap;
        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 {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .post-carousel-4 .post-carousel-flex .thumb {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}
.post-carousel-4 .post-carousel-flex .ptc-content {
  -ms-flex-preferred-size: 58%;
      flex-basis: 58%;
  position: relative;
  margin-left: -113px;
  background: #fff;
  padding: 57px 24px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
          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 {
    -ms-flex-preferred-size: 82%;
        flex-basis: 82%;
    margin-left: -113px;
    padding: 12px 21px;
  }
}
@media only screen and (max-width: 767px) {
  .post-carousel-4 .post-carousel-flex .ptc-content {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    margin-left: 0;
    padding: 31px 12px;
    -webkit-box-shadow: initial;
            box-shadow: initial;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .post-carousel-4 .post-carousel-flex .ptc-content {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    margin-left: 0;
    padding: 31px 12px;
    -webkit-box-shadow: initial;
            box-shadow: initial;
  }
}
.post-carousel-4 .ptc-content .content ul {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          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;
  -webkit-transition: 0.4s ease-in-out;
  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;
  -webkit-transition: 0.4s ease-in-out;
  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: 30px 0;
}
.post-carousel-5 .ptc-content .content ul {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          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;
  -webkit-transition: 0.4s ease-in-out;
  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: 14px;
  }
}
@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;
  -webkit-transition: 0.4s ease-in-out;
  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;
  -webkit-transition: 0.4s ease-in-out;
  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-shape.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%;
  -webkit-transform: translateX(-50%) translateY(-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;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
          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: -webkit-gradient(linear, left top, left bottom, from(#d80d5f), to(#2f46dc));
  background-image: linear-gradient(#d80d5f, #2f46dc);
  background-image: -webkit-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%;
  -webkit-transform: translateX(-50%) translateY(-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: "";
  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: "";
}
.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;
  padding-bottom: 30px;
}
.event-form .event-tab-content {
  margin: 0 -30px;
}
@media only screen and (max-width: 767px) {
  .event-form .event-tab-content {
    margin-bottom: 30px;
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            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 63px;
  margin-bottom: 30px;
  margin-left: -1px;
  margin-right: -1px;
}
@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;
    -ms-flex-preferred-size: 33.33%;
        flex-basis: 33.33%;
  }
}
@media only screen and (max-width: 479px) {
  .event-form .event-tab-content a {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
}
.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: 24px;
  line-height: 25px;
  margin-bottom: 10px;
  font-weight: 700;
}
.event-form .event-tab-content a.active {
  background: #b61670;
}
.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: center;
  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;
}

.event-table-content .tab-pane {
  display: block;
  overflow: hidden;
  height: 0;
  visibility: hidden;
  max-width: 100%;
  opacity: 0;
}
.event-table-content .tab-pane.active {
  height: auto;
  visibility: visible;
  opacity: 1;
  overflow: visible;
}

/*------------------------------
 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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  list-style: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ht-pricing-list-view-3 ul li a .price-list-text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 1px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      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;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          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-end {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: auto;
  padding-left: 20px;
}
.ht-pricing-list-view-3 ul li a .price-text-end 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-end span.price {
    font-size: 14px;
    height: 45px;
    padding: 0 19px;
    margin-right: 4px;
  }
}
.ht-pricing-list-view-3 ul li a .price-text-end 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: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -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;
  -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;
  -webkit-transform: translateY(-50%);
          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;
  -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: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -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%;
  -webkit-transform: translateX(-1px);
          transform: translateX(-1px);
  top: 0;
  -webkit-transition: 0.4s ease-in-out;
  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;
  -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;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: 0.4s ease-in-out;
  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;
  -webkit-transition: 0.4s ease-in-out;
  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;
  -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: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -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;
  -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;
  -webkit-box-shadow: 0 0 97px rgba(0, 0, 0, 0.1);
          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;
  -webkit-transition: 0.4s ease-in-out;
  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;
  -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;
  -webkit-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);
          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;
  -webkit-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.1);
          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
-----------------------*/
.header--transparant {
  position: absolute;
  left: 0;
  right: 0;
  top: 40px;
  z-index: 9999;
}

/* Maninmenu Style */
.mainmenu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.mainmenu li {
  margin: 0 15px;
}
.mainmenu li a {
  color: #ffffff;
  font-size: 13px;
  font-weight: 500;
  text-transform: uppercase;
  -webkit-transition: 0.4s ease-in-out;
  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;
  -webkit-transition: 0.4s ease-in-out;
  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;
  -webkit-transition: 0.4s ease-in-out;
  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: 30px;
    text-align: center !important;
  }
}
.header.header-1 .mainmenu_nav .mainmenu {
  margin: 0 -20px;
}
.header.header-1 .mainmenu_nav .mainmenu > li {
  margin: 0 20px;
}
.header.header-1 .mainmenu_nav .mainmenu > li a {
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  -webkit-transition: 0.4s ease-in-out;
  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: #ffffff;
}
.header.header-1.event-header .mainmenu > li:hover > a {
  color: #b61670;
}
.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: -webkit-box;
  display: -ms-flexbox;
  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) {
  .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;
  -webkit-transition: 0.4s ease-in-out;
  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 {
    -ms-flex-preferred-size: 100%;
        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: 500;
}
.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%;
  -ms-flex-pack: distribute;
      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;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}
.header .purchase_btn a:hover {
  background: #f05b64;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
          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: -50px;
    right: 6px !important;
    line-height: 1;
    height: auto;
  }

  .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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 300px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          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;
  text-align: center;
}
.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;
  -webkit-transition: 0.4s ease-in-out;
  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%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  border: 0 none;
  background: #03a9f4;
  height: 100%;
  color: #fff;
  padding: 0 13px;
  -webkit-transition: 0.4s ease-in-out;
  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;
  -webkit-transition: 0.4s ease-in-out;
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -7px;
}
.footer-widget.footer-style-2 .content ul.ft-gallery li {
  padding: 0 4px;
  margin-bottom: 7px;
}
.footer-widget.footer-style-2 .content ul.ft-gallery li a {
  color: #9b9b9b;
  font-weight: 300;
  font-size: 14px;
  -webkit-transition: 0.4s ease-in-out;
  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;
  -webkit-transition: 0.4s ease-in-out;
  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: 40px 0;
  padding-top: 0px;
}

.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;
  text-align: center;
}
.copyright.copyright-1 .content a {
  color: #ffffff;
  font-size: 12px;
  font-weight: 300;
  font-family: "Montserrat", sans-serif;
  text-align: center;
}
.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;
}
@media only screen and (max-width: 767px) {
  .copyright.copyright-3 {
    padding: 19px 0px 9px 0px;
  }
}
.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;
  -webkit-transition: 0.4s ease-in-out;
  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 {
  padding-top: 75px;
}
.ht-slide.slider-style-1 .content h2 {
  font-size: 40px;
  font-weight: 400;
  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 {
  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: 100px;
    padding-bottom: 100px;
  }
}
.ht-slide.slider-style-1 .hero-event.content h2 {
  color: #f7f7f7;
  font-size: 22px;
  font-weight: 400;
}
.ht-slide.slider-style-1 .hero-event.content h1 {
  font-size: 60px;
  font-weight: 800;
  color: #f7f7f7;
  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;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
          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%;
  -webkit-transform: translateX(-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 {

}
.slick-slide.slick-active .animation__style--1 .content h3 {
  -webkit-animation: 1000ms ease-in-out 0s normal none 1 running zoomInUp;
          animation: 1000ms ease-in-out 0s normal none 1 running zoomInUp;
}
.slick-slide.slick-active .animation__style--1 .content h1 {
  -webkit-animation: 1400ms ease-in-out 0s normal none 1 running zoomInUp;
          animation: 1400ms ease-in-out 0s normal none 1 running zoomInUp;
}
.slick-slide.slick-active .animation__style--1 .content p {
  -webkit-animation: 1600ms ease-in-out 0s normal none 1 running zoomInUp;
          animation: 1600ms ease-in-out 0s normal none 1 running zoomInUp;
}
.slick-slide.slick-active .animation__style--1 .content a {
  -webkit-animation: 1800ms ease-in-out 0s normal none 1 running zoomInUp;
          animation: 1800ms ease-in-out 0s normal none 1 running zoomInUp;
}
.slick-slide.slick-active .animation__style--2 .content h2 {
  -webkit-animation: 800ms ease-in-out 0s normal none 1 running fadeInLeft;
          animation: 800ms ease-in-out 0s normal none 1 running fadeInLeft;
}
.slick-slide.slick-active .animation__style--2 .content h1 {
  -webkit-animation: 1000ms ease-in-out 0s normal none 1 running fadeInRight;
          animation: 1000ms ease-in-out 0s normal none 1 running fadeInRight;
}
.slick-slide.slick-active .animation__style--2 .content h3 {
  -webkit-animation: 1400ms ease-in-out 0s normal none 1 running fadeInRight;
          animation: 1400ms ease-in-out 0s normal none 1 running fadeInRight;
}
.slick-slide.slick-active .animation__style--2 .content p {
  -webkit-animation: 1600ms ease-in-out 0s normal none 1 running bounceInDown;
          animation: 1600ms ease-in-out 0s normal none 1 running bounceInDown;
}
.slick-slide.slick-active .animation__style--2 .content a {
  -webkit-animation: 1800ms ease-in-out 0s normal none 1 running bounceInDown;
          animation: 1800ms ease-in-out 0s normal none 1 running bounceInDown;
}
.slick-slide.slick-active .animation__style--3 .content h2 {
  -webkit-animation: 800ms ease-in-out 0s normal none 1 running fadeInLeft;
          animation: 800ms ease-in-out 0s normal none 1 running fadeInLeft;
}
.slick-slide.slick-active .animation__style--3 .content h1 {
  -webkit-animation: 1000ms ease-in-out 0s normal none 1 running fadeInLeft;
          animation: 1000ms ease-in-out 0s normal none 1 running fadeInLeft;
}
.slick-slide.slick-active .animation__style--3 .content h3 {
  -webkit-animation: 1400ms ease-in-out 0s normal none 1 running fadeInLeft;
          animation: 1400ms ease-in-out 0s normal none 1 running fadeInLeft;
}
.slick-slide.slick-active .animation__style--3 .content p {
  -webkit-animation: 1600ms ease-in-out 0s normal none 1 running fadeInLeft;
          animation: 1600ms ease-in-out 0s normal none 1 running fadeInLeft;
}
.slick-slide.slick-active .animation__style--3 .content a {
  -webkit-animation: 1800ms ease-in-out 0s normal none 1 running fadeInLeft;
          animation: 1800ms ease-in-out 0s normal none 1 running fadeInLeft;
}
.slick-slide.slick-active .animation__style04 .slider__content h2 {
  -webkit-animation: 800ms ease-in-out 0s normal none 1 running fadeInLeft;
          animation: 800ms ease-in-out 0s normal none 1 running fadeInLeft;
}
.slick-slide.slick-active .animation__style04 .slider__content h3 {
  -webkit-animation: 1500ms ease-in-out 0s normal none 1 running fadeInLeft;
          animation: 1500ms ease-in-out 0s normal none 1 running fadeInLeft;
}
.slick-slide.slick-active .animation__style04 .slider__content h1 {
  -webkit-animation: 1500ms ease-in-out 0s normal none 1 running fadeInRight;
          animation: 1500ms ease-in-out 0s normal none 1 running fadeInRight;
}
.slick-slide.slick-active .animation__style04 .slider__content p {
  -webkit-animation: 2200ms ease-in-out 0s normal none 1 running bounceInDown;
          animation: 2200ms ease-in-out 0s normal none 1 running bounceInDown;
}
.slick-slide.slick-active .animation__style04 .slider__content a {
  -webkit-animation: 1800ms ease-in-out 0s normal none 1 running bounceInDown;
          animation: 1800ms ease-in-out 0s normal none 1 running bounceInDown;
}
.slick-slide.slick-active .animation__style04 .slider__content .sale {
  -webkit-animation: 1800ms ease-in-out 0s normal none 1 running bounceInDown;
          animation: 1800ms ease-in-out 0s normal none 1 running bounceInDown;
}
.slick-slide.slick-active .animation__style05 .slider__content h2 {
  -webkit-animation: 1500ms ease-in-out 0s normal none 1 running fadeInLeft;
          animation: 1500ms ease-in-out 0s normal none 1 running fadeInLeft;
}
.slick-slide.slick-active .animation__style05 .slider__content h1 {
  -webkit-animation: 1500ms ease-in-out 0s normal none 1 running fadeInRight;
          animation: 1500ms ease-in-out 0s normal none 1 running fadeInRight;
}
.slick-slide.slick-active .animation__style05 .slider__content p {
  -webkit-animation: 2200ms ease-in-out 0s normal none 1 running bounceInDown;
          animation: 2200ms ease-in-out 0s normal none 1 running bounceInDown;
}
.slick-slide.slick-active .animation__style05 .slider__content a {
  -webkit-animation: 1800ms ease-in-out 0s normal none 1 running bounceInDown;
          animation: 1800ms ease-in-out 0s normal none 1 running bounceInDown;
}
.slick-slide.slick-active .animation__style06 .slider__content h2 {
  -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInLeft;
          animation: 500ms ease-in-out 0s normal none 1 running fadeInLeft;
}
.slick-slide.slick-active .animation__style06 .slider__content h1 {
  -webkit-animation: 700ms ease-in-out 0s normal none 1 running fadeInLeft;
          animation: 700ms ease-in-out 0s normal none 1 running fadeInLeft;
}
.slick-slide.slick-active .animation__style06 .slider__content p {
  -webkit-animation: 900ms ease-in-out 0s normal none 1 running fadeInLeft;
          animation: 900ms ease-in-out 0s normal none 1 running fadeInLeft;
}
.slick-slide.slick-active .animation__style06 .slider__content a {
  -webkit-animation: 1000ms ease-in-out 0s normal none 1 running fadeInLeft;
          animation: 1000ms ease-in-out 0s normal none 1 running fadeInLeft;
}
.slick-slide.slick-active .animation__style06 .slider__content span {
  -webkit-animation: 1200ms ease-in-out 0s normal none 1 running fadeInLeft;
          animation: 1200ms ease-in-out 0s normal none 1 running fadeInLeft;
}
.slick-slide.slick-active .animation__style07 .slider__content h2 {
  -webkit-animation: 900ms ease-in-out 0s normal none 1 running flipInX;
          animation: 900ms ease-in-out 0s normal none 1 running flipInX;
}
.slick-slide.slick-active .animation__style07 .slider__content h1 {
  -webkit-animation: 1000ms ease-in-out 0s normal none 1 running flipInX;
          animation: 1000ms ease-in-out 0s normal none 1 running flipInX;
}
.slick-slide.slick-active .animation__style07 .slider__content p {
  -webkit-animation: 1200ms ease-in-out 0s normal none 1 running flipInX;
          animation: 1200ms ease-in-out 0s normal none 1 running flipInX;
}
.slick-slide.slick-active .animation__style07 .slider__content a {
  -webkit-animation: 1500ms ease-in-out 0s normal none 1 running flipInX;
          animation: 1500ms ease-in-out 0s normal none 1 running flipInX;
}
.slick-slide.slick-active .animation__style07 .slider__content span {
  -webkit-animation: 1900ms ease-in-out 0s normal none 1 running flipInX;
          animation: 1900ms ease-in-out 0s normal none 1 running flipInX;
}
.slick-slide.slick-active .animation__style08 .slider__content h2 {
  -webkit-animation: 900ms ease-in-out 0s normal none 1 running slideInDown;
          animation: 900ms ease-in-out 0s normal none 1 running slideInDown;
}
.slick-slide.slick-active .animation__style08 .slider__content h1 {
  -webkit-animation: 1200ms ease-in-out 0s normal none 1 running slideInDown;
          animation: 1200ms ease-in-out 0s normal none 1 running slideInDown;
}
.slick-slide.slick-active .animation__style08 .slider__content p {
  -webkit-animation: 1300ms ease-in-out 0s normal none 1 running slideInDown;
          animation: 1300ms ease-in-out 0s normal none 1 running slideInDown;
}
.slick-slide.slick-active .animation__style08 .slider__content a {
  -webkit-animation: 1500ms ease-in-out 0s normal none 1 running slideInDown;
          animation: 1500ms ease-in-out 0s normal none 1 running slideInDown;
}
.slick-slide.slick-active .animation__style08 .slider__content span {
  -webkit-animation: 1400ms ease-in-out 0s normal none 1 running slideInDown;
          animation: 1400ms ease-in-out 0s normal none 1 running slideInDown;
}
.slick-slide.slick-active .animation__style09 .slider__content h2 {
  -webkit-animation: 900ms ease-in-out 0s normal none 1 running fadeInRight;
          animation: 900ms ease-in-out 0s normal none 1 running fadeInRight;
}
.slick-slide.slick-active .animation__style09 .slider__content h1 {
  -webkit-animation: 1200ms ease-in-out 0s normal none 1 running fadeInRight;
          animation: 1200ms ease-in-out 0s normal none 1 running fadeInRight;
}
.slick-slide.slick-active .animation__style09 .slider__content p {
  -webkit-animation: 1300ms ease-in-out 0s normal none 1 running fadeInRight;
          animation: 1300ms ease-in-out 0s normal none 1 running fadeInRight;
}
.slick-slide.slick-active .animation__style09 .slider__content a {
  -webkit-animation: 1500ms ease-in-out 0s normal none 1 running fadeInRight;
          animation: 1500ms ease-in-out 0s normal none 1 running fadeInRight;
}
.slick-slide.slick-active .animation__style09 .slider__content span {
  -webkit-animation: 1400ms ease-in-out 0s normal none 1 running fadeInRight;
          animation: 1400ms ease-in-out 0s normal none 1 running fadeInRight;
}
.slick-slide.slick-active .animation__style10 .slider__content h2 {
  -webkit-animation: 800ms ease-in-out 0s normal none 1 running zoomInDown;
          animation: 800ms ease-in-out 0s normal none 1 running zoomInDown;
}
.slick-slide.slick-active .animation__style10 .slider__content h3 {
  -webkit-animation: 800ms ease-in-out 0s normal none 1 running zoomInDown;
          animation: 800ms ease-in-out 0s normal none 1 running zoomInDown;
}
.slick-slide.slick-active .animation__style10 .slider__content h1 {
  -webkit-animation: 1000ms ease-in-out 0s normal none 1 running zoomInDown;
          animation: 1000ms ease-in-out 0s normal none 1 running zoomInDown;
}
.slick-slide.slick-active .animation__style10 .slider__content p {
  -webkit-animation: 1200ms ease-in-out 0s normal none 1 running zoomInRight;
          animation: 1200ms ease-in-out 0s normal none 1 running zoomInRight;
}
.slick-slide.slick-active .animation__style10 .slider__content a {
  -webkit-animation: 1400ms ease-in-out 0s normal none 1 running zoomInUp;
          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%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 40px;
  padding: 10px;
  border: 1px solid #efefef;
  border-radius: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width: 767px) {
  .ht-event {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.ht-event .thumb {
  position: relative;
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ht-event .thumb {
    -ms-flex-preferred-size: 30%;
        flex-basis: 30%;
  }
}
@media only screen and (max-width: 767px) {
  .ht-event .thumb {
    -ms-flex-preferred-size: 100%;
        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 {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  padding-left: 27px;
}
@media only screen and (max-width: 767px) {
  .ht-event .content {
    -ms-flex-preferred-size: 100%;
        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;
  -webkit-transition: 0.4s ease-in-out;
  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: -webkit-box;
  display: -ms-flexbox;
  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;
  -webkit-transition: 0.4s ease-in-out;
  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;
}

.body-table {
  overflow: auto;
}

/* =====================
    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;
  -webkit-transition: 0.4s ease-in-out;
  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: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 97, 0)), color-stop(40%, rgba(255, 255, 255, 0.8)), color-stop(60%, rgba(255, 255, 255, 0.8)), to(rgba(82, 65, 97, 0)));
  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;
  -webkit-transition: 0.4s ease-in-out;
  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);
  -webkit-transition: 0.4s ease-in-out;
  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;
  -webkit-transition: 0.4s ease-in-out;
  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;
  -webkit-transition: 0.4s ease-in-out;
  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;
  -webkit-transition: 0.4s ease-in-out;
  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;
  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;
  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;
  -webkit-transition: 0.4s ease-in-out;
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.corporate-feature .content ul li i {
  margin-top: 5px;
  padding-right: 12px;
}
.corporate-feature .thumb {
  position: absolute;
  right: -40%;
  bottom: -36%;
}

/* Repair Area */
.reapir-about-area {
  position: relative;
  z-index: 2;
}
.reapir-about-area .shape {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-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;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
  -webkit-transform: translateY(-50%) scale(1);
          transform: translateY(-50%) scale(1);
}
.reapir-about-area .thumb .rp-player:hover {
  opacity: 0.8;
  -webkit-transform: translateY(-50%) scale(0.9);
          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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 40px;
}
.reapir-about-area .content .address p {
  color: #3d3d3d;
  font-size: 18px;
  margin: 0;
  font-family: "Montserrat", sans-serif;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .reapir-about-area .content .address p {
    font-size: 16px;
  }
}
.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;
  -webkit-transition: 0.4s ease-in-out;
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          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;
  -webkit-transition: 0.5s;
  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%;
  -webkit-transform: translateY(-54%);
          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;
  position: center;
  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%;
  -webkit-transform: translateY(-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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-top: 1px solid #d7d7d7;
  padding-top: 20px;
}
.pp-tour .content .tp-tour-bottom ul {
  display: -webkit-box;
  display: -ms-flexbox;
  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;
  -webkit-transition: 0.4s ease-in-out;
  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: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(40%, rgba(255, 255, 255, 0.8)), color-stop(60%, rgba(255, 255, 255, 0.8)), to(rgba(255, 255, 255, 0)));
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          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%;
  -webkit-transform: translateY(-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: -webkit-box;
  display: -ms-flexbox;
  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-start 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: 85px;
  width: 85px;
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 100%;
  border: 1px solid #fff;
}

.charity-count .countdown-style-3 span.count-inner .time-count {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  padding-bottom: 0;
}

.charity-count .countdown-style-3 span.count-inner p {
  margin: 0;
  color: #ffffff;
  font-size: 14px;
  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 {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          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;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.donation-wrapper .content .payment-type .donate-btn a:hover {
  background: #e1c265;
  color: #ffffff;
}
.donation-wrapper .content .single-type {
  display: -webkit-box;
  display: -ms-flexbox;
  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;
  -webkit-transition: 0.5s;
  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;
  -webkit-transition: 0.3s;
  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 {
  -webkit-transform: scale(1.2);
          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%;
  -webkit-transform: translateX(-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;
  -webkit-transition: 0.3s ease-in-out;
  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: -webkit-box;
  display: -ms-flexbox;
  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;
  -webkit-transition: 0.4s ease-in-out;
  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: -webkit-box;
  display: -ms-flexbox;
  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-start {
  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;
  -webkit-transition: 0.4s ease-in-out;
  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: -webkit-box;
  display: -ms-flexbox;
  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: -webkit-box;
  display: -ms-flexbox;
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.rl-projet .content-inner ul.meta {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          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;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.rl-projet .content-inner ul.rl-feature li {
  border-right: 1px solid #e3e3e3;
  -ms-flex-preferred-size: 33.33%;
      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-start 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 {
    -ms-flex-wrap: wrap;
        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) {
  .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: 24px;
  }

  .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: 16px;
    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 {
    -ms-flex-wrap: wrap;
        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-start 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: 0px;
  }

  .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-start 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 {
    -ms-flex-wrap: wrap;
        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 {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            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;
  }
}

.list-group {
  list-style-type: none;
  font-family: "Montserrat", sans-serif;
  font-size: 15px;
}

ul.list-group li {
  color:#fff;
  font-family: "Montserrat", sans-serif;
  text-align: center;
}
.footer-text-bold {
  font-weight:800;
}
.columnfooter {
  color: #FFF;
  float: center;
  width: 33.33%;
  padding: 5px;
  height: 85px;
  text-align: center;
  margin-top: 5px;
}
.columnfooter-x {
  color: #FFF;
  float: center;
  width: 33.33%;
  padding: 5px;
  height: 85px;
  text-align: center;
  margin-top: 5px;
}

@media screen and (max-width: 800px) {
  .columnfooter-x {
    width: 100%;
    height: 70px;
  }
}

@media screen and (max-width: 800px) {
  .columnfooter {
    width: 100%;
    height: 60px;
  }
}