/*-----------------------------------------------------------------------------------

 [Table of contents]

 1. Base (Global style for some elements)
 2. Header (Logo or navigation)
 3. Main Slider (Section)
 4. About Us (Section)
 5. Statistic (Section)
 6. Services (Section)
 7. Packages (Section)
 8. Quick Support (Section)
 9. Footer (Section)
 10. Preloader

-----------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------

 [Global CSS for some elements]

 # html
 # body
 # a tag
 # responsive images
 # input placeholders
 # i tag for font awesome icons
 # paragraph
 # hr tag for horizontal line
 # white section
 # dark section
 # align center (class)
 # bootstrap fluid container
 # theme button
 # swiper (carousel slider)

-----------------------------------------------------------------------------------*/

@font-face {
    font-family: 'cairo';
    src: url(../fonts/Cairo-Regular.ttf);
}


html {
    margin: 0;
    padding: 0;
    display: block;
    font-size: 16px;
}

body {
    margin: 0;
    padding: 0;
    display: block;
    font-size: 100%;
    /* ----------------------------- Global font */
    font-family: 'cairo';
    background: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: right;
}

* {
    outline: none !important;
}

/* a tag */
a {
    display: inline-block;
    max-width: 100%;
    text-decoration: none;
    color: #59b42d;
}

a:hover, a:active, a:focus, a:visited {
    color: #59b42d;
    text-decoration: none;
}

/* Responsive image */
img {
    display: inline-block;
    max-width: 100%;
}

span {
    display: inline-block;
    max-width: 100%;
}


/* Input Placeholders */
:-moz-placeholder {
    opacity: 1;
    color: #bfbdbd;
}

:-ms-input-placeholder {
    opacity: 1;
    color: #bfbdbd;

}

::-webkit-input-placeholder {
    opacity: 1;
    color: #c2c1c1;

}

::-moz-placeholder {
    opacity: 1;
    color: #ffffff;

}

/* I tag for font-awesome icons */
i {
    display: inline-block;
}

/* Paragraph */
p {
    color: #777;
    font-size: 13px;
    font-weight: 400;
    line-height: 27px;
}

/* Horizontal line */
hr {
    max-width: 70px;
    width: 100%;
    display: block;
    height: 0;
    clear: both;
    border: 2px solid #d7d7d7;
    margin: 0;
}

.no-padding { padding-left:0; padding-right:0;}

/* White section (.site-white-section) class */
.site-white-section {
    margin: 0;
    padding:80px 0;
    width: 100%;
    clear: both;
    display: block;
    text-align: left;
    background: white;
}

.site-white-section h1, .site-dark-section-a h1, .site-dark-section-b h1 {
    /* H1 heading */
    font-size:48px;
    line-height:1.2;
    text-transform: uppercase;
    font-weight:700;
    position: relative;
    display: block;
    margin:0 0 40px 0;
}

.site-dark-section-a h1 a, .site-dark-section-b h1 a {
    color: #1a1e2a;
}

.site-white-section h1 a, .site-white-section h1 {
    color: #59b42d;
}

@media screen and (max-width: 767px) {
    .site-dark-section-a h1, .site-dark-section-b h1 {
        font-size: 32px;
    }
}

.site-white-section h2, .site-dark-section-a h2, .site-dark-section-b h2 {
    /* H2 Heading */
    font-size: 16px;
    font-weight: 700;
    line-height: 2;
    text-transform: uppercase;
    color: #8d8d8d;
    position:relative;
    padding:0 0 0 50px;
    margin:0;
    display: inline-block;
}

.site-white-section h2:before, .site-dark-section-a h2:before, .site-dark-section-b h2:before {
    /* H2 horizontal line */
    content: "";
    position: absolute;
    max-width: 40px;
    width: 100%;
    display: block;
    height: 2px;
    background: #8d8d8d;
    margin: 0 auto;
    left: 0;
    top: 50%;
}

.site-white-section h2 a, .site-dark-section-a h2 a, .site-dark-section-b h2 a {
    color: #8d8d8d;
}

.site-white-section h2 span, .site-dark-section-a h2 span, .site-dark-section-b h2 span {
    color: #8d8d8d;
}

.site-white-section h3 a, .site-dark-section-a h3 a, .site-white-section h4 a, .site-dark-section-a h4 a, .site-white-section h5 a, .site-dark-section-a h5 a, .site-white-section h6 a, .site-dark-section-a h6 a {
    color: #FFFFFF;
}

/* Dark section (.site-dark-section-a) class */
.site-dark-section-a {
    margin: 0;
    padding:80px 0;
    width: 100%;
    clear: both;
    display: block;
    text-align: left;
    background: #181a1f;
    color: white;
}

.site-dark-section-b  {
    margin: 0;
    padding:70px 0;
    width: 100%;
    clear: both;
    display: block;
    text-align: left;
    background: #1f2229;
    color: white;
}


.site-white-section h1, .site-dark-section-a h1, .site-dark-section-b h1 {
    /* H1 heading */
    color: #59b42d;
}

.site-dark-section-a h2, .site-dark-section-b h2 {
    /* H2 heading */
    color: #8d8d8d;
}

.site-dark-section-a p {
    /* Paragraph */
    color: white;
}

/* Align center class */
.section-align-center {
    display: inline-block;
}

/* Fluid Container max width set when use (.wide) class */
.container-fluid.wide {
    max-width: 1400px;
}

/* Theme button */
a.theme-btn {
    /* a tag */
    border: 1px solid #59b42d;
    color: #59b42d;
    font-size: 13px;
    font-weight: 700;
    line-height: 22px;
    text-transform: uppercase;
    text-align: center;
    padding: 12px 40px 12px 40px;
    position: relative;
    overflow: hidden;
    transition: 400ms ease;
    transition-property: color, background;
    cursor: pointer;
    z-index: 10;
    display: inline-block;
}

a.theme-btn:hover {
    color: #FFFFFF;
    background: #59b42d;
}
a.theme-btn2 {
    /* a tag */
    border: 1px solid #59b42d;
    color: #59b42d;
    font-size: 13px;
    font-weight: 700;
    line-height: 22px;
    text-transform: uppercase;
    text-align: center;
    padding: 12px 40px 12px 40px;
    position: relative;
    overflow: hidden;
    transition: 400ms ease;
    transition-property: color, background;
    cursor: pointer;
    z-index: 10;
    display: inline-block;
}

a.theme-btn2:hover {
    color: #FFFFFF;
    background: #59b42d;
}
/* Swiper carousel slider pagination */
.swiper-pagination {
    width: 100%;
    display: block;
    clear: both;
    padding: 0;
    position: relative;
    margin:10px 0 0;
    overflow: hidden;
    left: 0;
    top: auto;
    opacity: 1;
}

.swiper-pagination .swiper-pagination-bullet {
    width: 17px;
    height: 17px;
    background-color: #636e78;
    transition: 400ms ease;
    transition-property: background-color;
    margin: 8px !important;
    opacity: 1;
}

.swiper-pagination .swiper-pagination-bullet-active {
    background-color: #59b42d;
}

/* Swiper carousel slider navigation */
.swiper-button-prev, .swiper-button-next {
    /* Prev navigation button */
    width: 50px;
    height: 50px;
    line-height: 50px;
    display: block;
    background: white none;
    text-align: center;
    transition: 400ms ease;
    transition-property: background-color;
    top: 0;
    bottom: 0;
    margin: auto 0;
    left: 10px;
    overflow: hidden;
    border-radius: 2px;
}

