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

                Main COLORS
                ----
                black (headings)				#333 with font-weight 500
                special text colors (body, section descriptions)	#696969

                LIGHT COLORS
                ----
                light text color							#9c9c9c
                light border 								#e0e0e0
                light background (footer,boxed,...)			#f5f5f5

                FOR DARK BACKGROUND
                ----
                white 										#ffffff
                dark text color 							#c9c9c9
                dark (light) text color 					#8c8c8c
                dark border 								#3d3d3d

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

        0.	 RESET & CLEARFIX
    1.   DIVIDERS
        2.	 BASICS (body, headers, links, etc)
        3.   TYPOGRAPHY
    4.   GENERAL ELEMENTS
    5.   COLUMN GRID
    6.   SECTIONS
    7.   FORMS
    8.   PAGE LOADER
        9. 	 HEADER
        10.  HEADER MENU
            10.1.     HEADER STYLE 1
            10.2.     HEADER STYLE 2
            10.3.     HEADER STYLE 3
            10.4.     HEADER 1
            10.5.     HEADER 2
            10.6.     HEADER 3
            10.7.     HEADER 4
            10.8.     HEADER 5
            10.9.     HEADER 6
            10.10.    HEADER 7
            10.11.    HEADER SLIDER
    11.  FOOTER
        12.  HOME LAYOUTS
            12.1.    HOME LAYOUT 1
            12.2.    HOME LAYOUT 2
            12.3.    HOME LAYOUT 3
    13.  SERVICES
    14.  NEWSLETTER
    15.  TESTIOMONIAL
    16.  PORTFOLIO
            16.1.    PORTFOLIO CATEGORY FILTER
            16.2.    PORTFOLIO TRANSPARENT OVERLAY
            16.3.    PORTFOLIO IMAGES
            16.4.    PORTFOLIO ANIMATIONS
            16.5.    PORTFOLIO SINGLE
    17.  PORTFOLIO OVERLAY EFFECT
    18.  CALL TO ACTION
    19.  CONTACT
    20.  BLOG
            20.1.    LEFT SIDEBAR
            20.2.    RIGHT SIDEBAR
            20.3.    BLOG FULL WIDTH
            20.4.    BLOG BOTH SIDEBAR
            20.5.    BLOG WIDGETS
    21.  ELEMENTS
            21.1.    PAGETITLE
            21.2.    PAGINATION
            21.3.    BUTTONS
            21.4.    ALERT MESSAGES
            21.5.    CLIENT
            21.6.    TEAM
            21.7.    ICON BOX
            21.8.    PRICING TABLES
            21.9.    TABS
            21.10.   TOGGLE ACCORDIONS
            21.11.   DROPCAPS
            21.12.   BLOCKQUOTE
            21.13.   COUNTERS
            21.14.   PROGRESS BAR
            21.15.   HIGHLIGHT
            21.16. STATEMENT DOC
            21.17. SEPARATER DOC
            21.18. 500 ERROR PAGE DOC
            21.19. 404 ERROR PAGE DOC
            21.20. COMING SOON PAGE DOC
            21.21. MAINTENANCE PAGE DOC
            21.22. PROCESS-STEP DOC
            21.23. FEATURE BOX DOC
            21.24.   LATEST NEWS
            21.25.   GALLERY
            21.26.   FAQ
            21.27 ABOUT
        22.  CUSTOM STYLES
  23.  SLIDER

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

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

GOOGLE FONTS DECLARATIONS

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

/*@import 'https://fonts.googleapis.com/css?family=Bitter:400,400i,700|Glegoo:400,700|Hind:300,400,500,600,700|Maitree:200,300,400,500,600,700|Merriweather:300,300i,400,400i,700,700i,900,900i|Overlock:400,400i,700,700i,900,900i|Playfair+Display:400,400i,700,700i,900,900i';
@import 'https://fonts.googleapis.com/css?family=Lato:300,400,700,900';*/
@import 'https://fonts.googleapis.com/css?family=Merriweather:300,400,700,900';
@import url(https://fonts.googleapis.com/css?family=Roboto+Mono:300,400,500,700);


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

0. RESET & CLEARFIX DOC

------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
.overlaycaption,figure,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%; }

ol, ul, li  { padding: inherit; }

:focus  { outline: 0; }

/* deleting the default appearence for form elements */
input[type=text], input[type=password], input[type=submit], input[type=button], textarea, button { -moz-appearance: none; -webkit-appearance: none; }

/* HTML5 display definitions */
article, aside, details, .overlaycaption, figure, footer, header, hgroup, menu, nav, section, dialog { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; visibility: hidden; }

.clearfix:after { content: ""; display: block; clear: both; visibility: hidden; font-size: 0;  height: 0; }
.clearfix { *display: inline-block; height: 1%; }
.clear { clear: both; display: block; font-size: 0;	height: 0; line-height: 0; width:100%; }

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

1. DIVIDERS DOC

------------------------------------------------*/
.divider-xsmall,
.divider-small,
.divider-medium,
.divider-large {
    clear: both;
}

.divider-xsmall {
    height: 25px;
}

.divider-small {
    height: 50px;
}

.divider-medium {
    height: 100px;
}

.divider-large {
    height: 150px;
}


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

2. BASICS DOC

------------------------------------------------*/
html {
    height: 100%;
    font-size: 100%;
    -webkit-text-size-adjust: 100%; /* Prevent iOS text size adjust on orientation change without disabling user zoom */
    -ms-text-size-adjust: 100%;
    position: relative;
}

