@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 */
@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 {}

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-size: 14px;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}

pre {
    background: #f5f5f5;
    color: #666;

    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;

    color: #e00025;
    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 {

    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: 30px;
}

.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: 85px 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: #ffffff;
}

.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-color: #e00025;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.bg_image--52 {
    /* background-image: url(../img/new/1.jpeg); */
    background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8));
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    /* background-color: #000; */
}

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

.bg_image--54 {
    background-color: #2b2b2b;
    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/new/event.png);
    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 {}

.heading-font {}

/* ------------------------
    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, #e00025, #341941);
    background-image: -webkit-gradient(-45deg, #e00025, #341941);
    background-image: -o-linear-gradient(-45deg, #e00025, #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: #e00025;
    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;

}

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

}

.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: #fff;
    color: #e00025;
    height: 54px;
    padding: 0 54px;
    line-height: 54px;
    font-weight: 500;
    font-size: 14px;
    border-radius: 10px;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
}

.cln-btn:hover {
    background: #ffffff;
    color: #e00025;
}

.cln-btn.btn-transparent {
    background: transparent;
    border: 2px solid #fff;
    color: #fff;
}

.cln-btn.btn-transparent:hover {
    background: #e00025;
    border: 2px solid #e00025;
    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-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-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: #ffffff;
    margin-bottom: 7px;
}

@media only screen and (max-width: 767px) {
    .section-title--5 h2 {
        font-size: 28px;
    }
}

.section-title--5 p {
    margin: 0;
    color: #fff;

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

}

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

}

.section-title--12 p {
    margin: 0;
    color: #4c4c4c;
    font-size: 15px;
    line-height: 25px;
    padding: 0 30%;

}

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

}

/* Section Title Style 16 */
.section-title--16 {
    margin-top: -10px;
}

.section-title--16 h2 {
    color: #333333;
    font-size: 30px;
    font-style: italic;

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

}

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

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

}

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

}

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

}

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

}

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

}

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

    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;

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

    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;

    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 {

    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;

    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;

}

.radial-progress-single h5.radial-progress-title {
    color: #666666;
    font-size: 16px;
    font-weight: 500;
    margin: 0;
    margin-top: 11px;

}

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

}

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

}

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

}

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

}

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

}

.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%;
    border-radius: 10%;
}