@media screen and (max-width: 767px) {
    .swiper-button-prev, .swiper-button-next {
        margin: 0;
    }
}

.swiper-button-prev:hover, .swiper-button-next:hover {
    background-color: #2E3F59;
}

.swiper-button-prev:hover:before, .swiper-button-next:hover:before {
    color: white;
}


.swiper-button-next {
    /* Next navigation button */
    right: 10px;
    left: auto;
}

.swiper-button-next:before {
    content: "\e903";
    left: 2px;
}

.green-text {
    color:#59b42d;
}

/*-----------------------------------------------------------------------------------

 Header (section)

 # header container
 # logo
 # navigation
 # navigation toggle button

-----------------------------------------------------------------------------------*/
/* Header container */
header.site-header {
    margin: 0;
    padding: 8px 0;
    display: block;
    width: 100%;
    clear: both;
    background: #FFFFFF;
    position: relative;
    /*min-height: 85px;*/
    z-index: 100;
}

/* Logo */
.site-logo {
    position: relative;
    float: right;
}

.site-logo a {
    position: relative;
    padding-left:0;
    padding-top:10px;
}



.site-logo h1 {
    width: 100%;
    display: block;
    margin: 0;
    padding: 0;
    color: #1a1e2a;
    font-size: 33px;
    font-weight: 500;
    line-height: 27px;
}

.site-logo small {
    width: 100%;
    display: block;
    margin: 0;
    padding: 0;
    text-align: left;
    color: #989899;
    font-size: 11px;
    font-weight: 500;
    text-transform: uppercase;
}

/* When header is sticky the sub menu not goes down more then 400ms px */
@media screen and (max-width: 991px) {
    .sticky-wrapper.is-sticky .site-nav {
        max-height: 400px;
        overflow: hidden;
        overflow-y: auto;
    }
}

.sticky-wrapper {
    height: 61px !important;
}

/* Header navigation */
.site-nav {
    margin: 0;
    padding: 10px 0;
    display: block;
    float: left;
}

@media screen and (min-width: 992px) {
    .site-nav {
        display: block !important;
    }
}

@media screen and (max-width: 991px) {
    .site-nav {
        /* mobile menu */
        position: relative;
        width: 100%;
        transition: 400ms ease;
        transition-property: transform;
        z-index: 100;
        border-top: 1px solid #d7d7d7;
        margin-top:5px;
        padding: 20px 0 0;
        display: none;
    }
}

.site-nav ul {
    margin: 0;
    padding: 0;
    display: block;
}

.site-nav li {
    margin: 0;
    padding: 5px 0;
    display: block;
    float: right;
    list-style: none;
}

@media screen and (max-width: 991px) {
    .site-nav li {
        width: 100%;
        position: relative;
    }
}

.site-nav li.active > a, .site-nav li:hover > a {
    /* Active Item */
    color: #59b42d;
}

.site-nav a {
    font-size: 13px;
    font-weight: 700;
    line-height: 29px;
    text-transform: uppercase;
    color: #8d8d8d;
    padding: 11px 18px;
    transition: 400ms ease;
    transition-property: color;

}