body {
    font-family: 'Merriweather', serif;
    font-weight: 300;
    letter-spacing: 0.025em;
    font-size: 14px;
    line-height: 20px;
    color:#333;
    text-align: left;
    position: relative;
    background: #ffffff;
    min-height: 100%;
    word-wrap: break-word;
    height:100%;

}
::selection { background:#333; color:#ffffff; }
::-moz-selection { background:#333; color:#ffffff; }
::-webkit-selection { background:#333; color:#ffffff; }


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

3. TYPOGRAPHY DOC

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

h1, h2, h3, h4, h5, h6 {
    font-family: 'Merriweather', serif;
    font-weight: 400;
    color: #1a1a1a;
}

h1 { font-size: 38px; line-height: 57px; }
h2 { font-size: 32px; line-height: 48px; }
h3 { font-size: 28px; line-height: 42px; }
h4 { font-size: 24px; line-height: 36px; }
h5 { font-size: 20px; line-height: 30px; }
h6 { font-size: 16px; line-height: 24px; }
h1 b, h2 b, h3 b, h4 b, h5 b, h6 b, h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong { font-weight: 700; }

button, select, textarea {
    color: #272B2F;
    font-family: 'Merriweather', serif;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.025em;
}

input[type=button],input[type=submit]{
    font-family: 'Merriweather', serif;
}

p{
    font-family: 'Roboto Mono', monospace;
    font-size: 14px;
    line-height: 25px;
}

a {
    color: #272B2F;
    text-decoration: none;
}

a:hover, a:focus {
    color: #272B2F;
    outline: none;
    text-decoration: none;
}
.white-text {
    color: #FFFFFF;
}
.typo-top-spacing {
    margin-top: 15px;
}

.animated {
    visibility: hidden;
}

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

4. GENERAL DOC

------------------------------------------------*/
hr {
    border-bottom-color: rgba(144, 144, 144, 0.25);
}

hr {
    border: 0;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    margin: 3em 0;
}
article{
    display: inline-block;
}
article{
    margin: 0px 0px 50px;
    border-bottom: 1px solid #e2e6ea;
}

pre {
    padding: 15px;
    border: 1px solid #999999;
}

/* parallax-image */
section,
.section {
    background-color: #ffffff;
    position: relative;
    float: left;
    width: 100%;
}

.section-parallax-image{
    background-image: url(../images/header-images/page-header.jpg);
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
}
.section-parallax-image h1,
.section-parallax-image h2,
.section-parallax-image h3,
.section-parallax-image h4,
.section-parallax-image h5,
.section-parallax-image h6,
.section-parallax-image p,
.section-parallax-image a,
.section-parallax-image div,
.section-parallax-image .button-border,
.section-parallax-image .button-border
{
    color:#fff;
}
.section-parallax-image .button-border,
.section-parallax-image .button-border
{
    border: 2px solid #fff;
}
/* light background */
.section-background-color {
    background-color: #EEEEEE;
}

/* dark background */
.section-background-color-dark {
    background-color: #1A1A1A;
}
.section-background-color-dark h1,
.section-background-color-dark h2,
.section-background-color-dark h3,
.section-background-color-dark h4,
.section-background-color-dark h5,
.section-background-color-dark h6,
.section-background-color-dark p,
.section-background-color-dark a,
.section-background-color-dark div,
.section-background-color-dark .button-border,
.section-background-color-dark .button-border
{
    color:#fff;
}
.section-background-color-dark .button-border,
.section-background-color-dark .button-border
{
    border: 2px solid #fff;
}

.section-background-color-dark .table-striped > tbody > tr:nth-of-type(2n+1),
.section-parallax-image .table-striped > tbody > tr:nth-of-type(2n+1),
.section-background-color-dark .table-hover > tbody > tr:hover,
.section-parallax-image .table-hover > tbody > tr:hover {
    background-color: #2F2E2E;
}

/* bottom spacing */
.bottom-spacing-n
{
    margin-bottom: 50px;
}




/* icons */

.icons{
    text-align: center;
    margin-bottom: 20px;
    min-height: 80px;
}
.icons .icons-name{
    padding-top:10px;
    display:block;
}
.icons i{
    font-size: 20px;
}
.tooltips-popover-btn{
    text-align: center;
}

/* Scroll Top */
.scrollTop {
    position: fixed;
    bottom: 30px;
    right: -30px;
    opacity:0;
    background-color: rgba(215, 215, 215, 0.6);
    padding: 3px;
    border-radius: 3px;
    border: 1px solid #8f8f8f;
    transition: all .5s ease;
    z-index:9999;
    cursor: pointer;
    font-size: 30px;
    float: left;
}
.scrollTop.showit {
    opacity:1;
    right: 30px;
}
.hoverable-table.table-responsive
{
    border: none;
}
.portlet-body{
    clear: both;
}
.tbl-flip-scroll table{
    width: 100%;
}
.tbl-flip-scroll .table thead tr th {
    font-size: 14px;
    font-weight: 600;
}
.tbl-flip-scroll thead {
    background-color: #1A1A1A;
    color: #fff;
}
.modal-body p{
    margin: 0 0 10px;
}

.last-label{
    margin-top:20px;
}
.custom-label
{
    margin-bottom: 15px;
}
.label{
    display:inline-block;
    padding: 5px 10px;
}

.badge.badge-new {
    position: absolute;
    top: 4px;
    font-family: 'Arial';
    font-size: 10px;
    text-transform: capitalize;
    letter-spacing: 0;
}
.badge-red {
    background: #e03704;
}

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

5. COLUMN GRID DOC

------------------------------------------------*/
.columns-paragraph p, .columns-paragraph-last-child p {
    text-align: justify;
}
.columns{
    float: left;
    width:100%;
    margin-bottom: -40px;
}
.columns-paragraph{
    margin-bottom: 40px;
}

h5.grid-title {
    margin-bottom: 10px;
}
.grid-column {
    padding: 15px;
    background-color: #eee;
    margin-bottom: 15px;
}
.grid{
    float: left;
    width:100%;
    margin-bottom: -15px;
}

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

6. SECTIONS DOC

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


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

7. FORMS DOC

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



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

8. PAGEL LOADER DOC

------------------------------------------------*/
/* remove stiky menu on mobile */
body.mobile-menu .header-layout-1 .nav-header,body.mobile-menu .header-layout-2 .nav-header,body.mobile-menu .header-layout-3 .nav-header,body.mobile-menu .header-layout-4 .nav-header,body.mobile-menu .header-layout-5 .nav-header
{
    /* position: absolute;*/
}

/* logo on scroll */
.logo img.black-logo
{
    display: none;
}
.sticky-menu .logo img.black-logo {

    display: block;
}
.sticky-menu .logo img.white-logo {

    display: none;
}

body.loaded .overlay-loader-bg {
    opacity: 0;
    visibility: hidden;
}


/* all page loader **/
.overlay-loader-bg{
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 99999999;
    background-color: rgba(0, 0, 0, 0.87);
    transition: all .5s ease;
}
.overlay-loader-bg-content{
    position: relative;
    top: 50%;
    width: 100%;
    text-align: center;

}


/* overlay-loader **/

.overlay-loader {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 999999999;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0, 0.87);
    overflow-x: hidden;
    transition: 0.5s;
}

.overlay-loader-content {
    position: relative;
    top: 50%;
    width: 100%;
    text-align: center;
}

.overlay-loader a {
    padding: 8px;
    text-decoration: none;
    font-size: 36px;
    color: #818181;
    display: block;
    transition: 0.3s;
}

.overlay-loader a:hover, .overlay-loader a:focus {
    color: #f1f1f1;
}

.overlay-loader .closebtn {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px;
}


.loader-inner{
    margin-bottom: -50px;
    float: left;
    width: 100%;
}
/* loader style1 **/
.loader-style1{
    background-color: black;
    position: relative;
    padding: 31% 49%;
    text-align: center;
    margin-bottom: 15px;
}
.img-loader{

    width:100px;
    height:100px;
    border-radius:100%;
    position:absolute;
    border: 1px solid #fff;
    animation: up 1s;
    animation-iteration-count: infinite;
    transition:2s;
    border-bottom:none;
    border-right:none;
    animation-timing-function:linear;
    margin-left: -50px;
    margin-top: -50px;
    left:50%;
    top:50%;

}

@keyframes up{
    from{transform:rotate(0deg); }
    50%{transform:rotate(180deg);}
    100%{transform:rotate(360deg);}
}
@-webkit-keyframes up {
    from{transform:rotate(0deg); }
    50%{transform:rotate(180deg);}
    100%{transform:rotate(360deg);}
}

@-moz-keyframes up {
    from{transform:rotate(0deg); }
    50%{transform:rotate(180deg);}
    100%{transform:rotate(360deg);}
}
.loader-img2{
    width:90px;
    height:90px;
    left:50.35%;
    top:50.7%;
    animation-delay:.2s;

}
.loader-img3{
    width:80px;
    height:80px;
    left:50.70%;
    top:51.4%;
    animation-delay:.4s;
}
.loader-img4{
    width:70px;
    height:70px;
    left:51.05%;
    top:52.1%;
    animation-delay:.6s;

}
.loader-img5{
    width:60px;
    height:60px;
    left:51.40%;
    top:52.8%;
    animation-delay:.8s;

}

/* loader style2 **/
.loader-style2
{
    background-color: black;
    position: relative;
    padding: 31% 49%;
    text-align: center;
    margin-bottom: 15px;
}

.loader {
    position: absolute;
    top: calc(50% - 32px);
    left: calc(50% - 32px);
    width: 64px;
    height: 64px;
    border-radius: 50%;
    perspective: 800px;
}

.inner {
    position: absolute;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.inner.one {
    left: 0%;
    top: 0%;
    animation: rotate-one 1s linear infinite;
    border-bottom: 3px solid #EFEFFA;
}

.inner.two {
    right: 0%;
    top: 0%;
    animation: rotate-two 1s linear infinite;
    border-right: 3px solid #EFEFFA;
}

.inner.three {
    right: 0%;
    bottom: 0%;
    animation: rotate-three 1s linear infinite;
    border-top: 3px solid #EFEFFA;
}

@keyframes rotate-one {
    0% {
        transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
    }
    100% {
        transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
    }
}
@-webkit-keyframes rotate-one {
    0% {
        transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
    }
    100% {
        transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
    }
}
@-moz-keyframes rotate-one {
    0% {
        transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
    }
    100% {
        transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
    }
}

@keyframes rotate-two {
    0% {
        transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
    }
    100% {
        transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
    }
}
@-webkit-keyframes rotate-two {
    0% {
        transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
    }
    100% {
        transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
    }
}
@-moz-keyframes rotate-two {
    0% {
        transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
    }
    100% {
        transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
    }
}


@keyframes rotate-three {
    0% {
        transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
    }
    100% {
        transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
    }
}
@-webkit-keyframes rotate-three {
    0% {
        transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
    }
    100% {
        transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
    }
}
@-moz-keyframes rotate-three {
    0% {
        transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
    }
    100% {
        transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
    }
}

/* loader style3 **/
.loader-style3{
    background-color: black;
    position: relative;
    padding: 31% 49%;
    text-align: center;
    margin-bottom: 15px;
}
.main-loader-style-3 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.spinner {
    position: relative;
}
.spinner:before, .spinner:after {
    content: '';
    position: relative;
    display: block;
}
.spinner:before {
    animation: spinner 2.5s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;
    width: 3em;
    height: 3em;
    border: 2px solid #fff;
}
.spinner:after {
    animation: shadow 2.5s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;
    bottom: -0.8em;
    height: .40em;
    border-radius: 50%;
    border: 2px solid #d7d7d7;
}

@keyframes spinner {
    50% {
        border-radius: 50%;
        transform: scale(0.4) rotate(360deg);
    }
    100% {
        transform: scale(1) rotate(720deg);
    }
}
@-webkit-keyframes spinner {
    50% {
        border-radius: 50%;
        transform: scale(0.4) rotate(360deg);
    }
    100% {
        transform: scale(1) rotate(720deg);
    }
}
@-moz-keyframes spinner {
    50% {
        border-radius: 50%;
        transform: scale(0.4) rotate(360deg);
    }
    100% {
        transform: scale(1) rotate(720deg);
    }
}


@keyframes shadow {
    50% {
        transform: scale(0.5);
        border-color: #e4e4e4;
    }
}
@-webkit-keyframes shadow {
    50% {
        transform: scale(0.5);
        border-color: #e4e4e4;
    }
}
@-moz-keyframes shadow {
    50% {
        transform: scale(0.5);
        border-color: #e4e4e4;
    }
}
/* loader style4 **/
.loader-style4{
    background-color: black;
    position: relative;
    padding: 31% 49%;
    text-align: center;
    margin-bottom: 15px;
}
@-webkit-keyframes pulseAnimate {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@keyframes pulseAnimate {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}


.loader-style-4-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.loader-white-main-style4 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: auto;
    width: 50px;
    height: 50px;
}

.loader-white-style4 {
    height: 35%;
    width: 35%;
    -webkit-animation: pulseAnimate 0.75s ease-in infinite alternate;
    animation: pulseAnimate 0.75s ease-in infinite alternate;
    background-color: #fff;
}

.loader-white-style4.an_delay {
    -webkit-animation-delay: 0.75s;
    animation-delay: 0.75s;
}




/* loader style5 **/
.loader-style5{
    background-color: black;
    padding: 31% 49%;
    margin-bottom: 15px;

}
.mini-loader-content {
    align-items: center;
    display: block;
    text-align:center;
    justify-content: center;
    position: relative;
    height: 0;
    left: -25px;
    top: -25px;
}
.mini-loader-content-overlay{
    left: 0px;
}

svg.mini-loader {
    height: 50px;
    width: 50px;
}

.b0 {
    animation: b0 4s infinite ease;
    transform-origin: 250px 250px;
}

.b1 {
    animation: b1 4s infinite ease;
}

.b2 {
    animation: b2 4s infinite ease;
}

.b3 {
    animation: b3 4s infinite ease;
}

.b4 {
    animation: b4 4s infinite ease;
}

@keyframes b0 {
    0% {
        transform: rotate(0deg);
    }

    25% {
        transform: rotate(-90deg);
    }

    50% {
        transform: rotate(-180deg);
    }

    75% {
        transform: rotate(-270deg);
    }

    100% {
        transform: rotate(-360deg);
    }
}

@keyframes b1 {
    0% {
        transform: translate(0, 0);
    }

    25% {
        transform: translate(0, 355px);
    }

    50% {
        transform: translate(355px, 355px);
    }

    75% {
        transform: translate(355px, 0);
    }

    100% {
        transform: translate(0, 0);
    }
}

@keyframes b2 {
    0% {
        transform: translate(0, 0);
    }

    25% {
        transform: translate(-355px, 0);
    }

    50% {
        transform: translate(-355px, 355px);
    }

    75% {
        transform: translate(0, 355px);
    }

    100% {
        transform: translate(0, 0);
    }
}

@keyframes b3 {
    0% {
        transform: translate(0, 0);
    }

    25% {
        transform: translate(0, -355px);
    }

    50% {
        transform: translate(-355px, -355px);
    }

    75% {
        transform: translate(-355px, 0);
    }

    100% {
        transform: translate(0, 0);
    }
}

@keyframes b4 {
    0% {
        transform: translate(0, 0);
    }

    25% {
        transform: translate(355px, 0);
    }

    50% {
        transform: translate(355px, -355px);
    }

    75% {
        transform: translate(0, -355px);
    }

    100% {
        transform: translate(0, 0);
    }
}




/* loader style6 **/

.loader-style6{
    background-color: black;
    position: relative;
    padding: 31% 49%;
    text-align: center;
    margin-bottom: 15px;

}

.pixel-loader {

    width: 10px;
    height: 10px;
    background: #000;
    color: #fff;
    box-shadow: 15px 15px  0 0,
    -15px -15px  0 0,
    15px -15px  0 0,
    -15px 15px  0 0,
    0 15px  0 0,
    15px 0  0 0,
    -15px 0  0 0,
    0 -15px 0 0;
    animation: anim 2s linear infinite;

    margin: 0 auto;
    margin-top: -10px;
}

@keyframes anim {
    0% {
        -webkit-filter: hue-rotate(0deg);
    }
    50% {
        box-shadow: 20px 20px  0 0,
        -20px -20px  0 0,
        20px -20px  0 0,
        -20px 20px  0 0,
        0 10px  0 0,
        10px 0  0 0,
        -10px 0  0 0,
        0 -10px 0 0;
    }

    75% {
        box-shadow: 20px 20px  0 0,
        -20px -20px  0 0,
        20px -20px  0 0,
        -20px 20px  0 0,
        0 10px  0 0,
        10px 0  0 0,
        -10px 0  0 0,
        0 -10px 0 0;
    }

    100% {
        transform: rotate(360deg);
        -webkit-filter: hue-rotate(360deg);
    }
}


/* loader style7 **/
.loader-style7{
    background-color: black;
    position: relative;
    padding: 31% 49%;
    text-align: center;
    margin-bottom: 15px;
}
.main-loader-style-7 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

.spinner-style-7 {
    position: relative;
}
.spinner-style-7:after {
    content: '';
    position: relative;
    display: block;
    width: 38%;
    margin: 0 auto;
}
.spinner-style-7:after {
    animation: shadow 2.5s cubic-bezier(0.75, 0, 0.5, 1) infinite normal;
    height: 0px;
    border-radius: 50%;
    border: 2px solid #d7d7d7;
}

@keyframes spinner-style-7 {
    50% {
        border-radius: 50%;
        transform: scale(0.4) rotate(360deg);
    }
    100% {
        transform: scale(1) rotate(720deg);
    }
}
@-webkit-keyframes spinner-style-7 {
    50% {
        border-radius: 50%;
        transform: scale(0.4) rotate(360deg);
    }
    100% {
        transform: scale(1) rotate(720deg);
    }
}
@-moz-keyframes spinner-style-7 {
    50% {
        border-radius: 50%;
        transform: scale(0.4) rotate(360deg);
    }
    100% {
        transform: scale(1) rotate(720deg);
    }
}


@keyframes shadow {
    50% {
        transform: scale(0.5);
        border-color: #e4e4e4;
    }
}
@-webkit-keyframes shadow {
    50% {
        transform: scale(0.5);
        border-color: #e4e4e4;
    }
}
@-moz-keyframes shadow {
    50% {
        transform: scale(0.5);
        border-color: #e4e4e4;
    }
}




/*pre-loader-logo style-1*/

.loader-logo-style1{
    background-color: black;
    position: relative;
    padding: 31% 49%;
    text-align: center;
    margin-bottom: 15px;
}
.loader-logo-style-pos-1{
    position: absolute;
}
.logo-cube img
{
    margin:-40px -30px;
    margin-bottom: -20px;
}
.loader-logo-style-1 {
    top: 50%;
    -webkit-transform: translate3d(-50%,-50%, 0);
    transform: translate3d(-50%,-50%, 0);
    margin: 0 auto;
    width:100%;
    left:50%;
    position: relative;
}
.logo-cube1,
.logo-cube2,
.logo-cube3,
.logo-cube4,
.logo-cube5 {
    background-color: #fff;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 20px;
    left: 50%;
    opacity: 0;
    margin-top: 20px;
    -webkit-animation: cubemove 2s infinite ease-in-out;
    animation: cubemove 2s infinite ease-in-out;
}
.logo-cube2 {
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}

.logo-cube3 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
}

.logo-cube4 {
    -webkit-animation-delay: -1.5s;
    animation-delay: -1.5s;
}
.logo-cube5 {
    -webkit-animation-delay: -2s;
    animation-delay: -2s;
}
@-moz-keyframes cubemove {
    0% {
        -webkit-transform: translateX(-120px);
        transform: translateX(-120px);
    }
    50% {
        opacity: 1;
    }
    100% {
        -webkit-transform: translateX(120px);
        transform: translateX(120px);
    }
}
@-webkit-keyframes cubemove {
    0% {
        -webkit-transform: translateX(-120px);
        transform: translateX(-120px);
    }
    50% {
        opacity: 1;
    }
    100% {
        -webkit-transform: translateX(120px);
        transform: translateX(120px);
    }
}
@keyframes cubemove {
    0% {
        -webkit-transform: translateX(-120px);
        transform: translateX(-120px);
    }
    50% {
        opacity: 1;
    }
    100% {
        -webkit-transform: translateX(80px);
        transform: translateX(80px);
    }
}


/*pre-loader-logo style-2*/
.loader-logo-style2{
    background-color: black;
    position: relative;
    padding: 31% 49%;
    text-align: center;
    margin-bottom: 15px;
}
@-moz-keyframes loading {
    0% {
        left: 0;
    }
    50% {
        left: 8.33333em;
    }
    100% {
        left: 0;
    }
}
@-webkit-keyframes loading {
    0% {
        left: 0;
    }
    50% {
        left: 8.33333em;
    }
    100% {
        left: 0;
    }
}
@keyframes loading {
    0% {
        left: 0;
    }
    50% {
        left: 8.33333em;
    }
    100% {
        left: 0;
    }
}
.st-loader {
    width: 228px;
    height: 64px;
    position: absolute;
    top: 50%;
    left: 50%;
    box-sizing: border-box;
    transform: translate(-50%, -50%);
    box-sizing: border-box;
}

.st-loader:before,
.st-loader:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 1.25em;
    box-sizing: border-box;
    border: 0.25em solid #fff;
}

.st-loader:before {
    left: -0.76923em;
    border-right: 0;
}

.st-loader:after {
    right: -0.76923em;
    border-left: 0;
}

.st-loader .equal {
    display: block;
    position: absolute;
    top: 31%;
    margin-top: -0.5em;
    left: 4.16667em;
    height: 1em;
    width: 1.66667em;
    box-sizing: border-box;
    border-width: 0.25em 0;
    -moz-animation: loading 1.5s infinite ease-in-out;
    -webkit-animation: loading 1.5s infinite ease-in-out;
    animation: loading 1.5s infinite ease-in-out;
}




/*pre-loader-logo style-3*/
.loader-logo-style3{
    background-color: black;
    position: relative;
    padding: 31% 49%;
    text-align: center;
    margin-bottom: 15px;
}
.cube-loader-logo-3
{
    margin-bottom: 30px;
}
.main-loader-logo-3
{
    width: 200px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.loader-logo-style-3 {

    -moz-transform: translate(-20%, -50%) rotate(180deg);
    -ms-transform: translate(-20%, -50%) rotate(180deg);
    -webkit-transform: translate(-50%, -50%) rotate(180deg);
    transform: translate(-20%, -50%) rotate(180deg);
}
.loader-logo-style-3 .dot {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    position: absolute;
    z-index: 2;
    top: 0px;
    background: #fff;
    -moz-animation: sway 0.4s ease infinite;
    -webkit-animation: sway 0.4s ease infinite;
    animation: sway 0.4s ease infinite;
}
.loader-logo-style-3 .dot:nth-child(1) {
    left: 14.28571%;
    -moz-animation-delay: 0.25s;
    -webkit-animation-delay: 0.25s;
    animation-delay: 0.25s;
}
.loader-logo-style-3 .dot:nth-child(2) {
    left: 28.57143%;
    -moz-animation-delay: 0.5s;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}
.loader-logo-style-3 .dot:nth-child(3) {
    left: 42.85714%;
    -moz-animation-delay: 0.75s;
    -webkit-animation-delay: 0.75s;
    animation-delay: 0.75s;
}
.loader-logo-style-3 .dot:nth-child(4) {
    left: 57.14286%;
    -moz-animation-delay: 1s;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}
.loader-logo-style-3 .dotb {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    top: 0px;
    background: #fff;
    -moz-animation: swayb 0.4s ease infinite 3s, reset 1s ease forwards 5s;
    -webkit-animation: swayb 0.4s ease infinite 3s, reset 1s ease forwards 5s;
    animation: swayb 0.4s ease infinite 3s, reset 1s ease forwards 5s;
}
.loader-logo-style-3 .dotb:nth-child(1) {
    left: 14.28571%;
    -moz-animation-delay: 0.25s;
    -webkit-animation-delay: 0.25s;
    animation-delay: 0.25s;
}
.loader-logo-style-3 .dotb:nth-child(2) {
    left: 28.57143%;
    -moz-animation-delay: 0.5s;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}
.loader-logo-style-3 .dotb:nth-child(3) {
    left: 42.85714%;
    -moz-animation-delay: 0.75s;
    -webkit-animation-delay: 0.75s;
    animation-delay: 0.75s;
}
.loader-logo-style-3 .dotb:nth-child(4) {
    left: 57.14286%;
    -moz-animation-delay: 1s;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

@-moz-keyframes sway {
    from {
        top: 0px;
    }
    to {
        top: 40px;
        -moz-transform: scale(0.75);
        transform: scale(0.75);
        z-index: 1;
        opacity: 0;
    }
}
@-webkit-keyframes sway {
    from {
        top: 0px;
    }
    to {
        top: 40px;
        -webkit-transform: scale(0.75);
        transform: scale(0.75);
        z-index: 1;
        opacity: 0;
    }
}
@keyframes sway {
    from {
        top: 0px;
    }
    to {
        top: 40px;
        -moz-transform: scale(0.75);
        -ms-transform: scale(0.75);
        -webkit-transform: scale(0.75);
        transform: scale(0.75);
        z-index: 1;
        opacity: 0;
    }
}
@-moz-keyframes swayb {
    from {
        top: 40px;
        -moz-transform: scale(0.75);
        transform: scale(0.75);
        z-index: 2;
    }
    to {
        top: 0px;
    }
}
@-webkit-keyframes swayb {
    from {
        top: 40px;
        -webkit-transform: scale(0.75);
        transform: scale(0.75);
        z-index: 2;
    }
    to {
        top: 0px;
    }
}
@keyframes swayb {
    from {
        top: 40px;
        -moz-transform: scale(0.75);
        -ms-transform: scale(0.75);
        -webkit-transform: scale(0.75);
        transform: scale(0.75);
        z-index: 2;
    }
    to {
        top: 0px;
    }
}
@-moz-keyframes reset {
    from {
        top: 0px;
    }
    to {
        top: 0px;
    }
}
@-webkit-keyframes reset {
    from {
        top: 0px;
    }
    to {
        top: 0px;
    }
}
@keyframes reset {
    from {
        top: 0px;
    }
    to {
        top: 0px;
    }
}




/*pre-loader-logo style-4*/
.loader-logo-style4{
    background-color: black;
    position: relative;
    padding: 31% 49%;
    text-align: center;
    margin-bottom: 15px;
}
.loader-logo-style-4 {
    position: absolute;
    margin: auto;
    width: 150px;
    color: white;
    font-size: 250%;
    background: linear-gradient(180deg, #222 0, #444 100%);
    box-shadow: inset 0 5px 20px black;
    text-shadow: 5px 5px 5px rgba(0,0,0,0.3);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.loader-logo-style-4:after {
    content: "";
    display: table;
    clear: both;
}

.loader-logo-style-4 span {
    float: left;
    height: 100px;
    line-height: 120px;
    width: 50px;
}

.loader-logo-style-4 > span {
    border-left: 1px solid #444;
    border-right: 1px solid #222;
}

.covers {
    position: absolute;
    height: 100%;
    width: 100%;
}

.covers span {
    background: linear-gradient(180deg, black 0, #171717 100%);
    animation: up-logo 2s infinite;
}

@keyframes up-logo {
    0%   { margin-bottom: 0; }
    16%  { margin-bottom: 100%; height: 20px; }
    50% { margin-bottom: 0; }
    100% { margin-bottom: 0; }
}

.covers span:nth-child(2) { animation-delay: .142857s; }
.covers span:nth-child(3) { animation-delay: .285714s; }


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

9. 	 HEADER DOC

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


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

10. 	 HEADER MENU DOC
            10.1.     HEADER STYLE 1
            10.2.     HEADER STYLE 2
            10.3.     HEADER STYLE 3

-    HEADER MENU

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


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

 HEADER MENU STYLES DOC

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


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

10.1. HEADER LAYOUT 1 DOC

------------------------------------------------*/
body.is-sticky .header-layout-1.header-container.header-space{
    margin-bottom: 100px;
}
.header-layout-1 .nav-header {
    padding: 25px 0px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
body.is-sticky .header-layout-1 .nav-header {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 999;
}
body.sticky-menu .header-layout-1 .nav-header {
    padding: 5px 0;
    box-shadow: 0 1px 5px #b9b3b3;
    background: #fff;

}
.header-layout-1 .logo {
    float: left;
    font-size: 24px;
    letter-spacing: 4px;
    font-family: 'Roboto Mono', monospace;
}

.header-layout-1 .navigation-menu {
    float: right;
}

.header-layout-1 .main {
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 0;

}

.header-layout-1 .menu-item ul li ul,
.header-layout-1 .menu-item>ul {
    background-color: rgba(6,6,6,0.95);
    transition: all .3s ease;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    min-width: 150px;
    z-index: 999999999;
}

.header-layout-1 .menu-item {
    float: left;
    position: relative;
    font-family: 'Roboto Mono', monospace;
    font-weight: 400;
    text-transform: uppercase;
}

.header-layout-1 .menu-item a {
    padding: 15px 20px 10px;
    display: block;
    margin: 0;
    position: relative;
    color: inherit;
}
.header-layout-1 .mega-menu .menu-box > a {
    color: #fff;
    font-weight: bold;
    letter-spacing: 2px;
    padding: 15px;
}

.header-layout-1 li.menu-item:hover>ul {
    opacity: 1;
    visibility: visible;
}

.header-layout-1 .menu-item>ul {
    top: 100%;
    left: 0;
    float: left;
}
.header-layout-1 .menu-item ul li {
    position: relative;
    padding: 0;
    list-style: none;
}

.header-layout-1 .menu-item ul li a {
    display: block;
    padding: 10px 20px;
    clear: both;
    color: #FFF;
    font-weight: 300;
    text-transform: capitalize;
    white-space: nowrap;
    margin: 0
}

.header-layout-1 .menu-item ul li:hover > ul {
    visibility: visible;
    opacity: 1;
}

.header-layout-1 .menu-item ul li ul {
    top: 0;
    left: 100%;
}

.header-layout-1 .menu-item.left-aligned ul li ul {
    left: auto;
    right: 100%;
}
/*.header-layout-1 .menu-item a:hover,
.header-layout-1 .menu-item a:focus,
.header-layout-1 .logo a:hover,
.header-layout-1 .logo a:focus {
    color: #595F65;
}*/
.header-layout-1 .sub-menu a:hover,
.header-layout-1 .sub-menu a:focus {
    color: #fff;
}
.header-layout-1 .sub-menu {
    padding: 15px 0px;
}
.header-layout-1 .main .menu-item:after {
    width: 0;
    display:block;
    height: 2px;
    margin-bottom: 5px;
    content: "";
    -webkit-transition: 0.5s;
    transition: 0.5s;
    background: #000;
}
.sticky-menu .header-layout-1.nav-color-white .main .menu-item::after {
    background: #000;
}

/*.main .menu-item > a:before,
.main .menu-item > a:after {
    content: "";
    position: absolute;
    float: left;
    width: 2px;
    height: 100%;
    top: 0;
    background: #000;
    left: 0;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    transform: scale(0);
}

.main .menu-item:after {
}

.main .menu-item > a:after {
    right: 0;
    left: inherit;
}

.main .menu-item:hover:before,
.main .menu-item:hover:after,
.main .menu-item:hover > a:before,
.main .menu-item:hover > a:after {
    opacity: 1;
    filter: alpha(opacity=100);
    transform: scale(0.8);
}*/

.header-layout-1 .main .menu-item:hover:after {
    width:100%;
}

.header-layout-1 .main .sub-menu .menu-item-has-children > a:after {
    font-family: "linea-arrows-10";
    content: "\e04b";
    margin-left: 10px;
}

.header-layout-1 .menu-toggle span {
    position: absolute;
    top: 50%;
    left: 0;
    width: 20px;
    height: 2px;
    margin-top: -1px;
    background-color: #272B2F;
}
.header-layout-1 .menu-toggle {
    display: none;
    cursor: pointer;
    position: absolute;
    right: 7%;
    width: 20px;
    height: 35px;
    float: right;
}
.header-layout-1 .menu-item.left-aligned>ul {
    right: 0;
    left: inherit;
}

.header-layout-1 .mega-menu {
    position: static;
}

.header-layout-1 .mega-menu > ul {
    position: absolute;
    width: 100%;
    top: 100%;
    display: block;
    height: auto;
    padding: 15px 0;
}

.header-layout-1 .mega-menu:before {
}

.header-layout-1 .mega-menu ul li ul {
    visibility: hidden;
    opacity: 0;
    left: 0;
    background-color: transparent;
    position: inherit;
    padding: 0;
}

.header-layout-1 .mega-menu:hover ul li ul {
    visibility: visible;
    opacity: 1;
}

.header-layout-1.nav-color-white .main .menu-item::after {
    background: #fff;
}
.sticky-menu .header-layout-1.nav-color-white .main.menu-item::after {
    background: #000;
}
/*.header-layout-1.nav-color-white .menu-item a:hover, .header-layout-1.nav-color-white .menu-item a:focus, .header-layout-1.nav-color-white .logo a:hover, .header-layout-1.nav-color-white .logo a:focus {
    color: #fff;
}
.sticky-menu .header-layout-1.nav-color-white .menu-item a:hover, .sticky-menu .header-layout-1.nav-color-white .menu-item a:active, .sticky-menu .header-layout-1.nav-color-white .menu-item a:focus, .sticky-menu .header-layout-1.nav-color-white .logo a:hover, .sticky-menu .header-layout-1.nav-color-white .logo a:focus {
    color: #595F65;
}
.sticky-menu .header-layout-1.nav-color-white .menu-item ul li a:hover, .sticky-menu .header-layout-1.nav-color-white .menu-item ul li a:focus{
    color: #fff;
} */
/*----------------------------------------------

10.2. HEADER STYLE 2 DOC

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

body.is-sticky .header-layout-2.header-container .header-space{
    margin-bottom: 100px;
}
.header-layout-2 .nav-header {
    padding: 25px 0px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
body.is-sticky .header-layout-2 .nav-header {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 999;
}
body.sticky-menu .header-layout-2 .nav-header {
    padding: 5px 0;
    box-shadow: 0 1px 5px #b9b3b3;
    background: #fff;
}
.header-layout-2 .logo {
    float: left;
    font-size: 24px;
    min-width: 200px;
    letter-spacing: 4px;
    font-family: 'Roboto Mono', monospace;
}

.header-layout-2 .navigation-menu {
    float: right;
}

.header-layout-2 .main {
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 0;

}

.header-layout-2 .menu-item ul li ul,
.header-layout-2 .menu-item>ul {
    background-color: rgb(237, 237, 237);
    transition: all .3s ease;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    min-width: 160px;
    z-index: 999999999;
    transform: scaleY(0);
    transform-origin: top right;
    box-shadow: 0 3px 10px -5px #7a7a7a;
}

.header-layout-2 .menu-item {
    float: left;
    position: relative;
    font-family: 'Roboto Mono', monospace;
    font-weight: 400;
    text-transform: uppercase;
    list-style: none;
}

.header-layout-2 .menu-item a {
    padding: 15px 20px 10px;
    display: block;
    margin: 0;
    position: relative;
    color: inherit;
}
.header-layout-2 li.menu-item:hover>ul {
    opacity: 1;
    visibility: visible;
    transform: scaleY(1);
}

.header-layout-2 .menu-item:not(.menu-box)>ul {
    top: 100%;
    left: 0;
    border-top: 3px solid #1a1a1a;
    float: left;
}
.header-layout-2 .menu-item ul li:not(.menu-box) {
    position: relative;
    padding: 0;
    list-style: none;
    float: left;
    width: 100%;
}

.header-layout-2 .menu-item ul li:not(.menu-box) a {
    display: block;
    padding: 15px 30px 15px 15px;
    clear: both;
    color: #1a1a1a;
    font-weight: 300;
    text-transform: capitalize;
    white-space: nowrap;
    margin: 0;
    transition: all .5s ease;
}

.header-layout-2 .menu-item ul li:hover > ul {
    visibility: visible;
    opacity: 1;
    transform: scaleY(1);
}

.header-layout-2 .menu-item:not(.mega-menu) ul li ul {
    top: 0;
    left: 100%;
    border-top: 0;
    border-bottom: 3px solid black;
}

.header-layout-2 .menu-item.left-aligned ul li ul {
    left: auto;
    right: 100%;
}
/*.header-layout-2 .menu-item a:hover,
.header-layout-2 .menu-item a:focus,
.header-layout-2 .logo a:hover,
.header-layout-2 .logo a:focus {
    color: #272B2F;
}*/
.header-layout-2 .sub-menu a:hover,
.header-layout-2 .sub-menu a:focus {
    background: rgba(126, 126, 126, 0.1);
    box-shadow: inset 0 -3px 10px -3px #9d9d9d;
}
.header-layout-2 .main > .menu-item:after {
    width: 0;
    display:block;
    height: 2px;
    margin-bottom: 5px;
    content: "";
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.header-layout-2 .main .menu-item:hover:after {
    width:100%;
}

.header-layout-2 .main .sub-menu .menu-item-has-children:not(.menu-box) > a:after {
    font-family: "linea-arrows-10";
    content: "\e04b";
    position: absolute;
    right: 10px;
    transition: all .5s ease;
}

.header-layout-2 .menu-toggle span {
    position: absolute;
    top: 50%;
    left: 0;
    width: 20px;
    height: 2px;
    margin-top: -1px;
    background-color: #272B2F;
}

.header-layout-2 .menu-toggle {
    display: none;
    cursor: pointer;
    position: absolute;
    right: 7%;
    width: 20px;
    height: 35px;
    float: right;
}
.header-layout-2 .menu-item.left-aligned>ul {
    right: 0;
    left: inherit;
}

.header-layout-2 .mega-menu {
    position: static;
}

.header-layout-2 .mega-menu > ul {
    position: absolute;
    width: 100%;
    top: 100%;
    display: block;
    height: auto;
    padding: 0;
}

.header-layout-2 .mega-menu:before {
}

.header-layout-2 .mega-menu ul li ul {
    visibility: hidden;
    opacity: 0;
    left: 0;
    transform: scale(1);
    background-color: transparent;
    position: inherit;
    padding: 0;
}

.header-layout-2 .mega-menu:hover ul li ul {
    visibility: visible;
    opacity: 1;
}
.header-layout-2 .menu-item.mega-menu.menu-item-has-children > .sub-menu {
    padding: 0 0 10px
}
.header-layout-2 .mega-menu .menu-box > a {
    color: #272B2F;
    font-weight: bold;
    letter-spacing: 2px;
    padding: 15px;
}
.header-layout-2 .mega-menu .menu-box > a:hover {
    background:transparent;
    box-shadow: none;
}
/*----------------------------------------------

10.3. HEADER STYLE 3 DOC

------------------------------------------------*/
body.is-sticky .header-layout-3.header-container.header-space{
    margin-bottom: 100px;
}
.header-layout-3 .nav-header {
    padding: 25px 0px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
body.is-sticky .header-layout-3 .nav-header {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 999;
}
body.sticky-menu .header-layout-3 .nav-header {
    padding: 10px 0;
    box-shadow: 0 1px 5px #b9b3b3;
    background: #fff;
}
.header-layout-3 .menu-item ul li span
{
    padding: 10px 20px;
    color: #fff;
    display: block;
    letter-spacing: 1px;
}
.header-layout-3 li.menu-item:hover>ul {
    opacity:1;
    visibility: visible;
}
.header-layout-3 li.menu-item:after {
    width: 0;
    margin-bottom: 15px;
    text-align: center;
}
.header-layout-3 .main > li:hover > a {
    opacity: 0.6;
}
.header-layout-3 .menu-item ul li a:hover {
    opacity: 1;
    transition: 0.2s linear;
    -webkit-transition: 0.2s linear;
    -moz-transition: 0.2s linear;
    transform: translate3d(5px, 0, 0);
    -webkit-transform: translate3d(5px, 0, 0);
}
.header-layout-3 .main .sub-menu .menu-item-has-children:not(.menu-box) > a::after
{
    right: 5px;
    top: 50%;
    margin-top: -3px;
    opacity:1;
    position: absolute;
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #fff;
    transition: 0.4s ease;
    -webkit-transition: 0.4s ease;
    -moz-transition: 0.4s ease;
    transform: translate3d(-10px, 0, 0);
    -webkit-transform: translate3d(-10px, 0, 0);
}
.header-layout-3 .logo {
    float: left;
    font-size: 24px;
    letter-spacing: 4px;
    font-family: 'Roboto Mono', monospace;
}
.header-layout-3 .navigation-menu {
    float: right;
}
.header-layout-3 .main {
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.header-layout-3 .menu-item ul li ul,
.header-layout-3 .menu-item>ul {
    background-color: rgba(6,6,6,0.95);
    transition: all .3s ease;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    min-width: 150px;
    z-index: 999999999;
}

.header-layout-3 .menu-item {
    float: left;
    position: relative;
    font-family: 'Roboto Mono', monospace;
    font-weight: 400;
    text-transform: uppercase;
    list-style: none;
}

.header-layout-3 .menu-item a {
    padding: 15px 20px 10px;
    display: block;
    margin: 0;
    position: relative;
    letter-spacing: 1px;
    transition: 0.2s linear;
    -webkit-transition: 0.2s linear;
    -moz-transition: 0.2s linear;
    color: inherit;
}
.header-layout-3 li.menu-item:not(.menu-box):hover>ul {
    opacity: 1;
    visibility: visible;
    /*top: 100%;*/
}
.header-layout-3 .menu-item>ul {
    top: 100%;
    left: 0;
    float: left;
}
.header-layout-3 .menu-item ul li:not(.menu-box) {
    position: relative;
    padding: 0;
    list-style: none;
    float: left;
    width: 100%;
}
.header-layout-3 .menu-item ul li a {
    display: block;
    padding: 10px 30px 10px 20px ;
    clear: both;
    color: #FFF;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: capitalize;
    white-space: nowrap;
    margin: 0;
    opacity: 0.6;
    transition: 0.2s linear;
    -webkit-transition: 0.2s linear;
    -moz-transition: 0.2s linear;
}
.header-layout-3 .menu-item.mega-menu.menu-item-has-children > .sub-menu {
    padding: 10px 0;
}
.header-layout-3 .mega-menu .menu-box > a {
    font-weight: bold;
    letter-spacing: 2px;
    padding: 15px;
    opacity: 1;
}
.header-layout-3 .menu-item ul li:hover > ul {
    visibility: visible;
    opacity: 1;
    top: 0;
}
.header-layout-3 .menu-item ul li ul {
    top: 50%;
    left: 100%;
}
.header-layout-3 .menu-item.left-aligned ul li ul {
    left: auto;
    right: 100%;
}
/*.header-layout-3 .menu-item a:hover,
.header-layout-3 .menu-item a:focus,
.header-layout-3 .logo a:hover,
.header-layout-3 .logo a:focus {
    color: #272B2F;
}*/
.header-layout-3 .sub-menu a:hover,
.header-layout-3 .sub-menu a:focus {
    color: #fff;
}
.header-layout-3 .main .menu-item:hover:after {
    width:100%;
}
.header-layout-3 .menu-toggle span {
    position: absolute;
    top: 50%;
    left: 0;
    width: 20px;
    height: 2px;
    margin-top: -1px;
    background-color: #272B2F;
}
.header-layout-3 .menu-toggle {
    display: none;
    cursor: pointer;
    position: absolute;
    right: 7%;
    width: 20px;
    height: 35px;
    float: right;
}
.header-layout-3 .menu-item.left-aligned>ul {
    right: 0;
    left: inherit;
}
.header-layout-3 .mega-menu {
    position: static;
}
.header-layout-3 .mega-menu > ul {
    position: absolute;
    width: 100%;
    top: 100%;
    display: block;
    height: auto;
    padding: 15px 0;
}
.header-layout-3 .mega-menu ul li ul {
    visibility: hidden;
    opacity: 0;
    left: 0;
    top:0;
    background-color: transparent;
    position: inherit;
    padding: 0;
}
.header-layout-3 .mega-menu:hover ul li ul {
    visibility: visible;
    opacity: 1;
}

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

10.4. HEADER LAYOUT 4 DOC

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


@-webkit-keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}
.header-layout-4 .menu-item > ul.animated {
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
body.is-sticky .header-layout-4.header-container {
    margin-bottom: 145px;
}
.header-layout-4 .nav-header {
    padding: 15px 0px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
body.is-sticky .header-layout-4 .nav-header {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 999;
    background-color: #fff;
}
body.sticky-menu .header-layout-4 .nav-header {
    padding: 10px 0;
    box-shadow: 0 1px 5px #b9b3b3;
    background: #fff;
}
body.sticky-menu .header-layout-4 .logo {
    height:0;
    opacity:0;
    margin: 0;
}
.header-layout-4 .menu-item ul li span
{
    padding: 10px 20px;
    color: #000;
    display: block;
    letter-spacing: 1px;
    text-align: left;
}
.header-layout-4 li.menu-item:hover>ul, .header-layout-4 li.menu-item ul:hover {
    opacity:1;
    visibility: visible;
}
.header-layout-4 li.menu-item:after {
    width: 0;
    margin-bottom: 15px;
}
.header-layout-4 .main > li:hover > a {
    opacity: 0.6;
}
.header-layout-4 .menu-item ul li:not(.menu-box) a:hover {
    opacity: 1;
    transition: 0.2s linear;
    -webkit-transition: 0.2s linear;
    -moz-transition: 0.2s linear;
    transform: translate3d(5px, 0, 0);
    -webkit-transform: translate3d(5px, 0, 0);
}
.header-layout-4 .main .menu-item:not(.mega-menu) .sub-menu .menu-item-has-children > a::after
{
    right: 5px;
    top: 50%;
    margin-top: -3px;
    opacity: 1;
    position: absolute;
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #000;
    transition: 0.4s ease;
    -webkit-transition: 0.4s ease;
    -moz-transition: 0.4s ease;
    transform: translate3d(-10px, 0, 0);
    -webkit-transform: translate3d(-10px, 0, 0);
}
.header-layout-4 .navigation-menu > ul > li > a::before {
    display: block;
    width: 1px;
    height: 21px;
    position: absolute;
    right: 0;
    background-color: #a0a0a0;
    content: '';
}
.header-layout-4 .navigation-menu > ul li:last-child > a::before {
    display: none;
}
.header-layout-4 .logo {
    margin-bottom: 15px;
    width:  100%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    font-size: 24px;
    letter-spacing: 4px;
    font-family: 'Roboto Mono', monospace;
    transition: all .5s ease;
}
.header-layout-4 .navigation-menu {
    text-align: center;
    display: block;
    border-bottom: 2px solid #f0f0f0;
    border-top: 2px solid #f0f0f0;
}
.header-layout-4 .navigation-menu ul{
    text-align: center;
    vertical-align: top;
    -webkit-transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
}
.header-layout-4 .navigation-menu::before {
    clear: both;
    display: table;
    content: "";
}

.header-layout-4 .main {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.header-layout-4 .menu-item ul li ul,
.header-layout-4 .menu-item>ul {
    background-color: #f0f0f0;
    transition: all .3s ease;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    min-width: 150px;
    z-index: 999999999;
}

.header-layout-4 .menu-item {
    display: inline-block;
    position: relative;
    font-family: 'Roboto Mono', monospace;
    font-weight: 400;
    text-transform: uppercase;
}

.header-layout-4 .menu-item a {
    padding: 15px 15px 15px;
    display: block;
    margin: 0;
    position: relative;
    letter-spacing: 1px;
    transition: 0.2s linear;
    -webkit-transition: 0.2s linear;
    -moz-transition: 0.2s linear;
    color: inherit;
}
.header-layout-4 li.menu-item:not(.menu-box):hover>ul {
    opacity: 1;
    visibility: visible;
    box-shadow: 0 2px 4px #afafaf;
    animation: pulse .5s linear 1;
}
.header-layout-4 .menu-item>ul {
    left: 0;
    float: left;
    box-shadow: 0px 0px 20px 0px rgba(255, 255, 255, 0.04);
}
.header-layout-4 .menu-item:not(.mega-menu) ul li {
    position: relative;
    padding: 0;
    float: left;
    list-style: none;
    width: 100%;
}
.header-layout-4 .menu-item ul li a {
    text-align: left;
    display: block;
    padding: 10px 30px 10px 20px;
    clear: both;
    color: #272B2F;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: capitalize;
    white-space: nowrap;
    margin: 0;
    opacity: 0.6;
    transition: 0.2s linear;
    -webkit-transition: 0.2s linear;
    -moz-transition: 0.2s linear;
}
.header-layout-4 .menu-item ul li:not(.menu-box):hover > ul {
    visibility: visible;
    opacity: 1;
    animation: pulse .5s linear 1;
    box-shadow:0 2px 4px #afafaf;
}
.header-layout-4 .menu-item.mega-menu > ul > li > a {
    font-weight: bold;
    font-size: 15px;
    opacity: 1;
    border-bottom: 1px solid #919090;
    margin: 0 20px;
    padding: 7px 0;
}
.header-layout-4 .menu-item ul li ul {
    top: 0;
    left: 100%;
}
.header-layout-4 .menu-item.left-aligned ul li ul {
    left: auto;
    right: 100%;
}
.header-layout-4 .menu-item a:hover,
.header-layout-4 .menu-item a:focus,
.header-layout-4 .logo a:hover,
.header-layout-4 .logo a:focus {
    color: #272B2F;
}

.header-layout-4 .main .menu-item:hover:after {
    width:100%;
}
.header-layout-4 .menu-toggle span {
    position: absolute;
    top: 50%;
    left: 0;
    width: 20px;
    height: 2px;
    margin-top: -1px;
    background-color: #272B2F;
}
.header-layout-4 .menu-toggle {
    display: none;
    cursor: pointer;
    position: absolute;
    right: 7%;
    width: 20px;
    height: 35px;
    float: right;
    top: 0;
}
.header-layout-4 .menu-item.left-aligned>ul {
    right: 0;
    left: inherit;
}
.header-layout-4 .mega-menu {
    position: static;
}
.header-layout-4 .mega-menu > ul {
    position: absolute;
    width: 100%;
    top: 95%;
    display: block;
    height: auto;
    padding: 5px 0;
}
.header-layout-4 .mega-menu ul li ul {
    visibility: hidden;
    opacity: 0;
    left: 0;
    background-color: transparent;
    position: inherit;
    padding: 0;
}
.header-layout-4 .mega-menu:hover ul li ul {
    visibility: visible;
    opacity: 1;
}
.sticky-menu .header-layout-4.nav-color-white .navigation-menu > ul > li > a::before {
    background-color: #a0a0a0;
}
.header-layout-4.nav-color-white .navigation-menu > ul > li > a::before {
    background-color: #fff;
}
.header-layout-4.nav-color-white .menu-item a:hover, .header-layout-4.nav-color-white .menu-item a:focus, .header-layout-4.nav-color-white .logo a:hover, .header-layout-4.nav-color-white .logo a:focus {
    color: #fff;
}
.sticky-menu .header-layout-4.nav-color-white .menu-item a:hover, .sticky-menu .header-layout-4.nav-color-white .menu-item a:focus, .sticky-menu .header-layout-4.nav-color-white .logo a:hover, .sticky-menu .header-layout-4.nav-color-white .logo a:focus {
    color: #272B2F;
}
/*----------------------------------------------

10.5. HEADER LAYOUT 5 DOC

------------------------------------------------*/
body.is-sticky .header-layout-5.header-container.header-space {
    margin-bottom: 100px;
}
.header-layout-5 .nav-header {
    padding: 25px 0px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
body.is-sticky .header-layout-5 .nav-header {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 999;
    left: 0;
}
body.sticky-menu .header-layout-5 .nav-header {
    padding: 5px 0;
    box-shadow: 0 1px 5px #b9b3b3;
    background: #fff;

}
.header-layout-5 .logo {
    float: left;
    font-size: 24px;
    min-width: 200px;
    letter-spacing: 4px;
    font-family: 'Roboto Mono', monospace;
}

.header-layout-5 .navigation-menu {
    float: right;
}

.header-layout-5 .main {
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 0;

}

.header-layout-5 .menu-item ul li ul,
.header-layout-5 .menu-item>ul {
    background-color: rgb(237, 237, 237);
    transition: all .3s ease;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    min-width: 160px;
    z-index: 999999999;
    transform: scaleY(0);
    transform-origin: top right;
    box-shadow: 0 3px 10px -5px #7a7a7a;
}
.header-layout-5 .menu-item {
    float: left;
    position: relative;
    font-family: 'Roboto Mono', monospace;
    font-weight: 400;
    text-transform: uppercase;
    list-style: none;
}

.header-layout-5 .menu-item a {
    padding: 15px 20px 10px;
    display: block;
    margin: 0;
    position: relative;
    color: inherit;
}
.header-layout-5 li.menu-item:hover>ul {
    opacity: 1;
    visibility: visible;
    transform: scaleY(1);
}

.header-layout-5 .menu-item:not(.menu-box)>ul {
    top: 100%;
    left: 0;
    float: left;
    border-top: 3px solid #1a1a1a;
}
.header-layout-5 .menu-item ul li:not(.menu-box) {
    position: relative;
    padding: 0;
    list-style: none;
    float: left;
    width: 100%;
}
.header-layout-5 .menu-item ul li:not(.menu-box) a {
    display: block;
    padding: 11px 20px;
    clear: both;
    color: #000;
    font-weight: 300;
    text-transform: capitalize;
    white-space: nowrap;
    margin: 0;
    transition: all .5s ease;
}

.header-layout-5 .menu-item ul li:hover > ul {
    visibility: visible;
    opacity: 1;
    transform: scaleY(1);
}
.header-layout-5 .menu-item:not(.mega-menu) ul li ul {
    top: 0;
    left: 100%;
    border-top: 0;
    border-bottom: 3px solid black;
}

.header-layout-5 .menu-item.left-aligned ul li ul {
    left: auto;
    right: 100%;
}
.header-layout-5 .main > .menu-item:after {
    border-bottom: 4px double #000;
    width: 0;
    display:block;
    margin-bottom: 5px;
    content: "";
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.header-layout-5 .main .menu-item:hover:after {
    width:100%;
}
.header-layout-5 .main .sub-menu .menu-item-has-children:not(.menu-box) > a:after {
    font-family: "linea-arrows-10";
    content: "\e04b";
    margin-left: 10px;
    position: absolute;
    right: 10px;
    transition: all .5s ease;
}

.header-layout-5 .menu-toggle {
    display: none;
    cursor: pointer;
    position: absolute;
    right: 7%;
    width: 20px;
    height: 35px;
    float: right;
}
.header-layout-5 .menu-item.left-aligned>ul {
    right: 0;
    left: inherit;
}
.header-layout-5 .mega-menu {
    position: static;
}
.header-layout-5 .mega-menu > ul {
    position: absolute;
    width: 100%;
    top: 100%;
    display: block;
    height: auto;
    padding: 10px 0;
}
.header-layout-5 .mega-menu:before {
}
.header-layout-5 .menu-item.mega-menu.menu-item-has-children > .sub-menu {
    padding: 0 0 10px
}
.header-layout-5 .mega-menu ul li ul {
    visibility: hidden;
    opacity: 0;
    left: 0;
    background-color: transparent;
    position: inherit;
    padding: 0;
    transform: scale(1);
}
.header-layout-5 .mega-menu:hover ul li ul {
    visibility: visible;
    opacity: 1;
}
.header-layout-5 .mega-menu .menu-box > a {
    color: #272B2F;
    font-weight: bold;
    letter-spacing: 2px;
    padding: 15px 0;
    border-bottom: 1px solid #d4cfcf;
}
.header-layout-5 .mega-menu .menu-box > a:hover {
    background:transparent;
    box-shadow: none;
}

.header-layout-5 .menu-toggle {
    display: none;
    cursor: pointer;
    position: absolute;
    right: 7%;
    width: 20px;
    height: 35px;
    float: right;
}
.header-layout-5 .menu-toggle span {
    position: absolute;
    top: 50%;
    left: 0;
    width: 20px;
    height: 2px;
    margin-top: -1px;
    background-color: #000;
}

.menu-item:hover a {
    opacity: 1;
}
.sticky-menu .header-layout-5.nav-color-white .main > .menu-item::after {
    border-color: #000;
}
.header-layout-5.nav-color-white .main > .menu-item::after {
    border-color: #fff;
}



.nav-color-white {
    color: #fff;
}
.sticky-menu .nav-color-white{
    color:#000;
}
.nav-color-white .menu-item a:hover, .nav-color-white .menu-item a:focus, .nav-color-white .logo a:hover, .nav-color-white .logo a:focus {
    color: #fff;
}
.sticky-menu .nav-color-white .menu-item a:hover, .sticky-menu .nav-color-white .menu-item a:active, .sticky-menu .nav-color-white .menu-item a:focus, .sticky-menu .nav-color-white .logo a:hover, .sticky-menu .nav-color-white .logo a:focus {
    color: #595F65;
}
.sticky-menu .nav-color-white .menu-item ul li a:hover, .sticky-menu .nav-color-white .menu-item ul li a:focus{
    color: #fff;
}
.sticky-menu .navigation-menu .main .active{
    color: #595F65;
}
.sticky-menu .header-layout-5 .main > .menu-item.active:after {
    border-bottom: 3px double;
    width: 100%;
}
.sticky-menu .header-layout-1 .main .menu-item.active::after {
    height: 2px;
    width: 100%;
}
.photo-home .vertical-header .main li.active a {
    opacity: 0.5;
}

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

10.4. HEADER 1 DOC

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


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

10.5. HEADER 2 DOC

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


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

10.6. HEADER 3 DOC

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



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

10.7. HEADER 4 DOC

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

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

10.8. HEADER 5 DOC

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


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

10.9. HEADER 6 DOC

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

10.9. HEADER 6 DOC

------------------------------------------------*/
.header-layout-6 .logo {
    float: left;
    font-size: 24px;
    min-width: 200px;
    letter-spacing: 4px;
    font-family: 'Roboto Mono', monospace;
    position: relative;
    z-index: 999;
}
.header-layout-6 .nav-header {
    padding: 25px 0px;
}
.header-layout-6 .toggle-menu {
    display: block;
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 75px;
    height: 45px;
    font-size: 0;
    text-indent: -9999px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: none;
    border-radius: 0;
    border: none;
    cursor: pointer;
    -webkit-transition: background .3s;
    transition: background .3s;
    float: right;
    background-color: transparent;
    z-index: 9999;
}
.header-layout-6 .toggle-menu span {
    display: block;
    position: absolute;
    left: 18px;
    right: 18px;
    height: 4px;
    background: rgb(54, 52, 52);
    /*-webkit-transition: background 0s .3s;
    transition: background 0s .3s;*/
}
.header-layout-6 .toggle-menu span::after, .header-layout-6 .toggle-menu span::before {
    position: absolute;
    display: block;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: rgb(54, 52, 52);
    content: "";
    -webkit-transition-duration: .3s,.3s;
    transition-duration: .3s,.3s;
    -webkit-transition-delay: .3s,0s;
    transition-delay: .3s,0s;
}
.header-layout-6 .toggle-menu span::before{
    top: -9px;
    -webkit-transition-property: top,-webkit-transform;
    transition-property: top,transform;
}
.header-layout-6 .toggle-menu span::after {
    -webkit-transition-property: bottom,-webkit-transform;
    transition-property: bottom,transform;
}
.header-layout-6 .toggle-menu span::after {
    bottom: -9px;
}
.header-layout-6 .toggle-menu.is-active span {
    background: 0 0;
}
.header-layout-6 .toggle-menu.is-active span::after, .header-layout-6 .toggle-menu.is-active span::before {
    -webkit-transition-delay: 0s,.3s;
    transition-delay: 0s,.3s;
}
.header-layout-6 .toggle-menu.is-active span::before {
    top: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.header-layout-6 .toggle-menu.is-active span::after {
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
body.is-sticky .header-layout-6.header-space{
    margin-bottom: 100px;
}
body.is-sticky.sticky-menu .header-layout-6 .nav-header{
    padding: 10px 0;
    box-shadow: 0 1px 5px #b9b3b3;
    background: #fff;
}
body.is-sticky .header-layout-6 .nav-header {
    padding: 25px 0px;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 999;
    transition: all 0.4s ease;
}
/* Overlay style */
.overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    background: rgba(0, 0, 0, 0.95);
}

.overlay .menu-secondary-menu-container {
    text-align: center;
    position: relative;
    width: 100%;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}
.overlay .menu {
    list-style: none;
    margin: 0 auto;
}
.overlay .menu  li {
    margin: 10px 0;
    float: left;
    width: 100%;
}
.overlay .menu  li a {
    font-size: 22px;
    font-weight: 500;
    display: block;
    color: #dcdcdc;
    position: relative;
    outline: none;
    line-height: 33px;
    vertical-align: middle;
}
.overlay .menu  li a:hover,
.overlay .menu  li a:focus {
    color: #a7a4a4;
}
.secondary-menu-table{
    display: table;
    width: 100%;
    position: relative;
    height: 100%;
}
.secondary-menu-table-wrap{
    display: table-row;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}
.overlay-square {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.5s, visibility 0s 0.5s;
    transition: opacity 0.5s, visibility 0s 0.5s;
}

.overlay-square.open {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
}

.overlay-square .menu-secondary-menu-container .menu {
    opacity: 0.4;
}

.overlay-square.open .menu-secondary-menu-container .menu {
    opacity: 1;
}
.overlay-square.open #menu-widget , .overlay-square.open .menu-secondary-menu-container .menu {
    transform: translateY(0%) translateX(0px);
    -webkit-transform: translateY(0%) translateX(0px) ;
    -moz-transform: translateY(0%) translateX(0px) ;
    -ms-transform: translateY(0%) translateX(0px) ;
    -o-transform: translateY(0%) translateX(0px);
}
.overlay-square #menu-widget , .overlay-square .menu-secondary-menu-container .menu{
    transition: transform 0.5s, opacity 0.5s;
    -webkit-transition: transform 0.5s, opacity 0.5s;
    -moz-transition: transform 0.5s, opacity 0.5s;
    -ms-transition: transform 0.5s, opacity 0.5s;
    -o-transition: transform 0.5s, opacity 0.5s;
    transform: translateY(-100%) translateX(0px);
    -webkit-transform: translateY(-100%) translateX(0px);
    -moz-transform: translateY(-100%) translateX(0px) ;
    -ms-transform: translateY(-100%) translateX(0px);
    -o-transform: translateY(-100%) translateX(0px);
    font-family: 'Roboto Mono', monospace;
}

.overlay-square .sub-menu {
    display: none;
    margin: 0;
    padding: 0;
    float: left;
    width: 100%;
    transition: transform 0.7s ease;
    -webkit-transition: transform 0.7s ease;
}
.overlay-square .sub-menu li{
    padding: 0;
    margin: 4px 0 4px 0;
    min-height: 25px;
}
.overlay-square .sub-menu li a{
    position: relative;
    font-weight: 400;
    font-size: 14px;
    display: block;
    padding: 0 10px;
}
/*menu widget*/
#menu-widget , .overlay .menu  {
    width: 300px;
    height: 400px;
    padding: 0;
    overflow-y: auto;
    overflow-x: hidden;
    text-align: left;
    display: inline-block;
}
#menu-widget {
    margin:0 0 0 50px;
}
#menu-widget .widget:first-child {
    margin-top: 10px;
}
#menu-widget .widget:last-child {
    margin-bottom: 10px;
}
#menu-widget .widget {
    margin-top: 25px;
    margin-right: 50px;
}
.widget_social_media .socialmedia-widget:first-child {
    margin: 0;
}
.widget_social_media .socialmedia-widget {
    margin: 15px 0 0 0;
    padding: 0;
    list-style: none;
}
.widget_social_media ul li:first-child {
    margin-top: 0px;
}
.widget_social_media .socialmedia-widget li {
    display: inline-block;
    position: relative;
}
.widget_social_media .socialmedia-widget li:first-child a {
    padding-left: 0px;
}
.widget_social_media .socialmedia-widget li a {
    line-height: 20px;
    color: #000000;
    transition: all 0.2s ease;
    display: block;
    text-align: center;
    padding: 0 6px 0 6px;
}
.widget_social_media .widget-title{
    font-weight: 300;
    letter-spacing: 0.02em;
    text-transform: none;
}
.widget_text strong{
    color: rgb(221, 215, 215);
}
#menu-widget p{
    margin-top: 15px;
    text-align: justify;
    color: #ffffff;
}
#menu-widget .widget_social_media li{
    margin-right:20px;
}
.header-layout-6 .toggle-menu.is-active span::after, .header-layout-6 .toggle-menu.is-active span::before{
    background-color:#ffffff;
}
.overlay-square #menu-widget .widget li i{
    color: #ffffff;
}

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

10.10. HEADER 7 DOC

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

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

10.11. HEADER 8 DOC

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



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

10.12. HEADER SLIDER DOC

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



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

11. FOOTER DOC

------------------------------------------------*/
footer {
    position: relative;
    width: 100%;
    float: left;
}

.sticky-footer footer{
    height: 1px;
}
.sticky-footer .footer-container {
    position: fixed;
    width: 100%;
    bottom: 0;
    z-index:-1;
}
/* SIMPLE FOOTER */
.footer-4-content {
    margin: 0 auto;
    max-width: 350px;
}
.footer-4-content .footer-logo {
    padding-bottom: 15px;
}
/* FOOTER LAYOUT 1 */

/*footer {
    display: block;
    width: 100%;
    margin: 0 auto;
    color: #fff;
    position: relative;
}*/
.footer-bottom {
    display: block;
    background-color: #252525;
    text-align: center;
    line-height: 55px;
}
.footer-bottom span {
    color: #8f8f8f;
    font-size: 12px;
}
.footer-logo {
    display: block;
    padding-bottom: 10px;
}
.footer-top {
    padding: 60px 0;
    background-color: #1a1a1a;
    color: #fff;
    line-height: 24px;
    text-align: left;
}
.footer-top h3 {
    color: #fff;
    font-size: 18px;
    line-height: 22px;
    text-transform: uppercase;
    margin: 0 0 15px;
}
.footer-top li a {
    color: #9C9B9B;
}
.footer-top .column-content {
    border-left: 1px solid #323131;
    padding-left: 30px;
}
.footer-top .column-content:first-child {
    border-left: none;
    padding-left: 15px;
}

.footer-logo {
    font-size: 25px;
}
.footer-top p {
    color: #9C9B9B;
}
.footer-top li , .sidebar li{
    margin-bottom: 10px;
}
.footer-top .widget_recent_entries a {
    display: block;
    color: #dbdbdb;
}
.footer-top .post-date , .sidebar .post-date{
    color: #9C9B9B;
    font-size: 12px;
}
footer ul, .breadcrumb-text ,.sidebar ul{
    list-style: none;
}

/* FOOTER LAYOUT 2 */




/* Footer Layout 1 */


body.sticky-footer footer.footer-layout-2{
    height: 1px;
}
body.sticky-footer .footer-container {
    position: fixed;
    width: 100%;
    bottom: 0;
    z-index:-1;
}

.footer1-top {
    padding: 60px 0;
    background-color: #1a1a1a;
    color: #fff;
    line-height: 24px;
    text-align: left;
}
.footer-layout-4 .footer1-top {
    text-align: center;
}
.footer-layout-4 .footer-bottom span {
    color: #fff;
}
.footer-layout-4 .footer-1-heading > h5 {
    border-bottom: 1px #40283F solid;
}

.footer-1-heading > h5, .footer-1-heading h4 {
    margin-top: 0;
    font-weight: 400;
    padding-bottom: 20px;
    font-size: 16px;
    margin-bottom: 30px;
    border-bottom: 1px #393939 solid;
    color: #fff;
    text-transform: uppercase;
}
.footer-1-content-1 p{
    line-height: 20px;
    margin-bottom: 15px;
}
.footer-1-icon-1
{
    margin-top: 25px;
}
.footer-1-icon-1 a
{
    font-size: 18px;
    color: rgb(255, 255, 255);
    padding: 0px 5px;
}
.footer-1-content-2 > ul > li
{
    margin-bottom: 20px;
}
.footer-1-content-2 > ul > li > a
{
    padding: 0;
    font-weight: 600;
    letter-spacing: 2px;
    font-size: 13px;
    display: inline-block;
    color:#fff;
}


.footer-1-content-3 a{
    line-height: 35px;
    font-weight: 400;
    margin-top: 0;
    font-size: 13px;

}
.footer-1-content-3 a{
    color:#fff;

}

/* Footer Layout 2 */

body.sticky-footer footer.footer-layout-3{
    height: 1px;
}

.footer-logo-2{
    font-size: 25px;
    margin-bottom: 30px;
}
.footer-2-content-2 p{
    margin-bottom: 15px;
}
.footer-2-post{
    display: inline-block;
    margin-bottom: 15px;
    width: 100%;
}
.footer-2-post a,
.footer-2-post a:hover {
    color:#dbdbdb;
}
.footer2-top {
    padding: 60px 0;
    background-color: #1a1a1a;
    color: #fff;
    line-height: 24px;
    text-align: left;
}
.footer-2-title {
    position: relative;
    margin: 0 0 30px;
    padding-bottom: 10px;
    font-size: 18px;
    line-height: 24px;
}
.footer-2-title::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #eee;
}
.footer-2-title span {
    display: inline-block;
    position: relative;
    color: #fff;
}
.footer-2-title span::after {
    content: '';
    position: absolute;
    bottom: -11px;
    left: 0;
    width: 100%;
    height: 3px;
    background: #F5F5F5;
}

.footer-2-content-1 img{
    float: left;
    margin-right: 20px;
}
.footer-2-content-1 h3{
    color:#fff;
    font-size: 18px;
    line-height: 25px;
}
#menu-footer-2 li{
    margin-bottom: 10px;
}
#menu-footer-2 > li > a{
    color: #fff;
}

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

13. SERVICES DOC

------------------------------------------------*/
.sevice_icon_image {
    margin-bottom: 15px;
    width: 30px;
}
.service-icon-box img{
    width: 25px;
}
.service-box{
    position: relative;
    padding: 0 0 15px 47px;
}
.service-icon-box {
    position: absolute;
    color: #696969;
    display: inline-block;
    font-size: 25px;
    left: 0;
    top: 0;
}
.service-title{
    letter-spacing: 1px;
    margin: 0;
    line-height: 26px;
    color: #696969;
    font-size: 21px;
}
.service-left-icon-with-space .service-description{
    margin-left: 47px;
}
.service-center-icon .service-box,
.service-center-image .service-box{
    padding: 0 0 0px 0px;
    text-align: center;
}
.service-center-icon .service-icon-box,
.service-center-image .service-icon-box{
    margin-bottom: 15px;
    position: relative;
    font-size: 35px;
}
.service-center-icon .service-title,
.service-center-image .service-title{
    margin-bottom: 15px;
}
.service-center-icon .service-description,
.service-center-image .service-description{
    text-align: center;
    margin-left: 0;
}


.service-left-icon-with-title .service-icon-box{
    font-size: 35px;
}
.service-left-icon-with-title .service-title {
    line-height: 33px;
}

.service-big-icon-with-left-title .service-box{
    padding: 0 0 5px 83px;
}
.service-big-icon-with-left-title .service-icon-box{
    font-size: 61px;
}
.service-big-icon-with-left-title .service-description{
    margin-left: 83px;
}
.service-big-icon-with-left-title .service-title {
    line-height: 30px;
}


/*service hearchical*/

.service-main-description{
    padding-bottom: 30px;
}
.timeline {
    list-style: none;
    position: relative;
}
.timeline:before {
    top: 0;
    bottom: 55px;
    position: absolute;
    content: " ";
    width: 1px;
    left: 50%;
    border-right: 1px dashed #403F3F;
}
.timeline > li {
    margin-bottom: 20px;
    position: relative;
}
.timeline > li:before,
.timeline > li:after {
    content: " ";
    display: table;
}
.timeline > li:after {
    clear: both;
}
.timeline > li:before,
.timeline > li:after {
    content: " ";
    display: table;
}
.timeline > li:after {
    clear: both;
}
.timeline > li > .timeline-panel {
    width: 50%;
    float: left;
    padding: 0px 45px 5px;
    position: relative;
    text-align: right;
}
.timeline-heading h4{
    font-size: 21px;
    line-height: 40px;
}
.timeline > li > .timeline-badge {
    color: #fff;
    width: 40px;
    height: 40px;
    line-height: 46px;
    font-size: 1.4em;
    text-align: center;
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -20px;
    background-color: #403F3F;
    z-index: 100;

}
.timeline > li.timeline-inverted > .timeline-panel {

    float: right;
    text-align: left;
}
.timeline > li.timeline-inverted > .timeline-panel:before {
    border-left-width: 0;
    border-right-width: 15px;
    left: -15px;
    right: auto;
}
.timeline > li.timeline-inverted > .timeline-panel:after {
    border-left-width: 0;
    border-right-width: 14px;
    left: -14px;
    right: auto;
}
.timeline-title {
    margin-top: 0;
    color: inherit;
}
.timeline-body > p,
.timeline-body > ul {
    margin-bottom: 0;
}
.timeline-body > p + p {
    margin-top: 5px;
}
/*end*/

.service-main .service-box, .service-title-main .service-box {
    margin: 15px 0;
}

.service-main, .service-title-main {
    margin: -15px 0px;
    float: left;
    width: 100%;
}

.service-with-description .service-box,
.service-image-with-description .service-box{
    padding: 0;
    text-align: center;
}
.service-with-description .service-icon-box,
.service-image-with-description .service-icon-box{
    position: unset;
    font-size: 35px;
    margin-bottom: 15px;
}
.service-with-description .service-title{
    font-size: 18px;
}
.service-image-with-description .service-icon-box img,
.service-center-image .service-icon-box img{
    width: 35px;
}

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

13.1. SERVICES 1 DOC

------------------------------------------------*/
.service-section .section-title {
    margin-bottom: 0px;
}
.service-section .service-bottom,
.service-2-section .service-bottom{
    border-bottom: 1px solid #cdcccc;
    margin-bottom: 20px;
}
.service-section .service-description,
.service-2-section .service-description {
    margin-bottom: 20px;
}
.service-section .service-bottom:last-child,
.service-2-section .service-bottom:last-child {
    border-bottom: none;
    margin-bottom: 0px;
}
.service-section .service-icon-box,
.service-2-section .service-icon-box {
    color: #000;
    border: 2px solid #a1a1a1;
    padding: 12px;
    font-size: 23px;
    box-shadow: 0px 0px 5px 3px rgba(163, 163, 163, 0.48) inset;
}
.service-section .service-box,
.service-2-section .service-box{
    padding: 0 0 5px 72px;
}
.service-section .service-left-icon-with-space .service-description,
.service-2-section .service-left-icon-with-space .service-description {
    margin-left: 72px;
}

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

13.2. SERVICES 2 DOC

------------------------------------------------*/
.service-2-section .service-left-icon-with-space:last-child p {
    margin-bottom: 0px;
}
.service-2-section img{
    max-width: 100%;
}
.service-sec-image {
    text-align: center;
}
.service-sec-image img{
    padding-right: 15px;
    padding-left: 15px;
}
.service-2-section .section-title {
    text-align: left;
    margin-bottom: 20px;
}
.service-2-section .title-separator-medium {
    margin: 7px 0;
}

.service-2-section .service-sec{
    display: table;
    width: 100%;
}
.service-2-section .service-sec-1, .service-2-section .service-sec-2, .service-2-section .service-sec-3 {
    display: table-cell;
    vertical-align: middle;
    width: 33.3333%;
}
.service-acco .section-title {
    text-align: left;
}
.service-acco .title-separator-short {
    margin: 15px 0;
}
.service-acco .section_content {
    text-align: left;
}


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

14. NEWSLETTER DOC

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

.newsletter-section .section-title{
    margin-bottom: 27px;
}
.form-newsletter
{
    text-align: center;
}
.custom-form-group1{
    display: inline-block;
}
.custom-form-group2{
    margin-bottom: 10px;
}
.newsletter-input{
    padding: 6px 10px;
    height: 43px;
    max-width: 100%;
    border: 1px solid #b0b0b0;
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    width: 380px;
    font-size: 14px;
    color: #303030;
    background-color: #f9f9f9;
}
.custom-form-group2 .newsletter-input{
    text-align: center;
}
.newsletter-icon{
    background: #f2f2f2;
    width: 545px;
    border-radius: 5px;
    display: table;
    margin: 0 auto;
    padding: 4px;
}
.newsletter-icon .newsletter-input
{
    background: #fff;
}
.newsletter-icon button
{
    vertical-align: middle;
}
.custom-form-group3 .newsletter-input
{
    border: none;
    border-bottom: 1px solid;
    background-color: transparent;
    padding: 0px;
}


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

15. TESTIMONIAL DOC

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

/* testimonial style 1 **/
.test-main{
    background: #fff;
    padding: 55px 30px;
    text-align: center;
    margin: 3px 0px;
    transition: all 0.5s ease;
}
.testimonial-img-1{
    text-align: center;
    margin-bottom: 20px;

}
.testimonial-img-1 img{
    border-radius: 3px;
}
.testimonial_icon-1 a {
    padding: 0px 5px;
    color:#898989;
}
.testimonial-content-1 {
    margin-bottom: 30px;
}
.testimonial-client-1 p{
    font-weight: 400;
    font-size: 16px;
}
.testimonial-des-1 p
{
    font-size: 13px;
}
.test-main:hover
{
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    transition: all .5s ease;

}
.teamcarousel a.right.carousel-right,
.teamcarousel a.left.carousel-left {
    top: 50%;
}
/* testimonial style 2 **/

.testimonial-section-2 {
    width: 100%;
    height: auto;
    padding: 15px;
    border-radius: 5px;
    position: relative;
    border: 1px solid #EEEEEE;
    background-color: #EEEEEE;
}
.testimonial-section-2 p
{
    line-height: 22px;
    color: #333;
}
.testimonial-section-2::after {
    top: 100%;
    left: 10%;
    border: solid transparent;
    content: " ";
    position: absolute;
    border-top-color: #EEEEEE;
    border-width: 15px;
    margin-left: -15px;
}
.testimonial-section-name-2 {
    margin-top: 25px;
    margin-left: 12px;
    text-align: left;
    color: #000;
    display: table;
    width: 100%;

}
.testimonial-img-2{
    display: table-cell;
    vertical-align: middle;
    width: 70px;

}
.testimonial-client-2
{
    display: table-cell;
    vertical-align: middle;
}
.testimonial-section-name-2 img
{
    border-radius: 3px;
    margin-left: -20px;
}
.testimonial-client-2 p
{
    font-size: 15px;
    font-weight: 400;
}

/* testimonial style 3 **/
.testimonial-content-3{
    margin-bottom: 15px;
    text-align: center;
}
.testimonial-section-3{
    border:3px solid #EEEEEE;
}
.testimonial-section-content-3{
    padding:30px;
    position: relative;

}
.testimonial-section-image-3
{
    padding:25px;
    background-color: #F6F6F6;
    border-top: 2px solid #EEEEEE;
}
.testimonial-section-content-3::after {

    top: 100%;
    left: 50%;
    /* border: solid transparent; */
    content: " ";
    position: absolute;
    /* border-top-color: #fff; */
    border-width: 15px;
    margin-left: -15px;
    margin-top: -15px;
    height: 30px;
    width: 30px;
    background-color: white;
    transform: rotate(45deg);
    border: 2px solid #EEEEEE;
    border-top: transparent;
    border-left: transparent;
}
.testimonial-client-3 p {
    font-size: 15px;
    text-align: center;
    font-weight: 400;
}
.testimonial-img-2{
    text-align: center;
}
.test-image-3
{
    text-align: center;
    padding-top: 15px;

}
.test-image-3 img
{
    border-radius: 3px;
}
.testimonial-des-3 p
{
    text-align: center;
    font-size: 13px;
}
/* testimonial style 4 **/
/*

.testimonial-section-4 {
    width: 100%;
    height: auto;
    padding: 15px;
    border-radius: 5px;
    position: relative;
    border: 1px solid #fff;
    background-color: #fff;
}
.testimonial-section-4 p
{
    line-height: 22px;
}
.testimonial-section-4::after {
    top: 15%;
    left: -30px;
    border: solid transparent;
    content: " ";
    position: absolute;
    border-right-color: #fff;
    border-width: 15px;
}
.testimonial-section-name-4 {
    margin-top: 25px;
    margin-left: 12px;
    text-align: left;
    color: #000;
    display: table;
    width: 100%;

}
.testimonial-img-4{
    display: table-cell;
    vertical-align: middle;
    width: 70px;

}
.testimonial-des-4 p{
    font-size: 13px;
}
.testimonial-con-img
{
    display: table-cell;
    vertical-align: middle;
}

.testimonial-section-name-4 img {

    width: 50px;
    border: 2px solid #fff;
    height: 50px;
    border-radius: 3px;
}
.testimonial-client-4 p
{
    font-size: 15px;
    font-weight: 400;
}
*/
.testimonial-style-4 .testimonial-section-4 {
    width: 100%;
    height: auto;
    padding: 15px;
    border-radius: 5px;
    position: relative;
    border: 1px solid #fff;
    background-color: #fff;
}
.testimonial-style-4-reverse .testimonial-section-4{
    width: 100%;
    height: auto;
    padding: 15px;
    border-radius: 5px;
    position: relative;
    border: 1px solid #fff;
    background-color: #fff;
}

.testimonial-style-4 .testimonial-section-4 p
{
    line-height: 22px;
}
.testimonial-style-4--reverse .testimonial-section-4 p
{
    line-height: 22px;
}


.testimonial-style-4-reverse .testimonial-section-4::after {
    top: 15%;
    right: -30px;
    border: solid transparent;
    content: " ";
    position: absolute;
    border-left-color: #fff;
    border-width: 15px;
}
.testimonial-style-4 .testimonial-section-4::after {
    top: 15%;
    left: -30px;
    border: solid transparent;
    content: " ";
    position: absolute;
    border-right-color: #fff;
    border-width: 15px;
}

.testimonial-style-4-reverse .testionial-img-content
{
    float: right;
}

.testimonial-style-4 .testimonial-content-4
{
    margin-bottom:10px;

}
.testimonial-style-4-reverse .testimonial-content-4
{
    margin-bottom:10px;
    text-align: right;
}


.testimonial-style-4 .testimonial-img-4 img
{
    border-radius: 3px;
    width: 100%;
    padding: 3px;
    background: #f5f5f5;
}
.testimonial-style-4-reverse .testimonial-img-4 img
{
    border-radius: 3px;
    width: 100%;
    padding: 3px;
    background: #f5f5f5;
}


.testimonial-style-4 .testimonial-client-4 p
{
    font-size: 15px;
    font-weight: 400;
}
.testimonial-style-4-reverse .testimonial-client-4 p
{
    font-size: 15px;
    font-weight: 400;
    text-align: right;
}


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

16. PORTFOLIO DOC

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

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

16.1. PORTFOLIO CATEGORY FILTER

------------------------------------------------*/
.section-title h2 {
    font-size: 34px;
    line-height: 46px;
    color: inherit;
}
.filter-container {
    text-align: center;
    padding: 0px 20px 20px 20px;
}
.filter > li, .filter1 > li, .filter2 > li {
    padding: 0;
    margin: 0;
}
.filter > li.active, .filter1 > li.active, .filter2 > li.active {
    border: 1px solid;
    color: black;
}
.filter > li > a, .filter1 > li > a, .filter2 > li > a {
    margin-bottom: 0;
    display: inline-block;
    text-transform: uppercase;
    padding: 10px 20px 10px 20px;
}

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

16.2. PORTFOLIO TRANSPARENT OVERLAY

------------------------------------------------*/
.portfolio-section, .portfolio-section1, .portfolio-section2 {
    clear: both;
    overflow: hidden;
}
.portfolio-2 .inner-overlay-content a, .portfolio-4 .inner-overlay-content a {
    height:40px;
    display:inline-block;
    background:#252525;
    padding: 10px;
}
.portfolio-2 {
    padding-left: 0px;
    padding-right: 0px;
}
.portfolio-3, .portfolio-4 {
    margin-bottom: 30px;
    position: relative;
}
.portfolio-3:hover .overlay {
    opacity: 1;
    visibility: visible;
    transition: all 0.5s ease;
    -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    -o-transform: scale(1.03);
    transform: scale(1.03);
}
.portfolio-3 .overlay {
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    visibility: hidden;
    background: rgba(0, 0, 0, 0.75);
    color: #fff;
    transition: all 0.5s ease;
    box-shadow: 0px 0px 17px #666;
    -webkit-box-shadow: 0px 0px 17px #666;
    -moz-box-shadow: 0px 0px 17px #666;
    -o-box-shadow: 0px 0px 17px #666;
}
.portfolio-2 .inner-overlay, .portfolio-3 .inner-overlay, .portfolio-4 .inner-overlay {
    display: table;
    width: 100%;
    height: 100%;
}
.portfolio-2 .inner-overlay-content, .portfolio-3 .inner-overlay-content, .portfolio-4 .inner-overlay-content {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    padding: 20px 40px;
    text-align: center;
}
.portfolio-2 h4, .portfolio-3 h4, .portfolio-4 h4 {
    margin-bottom: 15px;
    font-weight: 100;
    font-size: 18px;
    color: #DEDEDE;
}
.portfolio-3 .hover-separator {
    width: 25%;
    margin: auto auto 20px;
    height: 1px;
    background-color: #999999;
}
.portfolio-3 .item-buttons {
    display: table;
    border-collapse: collapse;
    width: 45%;
    margin: auto;
}
.portfolio-3 .item-buttons .item-view, .portfolio-3 .item-buttons .item-link {
    padding: 0 0%;
    display: table-cell;
    margin: auto;
}
.portfolio-2 .item-buttons span, .portfolio-3 .item-buttons span, .portfolio-4 .item-buttons span {
    color: #fff;
    font-size: 20px;
}
.portfolio-2:hover .overlay, .portfolio-4:hover .overlay {
    opacity: 1;
    visibility: visible;
}
.portfolio-2 .overlay, .portfolio-4 .overlay {
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    visibility: hidden;
    background: rgba(0, 0, 0, 0.75);
    color: #fff;
    transition: all 0.5s ease;
}
.portfolio-2, .portfolio-4 {
    overflow: hidden;
}
.portfolio-4 h4 {
    margin-bottom: 5px;
}
.portfolio-2 .categories, .portfolio-4 .categories {
    font-size: 12px;
    color: #B3AFAF;
}
.portfolio-2 .categories {
    margin-bottom: 15px;
}
.portfolio-section1, .portfolio-section2 {
    margin-bottom: -30px;
}
.xs-clearfix {
    display: block;
    clear: both;
}

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

16.3. PORTFOLIO IMAGES

------------------------------------------------*/
.portfolio-section img, .portfolio-section1 img, .portfolio-section2 img {
    position: relative;
    width: 100%;
    transition: all 0.5s ease;
}
.portfolio-3:hover img {
    -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    -o-transform: scale(1.03);
    transform: scale(1.03);
    transition: all 0.5s ease;
}
.portfolio-4:hover img {
    -webkit-transform: scale(1.1) rotate(5deg);
    -moz-transform: scale(1.1) rotate(5deg);
    -ms-transform: scale(1.1) rotate(5deg);
    -o-transform: scale(1.1) rotate(5deg);
    transform: scale(1.1) rotate(5deg);
    transition: all 0.5s ease;
}

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

18. CALL TO ACTION

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

/* common call-to-action style **/
.call-action-main-light h2{
    color: #000;
    font-size: 36px;
    margin-bottom: 15px;
    text-transform: uppercase;
}
.call-action-main-light p
{
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 25px;
}

.call-action-main-dark h2
{
    font-size: 36px;
    margin-bottom: 15px;
    text-transform: uppercase;
}
.call-action-main-dark p
{
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 25px;
}


/* call-to-action style 1 **/
.call-action-default-left
{
    width: 100%;
    margin: 0 auto;
    text-align: left;

}

/* call-to-action style 2 **/
.call-action-default-right
{
    width: 100%;
    margin: 0 auto;
    text-align: right;

}

/* call-to-action style 3 **/
.call-action-default-center
{
    width: 100%;
    display: table;

}

/* call-to-action style 4 **/
.call-action-default-color-text{
    display: table-cell;
    vertical-align: middle;
}
.call-action-default-color-btn
{
    display: table-cell;
    vertical-align: middle;
    text-align: right;
}
.call-action-default-center p{
    margin-bottom: 0px
}

/* call-to-action style 5 **/
.call-action-dark
{
    width: 65%;
    margin: 0 auto;
    text-align: center;
    background-color: #fff;
    padding: 50px 15px;
    border: 8px solid #EEEEEE;
    box-shadow: inset 0 0 10px #939393;
}

.call-action-image{

    width: 65%;
    margin: 0 auto;
    text-align: center;
    padding: 50px 15px;
    border: 8px solid RGBA(24, 23, 23, 0.43);
    background-color: RGBA(17, 15, 15, 0.4);
    box-shadow: inset 0 0 10px #000000;
}

.button-border-call {
    border: 2px solid #C0BFBF;
}

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

19. CONTACT DOC

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


/* contact us style1*/
.contact-info-heading-1 h3
{
    margin-bottom: 20px;
    margin-top: 0;
    color: #4d4d4d;
    font-size: 25px;
}
.contact-info-heading-1 p
{
    color:#000;
    margin-bottom: 20px;
}
.contact-style-1 .form-control {
    box-shadow: none;
    background: transparent;
    border: 2px solid rgba(0, 0, 0, 0.1);
    height: 50px;
    font-size: 16px;
    font-weight: 300;
    border-radius: 0px;
}
.contact-info-1 li i {
    position: absolute;
    top: 0px;
    left: 0;
    font-size: 20px;
    color: #4D4D4D;
}
.contact-info-1 li .contact-info-1 li a{
    color: #4D4D4D;
}
.contact-style-1 .button-custom{
    font-weight: 400;
}
.contact-style-1  textarea.form-control {
    height: auto;
}
.contact-info-1 {
    padding: 0;
}

.contact-info-1 li {
    list-style: none;
    margin: 0 0 20px 0;
    position: relative;
    padding-left: 40px;
}
#map-canvas1 {
    height: 560px;
    width: 100%;
}

#map-canvas2 {
    height: 560px;
    width: 100%;
}