/*----------------------------
    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: 10%;
    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: #e00025;
}

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

}

.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: #e00025;
}

.pricing-panel-3.event-active-price .pricing-heading .price {
    background: #e00025;
}

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

}

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

}

.pricing-panel-3 .pricing-body ul li {
    color: #ffffff;
    font-size: 17px;
    padding: 5px 0;

}

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

}

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

}

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

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

}

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

}

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

}

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

    -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: #e00025;
    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: #e00025;
}

.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: #e00025;
    color: #ffffff;
}

.pricing-panel-7.cln-pricing-table.active .pricing-footer a.price_btn {
    background: #e00025;
    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;

    -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: 19px;
    }
}

@media only screen and (max-width: 767px) {
    .newsletter-style-2 .title h2 {
        margin-bottom: 19px;
    }
}

@media only screen and (max-width: 479px) {
    .newsletter-style-2 .title h2 {
        font-size: 22px;
    }
}

.newsletter-style-2 .input-box input {
    background-color: transparent;
    height: 50px;
    border: 1px solid rgba(255, 255, 255, 0.4);
    color: rgba(255, 255, 255, 0.4);
    border-radius: 5px;
    line-height: 24px;
    padding: 12px 30px;
    font-size: 14px;
    color: #d8d8d8;
    width: calc(100% - 170px);
}

@media only screen and (max-width: 479px) {
    .newsletter-style-2 .input-box input {
        width: 100%;
    }
}

.newsletter-style-2 .input-box button {
    position: absolute;
    right: 0;
    top: 0;
    width: 170px;
    height: 50px;
    background-color: #0056ff;
    border: none;
    border-radius: 5px;
    padding: 13px 20px;
    color: rgba(255, 255, 255, 0.8);
    text-transform: uppercase;

    font-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-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: #e00025;
    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;

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

}

.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-size: 13px;
}

.form-style-1 form textarea:focus {
    border: 1px solid #18012c;
}

.form-style-1.cln-service-boking form input[type=submit] {
    background-color: #e00025;
    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: #e00025;
    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-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;

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

    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;

}

.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: "Cairo", 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: "Cairo", 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;

}

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

}

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

}

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

}

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

}

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

}

.register-style-2 form input {
    border: 1px solid #ffffff;
    padding: 0 20px;
    color: #fff;
    margin-bottom: 30px;
    font-weight: 300;

}

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

}

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

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

}

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

}

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

}

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

}

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

}

.login-style-1 form label {
    color: #000000;
    font-size: 13px;
    font-weight: 300;
    margin-bottom: 10px;

}

.login-style-1 form input:not([type=checkbox]) {
    background: transparent;
    border: 1px solid #f2f2f2;
    color: #757575;
    font-size: 12px;
    margin-bottom: 24px;

    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;

}

.log-remember a.fright {
    color: #b1b1b1;
    font-size: 12px;
    -webkit-transition: 0.4s;
    transition: 0.4s;

}

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

}

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

}

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

}

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

}

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

    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;

}

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

}

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

}

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

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

}

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

    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-weight: 500;
}

.service-2 .content a.readmore_btn.btn-transparent:hover {
    color: #e00025;
    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 #e00025;
    color: #e00025;
    line-height: 38px;
}

.service-2.carpenter-service .content a.readmore_btn:hover {
    background: #e00025;
    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;

    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;

    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: #e00025;
}

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

.service-3.cleaning-service:hover .icons i {
    background: #e00025;
}

.service-3.cleaning-service .content h4::before {
    background: #e00025;
}

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

}

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

.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: 41px;
    display: inline-block;
    height: 40px;
    line-height: 42px;
    text-align: center;
    font-size: 21px;
    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;

}

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

}

@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: #e00025;
}

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

}

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

}

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

}

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

    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;

}

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

    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;

    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;

}

.funfact.counter-style--5.body-counter .content h2 {
    color: #ffffff;
    font-weight: 400;
    font-size: 18px;
    margin-top: 9px;
    padding-bottom: 0;

}

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

    padding-left: 15px;
}

.funfact.counter-style--6 .content h2 {
    color: #363636;
    font-weight: 600;
    font-size: 16px;
    margin: 0;
    display: block;

    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: linear-gradient(to right, rgba(224, 0, 37, 1), rgba(224, 0, 37, 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-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-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;

}

.ht-banner.banner-1 .content h2 {
    color: #1f1e26;
    font-size: 60px;
    text-transform: uppercase;
    margin-bottom: 1px;

}

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

}

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

}

.ht-banner.banner-3 .content p {
    color: #ffffff;
    margin: 0;
    font-size: 14px;

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

}

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

}

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

}

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

}

.call-to-action-4.event-call-to-action .action-btn a.call_btn:hover {
    background: #e00025;
    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;

}

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

}

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

    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;

    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;

    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;

    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;

    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-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: #e00025;
}

.post-carousel-2.event-post:hover .ptc-content .content {
    border-bottom: 4px solid #e00025;
}

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

}

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

    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;

    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: #e00025;
}

.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 #e00025;
    color: #e00025;
}

.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: #e00025;
}

.post-carousel-active-5.cleaning-post-wrapper button:hover {
    background: #e00025;
    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;

}

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

}

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

    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;

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

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

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

}

.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: #e00025;
}

.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: #e00025 !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;

    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;

    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;

}

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

}

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

}

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

    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;

    -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: #e00025;
}

.header.header-1.event-header .header-btn a.cln-btn:hover {
    background: #e00025;
    border: 2px solid #e00025;
}

.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: #e00025;
}

.header.header-1.carpenter-header .header-btn a {
    background: #e00025;
    border: 2px solid #e00025;
    color: #fff;
    line-height: 34px;
}

.header.header-1.carpenter-header .header-btn a:hover {
    background: transparent;
    border: 2px solid #e00025;
    color: #e00025;
}

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

}

.header.header-1.header-charity .mainmenu>li:hover>a {
    color: #e00025;
}

.header.header-1.header-charity .header-btn a.cln-btn {
    background: #e00025;
    border: 2px solid #e00025;
    color: #fff;
}

.header.header-1.header-charity .header-btn a.cln-btn:hover {
    background: transparent;
    border: 2px solid #e00025;
    color: #e00025;
}

.header.header-1.software-header .mainmenu>li>a {
    color: #ffffff;
    font-weight: 500;

}

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

}

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

}

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

}

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

    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-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-size: 14px;
    font-weight: 500;
}

.header-1.header--static.beauty-theme-color .mainmenu>li>a {
    color: #ffffff;
    font-weight: 500;

}

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

.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: #e00025;
}

.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: #e00025;
}

.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: #e00025;
    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-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;

}

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

}

.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: 100px 0;
    padding-top: 70px;
}

.ht-footer-2 {
    padding: 85px 0;
    padding-top: 52px;
    padding-bottom: 83px;
}

/* --------------------------
    For Color Variation
----------------------------*/
.footer-widget.footer-style-2.education-footer .content ul.ft-menu li a:hover {
    color: #56a4b1;
}