@media screen and (max-width: 1199px) {
    .site-nav a {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media screen and (max-width: 991px) {
    .site-nav a {
        width: auto;
        display: inline-block;
        padding: 6px 30px 6px 0;
        line-height: 18px;
        z-index: 1;
        position: relative;
    }
}

.site-nav a > i.fa {
    /* font awesome icon */
    margin-left: 5px;
    display: inline-block;
}

@media screen and (max-width: 991px) {
    .site-nav a > i.fa {
        display: none;
    }
}

.site-nav .indicator-desktop {
    /* sub menu indicator for desktop */
    font-size:11px;
}

@media screen and (max-width: 991px) {
    .site-nav .indicator-desktop {
        display: none !important;
    }
}

.site-nav .indicator-mobile {
    /* sub menu indicator for mobile */
    display: none;
}

@media screen and (max-width: 991px) {
    .site-nav .indicator-mobile {
        display: block;
        float: right;
        font-size: 14px;
        line-height: 26px;
        width: 100%;
        height: 26px;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        padding-right: 5px;
        cursor: pointer;
        z-index: 0;
        text-align: right;
        color:#000000;
    }
}

/* Navigation toggle button */
.site-nav-toggle {
    display: none;
    float: left;
    margin-top:25px;
    cursor: pointer;
}

@media screen and (max-width: 991px) {
    .site-nav-toggle {
        display: block;
    }
}

@media screen and (max-width: 767px) {
    .site-nav-toggle {
        margin-right: 10px;
    }
}

.site-nav-toggle span {
    width: 40px;
    display: block;
    clear: both;
    margin-bottom: 6px;
    height: 4px;
    background: #59b42d;
    transition: 400ms ease;
    transition-property: opacity, transform;
    opacity: 1;
    transform-origin: top left;
    transform: rotate(0deg);
}

.site-nav-toggle span span:nth-child(3) {
    transform-origin: bottom left;
}


.site-nav-toggle.active span:nth-child(1) {
    transform: rotate(45deg);
    transition-delay: 200ms;
    margin-left:2px;
}

.site-nav-toggle.active span:nth-child(2) {
    opacity: 0;
}

.site-nav-toggle.active span:nth-child(3) {
    transform: rotate(-45deg);
    transition-delay: 200ms;
    margin-top:13px;

}


/*-----------------------------------------------------------------------------------

 [Main slider (section)]

 # Main slider container
 # bootstrap container (fluid) for slider
 # slider navigation
 # Icomoon custom icon for slider navigation
 # slider container
 # slider background images change css
 # slider pagination
 # slider bullets
 # slider content holder (caption)
 # h1 heading
 # h2 heading
 # paragraph
 # slider

-----------------------------------------------------------------------------------*/
/* Main Slider */
.site-main-slider {
    margin: 0;
    padding: 0;
    display: block;
    width: 100%;
    clear: both;
    background-color:#000000;
    background:url(../images/header-slider-bg.jpg) top center no-repeat;
    background-attachment:fixed;
    background-size:cover;
    min-height: 100px;
    position:relative;

}

.site-main-slider .container-fluid {
    /* bootstrap fluid container max width set for slider */
    max-width: 1200px;
}

.site-main-slider .swiper-button-prev, .site-main-slider .swiper-button-next {
    /* slider navigation next and prev button */
    width: 50px;
    height: 50px;
    background-color: white;
    border-radius: 0;
    left: 0;
    transition: 400ms ease;
    transition-property: background-color;
}

@media screen and (max-width: 767px) {
    .site-main-slider .swiper-button-prev, .site-main-slider .swiper-button-next {
        top: 20px;
        left: 20px;
    }
}

.site-main-slider .swiper-button-prev:hover, .site-main-slider .swiper-button-next:hover {
    /* button hover */
    background-color: #59b42d;
}

.site-main-slider .swiper-button-prev:hover:before, .site-main-slider .swiper-button-next:hover:before {
    color: white;
    opacity: 1;
}

.site-main-slider .swiper-button-prev:before, .site-main-slider .swiper-button-next:before {
    /* Custom font icon */
    opacity: 0.4;
    color: #1e222e;
    transition: 400ms ease;
    transition-property: color, opacity;
}

.site-main-slider .swiper-button-next {
    /* slider navigation next button  */
    width: 50px;
    height: 50px;
    background-color: white;
    border-radius: 0;
    right: 0;
    left: auto;
}

@media screen and (max-width: 767px) {
    .site-main-slider .swiper-button-next {
        right: 20px;
    }
}

.site-main-slider .swiper-container {
    /* slider container */
    width: 100%;
    height: 100%;
    background: #E8E8E9;
}

.site-main-slider .swiper-slide {
    /* single slide
       Here is the code. If you want to change the slider background image css.*/
    background-position: center center;
    background-size: cover;
    padding: 140px 0 160px;
}

@media screen and (max-width: 991px) {
    .site-main-slider .swiper-slide {
        background-position: center left;
    }
}

.site-main-slider .swiper-pagination {
    /* slider pagination container */
    width: 100%;
    clear: both;
    padding: 0;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 0 47px;
}

.site-main-slider .swiper-pagination-bullet {
    /* slider pagination bullet */
    width: 16px;
    height: 16px;
    background-color: #acafb5;
    border-radius: 100px;
}

.site-main-slider .swiper-pagination-bullet-active {
    /* slider active pagination bullet */
    background-color: #59b42d;
}

.site-main-slider .sequence-caption {
    /* slider content holder (caption) */
    position: relative;
    top: 40%;
    left: 0;
    right: 0;
    bottom: auto;
    display: block;
    width: 100%;
    height: auto;
    padding-left: 80px;
    padding-right: 80px;
    transform: translateY(-50%);
}

@media screen and (max-width: 991px) {
    .site-main-slider .sequence-caption {
        transform: translateY(0);
        top: 0;
        padding-top: 40px;
    }
}

@media screen and (max-width: 767px) {
    .site-main-slider .sequence-caption {
        padding-left: 0;
        padding-right: 0;
        text-align: center;
        padding-top: 80px;
    }
}

.site-main-slider h1 {
    /* h1 heading */
    font-size:70px;
    font-weight: 700;
    position: relative;
    margin:0;
}

@media screen and (max-width: 1199px) {
    .site-main-slider h1 {
        font-size: 54px;
    }

}

@media screen and (max-width: 991px) {
    .site-main-slider h1 {
        font-size:42px;
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 767px) {
    .site-main-slider h1 {
        font-size: 42px;
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 480px) {
    .site-main-slider h1 {
        font-size: 32px;
        margin-bottom: 15px;
    }

    .site-main-slider p {
        font-size:13px;
    }

}

@media screen and (max-width: 320px) {
    .site-main-slider h1 {
        font-size: 32px;
    }

    .site-main-slider p {
        font-size:13px;
    }


}

@media screen and (max-width: 991px) {
    .site-main-slider h1:before {
        display: none;
    }
}

.site-main-slider h2 {
    /* h2 heading */
    color: #FFFFFF;
    font-size:20px;
    line-height:20px;
    letter-spacing:1px;
    font-weight:700;
}

.site-main-slider h3 {
    /* h2 heading */
    color: #FFFFFF;
    font-size:25px;
    line-height:1;
    letter-spacing:1px;
    font-weight:700;
    border-left:#59b42d solid 6px;
    padding-left:10px;
    margin-bottom:40px;
}

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

    .site-main-slider h3 {
        border-left:0;
        padding-left:0;
    }
}

@media screen and (max-width: 991px) {
    .site-main-slider h2 {
        text-align: center;
        padding:0;
        margin:0;
    }
}

@media screen and (max-width: 767px) {
    .site-main-slider h2 {
        font-size: 22px;
        line-height: 28px;
    }
}

.site-main-slider h2 u {
    /* inside heading text underline */
    text-decoration: none;
    display: inline-block;
    position: relative;
}

.site-main-slider h2 u:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    display: block;
    height: 2px;
    background: #1a1e2a;
}

.site-main-slider p {
    /* paragraph */
    color: #cacaca;
    font-size: 16px;
    font-weight: normal;
    line-height: 27px;
}

@media screen and (max-width: 991px) {
    .site-main-slider p {
        text-align: center;
        padding:0;
        margin:0;
    }
}

.site-main-slider a.theme-btn {
    /* slider href buttons */
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: 700;
    line-height: 22px;
    text-transform: uppercase;
    transition: 400ms ease;
    transition-property: background, border-color, color;
    margin-right: 24px;
    white-space: nowrap;
}

@media screen and (max-width: 991px) {
    .site-main-slider a.theme-btn {
        margin-right: 10px;
        margin-left: 10px;
        margin-bottom: 10px;
    }
}

.site-main-slider a.theme-btn:hover {
    background: #59b42d;
    border-color: #59b42d;
    color: white;
}

.site-main-slider .seq-canvas {
    /* Sequence slider */
    padding: 0;
    display: block;
    clear: both;
    width: 100%;
    position: relative;
    min-height: 840px;
    /* Slider height change */
    overflow: hidden;
    background: no-repeat center right;
    max-width: 1400px;
    margin: 0 auto;
}

.site-main-slider .sequence-slide {
    /* Slides */
    margin: 0;
    padding: 0;
    display: block;
    clear: both;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
}

.site-main-slider .sequence-slide.seq-in .sequence-bg {
    /* background image animation */
    transform: translateX(0);
}

.site-main-slider .sequence-slide.seq-in .sequence-caption {
    /* caption animation */
    opacity: 1;
    transition-delay: 1500ms;
}

.site-main-slider .sequence-slide.seq-out .sequence-bg {
    /* background image animation */
    transform: translateX(2000px);
}

.site-main-slider .sequence-slide.seq-out .sequence-caption {
    /* caption animation */
    opacity: 0;
}

.site-main-slider .sequence-bg {
    /* Background image */
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    height: 100%;
    width: 100%;
    clear: both;
    transform: translateX(-2000px);
    transition: transform 2000ms ease;
    background: no-repeat center right 20px;
}

@media screen and (max-width: 1199px) {
    .site-main-slider .sequence-bg {
        background-size: 40%;
        background-position: right bottom;
    }
}

@media screen and (max-width: 991px) {
    .site-main-slider .sequence-bg {
        background-size: 35%;
        background-position: center bottom;
    }
}

@media screen and (max-width: 767px) {
    .site-main-slider .sequence-bg {
        background-size: 40%;
    }

    .site-main-slider .seq-canvas {
        min-height:700px;
    }

}

@media screen and (max-width: 480px) {
    .site-main-slider .sequence-bg {
        background-size: 50%;
    }

    .site-main-slider .seq-canvas {
        min-height:600px;
    }


}

@media screen and (max-width: 320px) {
    .site-main-slider .sequence-bg {
        background-size: 100%;
    }




}


.site-main-slider .sequence-caption {
    /* Caption */
    opacity: 0;
    transition: opacity 600ms ease;
}

@media screen and (max-width: 991px) {
    .site-main-slider .sequence-caption {
        text-align: center;
    }
}

.site-main-slider .seq-pagination {
    /* pagination */
    margin: 0;
    padding: 0;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 80px;
    width: 100%;
    z-index: 10;
    text-align: center;
}

.site-main-slider .seq-pagination li {
    width: 16px;
    height: 16px;
    background-color: #acafb5;
    display: inline-block;
    overflow: hidden;
    text-indent: -9999px;
    cursor: pointer;
    transition: 400ms ease;
    transition-property: background-color;
    margin: 4px;
}

.site-main-slider .seq-pagination li.seq-current {
    background-color: #59b42d;
}

.site-main-slider .seq-prev, .site-main-slider .seq-next {
    /* navigation */
    padding: 0;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 50px;
    height: 50px;
    background-color: white;
    z-index: 10;
    border: none;
    margin: auto 0;
    transition: 400ms ease;
    transition-property: background-color;
    font-size: 27px;
}

@media screen and (max-width: 767px) {
    .site-main-slider .seq-prev, .site-main-slider .seq-next {
        margin-top: 20px;
        margin-left: 20px;
        margin-right: 20px;
        display:none;
    }
}

.site-main-slider .seq-prev:hover, .site-main-slider .seq-next:hover {
    background: #59b42d;
}

.site-main-slider .seq-prev:hover span, .site-main-slider .seq-next:hover span {
    opacity: 1;
    color: white;
}

.site-main-slider .seq-prev span, .site-main-slider .seq-next span {
    opacity: 0.4;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    text-align: center;
    width: 100%;
    line-height: 50px;
    color: #1e222e;
    transition: 400ms ease;
    transition-property: color, opacity;
}

.site-main-slider .seq-next {
    left: auto;
    right: 0;
}

.site-main-slider.slider-version-1 {
    /* ------------------------ slider version 1 */
    background-color: #404040;
}

.site-main-slider.slider-version-1 .seq-canvas {
    max-width: 100%;
}

.site-main-slider.slider-version-1 .sequence-slide .sequence-bg {
    background: no-repeat center;
    background-size: cover;
    opacity: 0;
    transform: scale(1);
    transition: transform 2000ms ease, opacity 2000ms ease;
}

.site-main-slider.slider-version-1 .sequence-caption {
    text-align: center;
    width: 100%;
    opacity: 1;
    transition: transform 2000ms ease;
    transition-delay: 0ms !important;
    top:45%;
    transform: translate(-2000px, -50%);
}

.site-main-slider.slider-version-1 .sequence-caption * {
    color: white;
}

.site-main-slider.slider-version-1 p {
    color: white;
    padding:0 100px;
    margin-bottom: 15px;
}

@media screen and (max-width: 767px) {
    .site-main-slider.slider-version-1 p {
        padding:0;
    }
}


.site-main-slider.slider-version-1 .sequence-caption h2 {
    text-transform: none;
}

.site-main-slider.slider-version-1 .sequence-caption h3 {
    border-left:none;
}



.site-main-slider.slider-version-1 .sequence-caption u:after {
    background-color: white;
}

.site-main-slider.slider-version-1 .sequence-caption h1 {
    text-transform: none;
    text-transform:uppercase;
}

.site-main-slider.slider-version-1 .sequence-caption h1:before {
    display: none;
}

.site-main-slider.slider-version-1 .sequence-caption .theme-btn {
    border-color: white;
    margin-right: 12px;
    margin-left: 12px;
}

.site-main-slider.slider-version-1 .sequence-caption .theme-btn:hover {
    border-color: #59b42d;
}

.site-main-slider.slider-version-1 .sequence-slide.seq-in .sequence-bg {
    /* background image animation */
    transform: scale(1.2);
    opacity: 1;
}

.site-main-slider.slider-version-1 .sequence-slide.seq-in .sequence-caption {
    /* caption animation */
    opacity: 1;
    transform: translate(0, -50%);
}

.site-main-slider.slider-version-1 .sequence-slide.seq-out .sequence-bg {
    /* background image animation */
    transform: scale(1);
    opacity: 0;
}

.site-main-slider.slider-version-1 .sequence-slide.seq-out .sequence-caption {
    /* caption animation */
    opacity: 1;
    transform: translate(2000px, -50%);
}

.site-main-slider.slider-version-2 {
    /* ------------------------ slider version 2 */
    background-color:rgba(0,0,0,0.60);
    background-image:none;
}

.site-main-slider.slider-version-2 .seq-canvas {
    max-width: 100%;
}

.site-main-slider.slider-version-2 .sequence-slide .sequence-bg {
    background: no-repeat center;
    background-size: cover;
    opacity: 0;
    transform: scale(1);
    transition: none;
}

.site-main-slider.slider-version-2 .sequence-caption {
    text-align: center;
    width: 100%;
    opacity: 1;
    transition: transform 2000ms ease;
    transition-delay: 0ms !important;
    top:45%;
    transform: translate(-2000px, -50%);
}

.site-main-slider.slider-version-2 .sequence-caption * {
    color: white;
}

.site-main-slider.slider-version-2 p {
    color: white;
    padding:0 300px 30px 300px;
}


.site-main-slider.slider-version-2 .sequence-caption h2 {
    text-transform: none;
}

.site-main-slider.slider-version-2 .sequence-caption h3 {
    border-left:none;
}

@media screen and (max-width: 767px) {
    .site-main-slider.slider-version-2 .sequence-caption h3 {
        margin-bottom:10px;
    }

}

.site-main-slider.slider-version-2 .sequence-caption u:after {
    background-color: white;
}

.site-main-slider.slider-version-2 .sequence-caption h1 {
    text-transform: uppercase;
    color: #FFFFFF;
    font-size:78px;
    font-weight: 700;
    line-height:78px;
    text-transform: uppercase;

}


@media screen and (max-width:1199px) {
    .site-main-slider.slider-version-2 p {
        color: white;
        padding:15px 50px;
    }
}



@media screen and (max-width: 767px) {
    .site-main-slider.slider-version-2 .sequence-caption h1 {
        font-size: 42px;
        line-height: 50px;
    }
}

.site-main-slider.slider-version-2 .sequence-caption h1:before {
    display: none;
}

.site-main-slider.slider-version-2 .sequence-caption .theme-btn {
    margin-right: 12px;
    margin-left: 12px;
    border-color: #59b42d;
    background: #59b42d;
}

.site-main-slider.slider-version-2 .sequence-caption .theme-btn:hover {
    background: white;
    color: rgba(30, 34, 46, 0.6);
    border-color: white;
}

.site-main-slider.slider-version-2 .sequence-slide.seq-in .sequence-bg {
    /* background image animation */
    transform: scale(1);
    opacity: 1;
}

.site-main-slider.slider-version-2 .sequence-slide.seq-in .sequence-caption {
    /* caption animation */
    opacity: 1;
    transform: translate(0, -50%);
}

.site-main-slider.slider-version-2 .sequence-slide.seq-out .sequence-bg {
    /* background image animation */
    transform: scale(1);
    opacity: 0;
}

.site-main-slider.slider-version-2 .sequence-slide.seq-out .sequence-caption {
    /* caption animation */
    opacity: 1;
    transform: translate(2000px, -50%);
}



/*-----------------------------------------------------------------------------------

 [Top service (section)]

 # Top service us container
 # typography
 # box (class)
 # font awesome icons

-----------------------------------------------------------------------------------*/
/* Top service container */
.site-top-services {
    margin: 0;
    padding:0;
    display: block;
    clear: both;
    width: 100%;
    background:#f5f5f5;
}

.site-top-services .site-top-service-main {
    float:left;
    width:100%;
    margin-top:-70px;
    position:relative;
    z-index:1000;
}

.top-servic-box {
    float:left;
    width:100%;
    background:#59b42d;
}

.top-servic-box .content {
    float:left;
    width:100%;
    position:absolute;
    top:45%;
    left: 0;
    right: 0;
    bottom: auto;
    display: block;
    width: 100%;
    height: auto;
    transform: translateY(-50%);
}

.site-top-services .site-top-service-main .icofont{
    color:#FFFFFF;
    font-size:60px;
    float:left;
    width:100%;
    text-align:center;

}

.top-servic-box:hover {
    -webkit-box-shadow: 0px 20px 0px -14px rgba(89,180,45,1);
    -moz-box-shadow: 0px 20px 0px -14px rgba(89,180,45,1);
    box-shadow: 0px 20px 0px -14px rgba(89,180,45,1);
    transition:all ease .5s;
}

.top-servic-box figure{
    float:left;
    width:100%;
    text-align:center;
    position:relative;
}


.top-servic-box figure img{
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    float:left;
    width:100%;
    opacity:0.3;
}

.top-servic-box:hover figure img {
    transition:all ease .5s;
    opacity:0.5;
}

.top-servic-box .content .icon{
    float:left;
    width:100%;
    text-align:center;
}


.top-servic-box .content .icon img{
    text-align:center;
}

.top-servic-box .content .price {
    float:left;
    width:100%;
    font-size:22px;
    font-weight:normal;
    line-height:2;
    text-transform:uppercase;

    text-align:center;
    color:#FFFFFF;
    padding:20px 0 0 0;
}

.top-servic-box .content h3 {
    float: right;
    width:100%;
    font-size:16px;
    font-weight:700;
    line-height:1.5;
    text-transform:uppercase;
    text-align:center;
    padding:15px 0 0 0;
    margin:0;
    letter-spacing:1px;
    color: #FFF;
}


.top-servic-box .content .site-permalink {
    /* Permalink */
    position: absolute;
    left: 0;
    right:0;
    bottom:25px;
    display: block;
    margin:0 auto;

}


.top-servic-box .content .site-permalink span {
    opacity: 0;
    transition: 400ms ease;
    transition-property: opacity, color;
}

.site-top-services .last-sbox {
    margin-bottom:0;
}

.top-servic-box .content .site-permalink i {
    display: inline-block;
    position: absolute;
    left: 0;
    right:0;
    bottom: 6px;
    font-size: 12px;
    transition: 400ms ease;
    transition-property: color, left;
    margin:0 auto;
    color:#FFFFFF;
}

.top-servic-box:hover .content .site-permalink span {
    opacity: 1;
    color: white;
}

.top-servic-box:hover .content .site-permalink i {
    color: white;
    left:90px;
    padding-left:0px;
}

@media screen and (max-width: 992px) {
    .top-servic-box {
        margin-bottom:40px;
    }
}


/*-----------------------------------------------------------------------------------

Site Offer (section)

 # site-offer
 # left colom (50 % width)
 # right colom (50 % width)
 # h2 heading
 # paragraph

-----------------------------------------------------------------------------------*/
/* Site Offer container */

.site-offer {
    background:#59b42d;
}

.site-offer .site-offer-main {
    float:left;
    width:100%;
}

.site-offer .left-colom {
    float:left;
    width:100%;
    text-align:center;

}

.site-offer .right-colom {
    float:left;
    width:100%;
    text-align:left;
}

.site-offer .right-colom h1 {
    float:left;
    width:100%;
    text-align:left;
    font-size:33px;
    font-weight:700;
    color:#FFFFFF;
    text-align:left;
    line-height:1.5;
    text-transform:capitalize;
    padding:0;
    margin:0;
}

.site-offer .right-colom h1:before {
    background:inherit;
}

.site-offer .right-colom h2:before {
    background:inherit;
}

.site-offer .right-colom h2 {
    float:left;
    width:100%;
    text-align:left;
    font-size:130px;
    font-weight:700;
    color:#FFFFFF;
    text-align:left;
    line-height:1;
    text-transform:uppercase;
    padding:0 0 20px 0;
    margin:0;
}

.site-offer .right-colom .text-1  {
    float:left;
    width:100%;
    text-align:left;
    font-size:25px;
    font-weight:700;
    color:#FFFFFF;
    text-align:left;
    line-height:1;
    text-transform:uppercase;
    padding:0 0 10px 0;
    margin:0;
}

.site-offer .right-colom .text-2  {
    float:left;
    background:#181a1f;
    text-align:left;
    font-size:20px;
    font-weight:700;
    color:#FFFFFF;
    line-height:1;
    text-transform:uppercase;
    padding:5px 10px;
    margin:0;
}

.site-offer .right-colom p  {
    float:left;
    width:100%;
    text-align:left;
    font-size:15px;
    font-weight:normal;
    color:#FFFFFF;
    text-align:left;
    line-height:1.5;
    text-transform:capitalize;
    padding:30px 0;
    margin:0;
}



@media screen and (max-width: 1199px) {
    .site-offer .right-colom h2  {
        font-size:90px;
    }
}

@media screen and (max-width: 991px) {
    .site-offer .right-colom h1 {
        text-align:center;
        padding-top:30px;
    }

    .site-offer .right-colom h2 {
        text-align:center;
    }

    .site-offer .right-colom .text-1 {
        text-align:center;
    }

    .site-offer .right-colom .text-2{
        text-align:center;
        float:none;
    }

    .site-offer .right-colom p{
        text-align:center;
    }

    .site-offer .right-colom {
        text-align:center;

    }

}

@media screen and (max-width: 375px) {
    .site-offer .right-colom h1 {
        font-size:25px;
    }

    .site-offer .right-colom h2 {
        font-size:50px;
        padding:10px 0;
    }

}


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

    .site-offer .right-colom h2 {
        font-size:50px;
        padding:10px 0;
    }

}

.site-offer .theme-btn {
    /* button */
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: 700;
    letter-spacing:1px;
    line-height: 22px;
    text-transform: uppercase;
    transition: 400ms ease;
    transition-property: border-color, color, background;
    margin-top:5px;
}

.site-offer .theme-btn:hover {
    color: #59b42d;
    border-color: #FFFFFF;
    background: #FFFFFF;
}



/*-----------------------------------------------------------------------------------

 [Site advantage (section)]

 # advantage container
 # typography
 # advantage box (class)


-----------------------------------------------------------------------------------*/
/* Site advantage container */

.site-advantage {
    position:relative;
    padding:0;
    overflow: hidden;
}

.site-advantage .left-colom {
    float:left;
}

.site-advantage .left-colom {
    position: absolute;
    width: 940px;
    height: auto;
    top: 0;
    right:50px;
}


.site-advantage .right-colom {
    float:left;
    width:100%;
    text-align: right;
    padding:60px 0;
}


.site-advantage ul {
    float:left;
    width:100%;
    padding:6px 0 0 0;
}

.site-advantage ul li {
    float:left;
    width:100%;
    list-style:none;
    padding:0;
    margin-bottom:30px;
    display:flex;
}

.site-advantage ul li:last-child {
    margin-bottom:0px;
}

.advantage-content{
    float:left;
    flex:8;
    padding:20px 0 0 0;
    -webkit-flex: 8; /* Safari 6.1+ */
    -ms-flex: 8; /* IE 10 */

}

.site-advantage .advantage-content h4 {
    float:right;
    font-size:17px;
    font-weight:normal;
    color:#FFFFFF;
    text-align:right;
    text-transform:uppercase;
    padding:0;
    margin:0;
    line-height:1.5;
    letter-spacing:1px;
}

.site-advantage .advantage-content p {
    float:right;
    font-size:16px;
    font-weight:normal;
    color:#8d8d8d;
    text-align:right;
    text-transform:capitalize;
    padding:5px 0 0 0;
    margin:0;
}


.advantage-nomber {
    float:left;
    font-size:17px;
    line-height:1.5;
    width:20px;
    height:20px;
    text-align:left;
    padding:0;
    color:#59b42d;
    font-weight:700;
}

.site-advantage ul li:hover .advantage-nomber {
    color:#FFFFFF;
    transition:all ease .5s;
}

@media screen and (max-width: 1199px) {
    .site-advantage .left-colom {
        float:left;
        position: inherit;
        width: 100%;
        height: auto;
        top: 0;
        right:0;
        margin-bottom:100px;
    }

}




/*-----------------------------------------------------------------------------------

 Statistic (section)

 # statistic container
 # background image
 # left side background image (50 % width)
 # right side background image (50 % width)
 # h2 heading
 # paragraph
 # section align center (class)
 # mission (class)
 # number (class) [container h3, p, font icon, image]
 # number inline block (class)

-----------------------------------------------------------------------------------*/
/* Statistic container */
.site-statistic {
    float:left;
    width: 100%;
    text-align: center;
    background:url(../images/statistic-bg.jpg) top center;
    background-attachment:fixed;
    background-size:cover;

}

.site-statistic-main {
    float:left;
    width:100%;
    padding:50px 0;
}


.site-statistic h2 {
    /* H2 heading */
    color: white;
    font-size: 40px;
    line-height: 66px;
    text-transform: uppercase;
    font-weight: 400;
    margin-bottom: 10px;
    margin-top: 0.625rem;
}

.site-statistic h2 strong {
    font-weight: 700;
}



.site-statistic .section-align-center {
    /* Align center class */
    max-width: 600px;
}

/* Mission box wrapper */
.site-mission {
    margin: 0 auto;
    padding: 20px;
    width: 100%;
    max-width: 550px;
    border: 2px solid rgba(255, 255, 255, 0.2);
    height: 332px;
    display: table-cell;
    vertical-align: middle;
}

@media screen and (max-width: 1199px) {
    .site-mission {
        height: auto;
        display: block;
        margin-bottom: 30px;
        max-width: 575px;
    }
}

@media screen and (max-width: 767px) {
    .site-mission {
        max-width: 100%;
    }
}

/* Numbers section */
.site-number {
    width:100%;
    margin-right: 2%;
    margin-left: 2%;
    position: relative;
    padding: 0 10px;
    margin-bottom: 30px;
    display: block;
    text-align: center;
    white-space: nowrap;
    float: left;
}

@media screen and (max-width: 991px) {
    .site-number {
        margin-bottom:70px;
    }
}

@media screen and (max-width: 767px) {
    .site-number {
        width: 100%;
        margin-right: 0;
        margin-left: 0;
        white-space: normal;
    }
}

.site-number h3 {
    /* h3 heading */
    float:left;
    width:100%;
    text-align:center;
    color: #59b42d;
    font-size:42px;
    font-weight: 700;
    line-height:1;;
    padding: 40px 0 0 0;
    margin: 0;
}

.site-number p {
    /* paragraph */
    float:left;
    width:100%;
    text-align:center;
    color: white;
    font-size: 15px;
    font-weight: 400;
    line-height:1.5;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
}


.site-number figure {
    /* image */
    margin:0 auto;
    font-size:30px;
    width: 60px;
    height:60px;
    text-align:center;
    line-height:1.5;
    color:#FFFFFF;
    padding:5px;
    margin-top:-20px;
    background:#131519;
    border-radius:100px;
}

/* Number section inline block */
.site-number-inline {
    float:left;
    width: 100%;
    border:rgba(255,255,255,.3) solid 1px;
    padding:0 0 50px 0;

}




/* ***************************************** */
.site-portfolio h2:before {
    top:100%;
    left:0;
    right:0;
}

.site-portfolio h2 {
    padding:0;
    margin-bottom:15px;
}

.center-text {
    text-align:center;
}
/*-----------------------------------------------------------------------------------

 Packages (section)

 # packages container
 # h1 heading
 # single package (class)
 # typography
 # price info (class)
 # dollar (class)
 # price value (class)
 # price month (class)
 # price options (class)
 # font awesome icon
 # href button

-----------------------------------------------------------------------------------*/
/* Packages container */
.site-packages {
    margin: 0;
    padding: 60px 0 70px;
    display: block;
    width: 100%;
    clear: both;
    text-align: right;
}

.site-packages h1 {
    /* H1 heading */
    margin-bottom: 60px;
}

.site-packages .site-package {
    /* Single package */
    max-width: 365px;
    width: 100%;
    background-color: #181a1f;
    text-align: center;
    margin: 20px auto 50px;
}

.site-packages .site-package.prefered {
    border: 1px solid #59b42d;
    outline: #2a2b30 solid 10px !important;
}

.site-packages .site-package:hover h4 {
    color: #59b42d;
}

.site-packages .site-package:hover .theme-btn {
    color: white;
    border-color: #59b42d;
    background: #59b42d;
}


.site-packages .site-package-courses {
    /* Single package */
    max-width: 365px;
    width: 100%;
    background-color: #181a1f;
    text-align: center;
    margin: 20px auto 50px;
}

.site-packages .site-package-courses.prefered {
    border: 1px solid #59b42d;
    outline: #2a2b30 solid 10px !important;
}

.site-packages .site-package-courses:hover h4 {
    color: #59b42d;
}

.site-packages .site-package-courses:hover .theme-btn {
    color: white;
    border-color: #59b42d;
    background: #59b42d;
}

.site-packages h4 {
    /* title */
    color: #59b42d;
    font-size:17px;
    font-weight:700;
    line-height:1.5;
    text-transform: uppercase;
    padding: 0;
    width: 100%;
    display: block;
    clear: both;
    margin: 0;
    text-align: center;
    transition: 400ms ease;
    transition-property: color;
}

@media screen and (max-width: 991px) {
    .site-packages h4 {
        padding-left: 20px;
        padding-right: 20px;
    }
}

.site-packages p {
    /* description */
    color: #a9a9a9;
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    text-transform: capitalize;
    margin: 0;
    display: block;
    width: 100%;
    clear: both;
    padding:0 30px 20px 30px;
    text-align: left;
}

@media screen and (max-width: 991px) {
    .site-packages p {
        padding-left: 20px;
        padding-right: 20px;
    }
}

.site-packages .price-info {
    /* Price information */
    min-height: 60px;
    color: white;
    font-weight:700;
    line-height: 1;
    position: relative;
    padding: 5px 0;
    margin:0;
    text-align: center;
    transition: 400ms ease;
    transition-property: background-color;
}

@media screen and (max-width: 991px) {
    .site-packages .price-info {
        padding-left: 20px;
        padding-right: 20px;
    }
}

.site-packages .site-dollar {
    /* dollar sign */
    font-size:25px;
    font-weight:normal;
    position: relative;
    top: -16px;
    left: 2px;
}

.site-packages .site-value {
    /* Package value */
    font-size:48px;
    font-weight: 700;
    position: relative;
    top: 0px;
    margin-left: 5px;

}.site-packages .site-value-courses {
     /* Package value */
     font-size:30px;
     font-weight: 500;
     position: center;
     top: 0px;
 }



.site-packages .site-value-courses2 {
    /* Package value */
    font-size:22px;
    color: #d9d7d7;
    font-weight: 350;
    position: center;
    top: 0px;
}


/* width */
::-webkit-scrollbar {
    width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555;
}
.site-packages .site-value-courses3 {
    /* Package value */
    font-size:19px;
    font-weight: 290;
    color: #d9d7d7;

    position: center;
    top: 0px;
}

.site-packages .site-value-courses4 {
    /* Package value */
    font-size:17px;
    font-weight: 280;
    color: #d9d7d7;

    position: center;
 }
.site-packages .site-month {
    /* Month */
    font-size: 13px;
    font-weight: 700;
    position: relative;
    color:#6e7882;
    text-transform:uppercase;
    left: 6px;
    top: 0px;
}

#photo-courses{
    width: 100%;margin-bottom: 2%
}