/* contactus style2*/
.contact-map
{
    margin: 0 -15px;
}
.contact-style-2
{
    margin-top: 40px;
    float: left;
}
.contact-info-heading-2
{
    margin-top:45px;
}

.contact-info-heading-2 h3
{
    color: #4d4d4d;
    font-size: 25px;
    text-align: center
}
.contact-section-style-2
{
    display: inline-block;
    width: 100%;
    margin-bottom: -10px;
}
.contact-style-2 .form-control {
    box-shadow: none;
    background: transparent;
    border: 2px solid rgba(0, 0, 0, 0.1);
    height: 50px;
    font-size: 16px;
    font-weight: 300;
    border-radius: 0px;
}
.contact-style-2  textarea.form-control {
    height: 100px;
}
.contact-style-2-form .button{
    border:2px solid rgba(0, 0, 0, 0.1);
    margin:0;
}
/* contact style 3*/
.contact-style-3 .form-control {
    box-shadow: none;
    background: transparent;
    border: 2px solid rgba(0, 0, 0, 0.1);
    height: 50px;
    font-size: 16px;
    font-weight: 300;
    border-radius: 0px;
}
.contact-style-3  textarea.form-control {
    height: auto;
}
.contact-style-3-main{
    float: left;
}
.contact-style-3-left
{
    float: left;
    background-color: #fff;
    padding: 40px 30px;
    box-shadow: 0 2px 15px 0 rgba(209, 199, 199, 0.2),0 2px 15px 0 rgba(0,0,0,0.12);
}
.contact-style-3-right
{
    padding: 12% 12%;
}