.footer-widget.footer-style-2.education-footer .content .social-share.social-square a:hover {
    color: #ffffff;
    background: #56a4b1;
}

.footer-widget.footer-style-2.medical-footer .content ul.ft-menu li a:hover {
    color: #0bb6ce;
}

.footer-widget.footer-style-2.medical-footer .content .social-share.social-square a:hover {
    color: #ffffff;
    background: #0bb6ce;
}

.footer-widget.footer-style-2.agency-footer .content ul.ft-menu li a:hover {
    color: #702bc6;
}

.footer-widget.footer-style-2.agency-footer .content .social-share.social-square a:hover {
    color: #ffffff;
    background: #702bc6;
}

.footer-widget.footer-style-2.const-footer .content ul.ft-menu li a:hover {
    color: #fab702;
}

.footer-widget.footer-style-2.const-footer .content .social-share.social-square a:hover {
    background: #fab702;
}

.footer-widget.footer-style-2.const-footer .content .ft-address p i {
    color: #fab702;
}

.footer-widget.footer-style-2.gar-footer .content ul.ft-menu li a:hover {
    color: #fab702;
}

.footer-widget.footer-style-2.gar-footer .content .social-share.social-square a:hover {
    background: #6dc32e;
}

.footer-widget.footer-style-2.gar-footer .content .ft-address p i {
    color: #6dc32e;
}

.footer-style-3 .content p {
    color: #000;
    font-size: 18px;
    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;

    margin: 0;
}

.copyright.copyright-2 {
    padding: 20px 0;
    border-top: 1px solid #eeeeee;
}

.copyright.copyright-2 .content p {
    color: #333;
    font-size: 14px;
    font-weight: 400;
    margin: 0;
}

.copyright.copyright-3 {
    padding: 9px 0;
}

@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-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: 60px;
    font-weight: 800;
    color: #ffffff;
    margin: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .ht-slide.slider-style-1 .content h2 {
        font-size: 50px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .ht-slide.slider-style-1 .content h2 {
        font-size: 45px;
    }
}

@media only screen and (max-width: 767px) {
    .ht-slide.slider-style-1 .content h2 {
        font-size: 45px;
    }
}