.site-packages .price-options {
    /* Price options */
    margin:20px 0 0 0;
    padding:0 30px;
    display: block;
    width: 100%;
    clear: both;
    text-align: center;
}

.site-packages .price-options li {
    color: #8d8d8d;
    font-size: 16px;
    font-weight: 400;
    line-height:1.5;
    margin: 0;
    display: block;
    width: 100%;
    clear: both;
    padding: 8px 0;
    position: relative;
    border-bottom:#393c44 solid 1px;
}

.site-packages .price-options li:last-child {
    border-bottom:none;
}

.site-packages .price-options i.fa {
    /* font awesome icons */
    width: 14px;
    height: 10px;
    color: #2dc100;

    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    position: absolute;
    top: 11px;
    left: 30px;
}

@media screen and (max-width: 991px) {
    .site-packages .price-options i.fa {
        left: 20px;
    }
}

.site-packages .price-options i.fa.fa-close {
    color: red;
}

.site-packages .theme-btn {
    /* button */
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: 700;
    letter-spacing:1px;
    line-height: 22px;
    text-transform: uppercase;
    transition: 400ms ease;
    transition-property: border-color, color, background;
    margin-top: 45px;
    margin-bottom: 40px;
}
.site-packages .theme-btn2 {
    /* button */
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: 700;
    letter-spacing:1px;
    line-height: 22px;
    text-transform: uppercase;
    transition: 400ms ease;
    transition-property: border-color, color, background;
    margin-top: 0px;
    margin-bottom: 40px;
}
.site-packages .theme-btn:hover {
    color: white;
    border-color: #59b42d;
    background: #59b42d;
}