.contact-style-3-left-heading{
    text-align: center;
    margin-bottom: 15px;
    color: rgb(77, 77, 77);
    font-size: 25px;
}
.contact-style-3-left-p{
    text-align: center;
    margin-bottom: 40px;
}
.contact-info-3 {
    padding: 0;
}
.contact-info-3 li i {
    position: absolute;
    top: 0px;
    left: 0;
    font-size: 20px;
    color: #4D4D4D;
}
.contact-info-3 li {
    list-style: none;
    margin: 0 0 20px 0;
    position: relative;
    padding-left: 40px;
}
.contact-info-style3-top
{
    margin-bottom: 40px;
}
.contact-info-style3-bottom
{
    margin-bottom: 40px;
}
.contact-info-style3-top h3
{
    color: #4d4d4d;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}
.contact-info-style3-bottom h3
{
    color: #4d4d4d;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}
/*----------------------------------------------

 19.1.    CONATCT LAYOUT 1

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

.contact-details-social {
    background: RGBA(224, 224, 224, 0.34);
    padding: 40px 30px;
}
.contact-details-social .contact-title {
    font-size: 20px;
}
.contact-details-social .title-separator-short{
    margin: 15px 0;
}

.contact-details-social .contact-social{
    margin-bottom: 30px;
    display: inline-block;
}
.contact-details-social .contact-social ul{
    list-style:none;
}
.contact-details-social .contact-social li{
    float: left;
    text-align: center;
    padding: 0 10px 0 0;
    margin-bottom: 10px;
    color: #fff;
}
.contact-details-social .contact-social li a{
    border: 2px solid #696969;
    color: #ffffff;
    position: relative;
    display: block;
    line-height: 40px;
    overflow: hidden;
    width: 140px;
}
.contact-details-social .contact-social li a i{
    background: #232222;
    float: left;
    line-height: 40px;
    padding: 0px 8px;
    font-size: 1.1rem;
}
.contact-details-social .contact-social li .social-name{
    padding: 0 9px;
    color: #000;
}
.contact-action.call-action-main-light h2{
    color: #fff;
}
/*----------------------------------------------

 19.1.    CONATCT LAYOUT 4

------------------------------------------------*/
.contact-style-4
{
    display: table;
    height: 100%;
}
.contact-style-4-left{
    display: table-cell;
    vertical-align: middle;
    width:35%;
    background: url("../images/main-back.png");
    position: relative;
    background-size: cover;
}
.contact-style-4-left::before{
    content: '';
    width: 100%;
    position: absolute;
    background: RGBA(0, 0, 0, 0.7) url('../images/contact/dotted-only.png');
    display: block;
    top:0;
    left:0p;
    height: 100%;
    box-shadow: 0px 0px 150px 80px rgb(5, 5, 5) inset;
}
.contact-style-4-let-content
{
    margin: 0px 60px 0px 60px;
    position: relative;
}

.contact-style-4-right
{
    padding: 0px 60px 0px 60px;
}

.contact-style-4-right
{
    display: table-cell;
    vertical-align: middle;
    width:65%;
}


.contact-4-box {
    position: relative;
    padding: 0 0 5px 90px;
}
.contact-4-icon-box {
    position: absolute;
    color: #fff;
    display: inline-block;
    font-size: 25px;
    left: 0;
    top: 0;
    padding: 15px;
    border: 5px solid rgba(255, 255, 255, 0.43);
}
.contact-4-title {
    letter-spacing: 1px;
    margin: 0;
    line-height: 26px;
    color: #fff;
    font-size: 21px;
}

.left-icon-contact-4 .contact-4-description {
    margin-left: 90px;
    color:#fff;

}
.left-icon-contact-4{
    margin-bottom: 30px;
}
.left-icon-contact-4:last-child {
    margin-bottom:  0px;
}
.contact-style-4 .form-control {
    height: 50px;
}
.contact-style-4 .form-group {
    margin-bottom: 30px;
}
.contact-style-4 textarea.form-control {
    height: auto;
}

.contact-style-4 .button-border {
    border: 2px solid #444;
    background-color: #000;
    color: #fff;
    font-weight: bold;
    margin: 0;
}
.contact-style-4 .button-border:hover {
    border: 2px solid #000;
    background-color: #fff;
    color:#000;
}

.contact-style-4-bottom .button-border {
    border: 2px solid #444;
    background-color: #000;
    color: #fff;
    font-weight: bold;
    margin: 0;
}
.contact-style-4-bottom .button-border:hover {
    border: 2px solid #000;
    background-color: #fff;
    color:#000;
}
.contact-style-4-bottom h3{
    text-align:left;
}
.contact-style-4-bottom p{
    text-align: left;
}
.contact-style-4-bottom .title-separator-short {
    background-color: #D2D2D2;
    height: 4px;
    position: relative;
    width: 40px;
    display: block;
    margin: 20px 0px;
}
.contact-style-4-right .title-separator-short {
    background-color: #D2D2D2;
    height: 4px;
    position: relative;
    width: 40px;
    display: block;
    margin: 20px auto;
}

.contact-style-4-bold-p
{
    font-weight: 400;
    letter-spacing: 1px;
}


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

20. BLOG DOC

------------------------------------------------*/
.single-blog-tag a{
    line-height: 12px;
    padding: 8px 13px;
    display: inline-block;
    margin-right: 5px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #ffffff;
    background-color: #727170;
}
.single-blog-tag i{
    font-size: 16px;
    line-height: 16px;
    padding-top: 6px;
    margin-right: 20px;
    float: left;
}
.single-blog-social{
    margin-bottom: 40px;
    padding: 15px 20px;
    background-color: #717070;
    float: left;
    width: 100%;
}
.single-blog-social .social-title{
    font-size: 15px;
    line-height: 24px;
    font-weight: bold;
    float: left;
    margin-right: 20px;
    color: #e4e0e0;
}
.single-blog-social a{
    display: inline-block;
    margin-right: 10px;
    font-size: 16px;
    color: #fff;
    line-height: 22.5px;
}
.single-blog-social a i{
    line-height: inherit;
}
.single-blog-nav {
    margin: 0 0 40px;
    width: 100%;
    display: inline-block;
}
.single-blog-nav .previous-nav{
    padding-right: 10px;
    float: left;
}
.single-blog-nav .previous-nav a , .single-blog-nav .next-nav a , .post-comments .comment-reply a , .post-comments .comment-time{
    font-weight: 400;
    cursor: pointer;
}
.single-blog-nav .previous-nav a:hover, .single-blog-nav .next-nav a:hover , .post-comments a:hover {
    color: #999595;
}
.single-blog-nav .previous-nav i , .single-blog-nav .next-nav i{
    font-size: 18px;
    line-height: 20px;
    padding: 5px 12px;
    background: transparent;
}

.single-blog-nav .next-nav {
    padding-left: 10px;
    float: right;
}
.single-blog-nav .previous-nav i:before , .single-blog-nav .next-nav i:before{
    vertical-align:middle;
}
.post-comments .comment-title{
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 20px;
    padding-bottom: 8px;
    border-bottom-width: 0px;
    border-bottom-style: solid;
    letter-spacing: 2px;
    font-size: 13px;
    display: inline-block;
}
.post-comments .comment-list{
    list-style: none;
}
.post-comments .comment-list .children{
    list-style: none;
    margin-left: 40px;
}
.post-comments .comment-list .children .children{
    list-style: none;
    margin-left: 40px;
}
.post-comments .article-comment{
    margin-bottom: 50px;
    padding-bottom: 50px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}
.post-comments .comment-avatar{
    float: left;
    margin-right: 20px;
}
.post-comments .comment-area{
    overflow: hidden;
    position: relative;
}
.post-comments .comment-author{
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 10px;
}
.post-comments .comment-time{
    line-height: 20px;
    margin-bottom: 5px;
}
.post-comments .comment-time i{
    font-size: 16px;
    line-height: 20px;
    float: left;
    margin-right: 6px;
}
.post-comments .comment-time time{
    font-style: italic;
}
.post-comments .comment-reply{
    position: absolute;
    top: 0px;
    right: 0px;
    font-size: 15px;
}
.post-comments .comment-reply i{
    margin-right: 12px;
}
.post-comments .comment-content {
    margin-top: 15px;
}
.post-comments .comment-time i:before{
    vertical-align: middle;
}
.post-comments .comment-reply-title{
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 15px;
    padding-top: 10px;
    padding-bottom: 8px;
    border-bottom-width: 0px;
    border-bottom-style: solid;
    letter-spacing: 2px;
}
.post-comments .comment-form {
    width: 100%;
}
.comment-respond textarea.form-control {
    height: 150px;
}
.comment-respond .form-control{
    margin-bottom: 20px;
    border-radius: 0px;
    height:40px;
}
.comment-respond .form-control:focus{
    border-color: #c8c8c8;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(108, 109, 110, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(108, 109, 110, 0.6);
}
.comment-respond .button-custom{
    margin-left: 15px;
}
.comment-respond small{
    display:none;
}
.audio-blog {
    width: 100%;
    visibility: visible;
}
/*related post*/
.related-blog {
    float: left;
    margin-bottom: 40px;
}
.related-blog h4 {
    margin-bottom: 15px;
}
.related-blog .post-img img{
    width: 100%;
}
.related-blog .post-link{
    margin: 0px 0 15px;
    float: left;
    webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.related-blog .post-img a:hover {
    color: #999595;
}
.related-blog .post-title {
    padding: 5px 5px;
    margin: 5px 0;
    display: block;
    z-index: 1;
    position: relative;
}
.related-blog .post-link .post-title:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0;
    left: 0;
    z-index: -1;
    background: #dedede;
    top: 100%;
    transition: all .5s ease;
}
.related-blog .post-link:hover .post-title:after {
    top: 0;
    opacity: 1;
}
/*----------------------------------------------

20.1. LEFT SIDEBAR

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

.blog-container.sidebar-left .post-container{
    float: right;
}

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

20.2. RIGHT SIDEBAR

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

article {
    margin: 0px 0px 50px;
    border-bottom: 1px solid #e2e6ea;
}

.post .post-image {
    text-align: center;
    margin-bottom: 40px;
}

.post-image {
    position: relative;
}

.post-image img {
    width: 100%;
    height: 100%;
}

.post .post-date {
    text-align: center;
    float: left;
    padding: 10px 12px;
    margin-right: 28px;
    color: #ffffff;
    background-color: #787777;
    box-shadow: 2px 2px 0px #5C5751;
    -moz-box-shadow: 2px 2px 0px #5C5751;
    -webkit-box-shadow: 2px 2px 0px #5C5751;
}

.post .post-date span {
    display: block;
    line-height: 1;
    margin: 3px 0px 5px;
}

.post .post-date .post-date-day {
    font-size: 20px;
    font-weight: bold;
}

.post .post-date .post-date-month {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.post .post-content .entry-meta {
    line-height: 18px;
    font-size: 14px;
    margin-bottom: 10px;
    font-style: italic;
    display: inline-block;
}

.post .post-info {
    float: left;
    margin-right: 20px;
}

.post .post-info i {
    margin-right: 8px;
    color: #898582;
}

.post .post-info i:before {
    vertical-align: middle;
}

.post .post-content .post-title {
    font-size: 20px;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 20px;
    letter-spacing: 1px;
}

.post .post-content {
    overflow: hidden;
    margin-bottom: 40px;
}

.post .post-content .entry-content {
    margin-bottom: 30px;
    text-align: justify;
}

.post .post-content .excerpt-read-more {
    font-style: italic;
    font-size: 13px;
    letter-spacing: 1px;
    display: inline-block;
}

.post .post-content .excerpt-read-more i {
    margin-left: 15px;
}

.post .post-content .excerpt-read-more i:before {
    vertical-align: middle;
}

.entry-footer a:hover, .entry-footer i:hover {
    color: #050404;
    font-weight: 300;
}

.format-quote .blockquote {
    padding: 25px 0px;
}

.format-quote .blockquote::before {
    left: 0;
}

.format-link .link-post:before {
    content: "8";
    font-family: "linea-basic-10";
    font-size: 21px;
}

.link-post p {
    padding-left: 28px;
}
.post-image iframe{
    width:100%;
    height:420px;
}
.blog-pagination .pagination-ul{
    float: right;
    margin: 0 0 0px;
}
.custom-pagination.blog-pagination {
    float: right; width: 100%;
}

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

20.3. BLOG FULL WIDTH

------------------------------------------------*/
.blog-container.blog-fullwidth .post-image iframe{
    height: 636px;
}

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

20.4. BLOG BOTH SIDEBAR

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

.blog-container.sidebar-left-right .blog-container-left .post-container {
    float: right;
}
.blog-container.sidebar-left-right .post-image iframe {
    width: 100%;
    height: 310px;
}
/*left sidebar*/
.sidebar-container-left .widget_categories li:before , .sidebar-container-left .widget_archive li:before{
    content: "\e04b";
    font-family: "linea-arrows-10";
    text-align: center;
    position: absolute;
    left: 0;
    display: block;
}
.sidebar-container-left .widget_categories li a , .sidebar-container-left .widget_archive li a {
    display:inline-block;
    margin-left: 20px;
}
.sidebar-container-left .widget_categories li a:hover{
    opacity:0.7;
}
.sidebar-container-left .search-form{
    border-color: #eeeeee;
    position: relative;
}
.sidebar-container-left .search-form input.search-field{
    background-color: #eeeeee;
    height: 40px;
    border: 0;
    padding: 10px;
    width: 85%;
}
.sidebar-container-left .search-submit{
    position: absolute;
    right: 0;
    top: 0;
    margin:0;
    width: 40px;
    height: 40px;
    background-color: rgba(27, 26, 26, 0);
    background-image: url('../images/blog/icon-search.png');
    border: none;
    background-repeat: no-repeat;
    background-position: center center;
}
.sidebar-container-left .search-text{
    border: 1px solid #ADADAD;
    background-color: #696969;
}
.sidebar-container-left .widget_social .social-wrapper{
    float: left;
    text-align: center;
    margin-right: 4%;
    margin-bottom: 10px;
    color: #fff;
}
.sidebar-container-left .widget_social .social-wrapper a{
    background:#696969;
    color:#ffffff;
    position: relative;
    display: block;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
}
.sidebar-container-left .widget_social .social-wrapper a i{
    background: #232222;
    float: left;
    line-height: 40px;
    padding: 0px 8px;
    font-size: 1.1rem;
}
.sidebar-container-left .widget_social .social-wrapper .social-num{
    padding: 0 9px;
}
.sidebar-container-left .widget_social .social-wrapper:hover a{
    background:#232222;
}
.sidebar-container-left .widget_social .social-wrapper:hover a i{
    background: #696969;
}
.sidebar-container-left .widget_archive li a {
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    position:relative;
    left:0;
}
.sidebar-container-left .widget_archive li a:hover{
    left:7px;
}

.sidebar-container-left .sidebar{
    position: relative;
}
/*----------------------------------------------

20.5. BLOG WIDGETS

------------------------------------------------*/
.sidebar .widget {
    margin-bottom: 40px;
    overflow: hidden;
}

.sidebar .widget-title {
    position: relative;
    background: #696969;
    padding: 11px 15px;
    margin-bottom: 20px;
    border-left: 8px solid #232222;
    color: white;
}
.sidebar li a {
    display: block;
    color: #111010;
    font-weight: 400;
}
.sidebar.tag-cloud {
    display: inline-block;
}

.sidebar .tag-cloud a, .tag-cloud a:hover {
    color: #ffffff;
}

.sidebar .tag-cloud a {
    background-color: #7D7A7A;
}

.sidebar .tag-cloud a:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.tag-cloud a {
    font-size: 11px;
    float: left;
    padding: 5px 10px;
    margin-right: 7px;
    margin-top: 7px;
    font-weight: bold;
    text-transform: uppercase;
}
.widget:last-child{
    margin-bottom:0px;
}

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

21.1. PAGINATION DOC

------------------------------------------------*/
.section-small{
    padding: 50px 0;
}

.section-medium{
    padding: 75px 0;
}

.section-large{
    padding: 100px 0;
}


/*white & gray bg text*/
.section{
    background: #fff;
    box-shadow: 0 0px 4px #d2d2d2;
}
.section-parallax-image
{
    position:relative;

}
.section-parallax-image::before
{
    content: "";
    position:absolute;
    top:0;
    display:block;
    left:0;
    width:100%;
    height:100%;
}
.section .heading-title h1,
.section .breadcrumb-text,
.section .breadcrumb-text a:hover,
.section .breadcrumb-text > li + li::before,
.section .section-gray-background .heading-title h1,
.section .section-gray-background .breadcrumb-text,
.section.section-gray-background .breadcrumb-text a:hover,
.section .section-gray-background .breadcrumb-text > li + li::before{
    color:#000;
}

.section .heading-title p,
.section .breadcrumb-text a,
.section.section-gray-background .heading-title p,
.section.section-gray-background .breadcrumb-text a{
    color: RGBA(0, 0, 0, 0.61);
}

/*gray bg*/
.section-gray-background{
    background: #eee;
}
/*black bg*/
.section-black-background{
    background: #1a1a1a;
    box-shadow: 0 3px 5px #716d6d
}
/*parallex bg*/
.section-parallax-background{
    background-image: url(../images/header-images/page-header.jpg);
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
    box-shadow: 0 3px 5px #716d6d
}

.section.section-black-background .heading-title h1,
.section.section-black-background .breadcrumb-text,
.section.section-black-background .breadcrumb-text a:hover,
.section.section-parallax-background .heading-title h1,
.section.section-parallax-background .section-title h2,
.section.section-parallax-background .breadcrumb-text,
.section.section-parallax-background .breadcrumb-text a:hover{
    color: #fff;
}

.section.section-black-background .heading-title p,
.section.section-black-background .breadcrumb-text a,
.section.section-parallax-background .heading-title p,
.section.section-parallax-background .breadcrumb-text a{
    color: rgba(255, 255, 255, 0.8);
}

.section.section-black-background .breadcrumb-text > li + li::before,
.section.section-parallax-background .breadcrumb-text > li + li::before{
    color: #ccc;
}


.heading-title h1{
    font-size: 35px;
    font-weight: 400;
    line-height: 36px;
    letter-spacing: 5px;
    margin: 0;

}
.heading-title p{
    color: rgba(255, 255, 255, 0.7);
    margin: 20px 0 0;
    letter-spacing: 2px;
    line-height: 18px;
}

.breadcrumb-text{
    font-weight: 400;
    margin-top: 20px;
    float: right;
    padding: 0;
}
.breadcrumb-text li{
    float: left;
    padding: 0;
}
.breadcrumb-text > li + li::before {
    padding: 0 5px;
    content: "/\00a0";
}


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

21.3. BUTTONS DOC

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

.btn-container
{
    display: inline-block;
}
.btn-align{
    text-align: center;
}
.btn-divider
{
    margin:10px 0;
}
.button
{
    display: inline-block;
    cursor: pointer;
    outline: 0;
    white-space: nowrap;
    margin: 5px;
    font-weight: 400;
    text-transform: capitalize;
    letter-spacing: 1px;
    transition: all 0.2s ease-in-out;
}
.button-border
{
    border: 2px solid #444;
    background-color: transparent;
    color: #333;
}
.button-border:hover
{
    background-color: #444;
    color: #FFF;
}
.button-custom:hover .button-custom-hover {
    background-color: #444;
    color: #FFF;
}
.btn-align .button:not(.button-custom-hover),
.btn-align .btn-group,
.btn-align .btn-container {
    margin-bottom: 10px;
}
.button-mini
{
    font-size: 11px;
    line-height: 24px;
    padding: 0 14px;
}
.button-small
{
    font-size: 12px;
    line-height: 30px;
    padding: 0 17px;
}
.button-medium
{
    font-size: 14px;
    line-height: 32px;
    padding: 4px 22px;
}
.button-large
{
    font-size: 16px;
    line-height: 36px;
    padding: 4px 42px;
}
.button-xlarge
{
    font-size: 18px;
    line-height: 42px;
    padding: 4px 56px;
}
.button-desc
{
    font-size:22px;
    padding: 24px 34px;
    line-height: 18px;
}
.button-desc span {
    display: block;
    margin-top: 10px;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1px;
    font-style: italic;
    text-transform: none;
}
.button-custom-hover
{
    display: inline-block;
    text-transform: capitalize;
    background: black;
    color: white;
    margin-bottom: 5px;
}
.button-custom
{
    display: inline-block;
    cursor: pointer;
    position: relative;
    transition: background 0.4s 0.5s;
    -webkit-transition: background 0.4s 0.5s;
    -moz-transition: background 0.4s 0.5s;
    -ms-transition: background 0.4s 0.5s;
}
.button-custom:hover
{
    transition-delay: 0s;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
}
.button-custom:hover::before, .button-custom:hover::after {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.button-custom:hover::before, .button-custom:hover .button-custom-hover::after {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
}
.button-custom::before, .button-custom::after, .button-custom .button-custom-hover::before, .button-custom .button-custom-hover::after {
    content: '';
    display: inline-block;
    position: absolute;
    background-color: #000;
}
.button-custom::before {
    width: 3px;
    height: 100%;
    top: 0;
    left: 0;
}
.button-custom::before, .button-custom .button-custom-hover::after {
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
}
.button-custom::before {

    -webkit-transform-origin: bottom right;
    -moz-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    transform-origin: bottom right;
}
.button-custom .button-custom-hover::after {
    -webkit-transform-origin: top right;
    -moz-transform-origin: top right;
    -ms-transform-origin: top right;
    transform-origin: top right;
}
.button-custom::before, .button-custom::after {
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}
.button-custom:hover::after, .button-custom:hover .button-custom-hover::before
{
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
}
.button-custom::after {
    width: 100%;
    height: 3px;
    top: 0;
    left: 0;
}
.button-custom-hover::before, .button-custom-hover::after {
    -webkit-transition: all 0.15s ease-in;
    -moz-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in;
}
.button-custom-hover::before
{
    width: 100%;
    height: 3px;
    bottom: 0;
    right: 0;
}
.button-custom-hover::after {
    width: 3px;
    height: 100%;
    bottom: 0;
    right: 0;
}
.button-custom::after, .button-custom .button-custom-hover::before {
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
}
.button-custom::after {
    -webkit-transform-origin: right top;
    -moz-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top;
}
.button-custom .button-custom-hover::before  {
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
}


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

21.4. ALERT MESSAGES DOC

------------------------------------------------*/
/* Start border section */
/*.section-title{
    padding-top: 20px;
    text-align: center;
}*/


.custom-alert {
    position: relative;
    border-radius: 0;
    padding: 20px;
    border: 1px solid transparent;
    margin-bottom: 20px;
    transition: all 0.2s ease;
}
.custom-alert:hover {
    box-shadow: 0 5px 5px -5px #646464;
    transition: all 0.2s ease;
}
.custom-alert-success{
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #468847;
}
.custom-alert-info{
    color: #31708f;
    background-color: #d9edf7;
    border-color: #31708f;
}
.custom-alert-warning{
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #8a6d3b;
}
.custom-alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #a94442;
}
.custom-alert-default{
    background: #fff;
    border-color: gray;
}
.custom-alert i {
    font-size: 20px;
    float: left;
    padding: 4px 10px 0px 0px;
    font-weight: bold;
}
.custom-alert .close {
    text-align: center;
    position: absolute;
    box-sizing: content-box;
    right: -1px;
    top: -1px;
    height: 25px;
    width: 25px;
    opacity: 1;
    line-height: 25px;
    border: 1px solid;
    border-color: inherit;
    color: inherit;
    font-size: 15px;
}
/* End border section */

/* Start left border section */
.alert-left-border{
    border: 0;
    border-left: 5px solid;
}
/* End left border section */

/* Start bottom border section */
.alert-bottom-border {
    border-bottom: 5px solid;
    background-color: transparent;
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom-width: 3px;
    border-radius: 0;
    padding: 20px;
    font-weight: 100;
    line-height: 30px;
}
.alert-bottom-border i{
    float: left;
    width: 55px;
    font-size: 35px;
    line-height: 60px;
}
.alert-description{
    width: 78%;
    display: table;
    font-size: 20px;
}
/* End bottom border section */

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

21.5. CLIENT DOC

------------------------------------------------*/
.owl-item {
    -webkit-backface-visibility: visible;
}
.clients {
    border-color: #adabab;
    border-style: dashed;
    border-width: 0px 1px 1px 0px;
}

.clients-container {
    padding: 20px;
    margin-right: -15px;
    margin-left: -15px;
}

.clients-wrapper {
    position: relative;
    height: 220px;
    overflow: hidden;
    text-align: center;
}

.clients-header {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translateZ(10px);
    transform: translate(0% , -50%);
}

.clients-image {
    opacity: 1;
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
}

.clients-heading {
    text-transform: uppercase;
    -webkit-transition: all 0.35s ease;
    transition: all .35s ease;
    font-size: 22px;
    font-weight: 700;
    line-height: 30px;
}

.clients-content {
    position: absolute;
    top: 50%;
    width: 100%;
    opacity: 0;
    -ms-transform: translateY(100%);
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}


.clients-wrapper:hover .clients-header {
    z-index: -1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.clients-wrapper:hover .clients-image {
    opacity: 0;
    -ms-transform: scale(2, 2) translateY(8%);
    -webkit-transform: scale(2, 2) translate3d(0, 8%, 0);
    transform: scale(2, 2) translate3d(0, 8%, 0);
}

.clients-wrapper:hover .clients-heading {
    opacity: 0;
    -ms-transform: translateY(40%);
    -webkit-transform: translate3d(0, 40%, 0);
    transform: translate3d(0, 40%, 0);
}

.clients-wrapper:hover .clients-content {
    opacity: 1;
    -ms-transform: translateY(-50%);
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
}

.clients-hover {
    -webkit-user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
}

.clients-section .clients:nth-child(3n+3) {
    border-right-width: 0;
}

.clients-section .clients:nth-last-child(3), .clients-section .clients:nth-last-child(1), .clients-section .clients:nth-last-child(2) {
    border-bottom-width: 0;
}

/*2nd layout clients*/
.client-tab-content {
    border-right: 3px solid #221918;
}

.client-tab-content > .client-inner {
    padding: 25px 46px 25px 46px;
}

.client-position {
    line-height: 21px;
    color: #000;
}

.client-panel ul li {
    margin: 0 0 8px 0;
    padding: 12px 25px 12px;
    border-left: 3px solid #221918;
    color: #221918;
    position: relative;
    font-size: 16px;
    text-transform: uppercase;
    line-height: 22px;
}

.client-panel ul li.active {
    background: none repeat scroll 0 0 #000;
    border-left: 3px solid #000;
}

.client-panel ul li.active::before {
    content: "";
    left: 0;
    top: 50%;
    margin: -10px 0 0 -13px;
    border-top: 10px solid transparent;
    border-left: 0 solid transparent;
    border-right: 10px solid #000;
    border-bottom: 10px solid transparent;
    display: block;
    position: absolute;
}

.client-tab.active a {
    color: #fff;
}

.client-tab {
    background: none repeat scroll 0 0 #f8f8f8;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
}

.client-panel ul li a {
    color: #221918;
    -webkit-transition: all .0s ease-in-out;
    -moz-transition: all .0s ease-in-out;
    -ms-transition: all .0s ease-in-out;
    -o-transition: all .0s ease-in-out;
    transition: all .0s ease-in-out;
}

.client-description {
    color: rgb(98, 94, 94);
    line-height: 22px;
    padding: 10px 0;
    font-style: normal;
}

.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {
    height: 75px;
}

.client-panel .carousel-indicators {
    bottom: 0px;
    width: 100%;
    left: 0;
    margin-left: 0px;
    position: inherit;
}

.client-panel .carousel-indicators .active {
    text-align: left;
    width: 100%;
    height: 100%;
    margin: 0 0 8px 0;

}

.client-panel .carousel-indicators li {
    text-align: left;
    display: inherit;
    text-indent: 0px;
    border: none;
    border-radius: 0px;
    width: 100%;
    height: 100%;
    background: #fff;
}

/*third layout*/
.client {
    float: left;
    position: relative;
    width: 100%;
    height: 150px;
    -webkit-transition: all ease-in-out 1s;
    -moz-transition: all ease-in-out 1s;
    -ms-transition: all ease-in-out 1s;
    -o-transition: all ease-in-out 1s;
    transition: all ease-in-out 1s;
}

.client .clients-image {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    height: auto;
}

.client .client-title {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    top: -10px;
    opacity: 0;
    -webkit-transition: all ease-in-out .3s;
    -moz-transition: all ease-in-out .3s;
    -ms-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s;
}

.client .client-title span {
    padding: 4px 17px;
    background: #3E3E3E;
    color: #FFF;
    position: relative;
    display: inline-block;
}

.client .client-title span::after {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-top: 5px solid #3E3E3E;
    border-left: 5px solid rgba(0, 0, 0, 0);
    border-right: 5px solid rgba(0, 0, 0, 0);
    bottom: -5px;
}

.client:hover .client-title {
    opacity: 1;
}
/* Client slider */
.client-slider .client-img {
    padding: 50px 30px;
    background: #f2f2f2;
    border-radius: 0px;
    border: 1px solid #ddd;
    margin: 20px 0px 20px 0px;
    transition: all 0.3s ease;
}
.client-slider .client-img:hover{
    border: 1px solid #ddd;
    box-shadow: 0px 0px 8px #D4D1D1;
    transition: all 0.3s ease;
}
.client-slider img {
    transition: all 0.3s ease;
}
.client-slider .client-img:hover img {
    transform: scale(1.1);
    transition: all 0.3s ease;
}
/*client style-5 */

.clients-style-5 .client-box:nth-child(odd) {
    background: #f2f2f2;
}
.clients-style-5 .client-box:nth-child(even) {
    background: #fff;
}
.clients-style-5 .client-box:nth-child(6),
.clients-style-5 .client-box:nth-child(8),
.clients-style-5 .client-box:nth-child(14),
.clients-style-5 .client-box:nth-child(16),
.clients-style-5 .client-box:nth-child(17) ,
.clients-style-5 .client-box:nth-child(19)  {
    background: #f2f2f2;
}
.clients-style-5 .client-box:nth-child(5),
.clients-style-5 .client-box:nth-child(7),
.clients-style-5 .client-box:nth-child(13),
.clients-style-5 .client-box:nth-child(15),
.clients-style-5 .client-box:nth-child(18),
.clients-style-5 .client-box:nth-child(20) {
    background: #fff;
}
.clients-style-5  .client-img {
    text-align: center;
    padding: 60px 30px;
}

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

21.5. GALLERY DOC

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

/*gallery 1st layout*/

.gallery-space{
    padding-left: 7.5px;
    padding-right: 7.5px;
}
figure.border-effect {
    position: relative;
    text-align: center;
    cursor: pointer;
    background: #333;;
    margin-bottom: 15px;
}
figure.border-effect img {
    opacity: 0.7;
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
    width:100%;
    height:auto;
}
figure.border-effect .figcaption{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.gallery-space figure.border-effect .figcaption::before, .gallery-space figure.border-effect .figcaption::after {
    position: absolute;
    top: 17px;
    right: 17px;
    bottom: 17px;
    left: 17px;
    z-index: 0;
    content: '';
    opacity: 0;
    transition: all .5s ease, box-shadow .1s ease;
}
.gallery-space figure.border-effect .figcaption::before{
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: scale(0,1);
    transform: scale(0,1);
}
figure.border-effect .figcaption a{
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}
.gallery-space figure.border-effect .figcaption::after {
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform: scale(1,0);
    transform: scale(1,0);
}
figure.border-effect:hover img {
    opacity: 0.4;
}
.gallery-space figure.border-effect:hover .figcaption::before, .gallery-space figure.border-effect:hover .figcaption::after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    box-shadow: 0 0 0 30px rgba(255,255,255,0.2);
    transition :all .5s ease, box-shadow .25s linear .20s;
}
figure.border-effect:hover a {
    opacity: 1;
}
figure.border-effect .item-view {
    top: 50%;
    position: absolute;
    left: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
    -webkit-transform : translate(-50%, -50%);
}
figure.border-effect .item-view span{
    font-size: 30px;
    color: #fff;
}

/*gallery 2nd layout*/

.gallery-nospace{
    padding:0;
}
.gallery-nospace figure.border-effect {
    margin-bottom: 0px;
    background:none;
}
.gallery-nospace figure.border-effect img {
    opacity: 1;
}
.gallery-nospace figure.border-effect:hover img {
    opacity: 0.5;
}
.gallery-nospace figure.border-effect .item-view {
    top:0;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}
.gallery-nospace figure.border-effect:hover .item-view {
    top:50%;
}
.gallery-nospace  figure.border-effect .figcaption a{
    padding: 8px 10px 7px;
    display: inline-block;
    background: rgba(44, 42, 42, 0.4);
}
.gallery-nospace figure.border-effect .item-view span {
    float: left;
}

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

21.6. TEAM DOC

------------------------------------------------*/
.team{
    float: left;
    width:100%;
    margin-bottom: -30px;

}
.team-main{
    position: relative;
    overflow: hidden;
}
.team-main img{
    display: block;
    width:100%;
    height: auto;
}
.team-content{
    padding-top: 15px;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    width: 100%;
    color: #fff;
    -moz-transition: -moz-transform .6s ease,opacity .6s ease;
    -o-transition: -o-transform .6s ease,opacity .6s ease;
    -webkit-transition: -webkit-transform .6s ease,opacity .6s ease;
    transition: transform .6s ease,opacity .6s ease;
    opacity: 0;
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}
.team-content h4{
    color: inherit;
    padding: 6px 15px;
    margin: 0;
}
.team-position{
    padding: 0 15px;
    display: block;
}
.team-main:after{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: ' ';
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgi…3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0,0,0,0)),color-stop(100%, #333333));
    background-image: -moz-linear-gradient(rgba(0,0,0,0),#333333);
    background-image: -webkit-linear-gradient(rgba(0,0,0,0),#333333);
    background-image: linear-gradient(rgba(0,0,0,0),#333333);
    -moz-transition: opacity .6s ease;
    -o-transition: opacity .6s ease;
    -webkit-transition: opacity .6s ease;
    transition: opacity .6s ease;
}
.team-main:hover:after{
    opacity: 1;
}
.team-social-links{
    position: relative;
    padding: 8px 15px;
    margin-top: 15px;
    display: block;
    border: 0;
}
.team-main:hover .team-social-links:after{
    transition:width 1.5s ease 0.6s;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    width:100%;
}
.team-social-links:after{
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 1px;
    content: ' ';
    background-color: rgba(255,255,255,0.3);

    opacity: 1;
}
.team-main:hover .team-content {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}
.team-social-links a{
    color: inherit;
    padding: 0 14px;
    display: inline-block;
}
.team-main:hover .team-social-links a:nth-child(1) {
    -webkit-transition-delay: .8s;
    -o-transition-delay: .8s;
    -moz-transition-delay: .8s;
    transition-delay: .8s;
}
.team-main:hover .team-social-links a:nth-child(2) {
    -webkit-transition-delay: 1s;
    -o-transition-delay: 1s;
    -moz-transition-delay: 1s;
    transition-delay: 1s;
}
.team-main:hover .team-social-links a:nth-child(3) {
    -webkit-transition-delay: 1.2s;
    -o-transition-delay: 1.2s;
    -moz-transition-delay: 1.2s;
    transition-delay: 1.2s;
}
.team-main:hover .team-social-links a:nth-child(4) {
    -webkit-transition-delay: 1.4s;
    -o-transition-delay: 1.4s;
    -moz-transition-delay: 1.4s;
    transition-delay: 1.4s;
}
.team-social-links a{
    -moz-transform: translateY(150%);
    -ms-transform: translateY(150%);
    -webkit-transform: translateY(150%);
    transform: translateY(150%);
    -moz-transition: all .6s ease;
    -o-transition: all .6s ease;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
}
.team-main:hover .team-social-links a{
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}
/*---*/

.team-member-image{
    position: relative;
    overflow: hidden;
}
.team-member-image img{
    width:100%;
    height: auto;
}
.team-member-detail{
    opacity: 0;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    padding: 20px 23px 20px;
    font-size: 14px;
    font-weight: 300;
    color: #777;
    text-align: center;
    z-index: 2;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.team-member-detail h4{
    color: #111;
    margin-bottom: 4px;
}
.team-member-detail p{
    margin: 0 0 2em 0;
    color: #555;
}
.team-member-social-links a{
    display: inline-block;
    padding: 3px 7px;
    color: rgba(0,0,0, .4);
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.team-member-image:after{
    content: " ";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: transparent;
    z-index: 1;
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.team-member-name{
    color: #777;
    text-align: center;
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.team-name{
    color: #777;
    letter-spacing: 0.4em;
    margin-top: 23px;
    text-transform: uppercase;
}
.team-roal{
    margin-top: 4px;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.4em;
    color: #aaa;
}
.team-member:hover .team-member-image:after{
    background: rgba(255,255,255, 0.85);
}
.team-member:hover .team-member-detail{
    opacity: 1;
}
.team-member-social-links a:hover{
    color: #111;
}

/*-Start team with grid list-*/
.team-person{
    border: 1px solid #ccc;
    padding: 40px 30px;
    text-align: center;
}
.team-person-image{
    margin-bottom: 20px;
}
.team-person-imag img{
    display: block;
    max-width: 100%;
    height: auto;
}
.person-info{
    margin-bottom: 0px;
    letter-spacing: 5px;
}
.person-position{
    padding: 10px 0px 20px 0px;
    display: block;
}

.section-background-color-dark .person-other h5,
.section-parallax-image .person-other h5{
    color: #FFF;
}
.person-other h5{
    color: #555;
}

.person-other{
    text-align: center;
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    margin: 24px 0px;
}
.team-person .person-social {
    font-size: 15px;
}
.team-person .person-social a {
    margin-right: 10px;
}
.person-other h5{
    font-weight: 100;
    margin: 15px 0px;
}
.person-other .person-info span, .person-other .person-info p {
    letter-spacing: 1px;
    margin: 10px 0px;
}
.person-other .person-info h5 {
    margin: 12px 0px 8px 0px;
    letter-spacing: 1px;
    font-weight: bold;
}
.person-other .person-social {
    margin: 14px 0px 0px;
}
.person-other .person-social a{
    font-size: 15px;
}
.team-tooltip{
    visibility: hidden;
    background-color: #333;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 10px;
    position: absolute;
    z-index: 1;
    bottom: -40%;
    left: 0;
    opacity: 0;
    transition: all .3s ease-in-out;
}
.team-tooltip:after{
    content: "";
    position: absolute;
    top: -5px;
    left: 50%;
    margin-left: -5px;
    transform: rotate(45deg);
    background-color: #333333;
    height: 10px;
    width: 10px;
}
.person-other:hover .team-tooltip{
    visibility: visible;
    opacity: 1;
}
/*End team with grid list*/

/*team slider*/
a.right.carousel-right,
a.left.carousel-left{
    top: 64%;
    position: absolute;
    bottom: 100%;
}
a.right.carousel-right{
    right: 0;
    margin-right: -40px;
}
a.left.carousel-left {
    left: 0;
    margin-left: -40px;
}
.carousel-right i, .carousel-left i{
    font-size: 20px;
}
/*.carousel-control{
    top: 15%;
}*/
.carousel-control.left, .carousel-control.right {
    background-image:none;
}

.img-responsive{
    width:100%;
    height:auto;
}

.carousel-inner .active.left {
    left: -33.33%;
}
.carousel-inner .next {
    left:  33.33%;
}
.carousel-inner .prev {
    left: -33.33%;
}
.last-child-slider .active > div:first-child {
    display:block;
}
.last-child-slider .active > div:first-child + div {
    display:block;
}
.last-child-slider .active > div:last-child {
    display:none;
}
/* team last*/
.team-members {
    position: relative;
}
.team-members .team-member-image {
    background: #000;
}
.team-members .team-member-image img {
    transition: opacity 300ms ease-out, transform 300ms ease-out, filter 300ms ease-out;
    -moz-transition: opacity 300ms ease-out, -moz-transform 300ms ease-out, -moz-filter 300ms ease-out;
    -o-transition: opacity 300ms ease-out, -o-transform 300ms ease-out, -o-filter 300ms ease-out;
    -webkit-transition: opacity 300ms ease-out, -webkit-transform 300ms ease-out, -webkit-filter 300ms ease-out;
}
.team-members .team-member-image:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.team-members .team-member-image:hover img {
    opacity: 0.5;
}
.gdlr-core-page-builder-body img {
    max-width: 100%;
    height: auto;
}
.team-members .team-detail {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 99;
    padding: 10px 20px;
    background: rgba(9, 9, 9, 0.75);
}
.team-members .team-detail h6, .team-members .team-detail p {
    color: #ffffff;
}
.team-members .team-detail h6 {
    text-transform: uppercase;
    margin-bottom: 4px;
    font-size: 15px;
}
.team-members .team-detail p {
    font-size: 13px;
    font-style: italic;
}

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

21.7. ICON BOX DOC

------------------------------------------------*/
.section_content {
    color: #898989;
    font-size: 15px;
    line-height: 26px;
    margin: auto auto 15px;
    max-width: 800px;
    text-align: center;
}

.section-title{
    text-align: center;
    margin-bottom: 50px;
}
.title-separator-short {
    background-color: #E1E1E1;
    height: 2px;
    position: relative;
    width: 22px;
    display: block;
    margin: 15px auto;
}
.title-separator-medium {
    background-color: #E1E1E1;
    height: 2px;
    position: relative;
    width: 100px;
    display: block;
    margin: 15px auto;
}

.title-separator-large {
    background-color: #E1E1E1;
    height: 2px;
    position: relative;
    width: 300px;
    display: block;
    margin: 15px auto;
}





.icon-box {
    box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.16), 0 1px 7px 0 rgba(0, 0, 0, 0.12);
    border-radius: 3px;
    padding: 10px 25px;
    text-align: center;
    display: block;
    transition: all .5s ease;
    margin-top:40px;
    background-color: #F5F5F5;
}
.icon-box:hover{
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    transition: all .5s ease;
}
.box-icon-top {
    background-color: #5F5D5D;
    display: table;
    height: 55px;
    margin: 0 auto;
    width: 55px;
    margin-top: -39px;
    transform: rotate(45deg);
    margin-bottom: 25px;
}
.box-icon-top span {
    color: #fff;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    transform: rotate(-45deg);
    font-size: 26px;
    font-weight: bold;
}
.info h4 {

    font-size: 22px;
}
.info > p {
    color: #717171;
    font-size: 14px;
    padding: 10px 0px;
}




.icon-box-left {
    box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.16), 0 1px 7px 0 rgba(0, 0, 0, 0.12);
    margin-left: 38px;
    padding: 20px 20px 20px 55px;
    text-align: justify;
    position: relative;
    transition: all .5s ease;
    background-color: #F5F5F5;
}
.icon-box-left:hover{
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    transition: all .5s ease;
}
.box-icon-left {
    left: -27px;
    top: 50%;
    display: table;
    position: absolute;
    background-color: #5F5D5D;
    transform: rotate(45deg);
    width: 55px;
    height: 55px;
    margin-top: -27px;

}
.box-icon-left span {
    color: #fff;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    transform: rotate(-45deg);
    font-size: 26px;
    font-weight: bold;

}
.info-left h4{
    margin-bottom: 10px;
    font-size: 22px;
}
.info-left p{
    font-size: 14px;
    color: #717171;
}



.icon-box-center{
    box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.16), 0 1px 7px 0 rgba(0, 0, 0, 0.12);
    padding: 30px 25px;
    transition: all .5s ease;
    background-color: #F5F5F5;
    text-align: center;
}
.icon-box-center:hover{
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    /* transition: ease 0.5s all;*/
}
.box-icon-center > span {
    font-size: 35px;
    display: inline-block;
    margin-bottom: 20px;
}
.info-center-content h4{
    margin-bottom:10px;
}
.info-center-content h4{
    font-size: 22px;
}
.info-center-content p{
    font-size: 14px;
    color: #717171;
}

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

21.8. PRICING TABLES DOC

------------------------------------------------*/
.pricing-text-color h3,
.pricing-text-color p,
.pricing-text-color div
{
    color:#1a1a1a;
}
.pricing-table-item {
    background-color: #eee;
    text-align: center;
    position: relative;
    border: 1px solid #989595;
}
.pricing-title{
    padding: 15px 0;
    border-bottom: 2px solid #989595;
}
.pricing-price {
    font-size: 36px;
    font-weight: bold;
    /*color: #1a1a1a;*/
    padding: 25px 0;
}
.pricing-currency {
    font-size: 15px;
    vertical-align: top;
    line-height: 1em;
}
.pricing-period {
    font-size: 15px;
    font-weight: bold;
    /*color: #1a1a1a;*/
}
.pricing-table-item p {
    font-size: 13px;
    margin-bottom: 10px;
}
.pricing-feature ul{
    list-style: none;
    padding: 10px 0;
}
.pricing-feature li{
    line-height: 25px;
}
.pricing-feature ul > li:nth-child(2n+1) {
    background: rgba(98, 98, 98, 0.1) none repeat scroll 0 0;
}
.popular-tag{
    position: absolute;
    top: 0;
    right: 5px;
    width: 35px;
    height: 45px;
    z-index: 10;
    background-color: #4b4b4b;
}
.popular-tag:before{
    transform-origin: 0 100%;
    transform: skew(0deg,-20deg);
}
.popular-tag:before{
    content: '';
    position: absolute;
    width: 90%;
    height: 10px;
    z-index: -1;
    bottom: -8px;
    left: 0;
    background: inherit;
}
.popular-tag:after{
    transform-origin: 100% 100%;
    transform: skew(0deg,20deg);
}
.popular-tag:after{
    content: '';
    position: absolute;
    width: 90%;
    height: 10px;
    z-index: 1;
    bottom: -8px;
    right: 0;
    background: inherit;
}
.pricing-btn-container{
    padding: 0 0 15px 0;
}
.popular-price{
    transform: scale(1.10);
}



.pricing-table-with-box-shadow .pricing-table-item {
    background-color: #f7f7f7;
    border: 2px solid rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}
.pricing-table-with-box-shadow .pricing-table-item:hover {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    transition: all 0.3s ease-in;
}
.section-parallax-image.pricing-table-with-box-shadow .pricing-table-item:hover,
.section-background-color-dark.pricing-table-with-box-shadow .pricing-table-item:hover{
}
.section-background-color-dark.pricing-table-with-box-shadow .pricing-table-item:hover {
    box-shadow: 0 2px 5px 0 rgba(140, 130, 130, 0.83), 0 2px 10px 0 rgba(140, 130, 130, 0.83);
    transition: all 0.3s ease-in;
}
.pricing-table-with-box-shadow .pricing-title{
    border-bottom: none;
}
.pricing-table-with-box-shadow .pricing-price {
    font-size: 35px;
    padding: 25px 0;
    background: rgba(0, 0, 0, 0.02) none repeat scroll 0 0;
    border-bottom: 2px solid rgba(0, 0, 0, 0.05);
    line-height: 25px;
}
.pricing-table-with-box-shadow .pricing-currency {
    font-size: 20px;
    vertical-align: middle;
    line-height: 0;
}
.pricing-table-with-box-shadow .pricing-period {
    font-size: 13px;
    font-weight: 100;
}
.pricing-table-with-box-shadow .pricing-table-item p {
    margin: 20px 0;
}
.pricing-table-with-box-shadow .pricing-feature ul{
    padding: 0;
}
.pricing-table-with-box-shadow .pricing-feature li{
    padding: 11px 35px;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    color: #7d7b7b;
}
.pricing-table-with-box-shadow .pricing-feature ul > li:nth-child(2n+1) {
    background: rgba(0, 0, 0, 0.02) none repeat scroll 0 0;
}
.pricing-table-with-box-shadow .popular-tag:before{
    left: 0;
}
.pricing-table-with-box-shadow .pricing-btn-container{
    padding: 20px 0 20px 0;
    background: rgba(155, 150, 150, 0.1);
    border-top: 1px solid rgba(0, 0, 0, 0.05);
}



.pricing-with-background .pricing-table-item{
    border: 1px solid;
    z-index: 4;
    background: rgba(255, 255, 255, 0.05);
    vertical-align: middle;
    transition: all 0.5s ease;
    padding: 25px 15px;
}
.pricing-with-background .pricing-table-item:hover {
    transform: scale(1.05);
    transition: all 0.5s ease-in;
}
.pricing-with-background .pricing-title{
    padding: 15px 0 0 0;
    border-bottom: none;
    font-size: 28px;
    line-height: 40px;
}
.pricing-with-background .pricing-price {
    padding: 20px 0;
}
.pricing-with-background .pricing-table-item p {
    margin-bottom: 0;
}
.pricing-with-background .pricing-feature ul {
    padding: 20px 0;
}
.pricing-with-background .pricing-feature li {
    padding: 2px 0;
    border-top: none;
}
.pricing-with-background .pricing-feature ul > li:nth-child(2n+1) {
    background: none;
}
.pricing-with-background .pricing-btn-container{
    padding: 15px 0;
}
.pricing-with-background .pricing-btn-container{
    padding: 0 0 15px 0;
    background: none;
    border-top: none;
}


.pricing-left-title{
    background-color: #a5a5a5;
    float: left;
    width: 20%;
    position: relative;
    overflow: hidden;
    height: 400px;
    color: #FFF;
}
.pricing-left-title:hover {
    color: #FFF;
}
.pricing-title-text p{
    font-size: 18px;
    line-height: 25px;
    letter-spacing: 2px;
    position: absolute;
    bottom: 40px;
    left: 72%;
    -moz-transform-origin: 0% 100%;
    -webkit-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
}
.pricing-title-text .original-text{
    -moz-transform: rotate(-90deg) translateY(0%);
    -webkit-transform: rotate(-90deg) translateY(0%);
    -o-transform: rotate(-90deg) translateY(0%);
    -ms-transform: rotate(-90deg) translateY(0%);
    transform: rotate(-90deg) translateY(0%);
    width: 276px;
    transition: all .5s ease;
}
.pricing-with-left-title .pricing-title-text .hover-text{
    -moz-transform: rotate(-90deg) translateY(-150%);
    -webkit-transform: rotate(-90deg) translateY(-150%);
    -o-transform: rotate(-90deg) translateY(-150%);
    -ms-transform: rotate(-90deg) translateY(-150%);
    transform: rotate(-90deg) translateY(-150%);
    opacity: 0;
    letter-spacing: 3px;
    width: 276px;
    transition: all .5s ease;
}
.pricing-with-left-title:hover .pricing-title-text .original-text {
    -moz-transform: rotate(-90deg) translateY(150%);
    -webkit-transform: rotate(-90deg) translateY(150%);
    -o-transform: rotate(-90deg) translateY(150%);
    -ms-transform: rotate(-90deg) translateY(150%);
    transform: rotate(-90deg) translateY(150%);
    opacity: 0;
}
.pricing-with-left-title:hover .pricing-title-text .hover-text{
    -moz-transform: rotate(-90deg) translateY(0%);
    -webkit-transform: rotate(-90deg) translateY(0%);
    -o-transform: rotate(-90deg) translateY(0%);
    -ms-transform: rotate(-90deg) translateY(0%);
    transform: rotate(-90deg) translateY(0%);
    opacity: 1;
}
.pricing-contain-section{
    float: left;
    width: 80%;
    background-color:#D0CECE;
    color: #3a3a3a;
}
.populer-plan .pricing-left-title{
    background-color: #d0cece;
    color: #000;
}
.populer-plan .pricing-contain-section{
    background-color: #a5a5a5;
    color: #ffffff;
}
.populer-plan .price-section{
    border-bottom-color: #8e8e8e;
}
.price-section{
    padding: 25px 17px;
    border-bottom: 1px solid;
    overflow: hidden;
    border-bottom-color: #bbbbbb;
}
.price-section{
    margin:0;
}
.plan-price{
    font-size: 50px;
    line-height: 67px;
}
.plan-price span{
    font-size: 20px;
    line-height: 27px;
    float: left;
}
.duration-text{
    float: right;
    margin-right: 14px;
    transition: all .3s ease;
}
.pricing-with-left-title:hover .price-section .duration-text {
    margin-right: 8px;
    transition: all .3s ease;
}
.pricing-list-contain{
    padding: 10px 0;
    text-align: center;
}
.pricing-list-contain li{
    list-style: none;
}

.pricing-top-price .pricing-feature li {
    padding: 11px 35px;
    border-top: 2px dotted rgba(0, 0, 0, 0.05);
    color: #1a1a1a;
}
.pricing-top-price .pricing-btn-container {
    padding: 18px 0px;
    background: rgb(101, 98, 98);
}
.pricing-top-price .pricing-btn-container a {
    color: #fff;
    font-size: 17px;
    font-weight: bold;
    letter-spacing: 1px;
}
.pricing-top-price ul > li:nth-child(2n+1) {
    background: none;
}
.pricing-top-price .pricing-title {
    padding: 5px 0;
    border-bottom: none;
    color: #484848;
}
.pricing-top-price .pricing-price {
    position: relative;
    top: 0;
    right: 1px;
    width: 160px;
    z-index: 10;
    background-color: #505050;
    color: #fff;
    margin: 0 auto 35px;
    padding: 13px 0;
    text-transform: uppercase;
}
.pricing-top-price .pricing-price::after{
    content: '';
    position: absolute;
    width: 55%;
    height: 80%;
    z-index: -3;
    bottom: -37%;
    right: 0;
    transform-origin: 100% 100%;
    transform: skew(0deg,20deg);
    background: linear-gradient(#545252 5%, #8D8D8D);
}
.pricing-top-price .pricing-price::before{
    content: '';
    position: absolute;
    width: 55%;
    height: 80%;
    z-index: -1;
    bottom: -37%;
    left: 0;
    transform-origin: 0 100%;
    transform: skew(0deg,-20deg);
    background: linear-gradient(#545252 5%, #8D8D8D);
}
.pricing-top-price .pricing-period {
    font-size: 12px;
    margin-top: 10px;
    color: #fff;
}
.pricing-top-price .pricing-table-item {
    border: 1px solid #D7D4D4;
}

/* pri page */

.pricing-horizontal .pricing-feature {
    width: 70%;
}
.pricing-horizontal ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.pricing-horizontal .pricing-inner{
    background: #EEEEEE;
    display: table;
    overflow: hidden;
    border-bottom: 1px solid #ccc;
}
.pricing-horizontal ul li {
    float: left;
    width: 50%;
    padding: 6px;
    font-size: 15px;
}
.pricing-horizontal ul span{
    font-size: 15px;
    padding-right: 15px;;
}
.pricing-horizontal .pricing-btn {
    width: 30%;
    padding: 10px 0;
    text-align: center;
}
.pricing-horizontal .pricing-inner .pricing-feature{
    display: table-cell;
    vertical-align: middle;
    width: 62%;
    padding: 5px 0 5px 100px;
}
.pricing-horizontal .pricing-inner .pricing-btn {
    display: table-cell;
    vertical-align: middle;
    width: 20%
}
.pricing-horizontal .pricing-feature ul > li:nth-child(2n+1){
    background: none;
}
.pricing-horizontal .pricing-inner .pricing-title {
    padding: 0px 20px;
    position: relative;
    background: #d4d4d4;
    border: 0;
    width: 21%;
    display: table-cell;
    vertical-align: middle;
    z-index: 1;
}
.pricing-horizontal .pricing-inner .pricing-title h2 {
    font-size: 22px;
    line-height: 36px;
}
.pricing-horizontal  .pricing-main:nth-child(odd) .pricing-title{
    background: #e0e0e0;
}
.pricing-horizontal  .pricing-main:last-child .pricing-inner{
    border:none;
}
.pricing-horizontal .pricing-inner .pricing-title:before,
.pricing-horizontal .pricing-inner .pricing-title:after {
    content: " ";
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    background: #d4d4d4;
    z-index: -1;
}
.pricing-horizontal .pricing-main:nth-child(odd) .pricing-title:before,
.pricing-horizontal .pricing-main:nth-child(odd) .pricing-title:after {
    background:#e0e0e0;
}
.pricing-horizontal .pricing-inner .pricing-title:before {
    top: -50%;
    transform: skew(45deg);
}
.pricing-horizontal .pricing-inner .pricing-title:after {
    top: 50%;
    transform: skew(-45deg);
}
.pricing-horizontal .pricing-inner .price span{
    font-size: 25px;
    line-height: 36px;
}



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

21.9. TABS DOC

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

.custom-tab-nav
{
    border-bottom: 1px solid #909090;
}
.custom-tab-nav{
    padding: 0;
    display: block;
    list-style: none;
    margin: 0 0 15px 0;
}
.custom-tab ul li{
    display: inline-block;
    transition: border-color .3s ease;
    -moz-transition: border-color .3s ease;
    -webkit-transition: border-color .3s ease;
}
.custom-tab ul li a:hover{
    color: #000;
    transition: all 0s ease 0s;
    -moz-transition: all 0s ease 0s;
    -webkit-transition: all 0s ease 0s;
}
.custom-tab ul a{
    line-height: 1em;
    padding: 15px 20px;
    display: block;
    color: #444343;
    transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
}
.custom-tab-nav .active
{
    border-color: #1A1A1A;
    border-bottom: 2px solid;
}
.custom-tab-nav .active a{
    color: #000;
    font-weight: 400;
    font-size: 14px;
    transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
}
.tab-center{
    text-align: center;
}
.left-aligned-tab  ul
{
    width: 20%;
    border-bottom: 0;
    float: left;
    margin-bottom: 0;
    border-right: 1px solid #909090;
}
.left-aligned-tab ul li
{
    display: block;
    margin-right: -1px;
    margin-bottom: 0;
    border-right: 2px solid transparent;
    border-bottom: 0;
}
.left-aligned-tab ul li.active
{
    border-color: #1A1A1A;
    border-bottom: 0;
}
.left-aligned-tab .custom-tab-content{
    width: 80%;
    float: left;
    padding-left: 25px;
    display: block;
}
.right-aligned-tab  ul
{
    width: 20%;
    border-bottom: 0;
    float: right;
    margin-bottom: 0;
    border-left: 1px solid #d6d6d6;
}
.right-aligned-tab ul li
{
    display: block;
    margin-right: -1px;
    margin-bottom: 0;
    border-left: 2px solid transparent;
    border-bottom: 0;
}
.right-aligned-tab ul li.active
{
    border-color: #1A1A1A;
    border-bottom: 0;
}
.right-aligned-tab .custom-tab-content{
    width: 80%;
    float: left;
    padding-right: 25px;
    display: block;
}


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

21.10. TOGGLE ACCORDIONS DOC

------------------------------------------------*/
/* Toggle-Accordion */
.toggles,.accordions {
    padding: 0;
}
.toggle, .accordion {
    width: 100%;
    display: block;
    margin-bottom: 15px;
    padding: 0;
}
.toggle .toggle-title, .accordion .accordion-title {
    position: relative;
    display: block;
    line-height: 1.2em;
    padding: 20px;
    font-weight: 600;
    color: #2e2f31;
    text-transform: uppercase;
    transition: all 0.2s ease;
    letter-spacing: 1px;
}
.toggle .toggle-title::after, .accordion .accordion-title::after {
    position: absolute;
    font-family: linea-arrows-10;
    color: #2e2f31;
    font-size: 1.429em;
    right: 15px;
    transition: all 0.2s ease;
}
.toggle .toggle-content, .accordion .accordion-content {
    font-size: 15px;
    line-height: 25px;
    padding: 20px;
    display: none;
}
.toggle:last-child, .accordion:last-child {
    margin-bottom: 0px;
}

/* Toggle-Accordion 1 */
.toggle-1 .toggle .toggle-title, .accordion-1 .accordion .accordion-title {
    background-color: #DCDDDE;
}
.toggle-1 .toggle .toggle-title.toggle-active, .accordion-1 .accordion .accordion-title.accordion-active {
    color: #fff;
    background-color: #252525;
    transition: all 0.2s ease;
}
.toggle-1 .toggle .toggle-title::after, .accordion-1 .accordion .accordion-title::after {
    content: "\e04b";
}
.toggle-1 .toggle .toggle-title.toggle-active::after, .accordion-1 .accordion .accordion-title.accordion-active::after {
    color: #fff;
    transform: rotate(90deg);
}
.toggle-1 .toggle .toggle-content, .accordion-1 .accordion .accordion-content {
    background-color: #DCDDDE;
}

/* Toggle-Accordion 2 */
.toggle-2 .toggle, .accordion-2 .accordion {
    border: 1px solid #DCDDDE;
}
.toggle-2 .toggle .toggle-title::after, .accordion-2 .accordion .accordion-title::after {
    content: "\e046";
}
.toggle-2 .toggle .toggle-title.toggle-active::after, .accordion-2 .accordion .accordion-title.accordion-active::after {
    transform: rotate(90deg);
}

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

21.11. DROPCAPS DOC

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

.dropcaps {
    float: left;
    font-size: 40px;
    text-align: center;
    margin-right: 10px;
    margin-top: -8px;
}

.dropcaps-two-line {
    font-size: 40px;
    line-height: 55px;
    width: 55px;
}

.dropcaps-border {
    border: 1px solid rgba(132, 120, 120, 0.27);
}

.dropcaps-three-line {
    font-size: 50px;
    line-height: 75px;
    width: 75px;
}

.dropcaps-background {
    background: rgba(132, 120, 120, 0.27);
}

.dropcaps-circle {
    border: 1px solid rgba(132, 120, 120, 0.27);
    border-radius: 100px;
}

.dropcaps-circle-bg {
    background: rgba(132, 120, 120, 0.27);
    border-radius: 100px;
}

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

21.12. BLOCKQUOTE DOC

------------------------------------------------*/
.blockquote  {
    padding: 25px;
    position: relative;
    display: inline-block;
}
.blockquote:before {
    content: '"';
    position: absolute;
    left: 20px;
    font-size: 42px;
    color: #B3B3B3;
}
.blockquote p {
    font-size: 16px;
    padding-left: 28px;
    font-style: italic;
}
.blockquote .blockquote-info {
    font-size: 13px;
    color: #838486;
    font-style: normal;
    display: inline-flex;
    margin: 20px 0px 0px 28px;
}
.blockquote .blockquote-info:before{
    content: '\2014 \00A0';
}
.blockquote .blockquote-info-position{
    font-size: 13px;
    font-weight: 400;
}
/* Blockqoute left */
.blockquote-main-left {
    border-left: 4px solid #B3B3B3;
    background-color: #eee;
}
/* Blockqoute right */
.blockquote-main-right {
    border-right: 4px solid #B3B3B3;
}
/* Blockoute authore right */
.blockquote-authore-right .blockquote-info, .blockquote-border .blockquote-info {
    float: right;
    margin: 20px 5px 0px 0px;
}
/* Blockquote with border */
.blockquote-border {
    border-bottom: 1px solid;
    border-top: 1px solid;
}


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

21.13. COUNTER DOC

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

.counts {
    line-height: 45px;
    font-weight: 600;
    font-size: 30px;
    position: relative;
    color: #333;
}

.section-background-color-dark .counts,
.section-parallax-image .counts {
    color: #fff;
}
.counter-description {
    color: #1b1d1f;
    margin-top: 5px;
}

.counter-animate-motion-blur.counter-animated {
    display: inline-block;
    -moz-animation: motion-blur 0.6s cubic-bezier(0, 0, 0.15, 1) 1 forwards;
    -webkit-animation: motion-blur 0.6s cubic-bezier(0, 0, 0.15, 1) 1 forwards;
    -o-animation: motion-blur 0.6s cubic-bezier(0, 0, 0.15, 1) 1 forwards;
    -ms-animation: motion-blur 0.6s cubic-bezier(0, 0, 0.15, 1) 1 forwards;
    animation: motion-blur 0.6s cubic-bezier(0, 0, 0.15, 1) 1 forwards;
}

.counter-animate-motion-blur.counter-animated:nth-child(2) {
    -moz-animation-delay: .2s;
    -webkit-animation-delay: .2s;
    -o-animation-delay: .2s;
    -ms-animation-delay: .2s;
    animation-delay: .2s;
}

.counter-animate-motion-blur.counter-animated:nth-child(3) {
    -moz-animation-delay: .3s;
    -webkit-animation-delay: .3s;
    -o-animation-delay: .3s;
    -ms-animation-delay: .3s;
    animation-delay: .3s;
}

.counter-animate-motion-blur.counter-animated:nth-child(4) {
    -moz-animation-delay: .4s;
    -webkit-animation-delay: .4s;
    -o-animation-delay: .4s;
    -ms-animation-delay: .4s;
    animation-delay: .4s;
}

.counter-animate-motion-blur.counter-animated:nth-child(5) {
    -moz-animation-delay: .5s;
    -webkit-animation-delay: .5s;
    -o-animation-delay: .5s;
    -ms-animation-delay: .5s;
    animation-delay: .5s;
}

.counter-animate-motion-blur.counter-animated:nth-child(6) {
    -moz-animation-delay: .6s;
    -webkit-animation-delay: .6s;
    -o-animation-delay: .6s;
    -ms-animation-delay: .6s;
    animation-delay: .6s;
}

.counter-animate-motion-blur.counter-animated:nth-child(7) {
    -moz-animation-delay: .7s;
    -webkit-animation-delay: .7s;
    -o-animation-delay: .7s;
    -ms-animation-delay: .7s;
    animation-delay: .7s;
}

.counter-animate-motion-blur {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}


.counters
{
    background-color: rgba(134, 134, 134, 0.43);
    border: 2px solid rgba(135, 135, 135, 0.93);
}
.icon-pack
{
    background-color: rgba(135, 135, 135, 0.93);
}
.counters .counter-number
{
    color: rgb(225, 225, 225);
}
.counters .counter-text
{
    color: rgb(225, 225, 225);
}
.icon-pack img{
    width: 35px;
}
/*key frames*/

@-moz-keyframes motion-blur {
    0% {
        opacity: 0;
        -moz-transform: translate3d(0px, -100%, 0px);
        transform: translate3d(0px, -100%, 0px)
    }
    30% {
        opacity: 1;
        filter: blur(5px)
    }
    100% {
        filter: blur(0);
        -moz-transform: translate3d(0px, 0, 0px);
        transform: translate3d(0px, 0, 0px);
        opacity: 1
    }
}

@-webkit-keyframes motion-blur {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0px, -100%, 0px);
        transform: translate3d(0px, -100%, 0px)
    }
    30% {
        opacity: 1;
        -webkit-filter: blur(5px);
        filter: blur(5px)
    }
    100% {
        -webkit-filter: blur(0);
        filter: blur(0);
        -webkit-transform: translate3d(0px, 0, 0px);
        transform: translate3d(0px, 0, 0px);
        opacity: 1
    }
}

@keyframes motion-blur {
    0% {
        opacity: 0;
        -moz-transform: translate3d(0px, -100%, 0px);
        -ms-transform: translate3d(0px, -100%, 0px);
        -webkit-transform: translate3d(0px, -100%, 0px);
        transform: translate3d(0px, -100%, 0px)
    }
    30% {
        opacity: 1;
        -webkit-filter: blur(5px);
        filter: blur(5px)
    }
    100% {
        -webkit-filter: blur(0);
        filter: blur(0);
        -moz-transform: translate3d(0px, 0, 0px);
        -ms-transform: translate3d(0px, 0, 0px);
        -webkit-transform: translate3d(0px, 0, 0px);
        transform: translate3d(0px, 0, 0px);
        opacity: 1
    }
}

/*2nd layout*/
.counters {
    position: relative;
    padding: 40px 30px;
    background-color: rgba(168, 168, 168, 0.4);
    border: 2px solid #a3a4ad;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.counter-icon {
    margin-bottom: 15px;
    text-align: center;
}

.icon-pack i:before {
    vertical-align: middle;
}

.counter-icon-pack, .counter-circle {
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.counter-number {
    font-size: 40px;
    text-align: center;
    font-weight: 700;
    line-height: 69px;
}

.icon-pack {
    display: inline-block;
    color: #fff;
    font-size: 35px;
    padding: 18px;
    margin: 0;
    text-align: center;
    background-color: rgba(51, 51, 51, 0.7);
}

.counter-text {
    font-size: 19px;
    line-height: 20px;
    text-align: center;
    display: block;
}

/*3rd layout*/
.counter-square {
    margin: auto;
}

.count-square-title {
    font-size: 35px;
    font-weight: 400;
    margin-bottom: 15px;
    line-height: 35px;
}

.counter-square .counter-text {
    text-align: left;
}

/*4th layout*/
.counter-circle {
    text-align: center;
}

.counter-circle .circle-variant {
    display: inline-block;
    border: 2px solid;
    padding: 4px;
    border-radius: 50%;
    margin-bottom: 20px;

}

.counter-circle-inner {
    width: 170px;
    height: 170px;
    line-height: 170px;
    border-radius: 50%;
    text-align: center;
    border-width: 2px;
    border-style: solid;
}

.count-title {
    font-size: 40px;
    vertical-align: middle;
}

/* CountDown Doc */


.countdown-wrapper
{
    margin: 0;
    list-style: none;
    text-align: center;
    width: 100%;
}
.countdown-item
{
    width: 15%;
    display: inline-block;
    margin: 0px 12px;
}
.timestamp{
    font-size: 70px;
    font-weight: 300;
    display: block;
    line-height: 1;
}
.timpstamp-title
{
    font-size: 16px;
    display: block;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-top: 15px;
}


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

21.14. PROGRESS BAR DOC

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

.progress-bar-elements:first-child {
    padding-top: 0;
}
.progress-bar-elements{
    padding-top: 15px;
}
.progress-bar-container
{
    margin-bottom: 5px;
}
.progress-bar-title{
    display: inline-block;
}
.progress-bar-value{
    float: right;
    font-weight: 400;
}
.barfill {
    width: 100%;
    height: 10px;
    background: #f4f5f5;
    border: 1px solid #ccc;
    position: relative;
    box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,.5);
    -moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,.5);
}
.barfill .progress-bar-fill {
    display: block;
    position: relative;
    width: 0px;
    height: 100%;
    background:#1A1A1A;
    z-index: 1;
}
.barfill .progressbar-tip {
    margin-left: 5px;
    margin-top: -30px;
    padding: 0px 4px;
    font-size: 11px;
    color: #fff;
    left: 0px;
    position: absolute;
    z-index: 2;
    background: #333;
}
.progress-bar .tooltip{
    top: -30px !important;
    position:relative;
    float:right;
}
.progress-bar .tooltip > .tooltip-inner {

    font-size:11px;
}
.popOver + .tooltip > .tooltip-arrow {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #000;
}
.progress{
    border-radius:0;
    overflow:visible;
}
.progress-bar{
    -webkit-transition: width 1.5s ease-in-out;
    transition: width 1.5s ease-in-out;
}
.progress-wrapper .progress-bar
{
    background:#1A1A1A;
}
.progress-wrapper {

    height: 10px;
    margin-bottom: 0px;
}
.progress:last-child {
    margin-bottom: 0px;
}

/* pie chart */
.piechart-title{
    display: inline-block;
    position: relative;
    text-align: center;
}
.pie-value {
    font-weight: 400;
    display: block;
    font-size: 18px;
    height: 40px;
    left: 0;
    line-height: 40px;
    margin-top: -20px;
    position: absolute;
    top: 42%;
    right: -9px;
}
.pie-chart-text {
    display: block;
    font-size: 14px;
    height: 40px;
    left: 0;
    line-height: 40px;
    position: absolute;
    top: 45%;
    right: -9px;
    letter-spacing: 1px;
    margin: 5px 0 0;
    text-transform: uppercase;
}
.custom-pie-value
{
    background: #EEEEEE;
    width: 100px;
    height: 100px;
    display: block;
    color: #000;
    border-radius: 300px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -50px 0 0 -50px;
    font-size: 18px;
    text-align: center;
    box-shadow: inset 0 0 10px -2px rgba(0,0,0,.18);
    line-height: 100px;

}
.custom-pie-chart-text
{
    display: block;
    font-size: 14px;
    letter-spacing: 1px;
    margin: 5px 0 0;
    text-transform: uppercase;
}

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

21.15. HIGHLIGHT DOC

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

.highlight {
    background-color: rgba(22, 23, 23, 0.19);
    color: #060606;
    padding: 0 3px;
}

.hl-black-bg {
    background-color: rgba(6, 15, 15, 0.84);
    color: #fff;
}

.highlight.hl-font-big {
    background-color: transparent;
    color: #1a1a1a;
    font-size: 18px;
    font-weight: 500;
}

.highlight.hl-font {
    background: none;
    font-weight: 500;
    color: #211e1e;
}

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

21.16. STATEMENT DOC

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

.statement-main{
    text-align: center;
    font-size: 60px;
    line-height: 72px;
    font-weight: 100;
}
.statement-main span {
    display: block;
}
.statement-first{
    margin-bottom: 10px;
}
.statement-second{
    text-transform: uppercase;
    color: rgb(144, 144, 144);
    margin-bottom: 10px;
}
.statement-layout-2 .statement-second{
    color: rgb(146, 142, 142);
}
.statement-third{
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 3px;
}


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

21.16. SEPARATER DOC

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

.hr-short {
    height: 20px;
    line-height: 20px;
    margin: 10px 0;
    float: none;
}
.hr {
    clear: both;
    display: block;
    width: 100%;
    height: 25px;
    position: relative;
}
.main_color .hr-short .hr-inner {
    background-color: #ffffff;
}
.hr-short .hr-inner {
    width: 10%;
    left: 50%;
    margin-left: -5%;

}

.hr-large {
    height: 20px;
    line-height: 20px;
    margin: 10px 0;
    float: none;
}

.hr-large .hr-inner {
    width: 100%;
    left: 50%;
    margin-left: -50%;
}

.hr-medium {
    height: 20px;
    line-height: 20px;
    margin: 10px 0;
    float: none;
}
.hr-medium .hr-inner {

    width: 32%;
    left: 50%;
    margin-left: -16%;

}

.hr-inner {
    position: absolute;
    height: 1px;
    top: 50%;
    margin-top: -1px;
    border-top-width: 1px;
    border-top-style: solid;
    color: #D1D1D1;
}
.hr-inner-style {

    height: 9px;
    width: 9px;
    border-width: 2px;
    border-style: solid;
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -5px;
    margin-top: -5px;
    background-color: #FFF;
}
.hr-short-square{
    transform: rotate(45deg);
}
.hr-short-circle
{
    border-radius: 20px;
}

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

21.17. 500 ERROR PAGE DOC

------------------------------------------------*/
.main-image-500
{
    display: table;
    margin: 0 auto;
    position: absolute;
    width: 100%;
    height: 100%;
}
.main-page-content-500-error {
    display: table-row;
    vertical-align: middle;
}
.page-content-500-error{
    text-align: center;
}

.page-content-500-error h1{
    color:#fff;
    font-size: 130px;
    line-height: 140px;
    margin-bottom: 30px;
    text-shadow:5px 4px #8C8C8B;


}
.page-content-500-error p{
    color:#fff;
    font-size: 35px;
    text-shadow: 2px 2px #8C8C8B;
    font-weight: 400;
    line-height: 40px;
    margin-bottom: 30px;
}
#top-image-500 {
    background: url('../images/main-back.png') -25px -50px;
    top: 0;
    width: 100%;
    z-index: 0;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}
#top-image-500::before
{
    content: '';
    box-shadow: inset 0 0 200px #000000;
    top: 0px;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.82);
    bottom: 0px;
    left: 0;
    width: 100%;
}

.main-image-500 .back-image-color-500 {
    position: relative;
    float: left;
    width: 100%;
    margin: 25px 0;
}
.section-main-500
{
    position: static;
}
.content-500-p
{
    color: #fff;
    font-size: 14px;
    text-align: center;
}
.content-500-p a
{
    color: #fff;
    font-size: 16px;
}
.page-content-500-error a
{
    margin-bottom: 30px;
    display: inline-block;
}

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

21.18. 404 ERROR PAGE DOC

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


.button-error-border {
    border: 1px solid #fff;
    background-color: transparent;
    color: #fff;
}
#top-image {
    background: url('../images/main-back.png') -25px -50px;
    top: 0;
    width: 100%;
    z-index: 0;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}
#top-image::before {
    content: '';
    box-shadow: inset 0 0 200px #000000;
    top: 0px;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.82);
    bottom: 0px;
    left:0;
    width: 100%;
}
.main-image-404
{
    display: table;
    margin: 0 auto;
    position: absolute;
    width: 100%;
    height: 100%;

}
.main-image-404 .back-image-color
{
    position: relative;
    float: left;
    width: 100%;
    margin: 25px 0;
}

