/*
=====================================================================
    CONTAINERS ./ PAGE
=====================================================================*/
#page
{
    position: relative;
    /*overflow: hidden;*/
}


body.boxed
{
    margin: 0 auto;
    max-width: 1200px;
    background: #fff;
}

@media (min-width: 992px)
{
    body.boxed #page
    {
        margin: 30px auto;
        -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.30);
        box-shadow: 0 0 30px rgba(0, 0, 0, 0.30);
        border-radius: 6px;
    }

        body.boxed #page #top-bar
        {
            border-radius: 6px 6px 0 0;
        }

        body.boxed #page .footer-dark
        {
            border-radius: 0 0 6px 6px;
        }
}

/*
====================================================================
    TOP NAVIGATION
====================================================================*/
/*#top-bar{
    line-height: 40px;
    background: #fff;
    color: #737373;
    font-size: 11px;
    border-bottom: 4px solid rgb(230,108,25);
    position: relative;
    z-index: 1
}*/
@media (max-width: 992px)
{
    #top-bar
    {
        /*display: none;*/
    }
}

#full-container
{
    width: 100%;
    position: relative;
    min-height: 500px;
    background: #ccc;
    margin: auto;
    background: url(../images/demo/slider3.jpg) no-repeat 50%;
}

.divider-full
{
    width: 100%;
    text-align: center;
    float: left;
}

.feature-section
{
    float: left;
    width: 100%;
    padding: 70px 0px;
    border-bottom: 1px solid rgba(141,141,141,.2);
    text-align: center;
}

.full-section
{
    float: left;
    width: 100%;
    padding: 20px 0px;
    border-bottom: 1px solid rgba(141,141,141,.2);
    overflow: hidden;
}
/*
///////////////////////////////////////////////
MAP
//////////////////////////////////////////////
*/
.map-section
{
}

.gmap3
{
    margin: 0;
    width: 100%;
    height: 400px;
}

.error
{
    color: #c0392b;
    font-style: italic;
    letter-spacing: normal;
}

#success, #error
{
    display: none;
}

    #success span, #error span
    {
        display: block;
        position: absolute;
        top: 0;
        width: 100%;
    }

        #success span p,
        #error span p
        {
            margin-top: 6em;
        }

        #success span p
        {
            color: #9bd32d;
        }

        #error span p
        {
            color: #c0392b;
        }


/*
=====================================================================
    MORE
=====================================================================*/
.one-edge-shadow
{
    -webkit-box-shadow: 0 8px 6px -6px rgba(0,0,0,.5);
    -moz-box-shadow: 0 8px 6px -6px rgba(0,0,0,.5);
    box-shadow: 0 8px 6px -6px rgba(0,0,0,.5);
}

.one-edge-shadow-bg
{
    -webkit-box-shadow: 0 10px 10px -5px rgba(0,0,0,0.5);
    -moz-box-shadow: 0 10px 10px -5px rgba(0,0,0,0.5);
    box-shadow: 0 10px 10px -5px rgba(0,0,0,0.5);
}


.container-inner
{
    padding-top: 70px;
    padding-bottom: 0px;
}

.bg-light-grey
{
    background: #343434;
}



/*
====================================================================
    STYLE BOX CENTER
====================================================================*/


.style-box
{
    padding: 0;
    position: relative;
}

    .style-box header
    {
        width: 100%;
        margin-bottom: 20px;
    }

    .style-box .fa
    {
        width: 100px;
        height: 100px;
        border: 1px solid rgb(230,108,25);
        background-color: rgb(230,108,25);
        color: #fff;
        font-size: 30px;
        text-align: center;
        vertical-align: middle;
        line-height: 100px;
        border-radius: 100%;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s;
        transition: .5s;
    }

    .style-box:hover .fa
    {
        color: rgb(230,108,25);
        background-color: transparent;
        transform: rotateY(180deg);
        -o-transform: rotateY(180deg);
        -ms-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
        -webkit-transform: rotateY(180deg);
    }

    .style-box .title
    {
        margin-bottom: 20px;
        width: 100%;
        padding-bottom: 20px;
        position: relative;
    }

        .style-box .title h3
        {
            margin: 0;
        }

        .style-box .title:after
        {
            content: "";
            border-bottom: 1px solid rgb(230,108,25);
            height: 0;
            left: 50%;
            margin-left: -15px;
            position: absolute;
            bottom: 0px;
            width: 30px;
        }

    .style-box .sub-title
    {
        font-size: 12px;
        text-transform: uppercase;
        color: rgba(0,0,0,.7);
        margin: 0;
        letter-spacing: 1px;
        font-weight: 600;
    }

    .style-box .box-desc
    {
        padding: 0 10px;
    }


@media(max-width: 992px)
{
    .style-box;

{
    margin-bottom: 40px;
}

}



/*
====================================================================
    STYLE BOX CENTER WITH BACKGROUND
====================================================================*/


.style-box1
{
    padding: 0;
    position: relative;
}

    .style-box1 header
    {
        width: 100%;
        margin-bottom: 8px;
    }

.box-with-bg
{
    background: #f1f1f1;
    padding: 15px 10px;
    border-radius: 4px;
    position: relative;
    border: 1px solid #e1e1e1;
}

    .box-with-bg:before
    {
        display: block;
        content: " ";
        width: 0;
        height: 0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-bottom: 8px solid #e1e1e1;
        position: absolute;
        top: -8px;
        left: 50%;
        margin-left: -4px;
    }