/*-----------------------------------------------------------------------------------

 Quick support (section)

 # quick support container
 # h1 heading
 # map and form container
 # google map container
 # contact form [label, input, submit, textarea]
 # contact info container
 # box (class) [icon, href tag]
 # no space (class) remove the bootstrap columns space
 # Remove the number input arrow buttons

-----------------------------------------------------------------------------------*/
/* Quick support container */
.site-quick-support {
    margin: 0;
    padding:0;
    display: block;
    clear: both;
    background:#20232a;
}

.site-quick-support .left {
    float:left;
    width:100%;
    text-align:center;
    padding:100px 150px;
}

@media screen and (max-width: 1500px) {
    .site-quick-support .left {
        padding:100px 30px;
    }
}


.site-quick-support h2:before {
    top:100%;
    left:0;
    right:0;
    background:#8d8d8d;
}

.site-quick-support h2 {
    padding:0;
    margin-bottom:15px;
}


.site-quick-support .map-and-form-container {
    /* map nad form container */
    overflow: hidden;
}

.site-quick-support .right {
    float:right;
    width:100%;
}

.site-quick-support .site-google-map {
    /* google map container */
    width:100%;
    background: grey;
    min-height: 715px;
    position: relative;
}

@media screen and (max-width: 991px) {
    .site-quick-support .site-google-map:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        height: 100%;
        width: 100%;
        z-index: 1;
        background: none;
    }
}