.main-image-404 .page-content-error a
{
    margin-bottom: 40px;
    display: inline-block;
}
.main-image-404 .content-404-p
{
    text-align: center;
    margin-top: 30px;
    color:#fff;
}
.main-image-404 .content-404-p a
{
    color:#fff;
    cursor:pointer;
    font-size: 16px;
}
.section-main-404
{
    position: static;
}
.main-page-content-error {
    display: table-row;
    vertical-align: middle;
}
.page-content-error{
    text-align: center;
}
.page-content-error h1{
    color:#fff;
    font-size: 130px;
    line-height: 140px;
    margin-bottom: 30px;
    text-shadow:5px 4px #8C8C8B;


}
.page-content-error p{
    color:#fff;
    font-size: 35px;
    text-shadow: 2px 2px #8C8C8B;
    font-weight: 400;
    line-height: 40px;
    margin-bottom: 30px;
}
.form-error-class{
    text-align: center;
    padding: 10px;
}
.form-error-class button{
    margin: 0px;
}
.custom-error-form-group{
    display: inline-block;
    margin-right: 3px;
}

.error-search-input{
    border: 1px solid #fff;
    padding: 6px 10px;
    height: 41px;
    max-width: 100%;
    background: transparent;
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    width: 380px;
    font-size: 14px;
    color: #fff
}

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