.ht-slide.slider-style-1 .content h1 {
    font-size: 80px;
    font-weight: 800;
    color: #ffffff;
    margin-bottom: 29px;
    margin-top: -7px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .ht-slide.slider-style-1 .content h1 {
        font-size: 55px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .ht-slide.slider-style-1 .content h1 {
        font-size: 48px;
    }
}

@media only screen and (max-width: 767px) {
    .ht-slide.slider-style-1 .content h1 {
        font-size: 48px;
    }
}

.ht-slide.slider-style-1 .content .cleaning-btn a.cln-btn {
    height: 50px;
    padding: 0 50px;
    line-height: 47px;
}

@media only screen and (max-width: 767px) {
    .ht-slide.slider-style-1 .hero-constructuction.content {
        padding-top: 48px;
    }
}

.ht-slide.slider-style-1 .hero-constructuction.content h2,
.ht-slide.slider-style-1 .hero-constructuction.content h1 {
    font-size: 70px;
    font-weight: 800;
    color: #ffffff;
    margin: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .ht-slide.slider-style-1 .hero-constructuction.content h2,
    .ht-slide.slider-style-1 .hero-constructuction.content h1 {
        font-size: 50px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {

    .ht-slide.slider-style-1 .hero-constructuction.content h2,
    .ht-slide.slider-style-1 .hero-constructuction.content h1 {
        font-size: 45px;
    }
}

@media only screen and (max-width: 767px) {

    .ht-slide.slider-style-1 .hero-constructuction.content h2,
    .ht-slide.slider-style-1 .hero-constructuction.content h1 {
        font-size: 32px;
    }
}

.ht-slide.slider-style-1 .hero-constructuction.content p {
    color: #ffffff;
    font-size: 32px;
    line-height: 50px;
    margin-bottom: 43px;
    padding-right: 18%;
    margin-top: 13px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .ht-slide.slider-style-1 .hero-constructuction.content p {
        font-size: 24px;
        line-height: 38px;
        margin-bottom: 33px;
        padding-right: 12%;
        margin-top: 10px;
    }
}

@media only screen and (max-width: 767px) {
    .ht-slide.slider-style-1 .hero-constructuction.content p {
        font-size: 24px;
        line-height: 38px;
        margin-bottom: 33px;
        margin-top: 10px;
        font-size: 15px;
        line-height: 30px;
    }
}

.ht-slide.slider-style-1 .hero-constructuction.content .slide-btn a.cln-btn {
    height: 58px;
    padding: 0 50px;
    line-height: 57px;
    background: transparent;
    letter-spacing: 1px;
    border: 2px solid #fff;
    text-transform: uppercase;

    font-size: 14px;
    border-radius: 29px;
    color: #ffffff;
}

.ht-slide.slider-style-1 .hero-constructuction.content .slide-btn a.cln-btn:hover {
    background: #fab702;
    border: 2px solid #fab702;
    color: #fff;
}

@media only screen and (max-width: 767px) {
    .ht-slide.slider-style-1 .hero-gardening.content {
        padding-top: 48px;
    }
}

.ht-slide.slider-style-1 .hero-gardening.content h2,
.ht-slide.slider-style-1 .hero-gardening.content h1 {
    font-size: 60px;
    font-weight: 800;
    color: #ffffff;
    margin: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .ht-slide.slider-style-1 .hero-gardening.content h2,
    .ht-slide.slider-style-1 .hero-gardening.content h1 {
        font-size: 50px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {

    .ht-slide.slider-style-1 .hero-gardening.content h2,
    .ht-slide.slider-style-1 .hero-gardening.content h1 {
        font-size: 45px;
    }
}

@media only screen and (max-width: 767px) {

    .ht-slide.slider-style-1 .hero-gardening.content h2,
    .ht-slide.slider-style-1 .hero-gardening.content h1 {
        font-size: 32px;
    }
}

.ht-slide.slider-style-1 .hero-gardening.content h1 {
    margin-bottom: 38px;
}

.ht-slide.slider-style-1 .hero-gardening.content .slide-btn a.cln-btn {
    height: 60px;
    padding: 0 50px;
    line-height: 57px;
    background: transparent;
    letter-spacing: 1px;
    border: 2px solid #fff;

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

    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-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: #e00025;
    border: 1px solid #e00025;
    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-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-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-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;

}

@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-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-size: 18px;
    margin-bottom: 30px;
    font-weight: 400;
    line-height: 30px;

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

}

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

    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: #e00025;
    border: 1px solid #e00025;

    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;

}

.ht-slide.slider-style-1 .hero-resturant.content h1 {
    font-size: 72px;
    font-weight: 900;
    color: #ffffff;
    margin-bottom: 17px;
    margin-top: -8px;

    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;

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

}

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

}

@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-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-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-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: #e00025;
    font-size: 30px;
    font-weight: 500;

    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: #e00025;

    border: 2px solid #e00025;
    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;

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

    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;

}

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

}

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

}

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

    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: 10px;
}

.hero-event .countdown-style-6 .count-inner .time-count {

    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: #e00025;
}

.slick-slide.slick-active .animation__style--1 .content h2 {
    -webkit-animation: 800ms ease-in-out 0s normal none 1 running zoomInUp;
    animation: 800ms ease-in-out 0s normal none 1 running zoomInUp;
}

.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; */
        font-size: 0px;
    }
}

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

.ht-event.charity-event .content ul.event-time li i {
    color: #e00025;
}

.ht-event.charity-event .content .event-btn a:hover {
    border-bottom: 1px solid #e00025;
    color: #e00025;
}

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

}

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

}

.gardening-welcome .content .more-about-btn a:hover {
    color: #6dc32e;
    border-bottom: 1px solid #6dc32e;
}

/* Event Welcome Area */
.event-welcome .content span {
    color: #e00025;

    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: #e00025;
}

@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: #e00025;
    color: #ffffff;
    font-size: 14px;
    display: inline-block;
    font-weight: 500;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;

    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: #e00025;
}

/* 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 {

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

}

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

}

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

}

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

}

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

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

}

.countdown_wrapper.travel-countdown .content h2 {
    margin-top: 15px;
    color: #ffffff;
    font-size: 48px;
    margin-bottom: 40px;

}

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

    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;

}

.travel-countdown .count-btn {
    margin-top: 20px;
}

.travel-countdown .count-btn a {
    background: #e00025;
    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;

}

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

    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: #e00025;
    height: 25px;
    width: 4px;
}

.cr-welcome-wrapper>.content>h2 span {
    color: #e00025;
}

.cr-welcome-wrapper>.content p {
    color: #4c4c4c;
    font-size: 15px;
    line-height: 25px;

}

.cr-welcome-wrapper .funfact {
    margin-right: 40px;
}

.cr-welcome-wrapper .funfact .content span {
    font-size: 60px;

    font-weight: 400;
    color: #e00025;
}

.cr-welcome-wrapper .funfact .content span::after {
    color: #e00025;
}

.cr-welcome-wrapper .funfact .content h2 {
    font-size: 16px;
    color: #565656;

    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;

}

.cr-choose-list ul li i {
    color: #e00025;
    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: #e00025;
}

.post-carousel-active-5.carpenter-post-wrapper button:hover {
    background: #e00025;
    color: #ffffff;
}

.post-carousel-5.carpenter-post .ptc-content .content h2 a:hover {
    color: #e00025;
}

.post-carousel-5.carpenter-post .ptc-content .content .post-btn a.readmore-btn:hover {
    border-bottom: 1px solid #e00025;
    color: #e00025;
}

/* ========================
    Testimonial Css
============================*/
.testimonial-style-2.carpenter-testimonial .slick-center .testimonal img {
    border: 2px solid #e00025;
}