.site-quick-support .site-contact-form {
    /* contact form */
    margin: 0;
    display: block;
    clear: both;
    width: 100%;
    padding:0;
    float: left;
}

@media screen and (max-width: 300px) {
    .site-quick-support .site-contact-form {
        padding-right: 20px;
        padding-left: 20px;
    }
}

.site-quick-support label {
    padding: 0;
    display: block;
    clear: both;
    width: 100%;
    margin: 0 0 5px 0;
}

.site-quick-support input[type=text],
.site-quick-support input[type=tel],
.site-quick-support input[type=number],
.site-quick-support input[type=url],
.site-quick-support input[type=email],
.site-quick-support textarea {
    width: 100%;
    margin: 0;
    padding: 0 15px;
    display: block;
    clear: both;
    border: none;
    box-shadow: none;
    height: 45px;
    color: #616161;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    /*border:1px solid #FFFFFF;*/
    transition: 400ms ease;
    transition-property: border-color;
    background:#181a1f;
}

.site-quick-support select {
    width: 100%;
    margin: 0;
    padding: 0 15px;
    display: block;
    clear: both;
    border: none;
    box-shadow: none;
    height: 45px;
    color: #616161;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    /*border:1px solid #FFFFFF;*/
    transition: 400ms ease;
    transition-property: border-color;
    background:#181a1f;
}