.style-box1 .fa
{
    width: 100px;
    height: 100px;
    border: 1px solid rgb(230,108,25);
    background-color: rgb(230,108,25);
    color: #fff;
    font-size: 30px;
    text-align: center;
    vertical-align: middle;
    line-height: 100px;
    border-radius: 100%;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

.style-box1:hover .fa
{
    color: rgb(230,108,25);
    border-color: rgb(225,225,225);
    background-color: #f1f1f1;
    transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
}

.style-box1 .title
{
    margin-bottom: 20px;
    width: 100%;
    padding-bottom: 20px;
    position: relative;
}

    .style-box1 .title h3
    {
        margin: 0;
    }

    .style-box1 .title:after
    {
        content: "";
        border-bottom: 1px solid rgb(230,108,25);
        height: 0;
        left: 50%;
        margin-left: -15px;
        position: absolute;
        bottom: 0px;
        width: 30px;
    }

.style-box1 .sub-title
{
    font-size: 12px;
    text-transform: uppercase;
    color: rgba(0,0,0,.7);
    margin: 0;
    letter-spacing: 1px;
    font-weight: 600;
}

.style-box1 .box-desc
{
    padding: 0 10px;
}


@media(max-width: 992px)
{
    .style-box1;

{
    margin-bottom: 40px;
}

}


/*
====================================================================
    vertical feature list
====================================================================*/

.vertical-features
{
    margin: 30px 0 0 0;
}

.vertical-list ul
{
    margin: 0;
    padding: 0;
}

.vertical-list li
{
    position: relative;
    padding-bottom: 30px;
    margin: 0;
    list-style: none;
    min-height: 80px;
    margin-left: 18px;
}

.vertical-list .vertical-icons .fa
{
    width: 60px;
    height: 60px;
    border: 1px solid rgb(230,108,25);
    background-color: rgb(230,108,25);
    color: #fff;
    font-size: 24px;
    text-align: center;
    vertical-align: middle;
    line-height: 60px;
    border-radius: 100%;
    margin-bottom: 20px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    float: left;
    position: relative;
    z-index: 1;
    margin-right: 30px;
}

.vertical-list li:hover .fa
{
    color: rgb(230,108,25);
    background-color: #222;
    border-color: #222;
    transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
}

.vertical-list .vertical-content
{
    overflow: hidden;
}

    .vertical-list .vertical-content h3
    {
        font-size: 22px;
        margin-bottom: 12px;
        top: 10px;
        margin-bottom: 25px;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s;
        transition: .5s;
    }

    .vertical-list .vertical-content p
    {
        font-size: 12px;
        line-height: 18px;
        color: #222;
    }


.vertical-list li:hover .vertical-icons
{
    background: rgb(230,108,25);
    border-color: rgb(230,108,25);
}


.tm
{
    position: absolute;
    top: 1%;
    left: 30px;
    width: 1px;
    height: 100%;
    border-right-width: 1px;
    border-right-style: solid;
    border-color: rgba(255,255,255,1);
}


/*
====================================================================
    TOP HEADER
====================================================================*/

#top-bar
{
    line-height: 40px;
    background: rgba(0, 0, 0, 0.95);
    color: #fff;
    font-size: 11px;
    border-bottom: 4px solid rgb(230,108,25);
    z-index: 100;
}

    #top-bar.dark
    {
        background: #181818;
        border-bottom: 0px solid rgb(230,108,25);
    }


.top-info ul
{
    position: relative;
    margin: 0;
    list-style: none;
}

    .top-info ul li
    {
        margin: 0;
        margin-right: 15px;
        display: inline-block;
    }

.top-info li > .fa
{
    font-size: 12px;
    width: 24px;
    height: 24px;
    text-align: center;
    vertical-align: middle;
    line-height: 24px;
    border: 1px solid rgba(115,115,115,.7);
    border-radius: 100%;
    margin-right: 2px;
}

@media(max-width: 767px)
{
    .top-info >li;

{
    text-align: center;
    float: none;
    display: inline-block;
}

.top-info
{
    text-align: center;
}

}






/*
====================================================================
    5 SOCIAL ICONS
====================================================================*/


.social-icon a
{
    color: rgb(115,115,115);
}

    .social-icon a > .fa
    {
        font-size: 14px;
        width: 28px;
        height: 28px;
        text-align: center;
        vertical-align: middle;
        line-height: 28px;
        border: 1px solid rgba(115,115,115,.7);
        border-radius: 50%;
        border-color: rgba( 115,115,115,.7);
        margin-right: 5px;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s;
        transition: .5s;
    }


.social-icon.right
{
    text-align: right;
    padding-right: 45px;
}

.social-icon a:last-child
{
}


.flat-social-icons li
{
    float: left;
    font-size: 14px;
    list-style: none;
    border-right: 1px solid rgba(0,0,0,0.05);
    margin: 0;
    position: relative;
    padding: 0;
}

.flat-social-icons.right
{
    float: right;
}

.flat-social-icons li a .fa
{
    display: block;
    width: 30px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #9a9a9a;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}


.social-icon a:hover.facebook .fa,
.flat-social-icons a:hover.facebook .fa
{
    background-color: #4863AE;
    border-color: #4863AE;
    color: #fff;
}

.social-icon a:hover.twitter .fa,
.flat-social-icons a:hover.twitter .fa
{
    background-color: #46C0FB;
    border-color: #46C0FB;
    color: #fff;
}

.social-icon a:hover.google .fa,
.flat-social-icons a:hover.google .fa
{
    background-color: #DD4B39;
    border-color: #DD4B39;
    color: #fff;
}

.social-icon a:hover.linkedin .fa,
.flat-social-icons a:hover.linkedin .fa
{
    background-color: #0083A8;
    border-color: #0083A8;
    color: #fff;
}

.social-icon a:hover.dribbble .fa,
.flat-social-icons a:hover.dribbble .fa
{
    background-color: #EA4C89;
    border-color: #EA4C89;
    color: #fff;
}

.social-icon a:hover.youtube .fa,
.flat-social-icons a:hover.youtube .fa
{
    background-color: #FF0000;
    border-color: #FF0000;
    color: #fff;
}

.social-icon a:hover.flickr .fa,
.flat-social-icons a:hover.flickr .fa
{
    background-color: #FF0084;
    border-color: #FF0084;
    color: #fff;
}

.social-icon a:hover.pinterest .fa,
.flat-social-icons a:hover.pinterest .fa
{
    background-color: #C91618;
    border-color: #C91618;
    color: #fff;
}

.social-icon a:hover.rss .fa,
.flat-social-icons a:hover.rss .fa
{
    background-color: #FF7F25;
    border-color: #FF7F25;
    color: #fff;
}

.social-icon a:hover.tumblr .fa,
.flat-social-icons a:hover.tumblr .fa
{
    background-color: #5a90be;
    border-color: #5a90be;
    color: #fff;
}

.social-icon a:hover.instagram .fa,
.flat-social-icons a:hover.instagram .fa
{
    background-color: #3F729B;
    border-color: #3F729B;
    color: #fff;
}




/*
====================================================================
    FOOTER
====================================================================*/

.footer-dark
{
    background: #181818;
    color: #8f8f8f;
    border-top: 4px solid #e66c19;
}

.footer-widget
{
    position: relative;
    margin-bottom: 20px;
}

    .footer-widget ul.blog-list
    {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .footer-widget ul.blog-list > li
        {
            margin: 0;
            padding: 5px 0;
            position: relative;
            border-bottom: 0px solid rgba(0,0,0,.2);
            overflow: hidden;
            margin-bottom: 10px;
        }

        .footer-widget ul.blog-list li:after
        {
            width: 100%;
            content: "";
            border-bottom: 1px solid rgba(255,255,255,.05);
            position: absolute;
            bottom: 0;
            left: 0;
        }

    .footer-widget h6
    {
        font-size: 14px;
        text-transform: none !important;
        font-weight: normal;
        margin-bottom: 4px !important;
    }

    .footer-widget ul.blog-list > li em
    {
        color: #838383;
        font-size: 11px;
        font-style: normal;
    }

    .footer-widget .recent-post
    {
    }

.footer-dark a
{
    color: #c5c5c5;
}

    .footer-dark a:hover
    {
        color: rgb(230,108,25);
    }

.footer-dark h2
{
    color: #ccc;
}

.faddress
{
    position: relative;
    margin: 10px 0;
}

    .faddress i
    {
        display: block;
        float: left;
        margin-right: 10px;
        font-size: 12px;
        width: 24px;
        height: 24px;
        text-align: center;
        vertical-align: middle;
        line-height: 20px;
        border: 1px solid rgba(115,115,115,.7);
        border-radius: 50%;
        border-color: rgba( 115,115,115,.7);
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s;
        transition: .5s;
    }

    .faddress .ftext
    {
        margin-bottom: 10px;
        display: block;
        overflow: hidden;
    }


.sub-footer-dark
{
    width: 100%;
    border-top: 1px solid rgba(0,0,0,.2);
    padding: 20px 0;
    font-size: 12px;
    margin: 0;
    position: relative;
    background: #343434;
}

    .sub-footer-dark:before
    {
        width: 100%;
        content: "";
        border-top: 1px solid rgba(255,255,255,.05);
        position: absolute;
        top: 0;
        left: 0;
    }

.sub-footer-light
{
    width: 100%;
    border-top: 1px solid rgba(0,0,0,.2);
    padding: 20px 0;
    font-size: 12px;
    margin: 0;
    background: #fff;
    position: relative;
}

.footer-menu
{
    margin: 0;
    padding: 0;
    list-style: none;
}

    .footer-menu li
    {
        display: inline-block;
        padding-left: 10px;
    }

ul.footer-list
{
    margin: 0;
    padding: 0;
}

    ul.footer-list li
    {
        margin: 0;
        border-bottom: 1px dotted #333;
        position: relative;
        float: left;
        width: 100%;
    }

        ul.footer-list li > a
        {
            display: block;
            padding: 4px 6px;
        }


/*//////////////////////////////////////////////////////////*/
/*twitter list*/
/*//////////////////////////////////////////////////////////*/

#tweecool ul
{
    margin: 0;
    padding: 0;
}

    #tweecool ul > li
    {
        list-style: none;
        clear: both;
        padding-bottom: 5px;
        margin-bottom: 10px;
        overflow: hidden;
    }

#tweecool li > a
{
    float: left;
    position: relative;
    border: 1px dotted #333;
    margin-right: 20px;
    padding: 2px;
}

    #tweecool li > a img
    {
        width: 50px;
        height: 50px;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%;
        border: 2px solid rgba(255,255,255,0.05);
    }

#tweecool ul > li .tweets_txt
{
    display: block;
    overflow: hidden;
    line-height: normal;
}

#tweecool ul li .tweets_txt > a
{
    float: none;
    color: rgb(230,108,25);
    margin-top: -8px;
}

#tweecool ul li .tweets_txt span
{
    font-style: italic;
    color: rgb(230,108,25);
    display: block;
}


/*//////////////////////////////////////////////////////////*/
/*flickr list*/
/*//////////////////////////////////////////////////////////*/


ul.flickr-widget
{
    overflow: hidden;
}

    ul.flickr-widget li
    {
        float: left !important;
        margin: 0;
        margin-right: 5px;
        border-bottom: none !important;
    }

        ul.flickr-widget li:nth-child(3n+1)
        {
            margin-left: 0;
        }

        ul.flickr-widget li a
        {
            display: inline-block;
            width: 80px;
            opacity: 0.8;
            border: 4px solid #333;
            transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            -webkit-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
        }

            ul.flickr-widget li a img
            {
                width: 100%;
            }

            ul.flickr-widget li a:hover
            {
                opacity: 1;
                border: 4px solid rgb(230,108,25);
            }






/*
====================================================================
    5 SEARCH
====================================================================*/

.sb-search
{
    position: absolute;
    width: 0%;
    right: 15px;
    top: 0;
    min-width: 30px;
    height: 40px;
    overflow: hidden;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    transition: width 0.3s;
    -webkit-backface-visibility: hidden;
}

.sb-search-input
{
    position: absolute;
    top: 0;
    right: 0;
    border: none;
    outline: none;
    background: rgba(255,255,255,.8);
    width: 96%;
    height: 40px;
    margin: 0;
    padding: 0px 3% 0px 1%;
    line-height: 20px;
    border-left: 2px solid rgb(230,108,25) !important;
    z-index: 1;
}

.hd-center .sb-search
{
    min-width: 30px;
    height: 55px;
}

.hd-center .sb-search-input
{
    background: rgba(11,28,51,.8);
    width: 97%;
    height: 51px;
    margin: 0;
    padding: 0px 2% 0px 1%;
    line-height: 30px;
    z-index: 1;
}

.hd-center .sb-icon-search,
.hd-center .sb-search-submit
{
    width: 30px;
    height: 51px;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    padding: 0;
    margin: 0;
    line-height: 50px;
    text-align: center;
    cursor: pointer;
}

.sb-search form input[type="text"]
{
    border: 0px solid rgba(160, 160, 160, 0.3);
    box-shadow: none;
}


.sb-icon-search,
.sb-search-submit
{
    width: 30px;
    height: 40px;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    padding: 0;
    margin: 0;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
}

.sb-search-submit
{
    background: #fff; /* IE needs this */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
    filter: alpha(opacity=0); /* IE 5-7 */
    opacity: 0;
    color: transparent;
    border: none;
    outline: none;
}

.sb-icon-search
{
    color: #fff;
    background: rgb(230,108,25);
    z-index: 90;
    font-size: 16px;
    font-family: 'FontAwesome';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
}

    .sb-icon-search:before
    {
        content: "\f002";
    }

/* Open state */
.sb-search.sb-search-open,
.no-js .sb-search
{
    width: 100%;
}

    .sb-search.sb-search-open .sb-icon-search,
    .no-js .sb-search .sb-icon-search
    {
        background: #fff;
        color: rgb(230,108,25);
        z-index: 11;
    }


    .sb-search.sb-search-open .sb-search-submit,
    .no-js .sb-search .sb-search-submit
    {
        z-index: 90;
    }



.full-width-recent-projects .projects-carousel
{
    width: 100% !important;
}

    .full-width-recent-projects .projects-carousel .item
    {
        margin: 0;
        border-top: 10px solid #eaeaea;
        border-bottom: 10px solid rgb(230,108,25);
    }

.margin-def .item
{
    position: relative;
    margin-bottom: 30px;
    padding: 0 10px;
}

/*
=====================================================================
    CAROUSEL
=====================================================================*/

.ccarosel .owl-controls .owl-buttons
{
    position: absolute;
    top: 0px;
    right: 0px;
}

.ccarosel.projects-carousel .owl-controls .owl-buttons
{
    right: 0px;
}

.ccarosel.navigation-2 .owl-controls .owl-buttons
{
    position: relative;
    top: 0;
    right: 0;
}

.ccarosel.navigation-2.clients-carousel .owl-controls .owl-buttons
{
    top: -8px;
}

.ccarosel.navigation-2 .owl-controls .owl-buttons div,
.ccarosel.navigation-3 .owl-controls .owl-buttons div
{
    background-color: #000;
}

    .ccarosel.navigation-2 .owl-controls .owl-buttons div i,
    .ccarosel.navigation-3 .owl-controls .owl-buttons div i
    {
        color: #666;
    }

.ccarosel.navigation-3
{
    padding-top: 0px;
}

    .ccarosel.navigation-3.clients-carousel
    {
        padding-top: 0px;
    }

    .ccarosel.navigation-3 .owl-controls .owl-buttons
    {
        position: absolute;
        top: 20px;
        right: 0;
        width: 100%;
        background: #f00;
    }

.ccarosel .owl-controls .owl-buttons .owl-prev
{
    position: absolute;
    top: 80px;
    left: 15px;
    pointer-events: auto;
}

.ccarosel .owl-controls .owl-buttons .owl-next
{
    position: absolute;
    top: 80px;
    right: 15px;
    pointer-events: auto;
}

.ccarosel.navigation-2 .owl-controls .owl-buttons div,
.ccarosel.navigation-3 .owl-controls .owl-buttons div
{
    width: 36px;
    height: 36px;
    line-height: 36px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
}

.ccarosel.navigation-3.projects-carousel .owl-controls .owl-buttons
{
    right: 0;
}

.ccarosel .owl-controls .owl-buttons div,
.testimonials-carousel .owl-controls .owl-buttons div
{
    height: 22px;
    width: 22px;
    line-height: 22px;
    display: inline-block;
    zoom: 1;
    *display: inline; /*IE7 life-saver */
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    background-color: #fff;
    margin-left: 4px;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

    .ccarosel .owl-controls .owl-buttons div i,
    .testimonials-carousel .owl-controls .owl-buttons div i
    {
        font-size: 1.6em;
        color: #f00;
        text-shadow: 0 1px 1px rgba(0,0,0,.2);
        transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -webkit-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
    }


.team-carousel .owl-controls .owl-buttons .owl-prev
{
    position: absolute;
    top: 100px;
    left: 0px;
    pointer-events: auto;
}

.team-carousel .owl-controls .owl-buttons .owl-next
{
    position: absolute;
    top: 100px;
    right: 0px;
    pointer-events: auto;
}



/*///////////////////////////////////////////////////////*/
/*parallex and backgrounds*/
/*///////////////////////////////////////////////////////*/

.parallexbg
{
    width: 100%;
    height: 100%;
    background: url(../images/demo/bg2.jpg) #333;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    position: relative;
}


.background1
{
    background: url(../images/bg-images/bg1.jpg) #fff;
}

.background2
{
    background: url(../images/bg-images/bg2.jpg) #fff;
}

.background3
{
    background: url(../images/bg-images/bg4.jpg) #fff;
}

.background6
{
    background: url(../images/bg-images/bg6.jpg) #fff;
}


/*
    ===============================
    001  ///  TITLE HEADINGS
    ===============================
*/
.section-title
{
    margin-bottom: 50px;
}

    .section-title.center
    {
        text-align: center;
    }

    .section-title.right
    {
        text-align: right;
    }

@media(max-width: 992px)
{
    .section-title, .section-title.center, .section-title.right;

{
    text-align: center;
}

}

.section-title > h2
{
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 0;
}

.dark .section-title > h2
{
    color: #fff;
}

.section-title .icon
{
    display: inline-block;
    font-size: 18px;
    width: 80px;
    margin: 0 auto;
    margin-left: 7px;
    margin-right: 7px;
    position: relative;
    height: 1px;
    background: rgb(230,108,25);
}

    .section-title .icon:before
    {
        display: inline-block;
        content: "";
        border: 1px solid rgb(230,108,25);
        position: absolute;
        left: -7px;
        top: -3px;
        width: 8px;
        height: 8px;
        border-radius: 100%;
    }

    .section-title .icon:after
    {
        display: inline-block;
        content: "";
        border: 1px solid rgb(230,108,25);
        position: absolute;
        right: -7px;
        top: -3px;
        width: 8px;
        height: 8px;
        border-radius: 100%;
    }



.bg-pattern-1
{
    background: url(../images/pattern/bg-pattern-1-s.png) repeat;
}


/*
    ===============================
    002  ///  PAGE HEADER
    ===============================
*/


.page-header
{
    margin: 0;
    padding: 40px 0;
    border-bottom: 1px solid rgba(0,0,0,.06);
    height: 100px;
    -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, .05);
    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .05);
    box-shadow: 0 3px 5px rgba(0, 0, 0, .05);
    background: #343434;
}

    .page-header.p-bg1
    {
        background: #f1f1f1;
    }

    .page-header.big
    {
        height: auto;
        padding: 0;
        overflow: hidden;
    }

    .page-header .heading-title
    {
        position: relative;
        vertical-align: middle;
    }

        .page-header .heading-title > h2
        {
            font-size: 32px;
            font-weight: 600;
            position: relative;
            margin-bottom: 0 !important;
        }

    .page-header.dark h2
    {
        color: #fff !important;
    }


@media(max-width: 991px)
{
    .page-header.style-big;

{
}

.page-header > h2
{
    text-align: center;
    padding-bottom: 0;
}

}


.page-header.bg-pattern
{
    padding-top: 30px;
}

.page-header.style-flat
{
    padding-top: 30px;
    background: #dadada;
}

.page-header.light-color h2
{
    color: #666;
}

.page-header-small
{
    width: 100%;
    font-size: 18px;
    padding: 35px 0;
    color: #999;
}

    .page-header-small h2
    {
        font-size: 36px;
        display: inline-block;
        font-weight: 300;
        padding: 0;
        color: #fff;
        position: relative;
    }

/*
    ===============================
    003  ///  BREADCRUMB
    ===============================
*/
.page-header .breadcrumb
{
    text-align: right;
    margin: 0;
    padding: 0;
    padding-bottom: 24px;
    position: relative;
    margin-top: 0px;
    background: none;
}

    .page-header .breadcrumb li
    {
        display: inline-block;
        font-size: 10px;
        text-transform: uppercase;
        list-style: none;
        position: relative;
    }

    .page-header .breadcrumb > li + li:before
    {
        content: "||";
        padding: 0px 5px;
        color: rgb(230,108,25);
    }

    .page-header .breadcrumb a
    {
        color: #fff;
    }

.page-header.light-color .breadcrumb a
{
    color: #666;
}

.page-header.light .breadcrumb a
{
    color: #fff;
}

@media(max-width: 991px)
{
    .page-header .breadcrumb;

{
    text-align: center;
    padding: 5px 0;
}

}

/*
    ===============================
    004  ///  PROGRESS BAR
    ===============================
*/
.skills
{
}

.progress
{
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    height: 30px;
    margin-bottom: 14px;
    overflow: hidden;
    background-color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom: 2px solid #d5d5d5;
}

    .progress.border-radius
    {
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
    }

.progress-bar
{
    font-size: 12px;
    filter: none;
    text-transform: uppercase;
    padding: 0 5px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    line-height: 30px;
    text-align: right;
    text-indent: 10px;
    text-shadow: none;
    -webkit-transition: background 0.2s linear;
    transition: background 0.2s linear;
    position: relative;
}

.progress .progress-label
{
    float: left;
}

.progress-data
{
    font-weight: 900;
    background: rgba(0,0,0,.4);
    position: absolute;
    right: 0;
    text-align: center;
    padding: 0 5px;
}

.progress-striped
{
    background-color: #fff;
}

.progress-info,
.progress-info.progress-striped
{
    background-color: #0098ca;
}

.progress-success,
.progress-success.progress-striped
{
    background-color: #738d00;
}

.progress-warning,
.progress .bar-warning,
.progress-warning.progress-striped,
.progress-striped .bar-warning
{
    background-color: #f89406;
}

.progress-danger,
.progress-danger.progress-striped
{
    background-color: #c10841;
}




/*
    ===============================
    008  ///  TESTIMONIALS
    ===============================
*/

.testimonial.option2
{
    text-align: left !important;
    padding: 10px;
    border: 1px solid #eaeaea;
}


.testimonial
{
    padding: 0px 0;
    text-align: center;
}

    .testimonial .testimonial-pic img
    {
        margin: 0 auto;
        width: 120px;
        height: 120px;
        border-radius: 100%;
        border: 6px solid #fff;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s;
        transition: .5s;
    }

    .testimonial:hover .testimonial-pic img
    {
        border: 6px solid rgb(230,108,25);
    }

    .testimonial p
    {
        line-height: 24px;
        text-align: center;
    }

    .testimonial .author
    {
        font-size: 11px;
        text-transform: uppercase;
        margin-top: 10px;
        color: rgb(230,108,25);
    }

.navigation1 .owl-controls .owl-buttons div,
.team-carousel .owl-controls .owl-buttons div
{
    border: 1px solid rgb(230,108,25);
    display: inline-block;
    line-height: 48px;
    font-size: 24px;
    position: absolute;
    top: 10%;
    width: 48px;
    text-align: center;
    vertical-align: middle;
    height: 48px;
    border-radius: 50%;
    background: transparent;
    color: #333;
    margin: 0;
    padding: 0;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

.navigation1 .owl-controls .owl-page,
.team-carousel .owl-controls .owl-page
{
    display: inline-block;
    zoom: 1;
    *display: inline; /*IE7 life-saver */
}

    .navigation1 .owl-controls .owl-page span,
    .team-carousel .owl-controls .owl-page span
    {
        display: block;
        width: 12px;
        height: 12px;
        margin: 5px 7px;
        filter: Alpha(Opacity=50); /*IE7 fix*/
        opacity: 0.5;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        background: #869791;
    }

    .navigation1 .owl-controls .owl-page.active span,
    .navigation1 .owl-controls.clickable .owl-page:hover span,
    .team-carousel .owl-controls .owl-page.active span,
    .team-carousel .owl-controls.clickable .owl-page:hover span
    {
        filter: Alpha(Opacity=100); /*IE7 fix*/
        opacity: 1;
        background: rgb(230,108,25);
    }


.center-owl-nav .owl-controls .owl-buttons div
{
    top: 40%;
}

.navigation1 .owl-theme .owl-pagination,
.team-carousel .owl-theme .owl-pagination
{
    position: absolute;
    right: 0;
    bottom: 20px;
    background: #000;
    padding: 5px;
    border-radius: 4px 0 0 4px;
    opacity: .5;
}
/*
    ===============================
    009  ///  TEAM
    ===============================
*/

.team-box
{
    margin-bottom: 20px;
    display: block;
    overflow: hidden;
}

    .team-box:hover .team-member
    {
        border-bottom: 5px solid rgb(230,108,25);
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s;
        transition: .5s;
    }

    .team-box .team-member
    {
        border-bottom: 5px solid transparent;
        position: relative;
    }

        .team-box .team-member img
        {
            max-width: 100%;
            height: auto;
        }

    .team-box h2
    {
        margin-bottom: 5px;
    }

.team-desc
{
    padding: 15px;
    border: 1px solid #eaeaea;
}

    .team-desc > p
    {
        height: 120px;
        overflow: hidden;
    }

.team-box .team-role
{
    color: rgb(230,108,25);
    font-size: 11px;
    text-transform: uppercase;
    margin-bottom: 10px;
    display: inline-block;
}


.team-member:hover .item-overlay
{
    opacity: 1;
    filter: alpha(opacity=100);
}


.team-member .item-overlay .p-item-nav
{
    position: absolute;
    bottom: 2px;
    top: 50%;
    margin-left: -22px;
    margin-top: -22px;
}

.team-single
{
    display: block;
    position: relative;
    border: 0px solid rgba(0,0,0,.05);
    z-index: 1;
}

    .team-single .team-overlay
    {
        position: absolute;
        width: 50%;
        height: 100%;
        right: 0;
        display: block;
        padding: 30px;
        z-index: 3;
        background: rgb(230,108,25);
    }


.team1
{
    background: url(../images/team/member.jpg) no-repeat center #fff;
    height: 352px;
    padding: 60px 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    position: relative;
    overflow: hidden;
}

.team-over
{
    padding: 15px 0;
    z-index: 3;
    background: rgb(230,108,25);
}

@media(max-width:992px) and (min-width: 767px)
{
    .team-box .team-member;

{
    border-bottom: 0px solid #eaeaea;
    position: relative;
    float: left;
    margin-right: 30px;
}

.projects-carousel .team-box .team-member
{
    border-bottom: 0px solid #eaeaea;
    position: relative;
    float: none;
    margin-right: 0px;
}

.team-desc
{
    border: 0px solid #eaeaea !important;
}

.team-box
{
    border: 1px solid #eaeaea !important;
}

}

/*
    ===============================
    010  ///  SIDEBAR / WIDGETS
    ===============================
*/
aside .widget
{
    margin: 0 0 48px;
}

.widget #searchform
{
    display: inline-block;
    width: 100%;
    overflow: hidden;
    background-color: #fff;
    border: 1px solid #eaeaea;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
}

.widget-list
{
    margin: 0;
}

.widget-inner
{
}

.widget-list ul li
{
    margin: 0 0 7px 0;
}

    .widget-list ul li:before
    {
        content: "\f138";
        font-family: 'FontAwesome';
        margin-right: 10px;
        display: inline-block;
        font-size: 14px;
    }

    .widget-list ul li a
    {
        color: rgb(230,108,25);
    }

        .widget-list ul li a:hover
        {
            color: rgb(0,0,0);
        }

.widget .post-list
{
    margin: 0;
    border: 1px solid #eaeaea;
    border-radius: 4px;
}

    .widget .post-list > li
    {
        margin: 0;
        padding: 8px 0;
        display: block;
        overflow: hidden;
        border-bottom: 1px solid #eaeaea;
    }

        .widget .post-list > li:last-child
        {
            border-bottom: none;
        }


    .widget .post-list .img-post
    {
        float: left;
        width: 75px;
        margin-left: 5px;
    }

.post-list .meta
{
    margin-left: 90px;
    overflow: hidden;
    margin-bottom: 0;
}

    .post-list .meta h5
    {
        margin: 0;
    }

    .post-list .meta em
    {
        font-size: 11px;
        color: #ccc;
    }

.widget-cloud .tagCloud a
{
    display: inline-block;
    padding: 4px 8px;
    border: 1px solid #cecece;
    border-radius: 4px;
    margin: 0 3px 6px 0;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.widget-cloud .tagCloud a
{
    background: rgb(230,108,25);
    border: 1px solid rgb(230,108,25);
    color: #fff;
}

    .widget-cloud .tagCloud a:hover
    {
        background: rgb(0,0,0);
        border: 1px solid rgb(0,0,0);
        color: #fff;
    }

/*
    ===============================
    011  ///  BLOG / WIDGETS
    ===============================
*/
iframe
{
    border: none;
    max-width: 100%;
    display: block;
}

.blog-widget
{
    padding-left: 15px;
    position: relative;
    overflow: hidden;
    padding-bottom: 80px;
    padding-top: 15px;
}

    .blog-widget .blog-header
    {
        position: relative;
    }

    .blog-widget > .tm
    {
        position: absolute;
        top: 1%;
        left: 36px;
        width: 2px;
        height: 100%;
        border-right-width: 2px;
        border-right-style: solid;
        border-color: rgba(0,0,0,.1);
    }

    .blog-widget .blog-header > h2
    {
        margin-bottom: 5px;
    }

.blog-header > .blog-meta
{
    font-size: 11px;
    text-transform: uppercase;
}

    .blog-header > .blog-meta > span:after
    {
        content: '||';
        color: #e66c19;
        display: inline-block;
        padding: 0 5px;
    }

    .blog-header > .blog-meta > span:last-child:after
    {
        display: none;
    }

.blog-widget .date-icon
{
    position: absolute;
    left: 0px;
    width: 74px;
    height: 74px;
    border-radius: 50%;
    line-height: 74px;
    text-align: center;
    z-index: 1;
}

.blog-widget:hover .date-icon
{
    background: rgb(230,108,25);
    color: #fff;
}

.blog-widget .blog-element
{
    padding: 10px;
    border: 5px solid #eaeaea;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    position: relative;
    margin: 30px auto 0 auto;
    text-align: center;
}

.blog-widget .blog-element-media
{
    padding: 8px;
    border: 1px solid #eaeaea;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    position: relative;
    margin: 30px auto 0 auto;
}

.blog-element-slider
{
}

.blog-widget .blog-summary
{
    margin-top: 30px;
}

.date-icon.option1
{
    border: 2px solid rgb(230,108,25);
    background: #fff;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

.blog-widget blockquote small
{
    margin-top: 10px;
    text-align: right;
}

.blog-widget blockquote
{
    border-left: 2px solid #fc3250;
}

/*.date-icon.option1:after{
    content: '';
    width: 1px;
    height: 100%;
    position: absolute;
    display: block;
    background: #000;
    left: 36px;
    top:72px
}*/
.date-icon > span
{
    font-size: 12px;
    color: #343434;
}

/*blog hr*/

.blog-hr
{
    margin: 0px 0 0 36px;
    padding: 0;
    border-top: 1px solid rgba(0,0,0,.1);
    border-bottom: 1px solid rgba(0,0,0,.1);
}

/*blog-small*/

.blog-sm > .blog-element,
.blog-sm > .blog-summary,
.blog-sm > .blog-element-media
{
    width: 46%;
    float: left;
}

.blog-sm > .blog-summary
{
    margin-left: 4%;
}


.blog-comments
{
    margin: 40px 0;
    border: 0px solid #eaeaea;
    padding: 10px 0;
    margin-left: 36px;
}

    .blog-comments .media
    {
        background: #f5f5f5;
        padding: 10px 15px;
    }

        .blog-comments .media .media
        {
            background: #fff;
            border-radius: 6px;
            border: 1px solid #eaeaea;
        }

.media .pull-left img
{
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.comment-info
{
    border: 0px solid #eaeaea;
    margin-top: 20px;
    margin-bottom: 20px;
}

h4.media-heading
{
    font-weight: 600;
    color: rgb(230,108,25);
}

/*
=====================================================================
    PRICING TABLE
=====================================================================*/
.pricing-wrap
{
    padding: 20px 15px;
    text-align: center;
    margin-bottom: 30px;
}

.pricing-box
{
    padding: 0;
    margin: 0 -14px 0 -17px;
    border: 1px solid rgb(234,234,234);
    text-align: center;
    position: relative;
}

    .pricing-box .select-plan
    {
        position: relative;
        bottom: -26px;
        text-align: center;
        padding: 5px 0;
    }

        .pricing-box .select-plan.selected
        {
            bottom: -34px;
        }

    .pricing-box.selected
    {
        -moz-box-shadow: 0 3px 15px rgba(0, 0, 0, .2);
        -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, .2);
        box-shadow: 0 3px 15px rgba(0, 0, 0, .2);
        z-index: 5;
        border: 10px solid rgba(255,255,255,1);
        position: relative;
        top: -9px;
    }

h3.price-title
{
    font-size: 24px;
    font-weight: 600;
    padding: 20px;
    margin: 0;
    border-bottom: 1px solid rgb(234,234,234);
}

    h3.price-title:after
    {
        display: block;
        content: " ";
        width: 0;
        height: 0;
        border-left: 12px solid transparent;
        border-right: 12px solid transparent;
        border-top: 12px solid rgb(234,234,234);
        position: absolute;
        bottom: -12px;
        left: 50%;
        margin-left: -12px;
    }

    h3.price-title.selected
    {
        background: rgb(230,108,25);
        color: #fff;
        border-radius: 6px;
    }

        h3.price-title.selected:after
        {
            border-top: 12px solid rgb(230,108,25);
        }

.pricing-top
{
    position: relative;
    text-align: center;
}

    .pricing-top .price-box
    {
        font-size: 12px;
        font-weight: 600;
        padding: 40px 20px;
        position: relative;
        text-align: center;
    }

        .pricing-top .price-box .currency
        {
            position: relative;
            top: -20px;
        }

        .pricing-top .price-box .price
        {
            font-size: 36px;
            font-weight: 600;
        }


.pricing-box.selected .pricing-list
{
    border-radius: 6px;
    background: rgba(231,231,231,1);
}

    .pricing-box.selected .pricing-list > span
    {
        border-bottom: 1px solid rgba(0,0,0,.04);
    }

.pricing-list > span
{
    padding: 15px 4px;
    border-bottom: 1px solid rgb(231,231,231);
    display: block;
}

.pricing-list span:first-child
{
    border-top: 10px solid rgba(231,231,231,.5);
}



@media(max-width: 992px)
{
    .pricing-box;

{
    margin-bottom: 50px;
}

}




/*
====================================================================
    PROCESS ITEMS
====================================================================*/

.feature-option4 .feature-box
{
    text-align: left;
}

    .feature-option4 .feature-box .icon
    {
        background: rgb(230,108,25);
        border: 1px solid rgb(230,108,25);
        color: #fff;
        font-size: 24px;
        width: 64px;
        height: 64px;
        line-height: 64px;
        text-align: center;
        vertical-align: middle;
        border-radius: 100%;
        margin-bottom: 20px;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s;
        transition: .5s;
        float: left;
        margin-right: 20px;
    }

.feature-box .icon-text
{
    overflow: hidden;
}

    .feature-box .icon-text h3
    {
        font-size: 18px;
        margin-bottom: 12px;
        font-weight: bold;
        letter-spacing: 1px;
    }

.feature-option4 .feature-box:hover .icon
{
    color: rgb(230,108,25);
    background-color: transparent;
}

.feature-option4 .feature-box:hover .icon-text h2
{
    color: rgb(230,108,25);
}

.dark.feature-option5 h3
{
    color: #fff !important;
}

.dark.feature-option5 p
{
    color: #fff;
    opacity: .6;
}

.process-wrapper
{
    /*border-bottom: 1px solid #eaeaea*/
}

.process-item
{
    position: relative;
    height: 180px;
    padding-top: 20px;
}

    .process-item .tm:after
    {
        bottom: -12px;
        left: -7px;
        font-family: 'FontAwesome';
        content: "\f192";
        font-size: 16px;
        background: none;
        position: absolute;
        color: #ccc;
    }

.process-item
{
    border-bottom: 1px dashed #ccc; /*
    z-index: 105*/
}

.process-wrapper .icon
{
    z-index: 5;
    position: relative;
}

.process-wrapper .feature-box:hover .icon
{
    color: rgb(230,108,25);
    background-color: #fff;
}

.process-item:last-child:before
{
    content: '';
}

.process-item .icon-text
{
    overflow: hidden;
    z-index: 10;
    position: relative;
}

.process-item .process-num
{
    font-size: 96px;
    font-weight: 600;
    color: rgba(172,172,172,.2);
    z-index: 1;
    position: absolute;
    bottom: 24px;
    left: 50%;
}

.process-item:last-child
{
    border-right: 0;
}

.process-wrapper .tm
{
    position: absolute;
    top: 15%;
    left: 48px;
    width: 1px;
    height: 85%;
    border-right-width: 1px;
    border-right-style: dashed;
    border-color: #ccc;
}

    .process-wrapper .tm.color
    {
        border-color: rgb(172,172,172);
    }

.process-item .tm.color:after
{
    color: rgb(172,172,172);
}

.process-item.color
{
    border-bottom: 1px dashed rgb(172,172,172);
}

@media(max-width: 992px)
{
    .process-wrapper .tm;

{
    top: 0;
    height: 100%;
}

.process-item .tm:after
{
    bottom: 40px;
    left: -7px;
    font-family: 'FontAwesome';
    content: "\f13a";
    font-size: 16px;
    background: none;
    position: absolute;
    color: rgb(230,108,25);
}

.process-item,
.process-item.color
{
    padding-top: 0px;
    border-bottom: 0;
}

}
/*
=====================================================================
    PAGE 404
=====================================================================*/
.page404
{
    position: relative;
    text-align: center;
}

    .page404 h1.pagetxt
    {
        font-size: 172px;
        color: rgba(0,0,0,.3);
    }

    .page404 i.fa
    {
        color: #ccc;
        margin: 0;
        padding: 0;
        display: inline-block;
        font-size: 50px;
        width: 120px;
        height: 120px;
        line-height: 120px;
        top: 100px;
        position: relative;
        background-color: #fff;
        border: 2px solid #fc3250;
        text-align: center;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s;
        transition: .5s;
        z-index: 1;
    }

    .page404:hover .fa
    {
        color: #fc3250;
    }

    .page404 .white
    {
        color: #fff !important;
        background: transparent;
        border-bottom: none;
        z-index: -1;
        text-indent: -99999;
    }

.page404-inner
{
    margin-top: 80px;
}

@media(max-width: 767px)
{
    .page404 h1.pagetxt;

{
    font-size: 102px;
    color: rgba(0,0,0,.3);
}

.page404 i.fa
{
    opacity: .5;
    border: 2px solid #fc3250;
}

.page404
{
    text-align: center;
}

}

/*
=====================================================================
    SCROLL TO TOP
=====================================================================*/

#back-top
{
    position: fixed;
    bottom: 10px;
    right: 15px;
    margin-left: 0px;
    z-index: 9898989;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background: rgba(0,0,0,.5);
}

    #back-top a
    {
        display: block;
        text-align: center;
        text-transform: uppercase;
        text-decoration: none;
        color: #fff;
        /* background color transition */
        -webkit-transition: 1s;
        -moz-transition: 1s;
        transition: 1s;
    }

        #back-top a:hover
        {
            color: #000;
        }
    /* arrow icon (span tag) */
    #back-top .fa
    {
        display: block;
        line-height: 40px;
        font-size: 18px;
        z-index: 100;
        /* background color transition */
        -webkit-transition: 1s;
        -moz-transition: 1s;
        transition: 1s;
    }


/*
=====================================================================
    HEADER SHADOW
=====================================================================*/
.header-shadow
{
    -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .1);
    box-shadow: 0 3px 5px rgba(0, 0, 0, .1);
}


@media (max-width: 991px)
{
    .fixedHeader
    {
        position: static;
    }
}


/*
=====================================================================
    CAMERA SLIDER / HOME PAGE
=====================================================================*/
.rotator-wrapper
{
    background: #fff;
    position: relative;
    overflow: hidden;
    border-bottom: 3px solid rgb(234,234,234);
}

.camera_wrap
{
    max-height: 500px;
}

#back_to_camera
{
    clear: both;
    display: block;
    height: 80px;
    line-height: 40px;
    padding: 20px;
    margin-bottom: 20px;
}

#slider-wrap
{
    overflow: hidden;
    position: relative;
    max-height: 500px;
}

.camera_caption
{
    width: 25%;
    display: block;
    position: absolute;
    top: 30%;
    left: 10%;
}

    .camera_caption > div
    {
        background: transparent;
    }

.cap-title h1
{
    font-size: 60px;
    color: #000;
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 0px;
}

.cap-title h2
{
    font-size: 34px;
    font-weight: bold;
    color: rgb(230,108,25);
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 20px;
}

.cap-title span.highlight
{
    font-weight: 900;
    color: rgb(230,108,25);
    display: inline-block !important;
    padding-bottom: 20px;
}

.cap-title-2
{
    font-size: 14px;
    font-weight: bold;
    color: #A35740;
    margin-bottom: 10px;
    line-height: 24px;
    text-align: justify;
}

@media(max-width: 768px)
{
    .camera_caption;

{
    width: 90%;
    display: block;
    position: absolute;
    top: 10%;
    left: 0%;
}

.cap-title h1
{
    font-size: 24px;
    font-weight: 400;
    color: #000;
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 10px;
}

.cap-title h2
{
    font-size: 18px;
    font-weight: 400;
    color: #000;
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 10px;
}

.cap-title span.highlight
{
    font-weight: 700;
    color: #e66c19;
    display: inline-block !important;
    padding-bottom: 2px;
}

.cap-title-2
{
    font-size: 14px;
    font-weight: 400;
    color: #333;
    margin-bottom: 10px;
    line-height: 18px;
}

}

.camera_prevThumbs, .camera_nextThumbs, .camera_prev, .camera_next, .camera_commands, .camera_thumbs_cont
{
    background: #e66c19;
    background: rgb(230,108,25);
}


/*
=====================================================================
    LEFT ICONS / CONTACT US
=====================================================================*/
.left-icon-block
{
    position: relative;
    padding: 0px 0 0px 60px;
}

    .left-icon-block i
    {
        position: absolute;
        left: 0;
        top: 0;
    }

        .left-icon-block i.fa
        {
            color: #333;
            margin: 0;
            padding: 0;
            display: inline-block;
            font-size: 18px;
            width: 40px;
            height: 40px;
            line-height: 40px;
            background-color: #fff;
            border: 1px solid rgb(234,234,234);
            text-align: center;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            -webkit-transition: .5s;
            -moz-transition: .5s;
            -ms-transition: .5s;
            -o-transition: .5s;
            transition: .5s;
        }



/*
=====================================================================
    team box
=====================================================================*/

.col-std
{
    margin-bottom: 20px;
}

/*
=====================================================================
    SPINNER
=====================================================================*/

#spinner
{
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url(../images/spinner.gif) 50% 50% no-repeat #fff;
}


/*
=====================================================================
    CALL ACTION BOX
=====================================================================*/

.call-action-box
{
    background: #eaeaea;
    padding: 20px 0;
    width: 100%;
    position: relative;
    display: block;
    float: left;
}

    .call-action-box .btn
    {
        vertical-align: middle;
        margin-top: 10px;
    }


    .call-action-box.style-1
    {
        background: rgb(230,108,25);
    }

        .call-action-box.style-1 p
        {
            color: #fff;
        }

/*
=====================================================================
    CLIENT CAROUSEL
=====================================================================*/

.clients-carousel .client-item
{
    text-align: center;
    padding: 5px;
    border: 1px solid #eaeaea;
    margin-left: 5px;
    margin-right: 5px;
}

    .clients-carousel .client-item img
    {
        margin: 0 auto;
    }

.clients-carousel .owl-controls
{
    margin-top: 20px;
}