.testimonial-style-2.carpenter-testimonial .slick-dots li.slick-active button {
    background: #e00025;
}

@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: #e00025;
    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: #e00025;
    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: #e00025;
}

.post-carousel-active-5.charity-post-wrapper button:hover {
    background: #e00025;
    color: #fff;
}

.post-carousel-5.charity-post .ptc-content .content h2 a:hover {
    color: #e00025;
}

.post-carousel-5.charity-post .ptc-content .content .post-btn a.readmore-btn:hover {
    border-bottom: 1px solid #e00025;
    color: #e00025;
}

/* ===================
    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: #e00025;
    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: #e00025;
    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-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;

    margin-top: 20px;
}

.welcome-inner .content p.sub-title {
    color: #242424;
    font-size: 20px;
    line-height: 32px;

}

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

}

.res-popular-desases .content h2 {
    font-size: 24px;
    line-height: 30px;
    font-weight: 400;
    margin-top: 6px;
    margin-bottom: 13px;

}

.res-popular-desases .content h2 a {
    color: #2b2a2a;
}

.res-popular-desases .content p {
    margin: 0;
    color: #2b2a2a;
    font-size: 30px;
    font-weight: 400;

}

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

}

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

}

.res-tab-content p {
    color: #4a4a4a;
    font-size: 16px;
    margin: 0;
    line-height: 30px;

}

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

    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 {

    color: #3d3d3d;
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 24px;
}

.beauty-welcome-inner .content a.buty-btn {
    color: #ff759d;

    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 {

    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-size: 15px;
}

.beauty-welcome .cr-welcome-wrapper>.content p {
    color: #3d3d3d;
    font-size: 16px;
    line-height: 28px;

    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;

}

.funfact.counter-style--5.hosting-counter .content h2 {
    color: #ffffff;
    font-size: 18px;

}

/* 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: 19px;
    }

    .header.header-1 .cleaning-btn,
    .header.header-1 .header-btn {
        margin-left: 0;
    }

    .ht-slide.slider-style-2 .hero-political.content h1 {
        font-size: 29px;
    }

    .ht-slide.slider-style-1 .hero-real-estate.content p {
        font-size: 15px;
        margin-bottom: 22px;
        line-height: 28px;
        padding: 0;
    }

    .ht-slide.slider-style-2 .hero-repair.content p {
        margin-bottom: 22px;
    }

    .ht-slide.slider-style-1 .hero-software.content p {
        padding: 0;
    }

    .ht-slide.slider-style-1 .hero-software.content h1 {
        font-size: 28px;
    }

    .travel-offer-form .single-form {
        width: 37.6666%;
    }

    .res-popular-desases .content {
        padding: 36px 14px;
    }

    .res-popular-desases .content h2 {
        font-size: 20px;
    }

    .section-title--16.text-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;
    }
}

@media (max-width: 768px) {
    .navbar {
        display: flex;
        justify-content: center;
    }

    .ht-slide {
        min-height: 39rem !important;
    }

    .ht-slide img {
        object-fit: cover;

    }
}

.sticky-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: white;
    z-index: 1000;
}

@media (max-width: 768px) {
    .navbar .d-flex {
        flex-direction: row !important;
        align-items: center;
        padding: 6px;
    }
}

@keyframes pulse {
    0% {
        transform: scale(1);
        color: #e00025;
        text-shadow: 0 0 5px rgba(224, 0, 37, 0.5);
    }

    50% {
        transform: scale(1.1);
        color: #e00025;
        text-shadow: 0 0 15px rgba(255, 51, 102, 0.8);
    }

    100% {
        transform: scale(1);
        color: #e00025;
        text-shadow: 0 0 5px rgba(224, 0, 37, 0.5);
    }
}

.animated-link {
    display: inline-block;
    font-weight: bold;
    animation: pulse 1.5s infinite alternate ease-in-out;
}