/* -------------------------------------------------------
Template: it'sMe - Simple Personal Template
Version: 1.0
Author: MHS
 -------------------------------------------------------*/
/* ---------------------------------------------
Table of contents
------------------------------------------------

01. typography
02. pre-loader
03. header
04. banner-static
05. banner-slider
06. section
07. services
08. portfolio
09. pricing
10. blog
11. contact
12. footer
13. utilities
14. buttons
15. timeline
16. shortcodes
17. responsive

--------------------------------------------- */
/* ---------------------------------------------
typography
--------------------------------------------- */
@font-face {
    font-family: 'HelveticaNeueRegular';
    src: url('fonts/helveticaneue-condensed.eot');
    src: url('fonts/helveticaneue-condensed.eot') format('embedded-opentype'),
    url('fonts/helveticaneue-condensed.woff') format('woff'),
    url('fonts/helveticaneue-condensed.ttf') format('truetype'),
    url('fonts/helveticaneue-condensed.svg#HelveticaNeueRegular') format('svg');
}

body
{
    font-family: 'HelveticaNeueRegular';
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;

    overflow-x: hidden;

    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

a,
button
{
    -webkit-transition: all .3s;
    transition: all .3s;
}
a:hover,
a:focus,
a button:hover,
button:hover,
button:focus,
button button:hover
{
    -webkit-transition: all .3s;
    transition: all .3s;
    text-decoration: none;
}

.btn
{
    border-radius: 0;
}

.section-title
{
    display: block;

    margin-bottom: 100px;
}
.section-title .title
{
    font-weight: 800;
    color: #AF6B2E;
    display: inline-block;
    font-size: 45px;
    margin-top: 0;
    margin-bottom: 10px;
    letter-spacing: 3px;
}
.section-title .sub-title
{
    font-size: 16px;
    line-height: 30px;

    color: gray;
}

.about-info p{line-height:40px; font-size:30px;}

.section-title.text-left h1
{
    margin-left: 20px;
}

.section-title.text-right h1
{
    margin-right: 20px;
}

.light-txt h1,
.light-txt h5,
.light-txt p,
.light-txt .sub-title,
.light-txt div
{
    margin-top: 0;

    color: #fff;
}

.section-title.light-txt .separator:after,
.section-title.light-txt .separator:before
{
    background: #fff;
}

.separator
{
    position: relative;
}
.separator:after
{
    position: absolute;
    top: -3px;
    right: -20px;

    width: 2px;
    height: 40px;

    content: '';

    background: #333;
}
.separator:before
{
    position: absolute;
    top: -3px;
    left: -20px;

    width: 2px;
    height: 40px;

    content: '';

    background: #333;
}

.separator.center:after
{
    margin: 0 auto;
}

.separator.right:after
{
    right: 0;
    left: auto;
}

#about{background: #fff;
    color: #000;font-size: 20px;}

.light-txt h1,
.light-txt h2,
.light-txt h3,
.light-txt h4,
.light-txt h5,
.light-txt p,
.light-txt span
{
    color: #fff;
}

.quote .quote-img img
{
    width: 40px;
    height: auto;
    margin-bottom: 15px;
    padding: 10px;

    opacity: .7;
}

.quote p
{
    margin-bottom: 0;
}

/* ---------------------------------------------
pre-loader
--------------------------------------------- */
#preloader
{
    position: fixed;
    z-index: 1800;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    width: 100%;
    height: 100%;

    background: #000;
}

.no-js #preloader,
.oldie #preloader
{
    display: none;
}

#loader
{
    position: absolute;
    top: 50%;
    left: 50%;

    width: 60px;
    height: 60px;
    margin: -30px 0 0 -30px;
    padding: 0;
}
#loader:before
{
    display: block;

    width: 60px;
    height: 60px;

    content: '';
    -webkit-animation: load 1.1s infinite linear;
    animation: load 1.1s infinite linear;

    border-top: 2px solid rgba(255, 255, 255, .1);
    border-right: 2px solid rgba(255, 255, 255, .1);
    border-bottom: 2px solid rgba(255, 255, 255, .1);
    border-left: 2px solid #AF6B2E;
    border-radius: 50%;
}

@-webkit-keyframes load
{
    0%
    {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%
    {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes load
{
    0%
    {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%
    {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/* ---------------------------------------------
header
--------------------------------------------- */
.navbar-inverse
{
    border-color: transparent;
    background: #222;
}
.navbar-inverse .navbar-nav > li > a
{
    font-size: 13px;

    margin: 10px 10px;
    padding: 5px;

    text-transform: uppercase;

    color: #e4e4e4;
}
.navbar-inverse .navbar-nav > li > a:before
{
    /*position: absolute;
    top: 15px;
    bottom: 0;
    left: 0;

    width: 0;
    height: 1px;

    content: '';
    -webkit-transition: all ease .3s;
            transition: all ease .3s;

    opacity: 0;
    background: #222;*/
}
.navbar-inverse .navbar-nav > li.current > a,
.navbar-inverse .navbar-nav > li > a:focus,
.navbar-inverse .navbar-nav > li > a:hover
{
    color: #AF6B2E;
}
.navbar-inverse .navbar-nav > li.current > a:before,
.navbar-inverse .navbar-nav > li > a:focus:before,
.navbar-inverse .navbar-nav > li > a:hover:before
{
    width: 100%;

    opacity: 1;
}
.navbar-inverse .navbar-nav.navbar-link-dark li a
{
    color: #333;
}
.navbar-inverse .navbar-nav.navbar-link-dark li a:hover
{
    color: #AF6B2E;
}

.navbar-inverse.navbar-white
{
    border-bottom: 1px solid #eee;
    background: #fff;
}

.navbar.navbar-white li.current a
{
    color: #AF6B2E;
}

.navbar-default .navbar-brand img,
.navbar-inverse .navbar-brand img
{
    height: 40px;
    margin-top: 0;
}

.navbar-brand
{
    padding: 5px 15px;
}

a.navbar-brand{color:#000;}
.navbar-brand h1{margin:0;color: #AF6B2E;
    font-weight: 800;}

.navbar-fixed-top
{
    padding: 10px 0;

    -webkit-transition: all .3s;
    transition: all .3s;
}

.navbar-fixed-top.navbar-expanded
{
    padding: 0;

    -webkit-transition: all .3s;
    transition: all .3s;
}

.navbar-toggle
{
    border-radius: 0;
}

.navbar-default .navbar-toggle,
.navbar-inverse .navbar-toggle
{
    font-size: 14px;

    padding: 6px 10px;

    color: white;
}

.navbar-white.navbar-inverse .navbar-toggle
{
    color: #222;
}
.navbar-white.navbar-inverse .navbar-toggle:hover,
.navbar-white.navbar-inverse .navbar-toggle:focus
{
    color: #fff;
}

@media (min-width: 768px)
{
    .navbar-default.navbar-expanded,
    .navbar-inverse.navbar-expanded
    {
        border: none;
        background: transparent;
    }
    .navbar-fixed-top.navbar-expanded
    {
        padding: 30px 0;

        opacity: 0;
    }
    .navbar-fixed-top.navbar-expanded.navbar-visible
    {
        padding: 10px 0;

        opacity: 1;
        background: #fff;
    }
}

/* ---------------------------------------------
banner
--------------------------------------------- */
.hero
{
    position: relative;

    display: table;

    width: 100%;
    height: 100%;
    padding: 0;

    background: url(../img/banner/hero-1.jpg) no-repeat center bottom;
    background-attachment: fixed;
    background-size: cover;
}
.hero .hero-content.light-txt .hero-subtitle
{
    color: #fff;
}
.hero .hero-content.light-txt h1,
.hero .hero-content.light-txt h2,
.hero .hero-content.light-txt i
{
    color: #fff;
}
.hero .hero-content.light-txt .button-bg
{
    border-color: #AF6B2E !important;
    background: #AF6B2E;
}
.hero .hero-content.light-txt .button-bg:hover
{
    color: #333 !important;
    border-color: #fff !important;
    background: #fff;
}
.hero .hero-content.light-txt .button
{
    color: #fff;
    border: 1px solid white;
}
.hero .hero-content.light-txt .button:hover,
.hero .hero-content.light-txt .button:focus
{
    border-color: #AF6B2E;
}
.hero .hero-content
{
    display: table-cell;

    -webkit-transform: translateY(-2.1rem);
    -ms-transform: translateY(-2.1rem);
    transform: translateY(-2.1rem);
    vertical-align: middle;
}
.hero .hero-content h1
{
    font-size: 6.4rem;
    font-weight: 800;
    line-height: 1.071;

    display: inline-block;

    margin-top: 1rem;
    margin-bottom: 2rem;

    text-shadow: none;
}
@media (max-width: 480px)
{
    .hero .hero-content h1
    {
        font-size: 4.4rem;
    }
}
.hero .hero-content h2
{
    font-size: 4.4rem;
    line-height: 1.071;

    display: inline-block;

    margin-top: 1rem;
    margin-bottom: 2rem;

    text-shadow: none;
}
.hero .hero-content h5
{
    font-family: 'poppins-bold', sans-serif;
    font-size: 2.3rem;
    line-height: 1.565;

    margin-bottom: 0;
}
.hero .hero-content .hero-subtitle
{
    font-size: 2.5rem;
    line-height: 2.4rem;

    margin-bottom: 3rem;

    text-shadow: none;
}
.hero .hero-content .group-button
{
    display: inline-block;

    margin-top: 30px;
}
.hero .hero-content .group-button a
{
    margin: 0 10px;
}
@media (max-width: 380px)
{
    .hero .hero-content .group-button a
    {
        display: block;

        margin: 10px;
    }
}
.hero .hero-content .button-bg
{
    color: #fff !important;
    border-color: #AF6B2E !important;
    background: #AF6B2E;
}
.hero .hero-content .button-bg:hover
{
    color: #fff;
    border-color: #000 !important;
    background: #000;
}
.hero .hero-content .button
{
    font-size: 1.3rem;
    line-height: 5.4rem;

    height: 6rem;
    margin-top: .6rem;
    padding: 10px 30px;

    letter-spacing: .25rem;
    text-transform: uppercase;

    color: #000;
    border: 1px solid black;
    border-radius: 40px;
}
@media (max-width: 480px)
{
    .hero .hero-content .button
    {
        line-height: 3rem;

        height: 5rem;
    }
}
.hero .hero-content .button:hover,
.hero .hero-content .button:focus
{
    border-color: #AF6B2E;
}

.hero-short-banner
{
    height: 500px;
}

.hero-overlay
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    opacity: .3;
    background: #111;
}

.light-border-top-bottom
{
    padding: 10px 0;

    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

.dark-border-top-bottom
{
    padding: 10px 0;

    border-top: 1px solid #222;
    border-bottom: 1px solid #222;
}

.go-down
{
    font-size: 3.3rem;

    position: absolute;
    bottom: 7.2rem;
    left: 0;

    display: block;

    width: 100%;
    margin: 0;
    padding: 0;
}
.go-down .vertical-txt
{
    font-size: 1.8rem;

    position: absolute;
    z-index: 2;
    right: 1rem;
    bottom: 50px;

    -webkit-transform: translate(50px, 0) rotateZ(90deg);
    -ms-transform: translate(50px, 0) rotate(90deg);
    transform: translate(50px, 0) rotateZ(90deg);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
}
.go-down .vertical-txt:after
{
    position: absolute;
    right: -35px;
    bottom: 11px;

    width: 27px;
    height: 1px;

    content: '';

    background: #fff;
}
.go-down .vertical-txt.light-txt
{
    color: #fff;
}
.go-down .vertical-txt.dark-txt
{
    color: #000;
}
.go-down .vertical-txt.dark-txt:after
{
    background: #000;
}
.go-down .mouse
{
    position: absolute;
    top: 50%;
    left: 50%;

    width: 26px;
    height: 42px;

    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);

    border: 2px solid #fff;
    border-radius: 26px;

    -webkit-backface-visibility: hidden;
}
.go-down .mouse:after
{
    position: absolute;
    top: 5px;
    left: 50%;

    width: 4px;
    height: 4px;
    margin-left: -2px;

    content: '';
    -webkit-transform: translateY(0px) scaleY(1) scaleX(1) translateZ(0px);
    transform: translateY(0px) scaleY(1) scaleX(1) translateZ(0px);
    -webkit-animation: scroll 1.5s -1s cubic-bezier(.68, -.55, .265, 1.55) infinite;
    animation: scroll 1.5s -1s cubic-bezier(.68, -.55, .265, 1.55) infinite;

    opacity: 1;
    border-radius: 100%;
    background-color: #fff;
}

@-webkit-keyframes scroll
{
    0%,
    20%
    {
        -webkit-transform: translateY(0px) scaleY(1) scaleX(1) translateZ(0px);
        transform: translateY(0px) scaleY(1) scaleX(1) translateZ(0px);
    }
    10%
    {
        -webkit-transform: translateY(0px) scaleY(1.2) scaleX(1.2) translateZ(0px);
        transform: translateY(0px) scaleY(1.2) scaleX(1.2) translateZ(0px);

        opacity: 1;
    }
    100%
    {
        -webkit-transform: translateY(20px) scaleY(2.5) scaleX(.5) translateZ(0px);
        transform: translateY(20px) scaleY(2.5) scaleX(.5) translateZ(0px);

        opacity: .01;
    }
}

@keyframes scroll
{
    0%,
    20%
    {
        -webkit-transform: translateY(0px) scaleY(1) scaleX(1) translateZ(0px);
        transform: translateY(0px) scaleY(1) scaleX(1) translateZ(0px);
    }
    10%
    {
        -webkit-transform: translateY(0px) scaleY(1.2) scaleX(1.2) translateZ(0px);
        transform: translateY(0px) scaleY(1.2) scaleX(1.2) translateZ(0px);

        opacity: 1;
    }
    100%
    {
        -webkit-transform: translateY(20px) scaleY(2.5) scaleX(.5) translateZ(0px);
        transform: translateY(20px) scaleY(2.5) scaleX(.5) translateZ(0px);

        opacity: .01;
    }
}

/*  Typist  */
@-webkit-keyframes blink
{
    0%
    {
        opacity: 1.0;
    }
    50%
    {
        opacity: .0;
    }
    100%
    {
        opacity: 1.0;
    }
}

@keyframes blink
{
    0%
    {
        opacity: 1.0;
    }
    50%
    {
        opacity: .0;
    }
    100%
    {
        opacity: 1.0;
    }
}

.typist-blink
{
    font-weight: 800;
}

.typist-blink:after
{
    position: relative;
    top: 6px;

    display: inline-block;

    height: 30px;
    margin-right: 7px;
    margin-left: 3px;

    content: ' ';
    -webkit-animation: blink 1s step-start 0s infinite;
    animation: blink 1s step-start 0s infinite;

    border-right: 2px solid;
}

.typist-blink > .selectedText
{
    display: none;
}

.typist-mark > .selectedText
{
    font-style: normal;

    color: #fff;
    background-color: #222;
}

/* video banner */
.video-banner
{
    position: relative;

    overflow: hidden;
}
.video-banner .video-wrap
{
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;

    width: auto;
    min-width: 100%;
    height: auto;
    min-height: 100%;

    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.video-banner .video-overlay
{
    position: absolute;
    z-index: 5;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    background: rgba(0, 0, 0, .5);

    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.video-banner h1
{
    font-size: 6.4rem;
    font-weight: 800;
    line-height: 1.071;

    display: inline-block;

    margin-top: 1rem;
    margin-bottom: 2rem;

    text-shadow: none;
}
@media (max-width: 480px)
{
    .video-banner h1
    {
        font-size: 4.4rem;
    }
}
.video-banner h2
{
    font-size: 4.4rem;
    line-height: 1.071;

    display: inline-block;

    margin-top: 1rem;
    margin-bottom: 2rem;

    text-shadow: none;
}

.relative
{
    position: relative;
}

.content
{
    position: absolute;
    z-index: 2;
    top: 50%;
    right: 0;
    left: 0;

    width: 950px;
    margin: 0 auto;

    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
@media (max-width: 767px)
{
    .content
    {
        width: 100%;
    }
}

.banner-txt-position
{
    margin-top: 300px !important;
}

/* intro page */
.demo-thumb .fit-img
{
    display: inline-block;

    width: 100%;
    margin-bottom: 10px;
}

.demo-thumb .demo-info
{
    display: inline-block;

    width: 100%;
    margin-bottom: 30px;
}

.demo-thumb .fit-img
{
    border: 1px solid #ddd;
}

.intro-banner
{
    position: relative;

    display: table;

    width: 100%;
    height: 600px;
    padding: 0;

    background-attachment: fixed;
    background-size: cover;
}

/* ---------------------------------------------
banner-slider
--------------------------------------------- */
/* owl carousel*/
#owl-slider
{
    position: relative;

    width: 100%;
    height: 100%;
    max-height: none;
}
#owl-slider .item
{
    position: relative;

    overflow: hidden;

    width: 100%;
    height: 100%;
}
#owl-slider .item:before
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    content: '';

    background: rgba(0, 0, 0, .5);
}
#owl-slider .item .item-img
{
    width: 100%;

    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
}
#owl-slider .item .slider-info
{
    position: relative;
    z-index: 100;
    top: 40%;

    width: 1140px;
    margin: 0 auto;
    padding: 0 20px;
}
#owl-slider .item .slider-info h1,
#owl-slider .item .slider-info h5,
#owl-slider .item .slider-info p,
#owl-slider .item .slider-info .sub-title
{
    margin-top: 0;
}
#owl-slider .item .slider-info h1
{
    font-size: 50px;
    font-weight: 800;
}
@media (max-width: 768px)
{
    #owl-slider .item .slider-info h1
    {
        font-size: 30px;
    }
}
#owl-slider .item .slider-info h5,
#owl-slider .item .slider-info p
{
    font-size: 18px;
    font-weight: 600;

    margin-bottom: 15px;
}
#owl-slider .item .slider-info p
{
    margin-bottom: 30px;
}
@media (min-width: 768px)
{
    #owl-slider .item .slider-info
    {
        width: 750px;
    }
}
@media (max-width: 768px)
{
    #owl-slider .item .slider-info
    {
        top: 30%;

        width: 100%;
    }
}
@media (min-width: 992px)
{
    #owl-slider .item .slider-info
    {
        width: 970px;
    }
}
@media (min-width: 1200px)
{
    #owl-slider .item .slider-info
    {
        width: 1170px;
    }
}
#owl-slider .item .slider-btn .btn
{
    padding: 12px 30px;
}
#owl-slider .item .slider-btn .btn:first-child
{
    margin-right: 10px;
}

#owl-slider.owl-nav-dark .item:before
{
    background: none;
}

#owl-slider.owl-theme .owl-nav
{
    position: absolute;
    top: 50%;
    right: 20px;
    bottom: 20px;

    margin-top: -60px;
}

#owl-slider.owl-theme .owl-nav [class*=owl-]
{
    font-size: 14px;

    display: block;

    margin: 10px 2px;
    padding: 5px 20px;

    cursor: pointer;

    color: #fff;
    border: 1px solid #fff;
    border-radius: 0;
    background: none;
}
#owl-slider.owl-theme .owl-nav [class*=owl-]:hover
{
    border-color: #AF6B2E;
    background: #AF6B2E;
}
@media (max-width: 1080px)
{
    #owl-slider.owl-theme .owl-nav [class*=owl-]
    {
        display: none;
    }
}

#owl-slider.owl-theme.owl-nav-dark .owl-nav [class*=owl-]
{
    font-size: 14px;

    display: inline-block;

    margin: 0 2px;
    padding: 5px 20px;

    cursor: pointer;

    color: #222;
    border: 1px solid #222;
    border-radius: 0;
    background: none;
}
#owl-slider.owl-theme.owl-nav-dark .owl-nav [class*=owl-]:hover
{
    color: #fff;
    border-color: #AF6B2E;
    background: #AF6B2E;
}

#owl-slider.owl-theme .owl-nav .disabled
{
    opacity: .6;
}

#owl-slider.owl-carousel .owl-nav .owl-prev
{
    position: relative;
}
#owl-slider.owl-carousel .owl-nav .owl-prev:before
{
    font-family: fontawesome;
    font-size: 25px;

    content: '\f104';
}

#owl-slider.owl-carousel .owl-nav .owl-next
{
    position: relative;
}
#owl-slider.owl-carousel .owl-nav .owl-next:before
{
    font-family: fontawesome;
    font-size: 25px;

    content: '\f105';
}

#owl-slider.owl-theme .owl-dots
{
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
}
#owl-slider.owl-theme .owl-dots .owl-dot
{
    margin: 15px 0;
}
#owl-slider.owl-theme .owl-dots .owl-dot span
{
    width: 80px;
    height: 5px;

    border-radius: 0;
}
#owl-slider.owl-theme .owl-dots .owl-dot.active span,
#owl-slider.owl-theme .owl-dots .owl-dot:hover span
{
    background: #AF6B2E;
}

/* ---------------------------------------------
section
--------------------------------------------- */
.section-wrapper
{
    margin-top: -60px;
    padding-top: 60px;
}

.section-space
{
    padding: 100px 0;
}
.parallax.parallax-promo.section-space{
    margin-top: -50px;
}
.section-gray
{
    background: #f3f3f3;
}

.section-dark
{
    background: #333;
}

.section-theme-color
{
    background: #AF6B2E;
}

section p
{
    line-height: 25px;

    margin-bottom: 30px;
}

.section-top-bg
{
    position: absolute;

    width: 100%;
    height: 500px;

    background: #AF6B2E;
}

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

/*about section*/
.about-info .media-left
{
    padding-right: 50px;
}

.about-thumb img
{
    float: left;

    width: 15rem;
    height: 15rem;
    margin: 0;

    border-radius: 50%;
}

.info-list li
{
    margin-bottom: .6rem;
    padding: 0 0 1.5rem 0;
}
.info-list li label
{
    font-size: 16px;

    display: block;
}

@media screen and (max-width: 1199px)
{
    .me-sm-img img
    {
        margin-top: 20%;
    }
}

@media screen and (max-width: 991px)
{
    .me-sm-img img
    {
        margin-top: 50%;
    }
}

@media screen and (max-width: 767px)
{
    .me-sm-img img
    {
        margin-top: 2%;
    }
}

/* zoom img effect */
.zoom-img
{
    position: relative;

    overflow: hidden;
}
.zoom-img img
{
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition:         transform .3s ease;
    transition:         transform .3s ease, -webkit-transform .3s ease;
}
.zoom-img:hover img
{
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition:         transform .3s ease;
    transition:         transform .3s ease, -webkit-transform .3s ease;
    -webkit-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1);
}

/* team member */
.team-member .team-info
{
    margin-top: 20px;
}
@media (max-width: 767px)
{
    .team-member .team-info
    {
        margin-bottom: 20px;
    }
}

.team-member p
{
    margin-bottom: 0;
    padding: 0 20px;
}

/* social link */
.social-link
{
    margin: 20px 0;
}
@media (max-width: 768px)
{
    .social-link
    {
        margin-bottom: 30px;
    }
}
.social-link a
{
    line-height: 33px;

    display: inline-block;

    width: 35px;
    height: 35px;
    margin: 0 2px;

    text-align: center;

    color: #737373;
    border: 1px solid #e4e4e4;
    border-radius: 50%;
}
.social-link a:hover
{
    color: #fff;
    border-color: #000;
    background: #000;
}

.dark-txt .social-link a
{
    color: #333;
    border: 1px solid #333;
}
.dark-txt .social-link a:hover
{
    color: #fff;
    border-color: #000;
    background: #000;
}

/* parallax */
.parallax
{
    position: relative;

    background: repeat-x bottom right scroll;
    background-attachment: inherit;
    background-size: cover;
}
.parallax:before
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    content: '';

    background: rgba(0, 0, 0, .7);
}

.parallax.light-overlay:before
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    content: '';

    background: rgba(255, 255, 255, .3);
}

.parallax-quote
{
    background-image: url('../img/parallax/parallax-1.jpg');
}

.parallax-funfactor
{
    background-image: url('../img/parallax/parallax-2.jpg');
}

.parallax-promo
{
    /*background-image: url('../img/parallax/parallax-3.jpg');*/
}

.parallax-testimonial
{
    background-image: url('../img/parallax/parallax-4.jpg');
}

/*fun factor*/
.fun-box i
{
    font-size: 40px;

    margin-bottom: 20px;
}

.fun-box .value
{
    font-size: 50px;
}

.fun-box .title
{
    font-size: 16px;

    text-transform: uppercase;
}

@media (max-width: 991px)
{
    .fun-box
    {
        margin-bottom: 30px;
    }
}

/*testimonial*/
#testimonial-list .thumb
{
    display: inline-block;

    margin-bottom: 20px;
}
#testimonial-list .thumb img
{
    width: 90px;
    height: 90px;

    border-radius: 50%;
}

#testimonial-list p
{
    font-size: 22px;
    font-weight: 300;
    line-height: 35px;
}

#testimonial-list .testimonial-meta
{
    font-weight: bold;

    text-transform: uppercase;
}
#testimonial-list .testimonial-meta span
{
    font-size: 12px;

    opacity: .7;
}

#testimonial-list.owl-theme .owl-dots .owl-dot.active span,
#testimonial-list.owl-theme .owl-dots .owl-dot:hover span
{
    background: #AF6B2E;
}

@media (max-width: 768px)
{
    .container-fluid.pad-less
    {
        padding: 0 15px !important;
    }
}

#testimonial-list.owl-theme .owl-dots .owl-dot span
{
    border-radius: 0;
}

/*clients logo*/
.client-section
{
    padding: 50px 0;
}

.clients-logo
{
    display: table;

    width: 100%;
}

.client-item
{
    display: table-cell;

    box-sizing: border-box;
    width: 200px;
    height: 85px;
    padding: 10px;

    text-align: center;
    vertical-align: middle;

    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
.client-item:hover
{
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}
.client-item img
{
    max-width: 100%;
}

/*pattern-bg*/
.pattern-bg
{
    width: 100%;
    height: 100%;

    background: url(../img/pattern.jpg) repeat center bottom;
    background-attachment: fixed;
}

/* ---------------------------------------------
services
--------------------------------------------- */
.service-list
{
    display: block;

    margin-bottom: 50px;
    padding: 30px;

    -webkit-transition: all .3s;
    transition: all .3s;
}
.service-list:hover
{
    position: relative;

    -webkit-transition: all .3s;
    transition: all .3s;

    box-shadow: 0 0 60px rgba(0, 0, 0, .1);
}
.service-list .icon
{
    margin-bottom: 20px;
}
.service-list .icon i
{
    font-size: 50px;

    color: #333;
}
.service-list .service-info p
{
    margin-bottom: 0;

    color: gray;
}

/* ---------------------------------------------
portfolio
--------------------------------------------- */
.portfolio-filter
{
    margin-bottom: 50px;
}
.portfolio-filter ul li
{
    font-size: 14px;

    display: inline-block;

    margin-left: 10px;

    text-decoration: none;
    text-transform: uppercase;

    color: #acacac;
    border-radius: 0;
}
@media (max-width: 568px)
{
    .portfolio-filter ul li
    {
        margin-bottom: 20px;
    }
}
.portfolio-filter ul li a
{
    font-size: 13px;

    position: relative;

    margin-right: 5px;
    padding: 5px 10px;

    color: #222;
}
.portfolio-filter ul li a:before
{
    position: absolute;
    top: 14px;
    bottom: 0;
    left: 0;

    width: 0;
    height: 1px;

    content: '';
    -webkit-transition: all ease .3s;
    transition: all ease .3s;

    opacity: 0;
    background: #222;
}
.portfolio-filter ul li a:hover
{
    color: #AF6B2E;
}
.portfolio-filter ul li a:hover:before
{
    width: 100%;

    opacity: 1;
}
.portfolio-filter ul li .active
{
    color: #AF6B2E;
}
.portfolio-filter ul li .active:before
{
    width: 100%;

    opacity: 1;
}
.portfolio-filter ul li:first-child
{
    margin-left: 0;
}

.portfolio
{
    position: relative;

    margin: 0 auto;
    padding-bottom: 0;

    list-style: none;

    text-align: center;
}
.portfolio .portfolio-item
{
    position: relative;

    overflow: hidden;

    margin: 0 !important;
    padding: 0 !important;
}
.portfolio .portfolio-item img
{
    width: 100%;
}
.portfolio .portfolio-item .portfolio-hover
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    zoom: 1;

    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;

    opacity: 0;
    color: #fff;
    background-color: rgba(0, 0, 0, .6);

    filter: alpha(opacity=0);
}
.portfolio .portfolio-item .portfolio-hover .title
{
    font-size: 20px;

    position: absolute;
    top: 30px;
    right: 0;
    left: 0;
}
.portfolio .portfolio-item .portfolio-hover .category
{
    font-size: 16px;

    position: absolute;
    right: 0;
    bottom: 30px;
    left: 0;
}
.portfolio .portfolio-item .portfolio-hover .p-btn
{
    font-size: 16px;

    position: absolute;
    top: 50%;
    right: 0;
    left: 0;

    margin-top: -20px;
}
.portfolio .portfolio-item .portfolio-hover .p-btn a
{
    line-height: 38px;

    display: inline-block;

    width: 40px;
    height: 40px;
    margin: 0 5px;

    color: #fff;
    border: 1px solid #fff;
    border-radius: 50%;
    outline: none;
}
.portfolio .portfolio-item .portfolio-hover .p-btn a:hover
{
    border-color: #AF6B2E;
    background: #AF6B2E;
}
.portfolio .portfolio-item:hover .portfolio-hover
{
    zoom: 1;

    opacity: 1;

    filter: alpha(opacity=100);
}

.item-h1,
.item-h2
{
    height: 100% !important;
    height: auto !important;
}

.grid-3 .portfolio-grid
{
    float: left;

    width: 33.33%;
}

.isotope-item
{
    z-index: 2;

    padding: 0;
}

.isotope-hidden.isotope-item
{
    z-index: 1;

    pointer-events: none;
}

.isotope,
.isotope .isotope-item
{
    /* change duration value to whatever you like */
    -webkit-transition-duration: .8s;
    transition-duration: .8s;
}

.isotope
{
    -webkit-transition-property: height, width;
    transition-property: height, width;
}

.isotope .isotope-item
{
    -webkit-transition-property: -webkit-transform, opacity;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property:         transform, opacity;
    transition-property:         transform, opacity, -webkit-transform;
}

/* ---------------------------------------------
pricing
--------------------------------------------- */
.pricing-table
{
    padding: 0;
}
.pricing-table li
{
    float: left;

    width: 31.33%;
    min-height: 400px;
    margin: 0 1%;
    padding: 30px 45px 30px 30px;

    list-style: none;

    text-align: center;

    background: #fff;
    box-shadow: 0 0 60px rgba(0, 0, 0, .1);
}
@media (max-width: 768px)
{
    .pricing-table li
    {
        width: 100%;
        margin-bottom: 20px;
    }
}
.pricing-table li:last-child
{
    padding: 30px 30px 30px 45px;
}
.pricing-table .pricing-item i
{
    font-size: 50px;
}
.pricing-table .pricing-item h2
{
    font-weight: 300;

    margin-bottom: 30px;
}
.pricing-table .pricing-item .btn
{
    padding: 12px 30px;
}
.pricing-table .price-quote .number
{
    font-size: 50px;
}
.pricing-table .p-item-list
{
    padding: 20px 0;
}
.pricing-table .p-item-list span
{
    display: block;

    padding: 5px 0;
}
.pricing-table .feature
{
    position: relative;

    padding: 30px;

    box-shadow: 0 0 60px rgba(0, 0, 0, .1);
}
@media (max-width: 768px)
{
    .pricing-table .feature
    {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}
.pricing-table .feature .feature-ribon
{
    font-size: 1.8rem;

    position: absolute;
    z-index: 2;
    top: -5px;
    right: 0;

    padding: 5px 12px;

    -webkit-transform: translate(50px, 0) rotateZ(90deg);
    -ms-transform: translate(50px, 0) rotate(90deg);
    transform: translate(50px, 0) rotateZ(90deg);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;

    color: #fff;
    background: #222;
}

.text-danger
{
    color: #d9534f;
}

.knock-us
{
    margin-top: 100px;
}
@media (max-width: 768px)
{
    .knock-us
    {
        margin-top: 10px;
    }
}

/* ---------------------------------------------
blog
--------------------------------------------- */
.blog-post
{
    display: block;

    margin-bottom: 30px;
}
.blog-post .thumb
{
    display: block;

    margin-bottom: 20px;
}
.blog-post .thumb img
{
    width: 100%;
    height: auto;
}
.blog-post .thumb .date
{
    font-size: 12px;

    position: absolute;
    bottom: 0;
    left: 0;

    display: inline-block;

    padding: 10px 15px;

    text-transform: uppercase;

    color: #fff;
    background: #AF6B2E;
}
.blog-post .post-meta h3,
.blog-post .post-meta h4,
.blog-post .post-meta h5
{
    font-weight: 600;

    margin-top: 10px;
    margin-bottom: 10px;
}
.blog-post .post-meta h3 a,
.blog-post .post-meta h4 a,
.blog-post .post-meta h5 a
{
    color: #222;
}
.blog-post .post-meta h3 a:hover,
.blog-post .post-meta h4 a:hover,
.blog-post .post-meta h5 a:hover
{
    color: #AF6B2E;
}
.blog-post .post-meta .category span
{
    position: relative;

    margin-right: 10px;

    color: #acacac;
}
.blog-post .post-meta .category span:not(:last-child):after
{
    position: relative;
    top: 2px;

    content: '-';
}
.blog-post .post-meta .category a
{
    position: relative;

    margin-right: 10px;

    color: #acacac;
}
.blog-post .post-meta .category a:hover
{
    color: #000;
}

.blog-quote-box
{
    display: block;

    margin-bottom: 40px;
    padding: 30px;

    color: #fff;
    background: #AF6B2E;
}
.blog-quote-box p
{
    font-size: 18px;
    font-style: italic;
    line-height: 32px;
}

/*blog single page*/
.blog-comments
{
    color: #acacac;
}
.blog-comments:hover
{
    color: #AF6B2E;
}

.post-details
{
    margin-top: 30px;
}
.post-details blockquote
{
    font-size: 14.5px;
    font-style: italic;

    color: #acacac;
}

.post-tags
{
    display: inline-block;

    margin-bottom: 30px;
}
.post-tags a
{
    float: left;

    margin-right: 10px;
    margin-bottom: 10px;
    padding: 5px 10px;

    color: #acacac;
    border: 1px solid #acacac;
}
.post-tags a:hover
{
    color: #000;
    border: 1px solid #000;
}

.author-wrapper
{
    display: inline-block;

    width: 100%;
    margin-bottom: 30px;
    padding: 20px 0;

    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.author-wrapper .author_img
{
    float: left;
}
.author-wrapper .author_img img
{
    position: relative;

    width: 100px;
    height: 100px;
    margin-right: 20px;
    margin-bottom: 20px;

    border-radius: 50%;
}
.author-wrapper .author-info
{
    overflow: hidden;
}
.author-wrapper .post-footer .read-more
{
    color: #acacac;
}
.author-wrapper .post-footer .read-more:hover
{
    color: #AF6B2E;
}
.author-wrapper .post-footer .social-links a
{
    display: inline-block;

    margin-left: 10px;

    color: #acacac;
}
.author-wrapper .post-footer .social-links a:hover
{
    color: #AF6B2E;
}

/*comments-list*/
.comments-list
{
    border-bottom: 1px solid #ddd;
}
.comments-list .comment-info
{
    font-size: 12px;

    margin-bottom: 10px;

    color: #acacac;
}
.comments-list a
{
    text-decoration: none;

    color: #000;
}
.comments-list a:hover
{
    color: #AF6B2E;
}
.comments-list .comment-avatar
{
    margin-right: 15px;

    border-radius: 50%;
}
.comments-list .comment-author
{
    font-size: 14px;
    font-weight: 700;
}
.comments-list .comment-reply
{
    float: right;

    text-decoration: none;
}
.comments-list .comment-reply i
{
    padding-right: 10px;
}
.comments-list .comment-reply:hover
{
    color: #AF6B2E;
}

/*reply-comments-form*/
.reply-comments-form label
{
    font-weight: normal;
}

.reply-comments-form .form-control
{
    border-radius: 0;
    box-shadow: none;
}

.reply-comments-form .btn-post
{
    padding: 10px 15px;

    color: #fff;
    background: #222;
}
.reply-comments-form .btn-post:hover
{
    background: #AF6B2E;
}

/*widget*/
.widget
{
    margin-bottom: 50px;
}
.widget h4
{
    margin-bottom: 20px;
}
.widget .search-form
{
    position: relative;
}
.widget .search-form input[type='text']
{
    position: relative;

    display: block;

    width: 100%;
    padding: 8px 35px 8px 10px;

    color: #333;
    border: 1px solid #ddd;
}
.widget .search-form input[type='text']:focus
{
    border-color: #000;
    outline: none;
}
.widget .search-form button[type='submit']
{
    font-size: 14px;

    position: absolute;
    top: 20%;
    right: 3%;

    cursor: pointer;

    color: #6f6f6f;
    border: none;
    background: none;
}
.widget .widget-category
{
    padding: 0;

    list-style: none;
}
.widget .widget-category li
{
    display: block;

    margin-bottom: 10px;
}
.widget .widget-category li a
{
    color: #222;
}
.widget .widget-category li a:hover
{
    color: #AF6B2E;
}
.widget .widget-category li a:before
{
    font-family: 'FontAwesome';

    padding-right: 10px;

    content: '\f105';
}
.widget .widget-popular li
{
    margin-bottom: 20px;
    padding-bottom: 20px;

    border-bottom: 1px dashed #ddd;
}
.widget .widget-popular li .meta
{
    margin: 5px 0;

    color: #999;
}
.widget .widget-popular li .meta a
{
    color: #999;
}
.widget .widget-popular li .meta a:hover
{
    color: #AF6B2E;
}
.widget .widget-popular li a:before
{
    content: none;
}

/* ---------------------------------------------
contact
--------------------------------------------- */
.contact-wrap
{
    display: block;

    margin-bottom: 50px;
    padding: 30px;

    background: #fff;
}
@media (max-width: 991px)
{
    .contact-wrap
    {
        position: relative;
        bottom: 0;

        width: 100%;
        margin-top: 20px;
    }
}
.contact-wrap h3
{
    margin-top: 0;
    margin-bottom: 30px;
}
.contact-wrap .contact-form .form-control
{
    border-radius: 3px;
    box-shadow: none;
}
.contact-wrap .contact-form .form-control:focus
{
    border-color: #000;
}
.contact-wrap .contact-form label
{
    font-weight: 400;
}

.form-control
{
    border-radius: 3px;
    box-shadow: none;
}
.form-control:focus
{
    border-color: #000;
}

.contact-with-location
{
    position: relative;
}

#map
{
    width: 100%;
    height: 450px;

    background: #f3f3f3;
}

.location
{
    line-height: 30px;

    padding: 60px 0 0 0;
}
@media (max-width: 991px)
{
    .location
    {
        padding: 30px 0 0 0;

        text-align: center;
    }
}

/* ---------------------------------------------
footer
--------------------------------------------- */
.footer
{
    padding: 50px 0;

    color: #222;
    background: #f7f7f7;
}

.copyright
{
    display: block;
}

.f-logo
{
    margin-bottom: 30px;
}
.f-logo img
{
    height: 60px;
}

.social-link
{
    margin-top: 30px;
    margin-bottom: 0;
    padding: 0;

    list-style: none;
}
.social-link li
{
    display: inline-block;

    margin: 0;
}
.social-link li a
{
    font-size: 16px;

    color: #666;
    border-color: #333;
}
.social-link li a:hover
{
    color: #fff;
}

#go-top
{
    line-height: 60px;

    position: fixed;
    z-index: 100;
    right: 3%;
    bottom: 0;

    width: 50px;
    height: 60px;

    -webkit-transition: all .3s;
    transition: all .3s;
    text-align: center;

    color: #fff;
    background: rgba(0, 0, 0, .6);
}
#go-top:hover
{
    background: #AF6B2E;
}

.go-top-show
{
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);

    opacity: 1;

    filter: alpha(opacity=100);
}

.go-top-hide
{
    -webkit-transform: translateY(40px);
    -ms-transform: translateY(40px);
    transform: translateY(40px);

    opacity: 0;

    filter: alpha(opacity=0);
}

/* ---------------------------------------------
utilities
--------------------------------------------- */
.p-top-0
{
    padding-top: 0 !important;
}

.p-bot-0
{
    padding-bottom: 0 !important;
}

.pad-less
{
    padding: 0 !important;
}

.margin-less
{
    margin: 0 !important;
}

.m-top-0
{
    margin-top: 0 !important;
}

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

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

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

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

.m-bot-0
{
    margin-bottom: 0 !important;
}

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

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

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

.parent
{
    position: relative;
}

.font-bold
{
    font-weight: bold;
}

@media screen and (max-width: 800px)
{
    .wow
    {
        visibility: visible !important;

        -webkit-animation-name: none !important;
        animation-name: none !important;
    }
}
.parallax-promo:before{
    background: rgba(80, 102, 174, 0.2);
}
/* ---------------------------------------------
buttons
--------------------------------------------- */
.line-btn-light
{
    padding: 10px 30px;
    font-size:24px;
    color: #fff;
    border: 1px solid #fff;
}
.line-btn-light:hover
{
    color: #fff;
    border-color: transparent;
    background: #AF6B2E;
}

.line-btn-dark
{
    padding: 10px 30px;

    color: #000;
    border: 1px solid #000;
    background: transparent;
}
.line-btn-dark:hover
{
    color: #fff;
    border-color: transparent;
    background: #AF6B2E;
}

.solid-btn-light
{
    padding: 10px 30px;

    color: #000;
    border: 1px solid #fff;
    background: #fff;
}
.solid-btn-light:hover
{
    color: #fff;
    border: 1px solid #AF6B2E;
    background: #AF6B2E;
}

.solid-btn-dark
{
    padding: 10px 30px;

    color: #fff;
    border: 1px solid #000;
    background: #000;
}
.solid-btn-dark:hover,
.solid-btn-dark:focus
{
    color: #fff;
    border: 1px solid #AF6B2E;
    outline: none;
    background: #AF6B2E;
}

.solid-btn-theme
{
    padding: 10px 30px;

    color: #fff;
    border: 1px solid #AF6B2E;
    background: #AF6B2E;
}
.solid-btn-theme:hover
{
    color: #fff;
    border: 1px solid #678e33;
    background: #678e33;
}

.btn-capsule
{
    border-radius: 30px;
}

.btn-radius
{
    border-radius: 3px;
}

.btn-group-sm > .btn,
.btn-sm
{
    font-size: 12px !important;
    line-height: 1.5 !important;

    padding: 5px 10px !important;
}

.btn-icon i
{
    padding-right: 10px;
}

@media (max-width: 480px)
{
    .btn
    {
        margin-bottom: 5px;
    }
}

/* ---------------------------------------------
timeline
--------------------------------------------- */
.timeline-container
{
    width: 90%;
    max-width: 1170px;
    margin: 0 auto;
}
.timeline-container::after
{
    display: table;
    clear: both;
    /* clearfix */

    content: '';
}

.timeliner
{
    position: relative;

    margin-top: 2em;
    margin-bottom: 2em;
    padding: 2em 0;
}
.timeliner::before
{
    position: absolute;
    top: 0;
    left: 18px;

    width: 4px;
    height: 100%;
    /* this is the vertical line */

    content: '';

    background: #ddd;
}
@media only screen and (min-width: 1170px)
{
    .timeliner
    {
        margin-top: 3em;
        margin-bottom: 3em;
    }
    .timeliner::before
    {
        left: 50%;

        margin-left: -2px;
    }
}

.timeline-block
{
    position: relative;

    clear: both;

    margin: 2em 0;
}
.timeline-block:first-child
{
    margin-top: 0;
}
.timeline-block:last-child
{
    margin-bottom: 0;
}
@media only screen and (min-width: 1170px)
{
    .timeline-block
    {
        margin: 4em 0;
    }
    .timeline-block:first-child
    {
        margin-top: 0;
    }
    .timeline-block:last-child
    {
        margin-bottom: 0;
    }
}

.timeline-icon
{
    position: absolute;
    top: 0;
    left: 0;

    width: 40px;
    height: 40px;

    text-align: center;

    border-radius: 50%;
    background: #AF6B2E;
}
.timeline-icon i
{
    font-size: 16px;
    line-height: 40px;

    color: #fff;
}
.timeline-icon img
{
    position: relative;
    top: 50%;
    left: 50%;

    display: block;

    width: 24px;
    height: 24px;
    margin-top: -12px;
    margin-left: -12px;
}
@media only screen and (min-width: 1170px)
{
    .timeline-icon
    {
        left: 50%;

        width: 60px;
        height: 60px;
        margin-left: -30px;
        /* Force Hardware Acceleration in WebKit */

        -webkit-transform: translateZ(0);

        -webkit-backface-visibility: hidden;
    }
    .timeline-icon i
    {
        font-size: 24px;
        line-height: 60px;

        color: #fff;
    }
    .cssanimations .timeline-icon.is-hidden
    {
        visibility: hidden;
    }
    .cssanimations .timeline-icon.bounce-in
    {
        visibility: visible;
    }
}

.timeline-content
{
    position: relative;

    display: inline-block;
    clear: both;

    margin-left: 60px;
    padding: 1em;

    border-radius: .25em;
    background: #fff;
    box-shadow: 0 3px 0 #ddd;
}
.timeline-content h2
{
    font-size: 18px;
    font-weight: bold;

    margin-top: 0;
    margin-bottom: 5px;
}
.timeline-content p,
.timeline-content .cd-read-more,
.timeline-content .cd-date
{
    font-size: 14px;
}
.timeline-content .cd-read-more,
.timeline-content .cd-date
{
    display: inline-block;
}
.timeline-content p
{
    line-height: 1.6;

    margin: 1em 0;
}
.timeline-content .cd-date
{
    float: left;

    padding: .8em 0;

    opacity: .7;
}
.timeline-content::before
{
    position: absolute;
    top: 16px;
    right: 100%;

    width: 0;
    height: 0;

    content: '';

    border: 7px solid transparent;
    border-right: 7px solid #fff;
}
@media only screen and (min-width: 768px)
{
    .timeline-content h2
    {
        font-size: 18px;
    }
    .timeline-content p
    {
        font-size: 14px;

        color: #666;
    }
    .timeline-content .cd-read-more,
    .timeline-content .cd-date
    {
        font-size: 14px;
    }
}
@media only screen and (min-width: 1170px)
{
    .timeline-content
    {
        width: 45%;
        margin-left: 0;
        padding: 1.6em;
    }
    .timeline-content::before
    {
        top: 24px;
        left: 100%;

        border-color: transparent;
        border-left-color: #fff;
    }
    .timeline-content .cd-date
    {
        font-size: 16px;

        position: absolute;
        top: 6px;
        left: 122%;

        width: 100%;
    }
    .timeline-block:nth-child(even) .timeline-content
    {
        float: right;
    }
    .timeline-block:nth-child(even) .timeline-content::before
    {
        top: 24px;
        right: 100%;
        left: auto;

        border-color: transparent;
        border-right-color: #fff;
    }
    .timeline-block:nth-child(even) .timeline-content .cd-read-more
    {
        float: right;
    }
    .timeline-block:nth-child(even) .timeline-content .cd-date
    {
        right: 122%;
        left: auto;

        text-align: right;
    }
    .cssanimations .timeline-content.is-hidden
    {
        visibility: hidden;
    }
    .cssanimations .timeline-content.bounce-in
    {
        visibility: visible;
    }
}

/* ---------------------------------------------
shortcodes
--------------------------------------------- */
/* accordion and toggle style */
.panel-accordion .panel-default
{
    margin-bottom: 10px;

    border: none;
    border-radius: 0;
    box-shadow: none;
}
.panel-accordion .panel-default .panel-body
{
    border-top: none !important;
}
.panel-accordion .panel-default .panel-heading
{
    padding: 0;

    background-color: transparent;
}
.panel-accordion .panel-default .panel-heading .panel-title
{
    font-size: 14px;
    font-weight: 600;
    line-height: 1.8;

    position: relative;
}
.panel-accordion .panel-default .panel-heading .panel-title a
{
    display: block;

    padding: 10px 15px;

    text-decoration: none;

    border: 1px solid #ddd;
    background-color: transparent;
}
.panel-accordion .panel-default .panel-heading .panel-title a:hover,
.panel-accordion .panel-default .panel-heading .panel-title a:active
{
    color: #fff;
    border: 1px solid #222;
    background-color: #222;
}
.panel-accordion .panel-default .panel-heading .panel-title a::after
{
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1.1;

    position: absolute;
    top: 50%;
    right: 12px;

    width: 20px;
    height: 20px;
    margin-top: -10px;

    content: '+';
    text-align: center;

    color: inherit;
}
.panel-accordion .panel-default .panel-heading .panel-title a[aria-expanded='true']
{
    color: #fff;
    border: 1px solid #222;
    background-color: #222;
}
.panel-accordion .panel-default .panel-heading .panel-title a[aria-expanded='true']::after
{
    content: '-';
}

/* tabs */
.nav-tabs > li > a
{
    color: #333;
    border-radius: 0;
}

.tab-content
{
    padding: 15px;

    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-radius: 0;
}
.tab-content p
{
    margin-bottom: 10px;
}

/* progress bar */
.mild-progress-style
{
    position: relative;

    height: 8px;
    margin-top: 60px;

    border-radius: 0;
    background: #e4e4e4;
    box-shadow: none;
}
.mild-progress-style .progress-bar
{
    font-size: 11px;
    line-height: 30px;

    position: relative;

    overflow: visible;

    box-sizing: border-box;

    text-align: left;
    letter-spacing: 1px;

    color: #222;
    background-color: #222;
    box-shadow: none;
}
.mild-progress-style .progress-bar .skills-info
{
    font-size: 13px;

    position: relative;
    top: -35px;
}
.mild-progress-style .progress-bar span
{
    font-size: 9px;
    line-height: normal;

    position: relative;
    bottom: 0;

    float: right;

    padding: 5px;

    color: #fff;
    border-radius: 3px;
    background: #333;
}
.mild-progress-style .progress-bar span:after
{
    position: absolute;
    bottom: -5px;
    left: 50%;

    margin-left: -5px;

    content: '';

    border-top: 5px solid #333;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
}

.mild-progress-style.progress
{
    overflow: visible;
}

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

/* ---------------------------------------------
responsive
--------------------------------------------- */
@media (max-width: 479px)
{
    .about-info .media-left,
    .media-body
    {
        display: inline-block;

        width: 100%;
    }
    .about-info .media-left
    {
        padding-right: 0;
    }
    .about-info
    {
        text-align: center;
    }
    .about-thumb img
    {
        display: inherit;
        float: none;

        margin-bottom: 20px;
    }
}

@media (max-width: 568px)
{
    .hero .hero-content,
    .content.promo-txt
    {
        padding-top: 70px;
    }
    .info-list li
    {
        float: none !important;

        width: auto !important;
    }
    .about-info .media-left,
    .media-body
    {
        display: inline-block;

        width: 100%;
    }
    .about-info .media-left
    {
        padding-right: 0;
    }
    .about-info
    {
        text-align: center;
    }
    .about-thumb img
    {
        display: inherit;
        float: none;

        margin-bottom: 20px;
    }
    .about-info.m-bot-100
    {
        margin-bottom: 50px !important;
    }
}

@media (max-width: 667px)
{
    .parallax-promo{background-attachment:inherit;}

    .hero .hero-content,
    .content.promo-txt
    {
        padding-top: 80px;
    }
    .hero .hero-content h1,
    .content h1
    {
        font-size: 2rem;
    }
    .hero .hero-content .hero-subtitle,
    .content .subtitle
    {
        font-size: 1em;
        line-height: 2em;

        margin-bottom: 0;

        letter-spacing: .1rem;

        text-shadow: none;
    }
    .line-btn-light
    {
        padding: 8px 20px;
    }
    .content .group-button
    {
        margin-top: 10px;
    }
}

@media (max-width: 767px)
{
    .demo-info h4
    {
        font-size: 14px;
    }
    .hero .hero-content,
    .content.promo-txt
    {
        padding-top: 80px;
    }
    .hero .hero-content h1,
    .content h1
    {
        font-size: 2.5rem;

        margin-bottom: 1rem;
    }
    .hero .hero-content .hero-subtitle,
    .content .subtitle
    {
        font-size: 1em;
        line-height: 2em;

        margin-bottom: 1.5em;

        letter-spacing: .1rem;

        text-shadow: none;
    }
    .btn
    {
        font-size: 20px;
    }
    .go-down
    {
        display: none;
    }
    .section-title .title
    {
        font-size: 35px;
    }
    .separator::before,
    .separator::after
    {
        height: 1.5em;
    }
    .quote h1
    {
        font-size: 1.3em;
    }
    .parallax-promo h2
    {
        font-size: 1.2em;

        margin-top: 5px !important;
        margin-bottom: 20px;
    }
    .parallax-promo,
    .parallax-promo .text-right
    {
        text-align: center;
    }
    #testimonial-list p
    {
        font-size: 16px;
    }
    #testimonial-list .testimonial-meta
    {
        font-size: 12px;
    }
    .post-meta h3
    {
        font-size: 18px;

        margin-top: 10px;
        margin-bottom: 10px !important;
    }
    .post-meta .date,
    .post-meta .category
    {
        font-size: 12px;
    }
    .intro-banner,
    .hero-short-banner
    {
        height: 300px;
    }
    .content
    {
        width: 100%;
    }
    .video-banner h1
    {
        font-size: 2.4rem;
    }
    .hero.hero-short-banner .hero-content h2
    {
        font-size: 2.4rem;
        line-height: 1.5em;
    }
    .hero.hero-short-banner .m-top-100
    {
        margin-top: 50px !important;
    }
    .typist-blink:after
    {
        height: 22px;
    }
    .pricing-table .pricing-item h2
    {
        font-size: 24px;
    }
    .info-list li
    {
        float: left;

        width: 50%;
    }
}
@media only screen and (max-width:992px){
    #login img{display: flex;
        margin: 25px auto 0;
        max-width: 220px; padding-left:0;}
}
@media only screen and (max-width: 768px) and (min-width: 736px)
{
    .hero .hero-content h1,
    .content h1
    {
        font-size: 3.5rem;

        margin-bottom: 1rem;
    }
    .hero .hero-content .hero-subtitle,
    .content .subtitle
    {
        font-size: 1.2em;
        line-height: 2em;

        margin-bottom: 1.5em;

        letter-spacing: .1rem;

        text-shadow: none;
    }
    .quote h1
    {
        font-size: 2em;
    }
    .parallax-promo h2
    {
        font-size: 1.5em;

        margin-top: 10px !important;
    }
    .content
    {
        width: 100%;
    }
    .video-banner h1
    {
        font-size: 3.4rem;
    }
    .typist-blink:after
    {
        height: 22px;
    }
    .navbar-brand
    {
        padding: 5px 3px;
    }
}

@media only screen and (max-width: 1199px) and (min-width: 769px)
{
    .content
    {
        width: 100%;
    }
    .video-banner h1
    {
        font-size: 3.4rem;
    }
    .typist-blink:after
    {
        height: 22px;
    }
    .parallax-promo h2
    {
        font-size: 1.5em;

        margin-top: 10px !important;
    }
}
.logo{
    margin-bottom: 30px !important;
}