21.19. COMING SOON PAGE DOC

------------------------------------------------*/
.coming-content-section
{
    display: table;
    height: 100%;
    margin: 0 auto;
}
.coming-content-inner
{
    display: table-cell;
    vertical-align: middle;
}
.section-coming-main{
    position: relative;
    height: 300px;
}
.section-coming-main .coming-soon-bg {
    position: fixed;
    z-index: 0;
    top: 0;
    background: url('../images/main-back.png');

    background-repeat: no-repeat;
    background-position: center center;
    bottom: 0;
    width: 100%;
    animation-duration: 20s;
    animation-iteration-count: infinite;
    animation-name: pulseSlow;
    animation-timing-function: linear;
}
.section-coming-main img{
    width: 100%;
    position: absolute;
}
.coming-img-color{
    height: 100%;
    position: relative;
}
@keyframes pulseSlow {
    0%, 100% {
        transform: scale(1.1);
    }
    50% {
        transform: scale(1);
    }
}
.comming-heading h2{
    color: #fff;
    font-size: 30px;
    text-align: center;
    margin-bottom: 5px;
    text-transform: uppercase;
}
.comming-heading p{
    text-align: center;
    margin-bottom: 50px;
    color:#fff;
}
.countdown-comming .countdown-item
{
    width: 12%;
    display: inline-block;
    margin: 0px 12px;
    border: 2px solid rgba(255, 255, 255, 0.25);
    border-radius: 25px 0;
    padding: 15px 0px;
}
.countdown-comming  .timpstamp-title {
    font-size: 13px;
    display: block;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-top: 15px;
    color: #fff;
}
.countdown-comming  .timestamp {
    font-size: 40px;
    font-weight: 600;
    display: block;
    line-height: 1;
    color: #fff;
}
.countdown-comming{
    background-color: rgba(9, 9, 9, 0.75);
    padding: 100px 30px;
    margin: 30px 0px;
}
.countdown-comming  .countdown-wrapper {
    padding-bottom: 50px;
}