.site-quick-support input[type=text]:focus,
.site-quick-support input[type=tel]:focus,
.site-quick-support input[type=number]:focus,
.site-quick-support input[type=url]:focus,
.site-quick-support input[type=email]:focus,
.site-quick-support textarea:focus {
    border-color: #59b42d;
}
.site-quick-support select:focus {
    border-color: #59b42d;
}
.site-quick-support textarea {
    resize: none;
    height: 105px;
}

.site-quick-support select {
    resize: none;
    height: 50px;
}
.site-quick-support button[type=submit] {
    background-color: #59b42d;
    box-shadow: none;
    padding: 10px 55px 6px;
    display: block;
    /*float: left;*/
    color: white;
    font-size: 13px;
    font-weight: 700;
    line-height: 29px;
    text-transform: uppercase;
    border: 2px solid #59b42d;
    transition: 400ms ease;
    transition-property: background, color;

    margin:0 auto;
    margin-top:30px;

}
.site-quick-support button[type=button] {
    background-color: #59b42d;
    box-shadow: none;
    padding: 10px 55px 6px;
    display: block;
    /*float: left;*/
    color: white;
    font-size: 13px;
    font-weight: 700;
    line-height: 29px;
    text-transform: uppercase;
    border: 2px solid #59b42d;
    transition: 400ms ease;
    transition-property: background, color;

    margin:0 auto;
    margin-top:30px;

}

@media screen and (max-width: 767px) {
    .site-quick-support button[type=submit] {
        display: inline-block;
        float: none;
        padding-left: 60px;
        padding-right: 60px;
    }

    .site-quick-support button[type=button] {
        display: inline-block;
        float: none;
        padding-left: 60px;
        padding-right: 60px;
    }
}

.site-quick-support button[type=submit]:hover {
    background: none;
    color: #59b42d;
}

.site-quick-support button[type=submit] i.fa {
    display: none;
}

.site-quick-support button[type=button]:hover {
    background: none;
    color: #59b42d;
}

.site-quick-support button[type=button] i.fa {
    display: none;
}

@media screen and (min-width: 768px) {
    .site-quick-support .no-space {
        /* remove the bootstrap columns space */
        padding-left: 0;
        padding-right: 0;
    }
}

.site-quick-support input[type=number]::-webkit-outer-spin-button,
.site-quick-support input[type=number]::-webkit-inner-spin-button {
    /* Remove the number input arrow buttons */
    -webkit-appearance: none;
    margin: 0;
}

.site-quick-support input[type=number] {
    -moz-appearance: textfield;
}

/*-----------------------------------------------------------------------------------

 Footer (section)

 # footer container
 # widget (class)
 # footer logo [a, h1, small]
 # paragraph
 # href a tag [font icon]
 # h3 heading
 # ul li a
 # news (class) [a, li, figure, p, span]
 # hr tag for horizontal line
 # copyright (class)
 # social icons [a, font icon]

-----------------------------------------------------------------------------------*/
/* Footer container */
.site-footer {
    width: 100%;
    clear: both;
    display: block;
    margin: 0;
    color: white;
    font-size: 13px;
    font-weight: 400;
    line-height: normal;
}