.form-comming-class{
    text-align: center;
    padding: 10px;
    margin-bottom: 50px;
}
.form-comming-class button{
    margin: 0px;
}
.custom-comming-form-group{
    display: inline-block;
    margin-right: 3px;
}

.coming-sub-input{
    border: 1px solid #fff;
    padding: 6px 10px;
    height: 41px;
    max-width: 100%;
    background: transparent;
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    width: 380px;
    font-size: 14px;
    color: #fff
}
.coming-footer{
    color: #fff;
    text-align: center;

}
.coming-icon-footer
{
    text-align: center;
    margin-bottom: 10px;
}
.coming-icon-footer a
{
    color: #fff;
    font-size: 18px;
    margin: 0px 5px;
}


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

21.20. MAINTENANCE PAGE DOC

------------------------------------------------*/
.maintenance-main-section
{
    position: initial;
}
.maint-content-section
{
    display: table;
    height: 100%;
    margin: 0 auto;
    top: 0;
    bottom: 0;
    width: 100%;
    position: absolute;
}
.maint-content-inner
{
    display: table-cell;
    vertical-align: middle;
}
.section-maint-main .maint-bg {
    position: fixed;
    z-index: -1;
    top: 0;
    background: url('../images/main-back.png');
    background-repeat: no-repeat;
    background-position: center center;
    bottom: 0;
    width: 100%;
    animation-duration: 20s;
    animation-iteration-count: infinite;
    animation-name: pulseSlow;
    animation-timing-function: linear;
}
.maint-heading img
{
    margin-bottom: 60px;
}
@keyframes pulseSlow {
    0%, 100% {
        transform: scale(1.1);
    }
    50% {
        transform: scale(1);
    }
}
.maint-heading h2{
    color: #000;
    font-size: 45px;
    text-align: center;
    margin-bottom: 30px;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-weight: 600;
}
.maint-heading p{
    text-align: center;
    margin-bottom: 80px;
    color: #000;
    font-size: 18px;
    padding:0 15%;
    line-height: 30px;
}
.countdown-maint .countdown-item
{    width: 22%;
    display: inline-block;
    margin: 0px 12px;
    border: 1px solid #c9c9c9;
    padding: 70px 0px;
    background-color: rgba(255, 255, 255, 0.37);
}