.site-footer h1 {
    font-size:45px;
    color:#FFFFFF;
}

.site-footer .site-contact-info {
    /* contact info container */
    margin: 0;
    padding: 0 15px;
    display: block;
    width: 100%;
    clear: both;
}

@media screen and (max-width: 767px) {
    .site-footer .site-contact-info {
        padding-left: 0;
        padding-right: 0;
    }
}

@media screen and (max-width: 375px) {
    .site-footer h1 {
        font-size:30px;
    }
}

.site-quick-support .site-contact-info table {
    width: 100%;
}

.site-footer .site-contact-info td {
    width: 25%;
}

.site-footer .site-box {
    /* box */
    display: block;
    width: 100%;
    clear: both;
    margin: 0;
    padding: 30px 0;
    color: white;
    position: relative;
    z-index: 1;
    transition: 400ms ease;
    transition-property: background;
    text-align:center;
}

.site-footer .site-box:hover {
    background: #111317;
}

.site-footer .site-box i {
    /* Icofont */
    height: 17px;
    color: #FFFFFF;
    font-size:30px;
    font-weight: 400;
    line-height: 41px;
    margin: 0 0 30px;
    padding: 0;
    width: 100%;
    display: block;
}

.site-footer .site-box a {
    color: #9c9c9c;
    font-size: 16px;
    font-weight:normal;
    line-height: 23px;
    display: block;
    width: 100%;
    margin-bottom:0;
}

.site-footer .site-box:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
    height: 100%;
    width: 100%;
    z-index: -1;
}

.site-footer .widget {
    /* widget class */
    display: block;
    clear: both;
    width: 100%;
    padding: 0;
    margin:60px 0;
}

@media screen and (max-width: 767px) {
    .site-footer .widget {
        max-width: 100%;
    }
}

.site-footer .site-logo {
    /* footer logo */
    width: 100%;
    clear: both;
    display: block;
    margin-bottom: 30px;
}

.site-footer .site-logo a {
    margin-bottom: 0;
}

.site-footer .site-logo h1 {
    color: white;
    font-size: 33px;
    font-weight: 500;
}

.site-footer .site-logo small {
    color: #989899;
    font-size: 11px;
    font-weight: 500;
    margin: 0;
    padding: 0;
    display: block;
    line-height: 10px;
    text-transform: uppercase;
}

.site-footer h4 {
    /* paragraph */
    color: #59b42d;
    font-size:15px;
    font-weight:700;
    text-transform:uppercase;
    line-height:1.5;
    padding:5px 0;
    margin:0;
    display: block;
}

.site-footer p {
    /* paragraph */
    color: #a9a9a9;
    font-size: 14px;
    font-weight:normal;
    line-height: 27px;
    margin: 0 0 25px;
    padding: 0;
    display: block;
}

.site-footer a {
    /* a tag */
    color: #9c9c9c;
    font-size: 14px;
    font-weight:normal;
    line-height: normal;
    margin-bottom: 15px;
    transition: 400ms ease;
    transition-property: color;
}

.site-footer a:hover {
    color: #59b42d;
}

.site-footer a i.fa {
    color: #59b42d;
    font-size: 18px;
    font-weight: 400;
    line-height: 14px;
    margin-right: 12px;
    position: relative;
    top: 2px;
}

.site-footer h3 {
    /* h3 heading */
    color: white;
    font-size: 14px;
    font-weight: 700;
    line-height: 14px;
    text-transform: uppercase;
    position: relative;
    width: 100%;
    display: block;
    padding: 0 0 24px;
    margin: 0 0 38px;
}

.site-footer h3:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 30px;
    height: 2px;
    background-color: #59b42d;
    display: block;
}

.site-footer ul {
    margin: 0;
    padding: 0;
    display: block;
    clear: both;
    width: 100%;
}

.site-footer ul li {
    display: block;
    padding: 0;
    width: 100%;
    clear: both;
    color: white;
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    margin: 0;
}

.site-footer ul a {
    margin-bottom: 12px;
}

.site-footer .widget-news {
    /* news class */
    width: 100%;
    display: block;
    clear: both;
    margin: 0;
    padding: 0;
    position: relative;
}

.site-footer .widget-news a {
    display: block;
    width: 100%;
    padding-left: 61px;
}

.site-footer .widget-news li {
    position: relative;
    margin: 0 0 36px;
    padding: 0;
}

.site-footer .widget-news li:hover p {
    color: #59b42d;
}

.site-footer .widget-news figure {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    display: block;
    overflow: hidden;
}

.site-footer .widget-news p {
    color: white;
    font-size: 13px;
    font-weight: 700;
    line-height: 22px;
    padding: 0;
    display: block;
    clear: both;
    margin: 0 0 4px;
    transition: 400ms ease;
    transition-property: color;
}

.site-footer .widget-news span {
    color: #a2a3a5;
    font-size: 13px;
    font-weight: 400;
    line-height: 22px;
    margin: 0;
    padding: 0;
    display: block;
    clear: both;
}


.site-footer hr {
    /* horizontal line */
    padding: 0;
    display: block;
    clear: both;
    width: 100%;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #50627d;
    max-width: 100%;
    margin: 0 0 40px;
}

.site-footer .site-copyright {
    /* copyright class */
    font-size: 16px;
    font-weight: 400;
    line-height:2;
    color: #a2a3a5;
    padding:0;
    text-align:center;
    text-transform:uppercase;
}

@media screen and (max-width: 767px) {
    .site-footer .site-copyright {
        text-align: center;
        margin-bottom: 20px;
    }
}

.site-footer .site-copyright a {
    color: #59b42d;
    transition: 400ms ease;
    transition-property: color;
}

.site-footer .site-copyright a:hover {
    color: white;
}

.site-footer .site-social-icons {
    /* social icons */
    text-align: center;
    margin:50px 0;
}

@media screen and (max-width: 767px) {
    .site-footer .site-social-icons {
        text-align: center;
    }
}

.site-footer .site-social-icons a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #434448;
    border-radius: 100px;
    text-align: center;
    display: inline-block;
    margin: 4px;
    transition: 400ms ease;
    transition-property: border-color, background;
}

.site-footer .site-social-icons a:hover {
    border-color: #59b42d;
    background: #59b42d;
    color:#FFFFFF;
}

.site-footer .site-social-icons i.fa {
    color: #a8a8a8;
    font-size: 15px;
    font-weight: 400;
    margin: 0;
    padding: 0;
    display: block;
    line-height: 36px;
    text-align: center;
}

/*-----------------------------------------------------------------------------------

 Preloader

 Pre-loader: This is used to show the full page pre-loader.
 As long as the website does not load completely

-----------------------------------------------------------------------------------*/
/* Preloader container */
.site-preloader {
    margin: 0;
    padding: 0;
    display: block;
    clear: both;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    background: white;
    z-index: 100000;
    text-align: center;
}

.site-preloader img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    max-height: 40px;
    max-width: 40px;
    margin: auto;
}


/* ------- PLease do NOT edit this! (or do it at your own risk) ------ */


/* Last Vs */
.fl-right{
    float: right !important;
}

input, select, select option{color: #1fc20d !important}

.custom_input{
    border:2px solid green !important;
    border-radius: 10px !important;
}