.countdown-maint  .timpstamp-title {
    font-size: 17px;
    display: block;
    text-transform: capitalize;
    letter-spacing: 2px;
    margin-top: 30px;
    color: #000;
}
.countdown-maint  .timestamp {
    font-size: 45px;
    font-weight: 600;
    display: block;
    line-height: 1;
    color: #000;
}
.countdown-maint{
    margin:  50px 0px;
    text-align: center;
}
.countdown-maint  .maint-wrapper {
    padding-bottom: 80px;
}
.maint-footer{
    text-align: center;
    color: #000;
    font-weight: 400;
    font-size: 15px;
}

#snow{
    background-image: url('../images/maintenance/s1.png'), url('../images/maintenance/s1.png'), url('../images/maintenance/s1.png');
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index:0;
    -webkit-animation: snow 10s linear infinite;
    -moz-animation: snow 10s linear infinite;
    -ms-animation: snow 10s linear infinite;
    animation: snow 10s linear infinite;
}
@keyframes snow {
    0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
    50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
    100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}
@-moz-keyframes snow {
    0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
    50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
    100% {background-position: 400px 1000px, 200px 400px, 100px 300px;}
}
@-webkit-keyframes snow {
    0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
    50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
    100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}
@-ms-keyframes snow {
    0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
    50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
    100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}



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

21.21. PAGINATION DOC

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

.pagination a, .pagination-ul a{
    padding: 9px 12px 3px 12px;
}
.pagination-ul{
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}
.custom-pagination li a{
    color: #333;
    margin: 0 5px;
    padding: 8px 15px;
    line-height: 34px;
    border: none;
    border-radius: 0;
}
.pagination-ul li{
    float: left;
    list-style: none;

}
.custom-pagination li.active a{
    color: #fff;
    cursor: default;
    background-color: #777;
    box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);
}
.custom-pagination .pagination>li>a:hover{
    color: #fff;
    cursor: default;
    background-color: #777;
}
.pagination-center{
    text-align: center;
}


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

21.22. PROCESS-STEP DOC

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


/*-- Start process steps --*/
.process-main{
    /*position: relative;*/
    text-align: center;
}
.process-content .process:first-child .process-icon-main:after {
    display: none;
}
.process-content .process:last-child .process-icon-main:before {
    display: none;
}
.process-main h6{
    text-transform: uppercase;
    margin: 10px;
}
.process-icon-main:before {
    content: '';
    position: absolute;
    top: 50px;
    right: -30px;
    width: 55%;
    height: 1px;
    background: #cccccc;
    z-index: 4;
}
.process-icon-main:after {
    content: '';
    position: absolute;
    top: 50px;
    left: -30px;
    width: 55%;
    height: 1px;
    background: #cccccc;
    z-index: 4;

}
.process-icon-main i{
    padding: 25px 25px 15px;
    background: #555;
    line-height: 100px;
    box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.14);
    position: relative;
    z-index: 7;
    font-size: 36px;
    color: #ffffff;
}
/*-- End process step --*/
/*--- Start work process----*/
.process-title, .process-title .section_content{
    text-align: left;
}
.process-title.section-title h2 {
    margin-bottom: 15px;
}
.process-title .title-separator-short {
    display: none;
}

.work-process-content{
    margin-bottom: -65px;
    width:100%;
    float:left;
}

.work-process-title{
    text-transform: uppercase;
    padding: 22px 25px 24px;
    margin-bottom: 30px;
    border-left: #fff 2px solid;
    color: #fff;
}

.work-process-inner{
    position: relative;
    padding-left: 70px;
    padding-bottom: 15px;
}
.work-process-inner i{
    left: 0;
    top: 7px;
    font-size: 40px;
    position: absolute;
}

/*--- End work process----*/
/*-- Start basic process --*/
.step-spacing{
    margin-right: -25px;
    margin-left: -25px;
}
.step-spacing>[class*="col-"] {
    padding-right: 25px;
    padding-left: 25px;
}
.steps{
    color: #535353;
    padding: 25px;
    position: relative;
    border-radius: 5px;
    background-color: #ededed;
}
.steps-content{
    z-index: 1;
    position: relative;
}
.steps:after{
    margin-top: 0;
    top: 0;
    right: -5px;
    background-color: #eee;
    width: 40%;
    height: 100%;
    border-radius: 5px;
    -webkit-transform: skewX(-12deg);
    -ms-transform: skewX(-12deg);
    transform: skewX(-12deg);
    -webkit-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    transform-origin: bottom right;
}
.steps-content h5{
    margin-bottom: 10px;
}
.steps:after{
    content: '';
    position: absolute;
}
.steps:before{
    margin-top: 0;
    top: 0;
    left: -5px;
    background-color: #ededed;
    width: 40%;
    height: 100%;
    border-radius: 5px;
    -webkit-transform: skewX(-12deg);
    -ms-transform: skewX(-12deg);
    transform: skewX(-12deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
}
.steps:before{
    content: '';
    position: absolute;
}
.steps-content i{
    font-size: 28px;
    top: 20%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    left: -10px;
}
.steps .step-info{
    overflow: hidden;
    margin-left: 30px;
}
.steps.active-step, .steps.active-step:before, .steps.active-step:after {
    background-color: #999;
}
.steps.active-step h5, .steps.active-step p, .steps.active-step i{
    color: #fff;
}
.step-spacing .step:first-child .steps:before {
    display: none;
}
.step-spacing .step:last-child .steps:after {
    display: none;
}


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

21.23. FEATURE BOX DOC

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

.feature h3, .feature-boxes h3, .feature-boxes-1 h3 {
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 10px;
}
.feature i,
.feature-boxes i,
.feature-boxes-1 i {
    height: 43px;
    font-size: 20px;
    float: left;
    padding: 10px;
    background: rgba(70, 69, 69, 0.79);
    border: 1px solid rgba(26, 26, 26, 0.79);
    color: #fff;
    transition: all 0.3s ease;
}

/* Feature 1 */
.main-feature-box
{
    display: table;
    width: 100%;
}
.feature-img{
    display: table-cell;
    vertical-align: middle;
    width: 33%;
}

.feature
{
    display: table-cell;
    vertical-align: middle;
}
.feature .section-title {
    text-align: left;
    margin-bottom: 25px;
}
.feature .title-separator-short {
    margin: 10px 0px;
}
.feature .feature-box {
    margin-top: 30px;
}
.feature .row {
    margin-top: -30px;
}
.feature .feature-box:hover i {
    background: #BBB8B8;
    border: 1px solid #000;
    color: #000;
    transition: all 0.3s ease;
}
.feature .feature-name {
    padding-left: 65px;
}
.feature-img img {
    width: 100%;
}

/* Feature 2 */
.feature-boxes .feature-box, .feature-boxes-1 .feature-box {
    background: #D0CECE;
    text-align: center;
    padding: 30px 15px 35px 15px;
    transition: .3s;
}
.feature-boxes .feature-box:hover {
    background: #E2E0E0;
    transition: .3s;
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
}
.feature-boxes .feature-box:hover:before, .feature-boxes .feature-box:focus:before, .feature-boxes .feature-box:active:before {
    opacity: 1;
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
}
.feature-boxes .feature-box:before {
    pointer-events: none;
    position: absolute;
    content: '';
    top: 100%;
    left: 9%;
    height: 10px;
    width: 80%;
    opacity: 0;
    background: radial-gradient(ellipse at center, rgba(142, 141, 141, 0.35) 0%, rgba(115, 115, 115, 0) 80%);
    transition: all 0.3s ease;
}
.feature-boxes i, .feature-boxes-1 i {
    display: inline-block;
    float: none;
}
.feature-boxes h3, .feature-boxes-1 h3 {
    margin: 25px 0px 15px;
    color: #000;
}
.feature-boxes p, .feature-boxes-1 p {
    color: #000;
}
.feature-boxes .feature-name, .feature-boxes-1 .feature-name {
    overflow: hidden;
    clear: both;
}

/* Feature 3 */
.flip-feature-box {
    height: 243px;
}
.flip-feature-box .back .feature-box {
    background: #E2E0E0;
}
.feature img, .feature-boxes img, .feature-boxes-1 img {
    height: 35px;
    font-size: 20px;
    dding: 10px;
    color: #2a2a2a;
    transition: all 0.3s ease;
}
/* single portfolio*/
.single-portfolio-name{
    color: #fff;
}
/*----------------------------------------------

21.24. LATEST-NEWS

------------------------------------------------*/
.latest-news .post-thumbnail {
    position: relative;
    overflow: hidden;
}
.latest-news img , .our-news .post-thumbnail img , .news .post-thumbnail img{
    width:100%;
    height:auto;

}
.latest-news .post-content {
    margin: 15px 0 0;
}
.latest-news img{
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -ms-transition: all 1s;
    transition: all 1s;
}
.latest-news:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.latest-news .post-title{
    letter-spacing: 2px;
    margin: 0px 0px 5px;
    font-weight: 500;
    text-transform: uppercase;
}
.latest-news .post-date{
    font-size: 12px;
    color: #757a86;
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

/*2nd*/

.our-news , .news{
    position:relative;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -ms-transition: all 1s;
    transition: all 1s;
}
.our-news:hover {
    box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.25);
    -khtml-box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.25);
    -ms-box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.25);
    -o-box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.25);
}
.our-news .post-title ,  .news .post-title{
    margin-bottom: 5px;
}
.our-news .post-thumbnail img , .our-news .post-content{
    border-radius: 2px;
}
.our-news .post-content {
    background:#fff none repeat scroll 0 0;
    padding: 25px 25px;
    display: inline-block;
}
.our-news .button{
    margin:0;
    margin-right: 15px;
}
.our-news .post-date , .news .post-date{
    margin-bottom: 15px;
}
.our-news .post-button-comments {
    margin-top: 15px;
}
.our-news .comments{
    line-height: 35px;
    display: inline-block;
    position: absolute;
}
.our-news .comments ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.our-news .comments ul li {
    display: inline-block;
    font-size: 12px;
    margin-right: 15px;
    line-height: 32px;
}
.our-news .comments ul li i , .our-news .comments ul li a{
    margin-right: 5px;
    font-size: 12px
}
.our-news p, .news p , .latest-news p{
    text-align: justify;
}
/*3rd*/
.news{
    min-height: 454px;
    overflow: hidden;
}
.news .post-content{
    background:#f2f2f2 none repeat scroll 0 0;
    bottom: -64px;
    padding: 20px 25px 30px;
    position: absolute;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}
.news:hover .post-content{
    bottom: 0;
}
.news .button{
    margin:0;
}
.news .post-button-comments{
    margin-top: 25px;
}

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

21.26. FAQ

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

.faq-box {
    position: relative;
    padding: 0 0 5px 47px;
}
.faq-icon-box {
    position: absolute;
    display: inline-block;
    font-size: 25px;
    left: 0;
    top: 0;
}
.faq-title {
    text-align: left;
    letter-spacing: 1px;
    margin: 0;
    line-height: 26px;
    color: inherit;
    font-size: 21px;
}

/* faq 2 */

.faq-main{
    margin-bottom: 50px;
}
.faq-main .faq-main-box
{
    padding-top: 40px;
    position: relative;
}
.faq-main-box
{
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 0px 3px 0 rgba(0, 0, 0, 0.10);
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 0px 3px 0 rgba(0, 0, 0, 0.10);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 0px 3px 0 rgba(0, 0, 0, 0.10);
    padding: 20px;
    position: relative;
    background-color: #fafafa;
}
.faq-main .faq-main-box::before
{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 4px 0 4px;
    border-color:  #B3B3B3 transparent transparent transparent;
    content: "";
    position: absolute;
    left: 31px;
    top: 12px;
}
.faq-question
{
    color: #333333;
    letter-spacing: 1px;
    margin: 0 0 10px;
}
.faq-main .faq-main-box::after {

    content: "?";
    color: #fff;
    font-weight: bold;
    background-color: #B3B3B3;
    height: 30px;
    width: 30px;
    line-height: 32px;
    text-align: center;
    position: absolute;
    font-size: 16px;
    top: -15px;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);

}

.faq-action .call-action-default-left{
    text-align: center;
}

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

21.27 ABOUT

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

.about-service .service-box{
    padding: 0 0 15px 61px;
}
.about-service .service-icon-box{
    line-height: 43px;
}
.about-service .service-icon-box img{
    width: 35px;
}
.about-service .service-title{
    font-size: 17px;
}
.about-service{
    border-right: 1px solid #000;
    padding: 0px 25px 0 0;
}
.about1-title{
    margin-bottom: 25px;
}
.about1-title .title-separator-short, .about2-tab .title-separator-short, .about2-skill .title-separator-short {
    margin: 5px 0px;
}
.about1-desc p{
    margin-bottom: 8px;
}
.about1-image {
    background-image: url('../images/main-back.png');
    background-repeat: no-repeat;
    background-position: center center;
    padding: 20px;

}
.about1-image-inner{
    background-color: rgba(0, 0, 0, 0.75);
    padding: 100px 10px 100px;
    border: 1px solid #fff;
    font-weight: 100;
    text-align: center;
    color:#fff;
}
.about1-image-inner span{
    font-size: 35px;
}
.about1-price{
    font-size: 25px;
    margin: 20px 0px;
}
.section-background-about1{
    background-color: #EEEEEE;
    background: #EEEEEE url(../images/pattern3.png);
}
.counter-about .icon-pack{
    background: none;
    color: #000;
}

.about-parallax .call-action-left{
    text-align: center;
    color: #fff;
}
.about-parallax .call-action-left h2{
    color: inherit;
}
.about-parallax:before{
    background-color: rgba(0, 0, 0, 0.75);
}
.section-parallax-image.about-parallax{
    background-image: url(../images/main-back.png);
}
.about-parallax .button:hover{
    background-color: rgba(0,0,0,.5);
}
.about1-skill{
    margin-top: 50px;
}


/* about2*/
.about2-skill .tooltip-progressbar, .about2-tab .custom-tab {
    margin-top: 15px;
}
/* about3 */
.about3-counter .section-title {
    text-align: left;
    margin-bottom: 0px;
}
.about3-counter .title-separator-medium{
    margin: 7px 0 20px;
}
.about3-counter .counter-box{
    /*margin: 15px 0;*/
    padding: 32px 15px;
    background-color: #1a1a1a;
}
.about3-counter .counts {
    color: #fff;
}
.about3-counter .text-center p{
    color: #fff;
}
.about3-counter .text-center p{
    font-weight: bold;
}
.about3-iconbox .icon-box-left{
    margin-bottom: 30px;
}
.about3-counter p{
    margin-bottom: 10px;
}




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

23. SLIDER

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


.pagewrap{
    height: 100%;
}

.pageblock{
    height: 100%;
    background: none;
    color: white;
    width: 100%;
}
.pageblock .slider{
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.pageblock .slider .slide{
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    float: left;
    position: absolute;
}

.pageblock .slider .slide .slidecontent{
    width: 100%;
    text-align: center;
    z-index: 1;
}
.pageblock .slider .slide .slidecontent.position-center{
    text-align: center;
}
.pageblock .slider .slide .slidecontent.position-center , .pageblock .slider .slide .slidecontent.position-left , .pageblock .slider .slide .slidecontent.position-right{

    padding:60px 100px;
}
.pageblock .slider .slide .slidecontent.position-left{
    text-align: left;
}
.pageblock .slider .slide .slidecontent.position-right{
    text-align: right;
}
.pageblock .slider .slide .slidecontent .slide-text {
    transition: all .8s ease .2s;
    opacity: 0;
    position:relative;
}
.pageblock .slider .slide .slidecontent.animate-top .slide-text {
    top: -40px;
}
.pageblock .slider .slide .slidecontent.animate-right .slide-text {
    top: 0;
    right: -40px;
}
.pageblock .slider .slide .slidecontent.animate-left .slide-text {
    top: 0;
    left: -40px;
}
.pageblock .slider .slide .slidecontent.animate-bottom .slide-text {
    bottom: -40px;
}
.pageblock .slider .slide .slidecontent.show-slide .slide-text {
    opacity: 1;
}
.pageblock .slider .slide .slidecontent.animate-top.show-slide .slide-text {
    top: 0;
}
.pageblock .slider .slide .slidecontent.animate-right.show-slide .slide-text {
    right: 0;
}
.pageblock .slider .slide .slidecontent.animate-left.show-slide .slide-text {
    left: 0;
}
.pageblock .slider .slide .slidecontent.animate-bottom.show-slide .slide-text {

    bottom: 0px;
}
.pageblock .slider .slide .slidecontent .slide-text:nth-child(2) {
    transition-delay: .4s;
}
.pageblock .slider .slide .slidecontent .slide-text:nth-child(3) {
    transition-delay: .7s;
}
.pageblock .slider .slide .slidecontent .slide-text:nth-child(4) {
    transition-delay: 1s;
}
.pageblock .slider .slide .slidecontent .slide-text:nth-child(5) {
    transition-delay: 1.3s;
}

.pageblock .slider .slide .slidecontent.position-center-bottom, .pageblock .slider .slide .slidecontent.position-left-bottom , .pageblock .slider .slide .slidecontent.position-right-bottom{
    vertical-align: bottom;
}
.pageblock .slider .slide .slidecontent.position-center-bottom{
    padding-bottom:80px;
}
.pageblock .slider .slide .slidecontent.position-left-bottom{
    padding: 0px 0px 80px 80px;
    text-align:left;
}
.pageblock .slider .slide .slidecontent.position-right-bottom{
    padding: 0px 80px 80px 0px;
    text-align:right;
}
.slide  .slider-image
{
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 100%;
    z-index: 0;
}
.nav-slider.carousel-control{
    z-index: 999999;
    width:5%;
}
.nav-slider span.icon-prev , .nav-slider span.icon-next{
    font-size:60px;
    cursor: pointer;
}
.slide .slider-image::before,
.header-background::before
{
    content: "";
    position: absolute;
    top: 0;
    display: block;
    left: 0;
    width: 100%;
    height: 100%;
}
.slide-table {
    display: table;
    width: 100%;
    position: absolute;
    height: 100%;
    z-index: 1;
}
.slide-table-wrap {
    display: table-row;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}
.pageblock .slider .slide .slidecontent {
    width: 100%;
    z-index: 1;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}