/*  ============================================================
    Template Information
    ============================================================

    Author: IncisiveStudio
    Author Name: Mohammad Shaker
    Author URI: http://IncisiveStudio.com
    Template Name: INFINITY
    Description: Responsive HTML5 Template
    Graphic Designer: Navid Qasemi
    Version: 1.4


    Table of Content :

        00.HTML5 BOILERPLATE RESET FILE       ||     33.POST AUTHOR INFORMATION
        01.GRAYSCALE EFFECT "FILTER"          ||     34.COMMENTS
        02.PRIMARY STYLES                     ||     35.CONTACT US
            03.TYPOGRAPHY                     ||     36.GOOGLE MAP
            04.MISCELLANEOUS                  ||     37.CONTACT DETAILS
            05.HEADER                         ||     38.ERROR 404
            06.NAVIGATION                     ||     39.PORTFOLIO NAVIGATION
            07.COLOR PICKER                   ||     40.PORTFOLIO MOSAIC
            08.MAIN SLIDER - HOME PAGE SLIDER ||     41.INFINTY SCROLL
            09.ANNOUCEMENT                    ||     42.PORTFOLIO IMAGE SLIDER CONTROLS
            10.SERVICES MOSAIC                ||     43.PORTFOLIO, DESIGNERS
            11.NEW PROJECT                    ||     44.LUNCH PROJECT
            12.RECENT WORKS                   ||     45.PROJECT DETAILS
            13.TESTIMONIALS                   ||     46.TESTIMONIALS WIDGET
            14.OUR CLIENTS                    ||     47.SERVICE HEADER
            15.BACK TO UP                     ||     48.SERVICE CAROUSEL
            16.CONTACT INFORMATION            ||     49.SURVEY WIDGET
            17.FOOTER                         ||     50.SPECIAL WIDGET
            18.PRIVACY SECTION                || 51.HOME PAGE NO#2
            19.NEWSLETTER                     ||     52.FULL WIDTH NAVIGATION
            20.COPYRIGHT                      ||     53.FULL WIDTH SLIDER
            21.OUR CROW , GROUP MEMBERS       || 54.COLUMNS
            22.SPECIAL DIVIDER                || 55.ELEMENTS
            23.OUR SKILS                      ||     56.ALERTS
            24.BLOG NAVIGATION                || 57.PLUGINS
            25.BLOG POSTS, Article
            26.PAGE NAVIGATION
            27.WIDGET
                28.CATEGORIES WIDGET
                29.LATEST POSTS WIDGET
                30.TWEETER WIDGET
                31.ACCORDION WIDGET
                32.TAGS WIDGET



    ============================================================  */




/*  HTML5 BOILERPLATE RESET FILE
-----------------------------------------------------------  */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content:'';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
.dropdown-menu > li > a:hover, 
.dropdown-menu > li > a:focus, 
.dropdown-submenu:hover > a, 
.dropdown-submenu:focus > a,
.dropdown-menu > li.active > a {filter: none;}
* {-webkit-backface-visibility: hidden;}

/*  GRAYSCALE EFFECT "FILTER"
-----------------------------------------------------------  */
img.grayscale {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity: .6;
    -webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;transition: all .4s ease-in-out;
}
img.grayscale:hover {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
}

/*  Primary Styles
-----------------------------------------------------------  */
html {
    font-size: 62.5%;
}

body {
    background: none repeat scroll 0 0 #EBEBEB;
    color: #221918;
    font-size: 14px;
    font-family: "Open Sans",Arial,sans-serif;
    line-height: 21px;
    cursor: default;
}

/*  Typography
-----------------------------------------------------------  */
a {text-decoration: none;}
a:hover {text-decoration: none;}
a:focus {outline: 0;text-decoration: none;}
h1 {font-size: 32px;}
h2 {font-size: 21px;}
h3 {font-size: 16px;}
h4 {font-size: 14px;}
h5 {font-size: 13px;}
h6 {font-size: 12px;}
small {font: 11px 'Arial';}
p {font: 13px/21px "Open Sans",Arial,sans-serif;}
p.UpperCase:first-letter {font-size: 60px;color: #FF9311;text-transform: uppercase;}
blockquote {background: none repeat scroll 0 0 #F6F6F6;padding: 34px 54px 34px;color: #A1A1A1;font-style: italic;position: relative;margin: 0 0 20px;}
blockquote:before {position: absolute;content: '\f10d';top: 20px;left: 14px;font-size: 24px;color: #555555;font-family: "FontAwesome";font-style: normal;}
blockquote:after {position: absolute;content: '\f10e';bottom: 20px;right: 14px;font-size: 24px;color: #555555;font-family: "FontAwesome";font-style: normal;}

/*  Miscellaneous
-----------------------------------------------------------  */
.large-size {font-size: 72px;}

.margin-bt-10 {margin-bottom: 10px;}
.margin-bt-15 {margin-bottom: 15px;}
.margin-bt-20 {margin-bottom: 20px;}
.margin-bt-30 {margin-bottom: 30px;}

.margin-tp-10 {margin-top: 10px;}
.margin-tp-15 {margin-top: 15px;}
.margin-tp-20 {margin-top: 20px;}
.margin-tp-30 {margin-top: 30px;}

.WhiteSkin {background: none repeat scroll 0 0 #FFFFFF;box-shadow: 0 1px 2px rgba(0, 0, 0,.1);}
.padding-tp-20 {padding-top: 20px !important;}

.active-btn {background: none repeat scroll 0 0 #FF9311 !important;}

.hide-padding-left {padding-left: 0 !important;}
.hide-padding-right {padding-right: 0 !important;}

.remove-gutter-padding {padding-right: 0 !important;padding-left: 0 !important;}

.hide-visibility {visibility: hidden;}
.show-visibility {visibility: visible;}

/*  Header > Site Brand
-----------------------------------------------------------  */
header#header .logo {font: 0/0 a;text-shadow: none;color: transparent;background: url(../images/main-logo/logo.png) no-repeat 0 0 transparent;max-width: 100%;width: 100%;height: 56px;margin-top: 22px;margin-bottom: 18px;}

/*  Header > Header Menu
-----------------------------------------------------------  */
header#header ul.header-menu {margin: 20px 0 0;}
header#header ul.header-menu > li{display: inline;color: #C5C5C5;text-shadow: 0 1px 0 rgba(255, 255, 255,.5);}
header#header ul.header-menu > li:last-child > a {color: #FF9311;padding: 0 0 0 8px;transition: all .2s ease-in-out;}
header#header ul.header-menu > li:last-child > a:hover {opacity: .7;}
header#header ul.header-menu ul.dropdown-menu {background: none repeat scroll 0 0 #525252;border-radius: 0 0 0 0;box-shadow: none;border: medium none;padding: 0 0 0;margin: 8px 30px 0 0;min-width: 174px;}
header#header ul.header-menu ul.dropdown-menu > li {text-shadow: none;}
header#header ul.header-menu ul.dropdown-menu > li > a {color: #FFFFFF;padding: 12px 20px;}
header#header ul.header-menu ul.dropdown-menu > li > a:hover,
header#header ul.header-menu ul.dropdown-menu > li > a:focus {background-color:#FF9311;background-image: none;background-repeat: no-repeat;}

header#header .navbar-form {margin-top: 8px;padding-top: 0;padding-bottom: 0;}
header#header .navbar-form #form-group {position: relative;}
header#header .navbar-form #form-group .search-input {border-radius: 0 0 0;border: medium none;height: 45px;}
header#header .navbar-form #form-group .search-input:focus {box-shadow: 0 1px 2px rgba(0, 0, 0, .1);}
header#header .navbar-form #form-group .search-icon {position: absolute;right: 0;top: 0;font-size: 24px;color: #a3a3a3;padding: 9px 8px;}

header#header .header-social {padding-top: 4px;padding-bottom: 12px;}
header#header .header-social .social-icon {text-align: center;}
header#header .header-social .social-icon a {color: #c7c7c7;font-size: 20px;text-shadow: 0 1px 0 rgba(255,255,255,0.2);display: block;width: 100%;height: 100%;transition: all .2s ease-in-out;}
header#header .header-social .social-icon a:hover {color: #606060;}

/*  Navigation
-----------------------------------------------------------  */
.nav-wrapper {background: none repeat scroll 0 0 #FF9311;position: relative;}
.nav-wrapper:before {background: none repeat scroll 0 0 #221918;position: absolute;content: '';width: 50%;height: 100%;top: 0;right: 0;z-index: 298;}
.nav-wrapper .slogan {text-align: center;color: #FFFFFF;line-height: 50px;background: none repeat scroll 0 0 #FF9311;}
.nav-wrapper .navbar-collapse {border: medium none;}
.nav-wrapper .navbar-default {background: none repeat scroll 0 0 #221918;border-radius: 0 0 0 0;box-shadow: none;border: medium none;margin: 0 0 0 0;z-index: 300;}
.nav-wrapper .navbar-default .navbar-toggle {border: medium none;color: #FFFFFF;font-size: 34px;padding: 0 10px;border-radius: 0 0 0 0;}
.nav-wrapper .navbar-default .navbar-toggle:hover,
.nav-wrapper .navbar-default .navbar-toggle:focus {background-color: rgba(0,0,0,0);}

.nav-wrapper ul.nav-main i {color: #FF9311;font-size: 13px;}
.nav-wrapper ul.nav-main > li {font-size: 11px;font-weight: bold;padding: 0 14px 0;}
.nav-wrapper ul.nav-main > li:first-child {padding: 0 14px 0 14px;}
.nav-wrapper ul.nav-main > li:last-child {padding: 0 0 0 14px;}
.nav-wrapper ul.nav-main > li a {padding: 0 0 0;background: none repeat scroll 0 0 transparent;border-radius: 0 0 0;color: #FFFFFF;line-height: 50px;box-shadow: none;text-shadow: none;text-transform: uppercase;transition: all .2s ease-in-out;}
.nav-wrapper ul.nav-main > li a:hover,
.nav-wrapper ul.nav-main > li a:focus {color: #FFFFFF;}

.nav-wrapper li.dropdown:hover > ul.dropdown-menu {display: block;}
.nav-wrapper li.dropdown > ul.dropdown-menu {background: none repeat scroll 0 0 #FF9311;border-radius: 0 0 0;border: medium none;margin: 0 0 0;padding: 0 0 0;}
.nav-wrapper li.dropdown > ul.dropdown-menu > li {font-size: 11px;padding: 0 14px 0;border-bottom: 1px solid #e77e00;border-top: 1px solid #ffa436;transition: all .2s ease-in-out;}
.nav-wrapper li.dropdown > ul.dropdown-menu > li:first-child {border-top: medium none !important;}
.nav-wrapper li.dropdown > ul.dropdown-menu > li:last-child {border-bottom: medium none !important;}
.nav-wrapper li.dropdown > ul.dropdown-menu > li a {color: #221918;line-height: 38px;}
.nav-wrapper li.dropdown > ul.dropdown-menu > li:hover {background: none repeat scroll 0 0 #221918;}
.nav-wrapper li.dropdown > ul.dropdown-menu > li a {color: #221918;}
.nav-wrapper li.dropdown > ul.dropdown-menu > li:hover a {color: #FFFFFF;}
.nav-wrapper li.dropdown > ul.dropdown-menu > li:hover a:hover {color: #FFFFFF;}

.nav-wrapper li.nested-dropdown {position: relative;}
.nav-wrapper li.nested-dropdown:after {position: absolute;content: "\f105";right: 14px;top: 0;color: #221918;font: 13px 'FontAwesome';line-height: 38px;}
.nav-wrapper li.nested-dropdown:hover:after {color: #FF9311;}
.nav-wrapper li.nested-dropdown > ul.dropdown-menu {background: none repeat scroll 0 0 #FF9311;display: none;position: absolute;left: 100%;top: 100%;margin: -38px 0 0 0;width: 100% !important;padding: 0 0 0;border-radius: 0 0 0;border: medium none;}

.nav-wrapper li.nested-dropdown:hover > ul.dropdown-menu {display: block;}
.nav-wrapper li.nested-dropdown > ul.dropdown-menu > li {font-size: 11px;padding: 0 14px 0;border-bottom: 1px solid #e77e00;border-top: 1px solid #ffa436;transition: all .2s ease-in-out;}
.nav-wrapper li.nested-dropdown > ul.dropdown-menu > li:first-child {border-top: medium none !important;}
.nav-wrapper li.nested-dropdown > ul.dropdown-menu > li:last-child {border-bottom: medium none !important;}
.nav-wrapper li.nested-dropdown > ul.dropdown-menu > li:hover {background: none repeat scroll 0 0 #221918;}
.nav-wrapper li.nested-dropdown > ul.dropdown-menu > li a {color: #221918 !important;line-height: 38px !important;}
.nav-wrapper li.nested-dropdown > ul.dropdown-menu > li:hover a {color: #FFFFFF !important;}
.nav-wrapper li.nested-dropdown > ul.dropdown-menu > li:hover a:hover {color: #FFFFFF !important;}

/*  Full Width Navigation
-----------------------------------------------------------  */
.full-width:before {width: 100%;}
.full-width ul.nav-main li {padding: 0 84px 0 0 !important;}
.full-width ul.nav-main li:first-child {padding: 0 84px 0 0 !important;}
.full-width ul.nav-main li:last-child {padding: 0 0 0 0 !important;}
.full-width ul.nav-main ul.dropdown-menu li {padding: 0 14px 0 !important;}

/*  Style Switcher
-----------------------------------------------------------  */
#styleSwitcher {width: 50px;position: absolute;right: 0;top: 0;z-index: 299;}
#styleSwitcher .open-btn {background: none repeat scroll 0 0 #FF9311;display: block;height: 50px;width: 100%;line-height: 50px;text-align: center;cursor: pointer;}
#styleSwitcher .open-btn i {line-height: 50px;color: #221918;text-align: center;font-size: 24px;}
#styleSwitcher #ColorPalette {background: none repeat scroll 0 0 #424848;width: 100%;}
#styleSwitcher #ColorPalette ul {list-style: none outside none;}
#styleSwitcher #ColorPalette ul li {display: block;padding: 18px 0 0;}
#styleSwitcher #ColorPalette ul li:nth-of-type(1) a {display: block;width: 18px;height: 18px;background: none repeat scroll 0 0 #FF9311;margin: 0 auto;}
#styleSwitcher #ColorPalette ul li:nth-of-type(2) a {display: block;width: 18px;height: 18px;background: none repeat scroll 0 0 #02bd85;margin: 0 auto;}
#styleSwitcher #ColorPalette ul li:nth-of-type(3) a {display: block;width: 18px;height: 18px;background: none repeat scroll 0 0 #189a99;margin: 0 auto;}
#styleSwitcher #ColorPalette ul li:nth-of-type(4) a {display: block;width: 18px;height: 18px;background: none repeat scroll 0 0 #af7ac4;margin: 0 auto;}
#styleSwitcher #ColorPalette .close-btn {display: block;width: 100%;height: 50px;border-top: 1px solid #485254;margin: 18px 0 0;}
#styleSwitcher #ColorPalette .close-btn span#HideCP {display: block;width: 18px;height: 18px;color: #424748;line-height: 17px;background: none repeat scroll 0 0 #2f2b2b;margin: 16px auto 0;text-align: center;font-size: 12px;cursor: pointer;}

/*  Main Slider
-----------------------------------------------------------  */
#main-slider .main-slider {position: relative;}
#main-slider .image-wrapp {position: relative;}
#main-slider .main-controls {position: absolute;bottom: 0;width: 100%;height: 34px;background: none repeat scroll 0 0 rgba(0, 0, 0, .2);z-index: 99;}
#main-slider .main-controls .controls {display: inline-block;float: right;height: 100%;}
#main-slider .main-controls .controls .arrows {float: right;color: #878786;display: block;background: none repeat scroll 0 0 #535353;height: 100%;text-align: center;line-height: 34px;width: 34px;transition: all .2s ease-in-out;cursor: pointer;}
#main-slider .main-controls .controls .arrows i {color: #878786;width: auto;transition: all .2s ease-in-out;}
#main-slider .main-controls .controls .arrows:hover {background: none repeat scroll 0 0 #211917;}
#main-slider .main-controls .controls .arrows:hover i {color: #FFFFFF;}
#main-slider .pager-container {background: none repeat scroll 0 0 #221918;border-right: 8px solid #FF9311;min-height: 354px;position: relative;}
#main-slider .pager-container:before {content: "";border-top: 10px solid transparent;border-right: 10px solid #FF9311;border-bottom: 10px solid transparent;border-left: 10px solid transparent;width: 0;height: 0;position: absolute;top: 32px;right: 0;}
#main-slider .pager-container .pager-content {padding: 30px 40px 0;display: none;}
#main-slider .pager-container .active .pager-content {display: block;}
#main-slider .pager-container .pager-content h2 {padding: 0 0 10px;color: #FFFFFF;}
#main-slider .pager-container .pager-content p {color: #8f8d8c;}
#main-slider .pager-container .pager-btn {bottom: 0;left: 0;width: 100%;position: absolute;}
#main-slider .pager-container .pager-btn ul {list-style: none outside none;background: none repeat scroll 0 0 #474747;}
#main-slider .pager-container .pager-btn ul li:first-child {float: left;width: 50%;text-align: center;}
#main-slider .pager-container .pager-btn ul li:last-child {float: right;width: 50%;text-align: center;}
#main-slider .pager-container .pager-btn ul li a {background: none repeat scroll 0 0 #474747;color: #FFFFFF;display: block;height: 34px;line-height: 34px;width: 100%;transition: all .2s ease-in-out;}
#main-slider .pager-container .pager-btn ul li a:hover {background: none repeat scroll 0 0 #FF9311;}
#main-slider .pager-container .pager-btn ul li a.active {background: none repeat scroll 0 0 #FF9311;}

/*  Latest news
-----------------------------------------------------------  */
.latest-news {margin: 0 0 30px;}
.latest-news p {padding: 15px 25px;font-size: 14px;}
.latest-news ul.news-dropdown {font-size: 0;text-align: right;}
.latest-news ul.news-dropdown > li {color: #FF9311;margin: 18px 0;display: inline-block;padding: 0 10px;border-left: 1px solid #544b4a;font-size: 14px;line-height: 1;}
.latest-news ul.news-dropdown > li:last-child {border-right: 1px solid #544b4a;}
.latest-news ul.news-dropdown > li.open {background-color: #E7E7E7;transition: all .3s ease-in-out;}
.latest-news ul.news-dropdown > li > a {color: #221918;}
.latest-news ul.news-dropdown > li > a > i {width: auto;}
.latest-news ul.news-dropdown ul.dropdown-menu {background: none repeat scroll 0 0 #525252;border-radius: 0 0 0 0;box-shadow: none;border: medium none;padding: 0 0 0;margin: 8px 0 0;right: 0;left: inherit;text-align: left;}
.latest-news ul.news-dropdown ul.dropdown-menu > li > a {color: #FFFFFF;padding: 12px 20px;}
.latest-news ul.news-dropdown ul.dropdown-menu > li > a:hover {background: none repeat scroll 0 0 #FF9311;}

/*  Services mosaic
-----------------------------------------------------------  */
.mosaic {padding: 20px 30px 15px;text-align: center;color: #221918;margin:0 0 20px;transition: all .2s ease-in-out;}
.mosaic:hover {background: none repeat scroll 0 0 #FF9311;color: #FFFFFF;}
.mosaic h3 {font-weight: bold;padding: 15px 0 15px;text-transform: uppercase;font-size: 18px;}

/*  New Project
-----------------------------------------------------------  */
.new-projects {position: relative;margin:0 0 20px;}
.new-projects .projects-heading {background: none repeat scroll 0 0 #FF9311;padding: 0 0 0 12px;position: relative;display: block;height: 30px;}
.new-projects .projects-heading .projects-headline {color: #FFFFFF;line-height: 30px;float: left;}

.new-projects .projects-heading .controls {display: inline-block;float: right;height: 100%;}
.new-projects .projects-heading .controls .arrows {background: none repeat scroll 0 0 #ffffff;text-align: center;float: right;display: block;width: 27px;height: 100%;line-height: 30px;transition: all .2s ease-in-out;cursor: pointer;}
.new-projects .projects-heading .controls .arrows i {color: #aeadad;width: auto;transition: all .2s ease-in-out;}
.new-projects .projects-heading .controls .arrows:hover {background: none repeat scroll 0 0 #221918;}
.new-projects .projects-heading .controls .arrows:hover i {color: #FFFFFF;}

.new-projects .content-wrapper .project-content {padding: 24px 10px 36px;}
.new-projects .content-wrapper .project-content h4 a {color: #221918;}
.new-projects .content-wrapper .project-content i {color: #949292;font-size: 11px;font-style: italic;}
.new-projects .content-wrapper .project-content p {padding: 8px 0 0;color: #3c3835;}

.new-projects .content-wrapper {display: block;position: relative;}
.new-projects .content-wrapper .project-footer {height: 28px;position: relative;width: 100%;float: right;}
.new-projects .content-wrapper .project-footer .view-btn {background: none repeat scroll 0 0 #221918;padding: 0 10px;color: #FFFFFF;line-height: 28px;height: 28px;display: block;float: right;transition: all .2s ease-in-out;}
.new-projects .content-wrapper .project-footer .view-btn:hover {background: none repeat scroll 0 0 #FF9311;}

/*  Recent works / Portfolio
-----------------------------------------------------------  */
.portfolio-list {position: relative;}
.portfolio-list .headline {border-bottom: 5px solid #FF9311;position: relative;}
.portfolio-list .headline h3 {color: #221918;text-align: left;float: left;}
.portfolio-list .headline .controls {display: inline-block;float: right;}
.portfolio-list .headline .controls .arrows {background: none repeat scroll 0 0 #ffffff;text-align: center;float: right;display: block;width: 27px;height: 27px;line-height: 28px;transition: all .2s ease-in-out;cursor: pointer;}
.portfolio-list .headline .controls .arrows i {color: #aeadad;width: auto;transition: all .2s ease-in-out;}
.portfolio-list .headline .controls .arrows:hover {background: none repeat scroll 0 0 #FF9311;}
.portfolio-list .headline .controls .arrows:hover i {color: #FFFFFF;}

.portfolio-item {position: relative;overflow: hidden;}
.portfolio-item:before {content: '';position: absolute;z-index: 599;top: 100%;margin-top: -60px;width: 100%;background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);height: 100%;left: 0;transition: all .2s ease;}
.portfolio-item:hover:before {top: 0;margin-top: 0;}
.portfolio-item .image-caption {color: #FFFFFF;width: 100%;z-index: 600;text-align: center;padding: 0 0 8px;bottom: 0;position: absolute;transition: all .2s ease;}
.portfolio-item:hover .image-caption {bottom: 50%;margin-bottom: -74px;}
.portfolio-item .icon-overlay {position: absolute;z-index: 600;top: 50%;bottom: 0;opacity: 0;left: 0;margin: -18px 0 0 0;right: 0;text-align: center;transition: all .2s ease;}
.portfolio-item:hover .icon-overlay {opacity: 1;}
.portfolio-item .icon-overlay a {background: none repeat scroll 0 0 #FFFFFF;display: inline-block;width: 36px;height: 36px;text-align: center;line-height: 36px;color: #221918;transition: all .2s ease-in-out;}
.portfolio-item .icon-overlay a:hover {background: none repeat scroll 0 0 #FF9311;color: #FFFFFF;}

/*  Portfolio musaic
-----------------------------------------------------------  */
.portfolio-mosaic {margin: 0 0 20px;}

/*  Testimonials
-----------------------------------------------------------  */
.testimonials {margin: 0 0 30px;}
.testimonials .tab-content {position: relative;border-left: 3px solid #221918;margin: 0 0 8px 0;background: none repeat scroll 0 0 #ffffff;}
.testimonials .tab-content .tab-pane {padding: 38px 46px 38px 46px;border-left: 0px solid #221918;}
.testimonials .tab-content .tab-pane p {font-size: 14px;line-height: 22px;}
.testimonials .tab-content .tab-pane blockquote {color: #878786;padding: 10px 0 6px;background: none repeat scroll 0 0 transparent;font-style: normal;margin: 0 0 0;}
.testimonials .tab-content .tab-pane blockquote:before {display: none;}
.testimonials .tab-content .tab-pane blockquote:after {display: none;}
.testimonials .panel-container ul li {margin: 0 0 8px 0;padding: 12px 25px 12px;border-left: 3px solid #221918;color: #221918;position: relative;font-size: 16px;text-transform: uppercase;}
.testimonials .panel-container ul li span {color: #a7a7a7;font: 11px 'verdana';padding-left: 8px;}
.testimonials .panel-container ul li.active {background: none repeat scroll 0 0 #FF9311;border-left: 3px solid #FF9311;color: #FFFFFF;}
.testimonials .panel-container ul li.active span {color: rgba(255,255,255,.4);}
.testimonials .panel-container ul li.active:before {    
	content: "";
    right: 0;
    top: 50%;
    margin: -10px -10px 0 0;
    border-top: 10px solid transparent;
    border-right: 0px solid transparent;
    border-left: 10px solid #FF9311;
    border-bottom: 10px solid transparent;
    display: block;
    position: absolute;}
.testimonials .panel-container ul li:hover {background: none repeat scroll 0 0 #FF9311;border-left: 3px solid #FF9311;color: #FFFFFF;}
.testimonials .panel-container ul li:hover span {color: rgba(255,255,255,.4);}
.testimonials .panel-container ul li:hover:before {    
	content: " ";
    right: 0;
    top: 50%;
    margin: -10px -10px 0 0;
    border-top: 10px solid transparent;
    border-left: 10px solid transparent;
    border-right: 0px solid #FF9311;
    border-bottom: 10px solid transparent;
    display: block;
    position: absolute;
}

/*  Clients
-----------------------------------------------------------  */
.clients-wrapp {}
.clients-wrapp .clients-slider {padding: 40px 0 45px;}
.clients-wrapp .clients-outer {text-align: center;border-bottom: 2px solid #d4d4d4;box-shadow: 0 2px 0 rgba(255, 255, 255, .4);position: relative;}
.clients-wrapp .clients-outer:after {content:" ";left: 50%;margin: 0 0 0 -10px;border-top: 10px solid #d9d9d9;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid transparent;display: block;position: absolute;}
.clients-wrapp .clients-outer h2 {color: #a4a4a4;text-shadow: 0 1px 0 rgba(255, 255, 255, 1);padding: 0 0 10px;}
.clients-wrapp .clients-outer .controls {position: absolute;right: 0;top: 100%;z-index: 599;}
.clients-wrapp .clients-outer .controls .arrows {background: none repeat scroll 0 0 #d4d4d4;float: right;display: block;width: 20px;height: 20px;line-height: 20px;transition: all .2s ease-in-out;cursor: pointer;}
.clients-wrapp .clients-outer .controls .arrows i {color: #8f8d8c;width: auto;transition: all .2s ease-in-out;}
.clients-wrapp .clients-outer .controls .arrows:hover {background: none repeat scroll 0 0 #FF9311;}
.clients-wrapp .clients-outer .controls .arrows:hover i {color: #FFFFFF;}

/*  Back To Up
-----------------------------------------------------------  */
#backTopWrapp {position: relative;display: block;height: 70px;width: 100%;}
#backTopWrapp .back-top-btn {background: none repeat scroll 0 0 #FFFFFF;color: #221918;display: block;position: absolute;right: 0;bottom: 0;height: 70px;width: 70px;cursor: pointer;text-align: center;transition: all .2s ease-in-out;}
#backTopWrapp .back-top-btn span {font-size: 42px;line-height: 70px;}
#backTopWrapp .back-top-btn:hover {background: none repeat scroll 0 0 #FF9311;color: #FFFFFF;}

/*  Contact Information
-----------------------------------------------------------  */
.footer-divider {border-bottom: 6px solid #b6b6b6;position: relative;}
.footer-divider a {background: none repeat scroll 0 0 #cacbcb;color: #221918;border-radius: 0 0 5px 5px;padding: 8px 8px;position: absolute;margin-top: -8px;z-index: 499;}
.footer-divider a:after {top: 0;left: 0;margin: 0 0 0 -8px;content:" ";border-top: 4px solid transparent;border-left: 4px solid transparent;border-right: 4px solid #9b9b9b;border-bottom: 4px solid #9b9b9b;display: block;position: absolute;}
.footer-divider a:before {top: 0;right: 0;margin: 0 -8px 0 0;content:" ";border-top: 4px solid transparent;border-left: 4px solid #9b9b9b;border-right: 4px solid transparent;border-bottom: 4px solid #9b9b9b;display: block;position: absolute;}

/*  Footer
-----------------------------------------------------------  */
footer#footer {background: none repeat scroll 0 0 #221918;padding: 56px 0;}
footer#footer p {color: #656363;}
footer#footer .twitter {margin: 30px 0 0;}
footer#footer .twitter ul li {color: #c5c5c5;}
footer#footer .twitter ul li h4 {font-size: 11px;font-style: italic;color: #656363;}
footer#footer .twitter ul li img {width: 74px;height: 74px;border: 3px solid #FF9311;background-color: #FF9311;}
footer#footer .contact-details {color: #c5c5c5;}
footer#footer .contact-details ul li .media-heading {color: #ffffff;}
footer#footer .contact-details ul li i {color: #3b3331;font-size: 72px;}

/*  Privacy Section
-----------------------------------------------------------  */
.footer-privacy {background: none repeat scroll 0 0 #221918;text-align: center;font: bold 11px'Arial', Helvetica, sans-serif;}
.footer-privacy ul {display: inline-block;margin: 4px 0;}
.footer-privacy ul li {float: left;padding: 0 12px;border-left: 1px solid #c5c5c5;line-height: 1;}
.footer-privacy ul li:first-child {border-left: medium none;}
.footer-privacy ul li a {color: #c5c5c5;}
.footer-privacy ul li a:hover {color: #FF9311;}

/*  Newsletter
-----------------------------------------------------------  */
.newsletter {background: none repeat scroll 0 0 #FFFFFF;}
.newsletter .input-group .form-control-wrapper {margin: 19px 0;}
.newsletter .input-group .form-control {width: 400px;background: none repeat scroll 0 0 #ebebeb;border: medium none;box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);height: 34px;border-radius: 0 0 0 0;}
.newsletter .input-group .btn-default {background: none repeat scroll 0 0 #FF9311;border: medium none;color: #FFFFFF;width: 152px;margin: 0 0 0 34px;height: 72px;box-shadow: none;border-radius: 0 0 0 0;font-weight: lighter;font-size: 22px;}
.newsletter ul li .media-heading {color: #221918;}
.newsletter ul li .media-body {margin: 12px 0 0;}
.newsletter ul li i {color: #221918;font-size: 72px;}

/*  Copyright
-----------------------------------------------------------  */
.footer-copyright {background: none repeat scroll 0 0 #FF9311;text-align: center;font: bold 11px'Arial', Helvetica, sans-serif;}
.footer-copyright .copyright {line-height: 30px;color: #FFFFFF;}

/*  Breadcrumb
-----------------------------------------------------------  */
.breadcrumb-wrapp {width: 100%;}
.breadcrumb-wrapp .breadcrumb {background: none repeat scroll 0 0 transparent;border-radius: 0 0 0 0;margin: 0 0 0 0;padding: 8px 10px;}
.breadcrumb-wrapp .breadcrumb li {font-size: 12px;color:#9b9b9b;}
.breadcrumb-wrapp .breadcrumb li a {color:#9b9b9b;}
.breadcrumb-wrapp .breadcrumb li a:hover {color:#221918;}

/*  OurTeam , Group Members
-----------------------------------------------------------  */
.team {margin: 20px 0 0;}
.team .team-member {background: none repeat scroll 0 0 #FFFFFF;box-shadow: 0 1px 2px rgba(0, 0, 0, .1);border: medium none;border-radius: 0 0 0 0;padding: 8px 8px 0 8px;cursor: pointer;}
.team .team-member:hover {background: none repeat scroll 0 0 #FF9311;color: #ffffff;}
.team .team-member figure {position: relative;}
.team .team-member figure .icon-overlay {position: absolute;top: 0;right: 0;}
.team .team-member figure .icon-overlay span a {background: none repeat scroll 0 0 #FF9311;width: 33px;height: 33px;float: right;text-align: center;line-height: 33px;color: #221918;text-shadow: 0 1px 0 rgba(255,255,255,0.2);transition: all .2s ease-in-out;}
.team .team-member figure .icon-overlay span:hover a {background: none repeat scroll 0 0 #221918 !important;color: #ffffff;}
.team .team-member figure .icon-overlay span:last-child a {opacity: 0;transition: all .2s ease-in-out;}
.team .team-member:hover figure .icon-overlay span:last-child a {opacity: 1;}
.team .team-member h3 {color: #221918;transition: all .2s ease-in-out;}
.team .team-member:hover h3 {color: #ffffff;}
.team .team-member p {color: #919090;font: 11px'Arial', Tahoma;transition: all .2s ease-in-out;}
.team .team-member:hover p {color: #ffffff;}

/*  Special Divider
-----------------------------------------------------------  */
.special-divider {clear: both;text-align: center;height: 2px;margin: 60px auto 100px;position: relative;width: 100%;background-color: #dedede;box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);}
.special-divider .stats-circle {background: none repeat scroll 0 0 #EBEBEB;top: -40px;position: absolute;margin-left: -40px;left: 50%;width: 80px;height: 80px;text-align: center;}
.special-divider .stats-circle .stats-num {background: none repeat scroll 0 0 #282828;border-radius: 50%;color: #FFFFFF;font-size: 24px;line-height: 56px;width: 56px;height: 56px;margin: 12px 0 0 12px;text-align: center;}
.special-divider .subtitle {color: #282828;font: 16px 'Open Sans';left: 0;position: absolute;right: 0;text-align: center;text-transform: uppercase;top: 36px;}

/*  Experiences
-----------------------------------------------------------  */
.progress-circles {margin: 0 0 60px;text-align: center;}
.progress-circles .progress-label {text-align: center;margin: 30px 0 30px;}
.progress-circles .progress-label h3 {color: #555555;}
.progress-circles .progress-label small {color: #b4b4b4;}

/*  Blog Navigation
-----------------------------------------------------------  */
.blog-navbar {background: none repeat scroll 0 0 #FFFFFF;box-shadow: 0 1px 2px rgba(0, 0, 0, .1);border: medium none;border-radius: 0 0 0 0;margin: 10px 0 20px;display: block;height: 50px;}
.blog-navbar .blog-nav-search {}
.blog-navbar .blog-nav-search .blog-nav-title {padding-right: 0 !important;padding-left: 0 !important;}
.blog-navbar .blog-nav-search .blog-nav-title .title {color: #221918;font-size: 18px;line-height: 50px;}
.blog-navbar .blog-nav-search .blog-nav-form {margin: 8px 0;padding-right: 0 !important;position: relative;}
.blog-navbar .blog-nav-search .blog-nav-form .search-input {border: 1px solid #C7C7C7;border-radius: 0 0 0 0;box-shadow: none;}
.blog-navbar .blog-nav-search .blog-nav-form .search-button {background: none repeat scroll 0 0 transparent;box-shadow: none;position: absolute;top: 0;right: 0;height: 34px;border-top: 1px solid #FFFFFF;border-right: 1px solid #FFFFFF;border-bottom: 1px solid #FFFFFF;border-left: 1px solid #C7C7C7;padding: 0 0 0 10px;line-height: 32px;}
.blog-navbar ul.blog-filter {text-align: right;font-size: 0;}
.blog-navbar ul.blog-filter > li {padding: 0 0 0;margin: 18px 0;display: inline-block;}
.blog-navbar ul.blog-filter > li > a {border-left: 1px solid #544b4a;display: block;padding: 0 10px 0 10px;font-size: 14px;color: #221918;line-height: 1;transition: all .2s ease-in-out;}
.blog-navbar ul.blog-filter > li > a > i {width: auto;}
.blog-navbar ul.blog-filter > li:last-child > a {padding: 0 8px 0 8px;border-right: 1px solid #544b4a;}
.blog-navbar ul.blog-filter > li > a:hover {color: #FF9311;}
.blog-navbar ul.blog-filter ul.dropdown-menu {background: none repeat scroll 0 0 #525252;border-radius: 0 0 0 0;box-shadow: none;border: medium none;padding: 0 0 0;margin: 8px 0 0;right: 0;left: inherit;text-align: left;}
.blog-navbar ul.blog-filter ul.dropdown-menu > li > a {color: #FFFFFF;padding: 12px 20px;}
.blog-navbar ul.blog-filter ul.dropdown-menu > li > a:hover {background: none repeat scroll 0 0 #FF9311;}

/*  Portfolio Navigation
-----------------------------------------------------------  */
.portfolio-navbar {background: none repeat scroll 0 0 #FFFFFF;box-shadow: 0 1px 2px rgba(0, 0, 0, .1);border: medium none;border-radius: 0 0 0 0;margin: 10px 0 20px;display: block;height: 50px;}
.portfolio-navbar .portfolio-nav-title {}
.portfolio-navbar .portfolio-nav-title .title {color: #221918;font-size: 18px;line-height: 50px;}
.portfolio-navbar ul.portfolio-filter {text-align: right;font-size: 0;}
.portfolio-navbar ul.portfolio-filter > li {padding: 0 0 0;margin: 18px 0;display: inline-block;}
.portfolio-navbar ul.portfolio-filter > li > a {border-left: 1px solid #544b4a;display: block;padding: 0 10px 0 10px;font-size: 14px;color: #221918;line-height: 1;transition: all .2s ease-in-out;}
.portfolio-navbar ul.portfolio-filter > li > a.selected {color: #FF9311;}
.portfolio-navbar ul.portfolio-filter > li > a > i {width: auto;}
.portfolio-navbar ul.portfolio-filter > li:last-child > a {padding: 0 8px 0 8px;border-right: 1px solid #544b4a;}
.portfolio-navbar ul.portfolio-filter > li > a:hover {color: #FF9311;}
.portfolio-navbar ul.portfolio-filter ul.dropdown-menu {background: none repeat scroll 0 0 #525252;border-radius: 0 0 0 0;box-shadow: none;border: medium none;padding: 0 0 0;margin: 8px 0 0;right: 0;left: inherit;text-align: left;}
.portfolio-navbar ul.portfolio-filter ul.dropdown-menu > li > a {color: #FFFFFF;padding: 12px 20px;}
.portfolio-navbar ul.portfolio-filter ul.dropdown-menu > li > a:hover {background: none repeat scroll 0 0 #FF9311;}

/*  Blog Post, Article
-----------------------------------------------------------  */
article.blog-post {margin: 0 0 30px;overflow: hidden;}
article.blog-post .post-image {position: relative;}
article.blog-post .post-image img {width: 100%;}
article.blog-post .post-image .icon-overlay {position: absolute;bottom: 0;right: 0;}
article.blog-post .post-image .icon-overlay a {background: none repeat scroll 0 0 #221918;color: #FFFFFF;float: right;width: 30px;height: 30px;float: right;text-align: center;line-height: 32px;}
article.blog-post .post-image .icon-overlay a.active {background: none repeat scroll 0 0 #FF9311;float: right;}
article.blog-post .post-meta {font: 12px'Arial', Helvetica, sans-serif;color: #FFFFFF;background: none repeat scroll 0 0 #FF9311;height: 30px;}
article.blog-post .post-meta span {float: left;line-height: 30px;padding: 0 0 0 26px;height: 100%;}
article.blog-post .post-meta span:first-child {background: none repeat scroll 0 0 #221918;padding: 0 26px;}
article.blog-post .post-meta span a {color: #FFFFFF;font-size: 12px;}
article.blog-post .post-content {padding: 20px 20px 0;}
article.blog-post .post-content .post-title {text-align: left;padding: 0 0 8px;font:bold 20px/22px 'Open Sans';}
article.blog-post .post-content .post-title a {color: #221918;}
article.blog-post .post-content .alternative-meta {text-align: left;color: #a9aaa9;margin: 0 0 20px;}
article.blog-post .post-content .alternative-meta span {font: 10px 'Arial';border-right: 1px solid #dfdfdf;padding: 0 12px 0;}
article.blog-post .post-content .alternative-meta span:first-child {padding: 0 12px 0 0;}
article.blog-post .post-content .alternative-meta span a {color: #a9aaa9;}
article.blog-post .post-content h3 {margin: 10px 0 4px;color: #FF9311;}
article.blog-post .post-content p {color: #767676;margin: 0 0 20px;line-height: 24px;}
article.blog-post .post-content p a {color: #FF9311;}
article.blog-post .post-content p a:hover {color: #221918;}
article.blog-post .more {text-align: right;margin: 20px 0 0;}
article.blog-post .more a {color: #FFFFFF;background: none repeat scroll 0 0 #FF9311;display: block;width: 60px;height: 30px;line-height: 30px;text-align: center;transition: all .2s ease-in-out;}
article.blog-post .more a:hover {background: none repeat scroll 0 0 #221918 !important;}

article.alternative-post {border-left: 4px solid #d9d9d9;}
article.alternative-post .post-meta {font: 12px'Arial', Helvetica, sans-serif;color: #FFFFFF;background: none repeat scroll 0 0 #b1b1b1 !important;height: 30px;}
article.alternative-post .post-meta span {float: left;line-height: 30px;padding: 0 0 0 26px;}
article.alternative-post .post-meta span:first-child {background: none repeat scroll 0 0 #221918;padding: 0 26px;}
article.alternative-post .post-meta span a {color: #FFFFFF;}
article.alternative-post .post-content .post-title {text-align: left;padding: 0 0 8px;font:bold 20px/22px 'Open Sans';}
article.alternative-post .post-content .post-title a {color: #909090;}

article.format-audio {border-left: 4px solid #d9d9d9;}
article.format-audio .post-content .post-title {text-align: left;padding: 0 0 8px;font:bold 20px/22px 'Open Sans';}
article.format-audio .post-content .post-title a {color: #909090;}

article.format-link {border-left: 4px solid #d9d9d9;}
article.format-link .post-meta {font: 12px'Arial', Helvetica, sans-serif;color: #FFFFFF;background: none repeat scroll 0 0 #b1b1b1 !important;height: 30px;}
article.format-link .post-meta span {float: left;padding: 0 26px;line-height: 30px;padding: 0 0 0 26px;}
article.format-link .post-meta span:first-child {background: none repeat scroll 0 0 #221918;padding: 0 26px;}
article.format-link .post-meta span a {color: #FFFFFF;}
article.format-link .post-content .post-title {text-align: left;padding: 0 0 8px;font:bold 20px/22px 'Open Sans';}
article.format-link .post-content .post-title a {color: #FF9311;}

/*  Pagination
-----------------------------------------------------------  */
#pagination {background: none repeat scroll 0 0 #FFFFFF;box-shadow: 0 1px 2px rgba(0, 0, 0, .1);margin: 0 0 60px;text-align: center;height: 30px;position: relative;}
#pagination a.prev-direction {position: absolute;bottom: 0;left: 0;display: block;width: 30px;height: 30px;text-align: center;line-height: 30px;background: none repeat scroll 0 0 #221918;color: #FFFFFF;}
#pagination a.next-direction {position: absolute;bottom: 0;right: 0;display: block;width: 30px;height: 30px;text-align: center;line-height: 30px;background: none repeat scroll 0 0 #221918;color: #FFFFFF;}
#pagination ul {display: inline-block;margin: 0 auto;border-radius: 0 0 0 0;}
#pagination ul li {float: left;background: none repeat scroll 0 0 #f6f6f6;padding: 0 12px;}
#pagination ul li.active {background: none repeat scroll 0 0 #FF9311;}
#pagination ul li.active a {color: #FFFFFF;}
#pagination ul li a {line-height: 30px;border-radius: 0 0 0 0;border: medium none;padding: 0 0 0;background: none repeat scroll 0 0 transparent;color: #221918;}

/*  Widget
-----------------------------------------------------------  */
.widget {margin-bottom: 20px;}
.widget .widget-title {position: relative;}
.widget .widget-title h4 {padding-bottom: 8px;}
.widget .widget-title .close-widget {position: absolute;bottom: 0;right: 0;text-align: center;line-height: 22px;color: #FFFFFF;display: block;height: 22px;background: none repeat scroll 0 0 #221918;cursor: pointer;width: 26px;}
.widget .widget-body {padding: 24px 24px 24px;border-top: 3px solid #221918;position: relative;}
.widget .widget-body ul {margin: 0 0 20px;}
.widget .widget-body ul li {padding: 5px 0;}

/*  Categories Widget
-----------------------------------------------------------  */
.widget .categories {padding: 10px 20px !important;}
.widget .categories ul {margin: 0 0 !important;}
.widget .categories ul li {border-bottom: 1px solid #efefef;padding: 10px 0 6px !important;}
.widget .categories ul li a {color: #221918;transition: all .2s ease-in-out;}
.widget .categories ul li a:hover {color: #FF9311;}
.widget .categories ul li:last-child {border-bottom: medium none;}

/*  Latest Posts Widget
-----------------------------------------------------------  */
.widget .latest-post {padding: 12px 24px 12px;}
.widget .latest-post ul li {border-bottom: 1px solid #f0f0f0;}
.widget .latest-post ul li small {color: #b0aeae;font-style: italic;}
.widget .latest-post ul li h4 {color: #221918;}
.widget .latest-post ul li p {color: #767676;}

/*  Twitter Widget
-----------------------------------------------------------  */
.widget .twitter {padding: 24px 24px 8px;}
.widget .twitter ul {font-family:'Arial', Helvetica, sans-serif;}
.widget .twitter ul li {border-bottom: 1px solid #f0f0f0;color: #595857;padding: 8px 0;}
.widget .twitter ul li:last-child {border: medium none;}
.widget .twitter ul li a {color: #66b8f1;font-size: 13px;font-family:'Open Sans', Helvetica, sans-serif;font-weight: 600;}
.widget .twitter ul li a i {color: #FF9311;padding-left: 6px;width: auto;}

/*  Accordion Widget
-----------------------------------------------------------  */
.widget .accordion {padding: 10px 20px !important;}
.widget .accordion ul {margin: 0 0 !important;}
.widget .accordion ul li {border-top: 1px solid #efefef;padding: 18px 0 18px !important;}
.widget .accordion ul li:first-child {border-top: medium none;}
.widget .accordion ul li a.Plus:before {content:'\f067';font-family:"FontAwesome";padding: 0 12px 0 0;}
.widget .accordion ul li a.Minus:before {content:'\f068';font-family:"FontAwesome";padding: 0 12px 0 0;}
.widget .accordion ul li a {color: #221918;font-weight: bolder;text-decoration: none;}
.widget .accordion p {color: #767676;padding: 0 8px 20px 20px !important;font: 12px'Arial';}

/*  Tags Widget
-----------------------------------------------------------  */
.widget .tagcloud {padding: 18px 0;}
.widget .tagcloud a {background: none repeat scroll 0 0 #FFFFFF;box-shadow: 0 1px 2px rgba(0, 0, 0, .1);padding: 4px 8px;color: #221918;white-space: nowrap;line-height: 34px;margin: 0 4px 0 0;transition: all .2s ease-in-out;}
.widget .tagcloud a:hover {background: none repeat scroll 0 0 #FF9311;color: #FFFFFF;}

/*  Post Author
-----------------------------------------------------------  */
.post-author {margin: 0 0 80px;}
.post-author ul {list-style: none outside none;margin: 0;padding: 0;}
.post-author ul li {padding: 0 0 0 114px;}
.post-author ul li .author-wrapper {position: relative;}
.post-author ul li .author-wrapper .author-block {background: none repeat scroll 0 0 #FFFFFF;box-shadow: 0 1px 2px rgba(0, 0, 0, .1);}
.post-author ul li .author-wrapper .author-block .author-details {background: none repeat scroll 0 0 #FFFFFF;position: relative;}
.post-author ul li .author-wrapper .author-block .author-details:before {position: absolute;left: 0;bottom: 0;border-left: 6px solid transparent;border-right: 6px solid #FFFFFF;border-bottom: 6px solid transparent;border-top: 6px solid #FFFFFF;width: 0;height: 0;margin: 0 0 0 -12px;content: '';}
.post-author ul li .author-wrapper .author-block .author-details p {color: #767676;padding: 16px 12px;line-height: 21px;font-size: 13px;}
.post-author ul li .author-wrapper .author-block .author-meta {font: 12px'Arial', Helvetica, sans-serif;color: #FFFFFF;background: none repeat scroll 0 0 #FF9311;height: 30px;}
.post-author ul li .author-wrapper .author-block .author-meta span {float: left;padding: 0 16px;line-height: 30px;}
.post-author ul li .author-wrapper .author-block .author-meta span:last-child {background: none repeat scroll 0 0 #221918;}
.post-author ul li .author-wrapper .author-block .author-meta span a {color: #FFFFFF;}
.post-author ul li .author-wrapper .author-social {padding: 8px 0 8px;}
.post-author ul li .author-wrapper .author-social .social-icon {text-align: center;}
.post-author ul li .author-wrapper .author-social .social-icon a {color: #c7c7c7;font-size: 16px;text-shadow: 0 1px 0 rgba(255,255,255,0.2);display: block;width: 100%;height: 100%;transition: all .2s ease-in-out;}
.post-author ul li .author-wrapper .author-social .social-icon a:hover {color: #606060;}
.post-author ul li .author-wrapper .author-image {background: none repeat scroll 0 0 #FFFFFF;display: block;width: 94px;height: 95px;position: absolute;top: 0;left: 0;margin-left: -114px;box-shadow: 0 1px 2px rgba(0, 0, 0, .1);}
.post-author ul li .author-wrapper .author-image img {width: 100%;height: 70px;border-top: 4px solid #FFFFFF;border-right: 4px solid #FFFFFF;border-left: 4px solid #FFFFFF;}
.post-author ul li .author-wrapper .author-image h6 {text-align: center;color: #282828;background: none repeat scroll 0 0 #FFFFFF;line-height: 22px;display: block;height: 25px;width: 100%;}

/*  COMMENTS
-----------------------------------------------------------  */
#post-comments {margin: 0 0 20px;}
#post-comments ul.comments {margin: 0 0 0;}
#post-comments ul.comments li {padding: 0 0 0 114px;}
#post-comments ul.comments li .comment {position: relative;margin-bottom: 20px;}
#post-comments ul.comments li .comment .comment-block {background: none repeat scroll 0 0 #FFFFFF;position: relative;box-shadow: 0 1px 2px rgba(0, 0, 0, .1);}
#post-comments ul.comments li .comment .comment-block:before {position: absolute;left: 0;top: 50%;border-left: 6px solid transparent;border-right: 6px solid #FFFFFF;border-bottom: 6px solid transparent;border-top: 6px solid #FFFFFF;width: 0;height: 0;margin: -6px 0 0 -12px;content: '';}
#post-comments ul.comments li .comment .comment-block p {color: #767676;padding: 15px 12px;line-height: 20px;font-size: 13px;}
#post-comments ul.comments li .comment .comment-block .reply-btn {width: 100%;display: block;}
#post-comments ul.comments li .comment .comment-block .reply-btn a {color: #FFFFFF;text-align: center;line-height: 25px;width: 94px;height: 25px;display: block;background: none repeat scroll 0 0 #FF9311;}
#post-comments ul.comments li .comment .avatar {background: none repeat scroll 0 0 #FFFFFF;display: block;width: 94px;height: 95px;position: absolute;top: 0;left: 0;margin-left: -114px;box-shadow: 0 1px 2px rgba(0, 0, 0, .1);}
#post-comments ul.comments li .comment .avatar img {width: 100%;height: 70px;border-top: 4px solid #FFFFFF;border-right: 4px solid #FFFFFF;border-left: 4px solid #FFFFFF;}
#post-comments ul.comments li .comment .avatar h6 {text-align: center;color: #282828;background: none repeat scroll 0 0 #FFFFFF;line-height: 22px;display: block;height: 25px;width: 100%;}

#post-comments .post-leave-comment {margin: 60px 0 0;}
#post-comments .post-leave-comment .input-field {margin: 0 0 15px;background: none repeat scroll 0 0 #FFFFFF;box-shadow: 0 1px 2px rgba(0, 0, 0, .1);border: medium none;border-radius: 0 0 0;}
#post-comments .post-leave-comment .message-field {background: none repeat scroll 0 0 #FFFFFF;box-shadow: 0 1px 2px rgba(0, 0, 0, .1);border: medium none;border-radius: 0 0 0;resize: vertical;}
#post-comments .button {font-size: 11px;}
#post-comments .button .btn-submit {background: none repeat scroll 0 0 #221918;border: medium none;color: #FFFFFF;padding: 5px 54px;float: right;transition: all .2s ease-in-out;}
#post-comments .button .btn-submit:hover {background: none repeat scroll 0 0 #FF9311;}

#post-comments ul.reply li .comment:before {position: absolute;top: 36px;left: 0;content: '\f112';font-size: 20px;font-family: "FontAwesome";color: #282828;margin: 0 0 0 -148px;transform: rotate(180deg);}

/*  Contact Us
-----------------------------------------------------------  */
.contact-form {margin: 0 0 40px;}
.contact-form .contact-input {margin: 0 0 15px;background: none repeat scroll 0 0 #FFFFFF;box-shadow: 0 1px 2px rgba(0, 0, 0, .1);border: medium none;border-radius: 0 0 0;}
.contact-form .contact-textarea {background: none repeat scroll 0 0 #FFFFFF;box-shadow: 0 1px 2px rgba(0, 0, 0, .1);border: medium none;border-radius: 0 0 0;resize: vertical;}
.contact-form .submit-btn {background: none repeat scroll 0 0 #221918;border: medium none;color: #FFFFFF;font-size: 11px;padding: 5px 54px;float: right;transition: all .2s ease-in-out;}
.contact-form .submit-btn:hover {background: none repeat scroll 0 0 #FF9311;}

/*  GOOGLE MAP
-----------------------------------------------------------  */
.google-map {margin: 0 0 30px;box-shadow: 0 1px 2px rgba(0, 0, 0, .1);}

/*  Contact Details
-----------------------------------------------------------  */
.widget .contact-details {padding: 16px 18px !important;}
.widget .contact-details ul {margin: 0 0 0 !important;}
.widget .contact-details ul li h4 {color: #221918;}
.widget .contact-details ul li .media-body {color: #767676;}
.widget .contact-details ul li a {color: #221918;}

/*  ERROR 404
-----------------------------------------------------------  */
.page-not-found {text-align: center;margin: 150px 0 100px;}
.page-not-found h1 {font-size: 240px;margin: 0 0 40px;line-height: 170px;}
.page-not-found h1 .different-color {color: #FF9311;}
.page-not-found h2 {font-weight: bold;}

/*  Infinite Scroll
-----------------------------------------------------------  */
#addMore {text-align: center;margin: 20px 0 50px;}
#addMore a{color: #221918;}
#addMore a:hover{color: #FF9311;}

/*  Portfolio Slider
-----------------------------------------------------------  */
.controls-wrapp {background: none repeat scroll 0 0 #FFFFFF;box-shadow: 0 1px 2px rgba(0, 0, 0, .1);margin: 0 0 20px;height: 45px;padding: 0 0 0 10px;}
.controls-wrapp h3 {color: #494747;line-height: 45px;}
.controls-wrapp .controls {display: inline-block;float: right;height: 100%;}
.controls-wrapp .controls .arrows {background: none repeat scroll 0 0 #221918;text-align: center;float: right;display: block;width: 45px;height: 100%;line-height: 45px;transition: all .2s ease-in-out;cursor: pointer;}
.controls-wrapp .controls .arrows i {color: #838282;width: auto;transition: all .2s ease-in-out;font-size: 32px;line-height: 45px;}
.controls-wrapp .controls .arrows:hover {background: none repeat scroll 0 0 #FF9311;}
.controls-wrapp .controls .arrows:hover i {color: #FFFFFF;}

/*  Lunch Project
-----------------------------------------------------------  */
.lunch-project {background: none repeat scroll 0 0 #FF9311;box-shadow: 0 1px 2px rgba(0, 0, 0, .1);margin: 0 0 20px;height: 45px;text-align: center;transition: all .2s ease-in-out;}
.lunch-project:hover {background: none repeat scroll 0 0 #221918 !important;}
.lunch-project h3 {color: #221918;line-height: 45px;transition: all .2s ease-in-out;}
.lunch-project:hover h3 {color: #FFFFFF;}

/*  Project Details
-----------------------------------------------------------  */
.widget .project-details {padding: 10px 20px !important;}
.widget .project-details ul {margin: 0 0 !important;}
.widget .project-details ul li {border-bottom: 1px solid #efefef;padding: 10px 0 6px !important;}
.widget .project-details ul li a {color: #221918;transition: all .2s ease-in-out;}
.widget .project-details ul li a:hover {color: #FF9311;}
.widget .project-details ul li:last-child {border-bottom: medium none;}

/*  Testimonials Widget
-----------------------------------------------------------  */
.widget .testimonials-widget {padding: 24px 24px 24px;}
.widget .testimonials-widget small {color: #b0aeae;font-style: italic;}
.widget .testimonials-widget h4 {color: #221918;}
.widget .testimonials-widget p {color: #767676;padding: 0 0 8px;}

/*  Services Header
-----------------------------------------------------------  */
header.services {margin: 0 0 20px;height: auto;max-width: 100%;background: url(../images/headers/ServicesHeader.png) no-repeat 0 0 #FF9311;background-size: cover;display: block;}
header.services .slogan {padding-top: 45px;padding-bottom: 45px;}

/*  Services Carousel
-----------------------------------------------------------  */
.svc-carousel-wrapp {background: none repeat scroll 0 0 #dddddd;box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2);}
.svc-carousel-wrapp .service-item {padding: 20px 0;text-align: center !important;color: #a4a4a4;text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);font-weight: bold;font-family:'Arial', Tahoma;transition: all .2s ease-in-out;}
.svc-carousel-wrapp .service-item h4 {text-align: center !important;}
.svc-carousel-wrapp .service-item.active {background: none repeat scroll 0 0 #FFFFFF;box-shadow: 0 0 2px rgba(0, 0, 0,.1);color: #221918;transition: all .2s ease-in-out;}
.svc-carousel-wrapp .service-item.active:hover {color: #221918;}
.svc-carousel-wrapp .service-item:hover {color: #666666;}

.service-content {padding: 36px 20px;margin-bottom: 30px;}
.service-content h2 {padding: 0 0 16px;color: #545453;}
.service-content p {color: #616161;font-family:'Arial', Helvetica, sans-serif;}
.service-content p a {color: #FF9311;transition: all .2s ease-in-out;}
.service-content p a:hover {color: #221918;}
.service-content p img {width: 100%;margin: 16px 0;}

.svc-carousel-wrapp .controls {position: absolute;z-index: 199;top: 100%;right: 10px;}
.svc-carousel-wrapp .controls .svc-btn {display: block;width: 20px;height: 20px;background-color: #dddddd;line-height: 20px;float: right;cursor: pointer;text-align: center;transition: all .2s ease-in-out;}
.svc-carousel-wrapp .controls .svc-btn i {color: #a4a4a4;width: auto;transition: all .2s ease-in-out;}
.svc-carousel-wrapp .controls .svc-btn:hover {background-color: #221918;}
.svc-carousel-wrapp .controls .svc-btn:hover i {color: #ffffff;}

/*  Survey Widget
-----------------------------------------------------------  */
.widget .survey-widget {padding: 0 0 0;border-top: 3px solid #221918;position: relative;}
.widget .survey-widget ul {padding: 24px 24px 0;margin: 0 0 10px;}
.widget .survey-widget ul li {padding: 5px 0;}
.widget .survey-widget ul li i {font-size: 24px;padding-right: 8px;width: auto;}
.widget .survey-widget .vote-btn {position: relative;text-align: right;}
.widget .survey-widget .vote-btn a {color: #FFFFFF;padding: 5px 15px 5px;background: none repeat scroll 0 0 #FF9311;display: inline-block;}

/*  Checkbox Input
-----------------------------------------------------------  */
label {cursor: pointer;display: inline-block;padding-left: 32px;position: relative;}
label:before {background-color: #FFFFFF;border-radius: 50%;bottom: 0;box-shadow: none;content: "";display: inline-block;height: 20px;left: 0;margin-right: 10px;position: absolute;width: 20px;border: 3px solid #D7DCDF;}
input[type="checkbox"] {display: none;}
input[type="checkbox"] + label:hover:before {color: #D7DCDF;content: "\f111";font-size: 8px;line-height: 15px;text-align: center;font-family: 'FontAwesome';padding-left: 1px;}
input[type="checkbox"]:checked + label {color: #FF9311;}
input[type="checkbox"]:checked + label:before {border: 3px solid #FF9311;color: #FF9311;content: "\f111";font-size: 8px;line-height: 15px;text-align: center;font-family: 'FontAwesome';padding-left: 1px;}
input[type="checkbox"]:disabled + label {color: #D7DCDF;}
input[type="checkbox"]:disabled + label:hover:before {content: '';}

/*  Special Widget
-----------------------------------------------------------  */
.special-widget {margin-bottom: 20px;}
.special-widget .widget-body ul a {color: #221918;transition: all .2s ease-in-out;}
.special-widget .widget-body ul a:hover {color: #FF9311;}
.special-widget .widget-body ul li {border-bottom: 1px solid #d9d9d9;border-top: 1px solid #f5f5f5;padding: 18px 6px;}
.special-widget .widget-body ul li i {font-size: 20px;padding-right: 8px;width: auto;}
.special-widget .widget-body ul li:first-child {border-top: medium none;}
.special-widget .widget-body ul li:last-child {border-bottom: medium none;}

/*  COLUMNS
-----------------------------------------------------------  */
.grid-block {display: block;width: 100%;height: 40px;line-height: 40px;text-align: center;}

/*  Elements
-----------------------------------------------------------  */
header.elements {margin: 0 0 20px;height: auto;max-width: 100%;background: url(../images/headers/ElementsHeader.png) no-repeat 0 0 #FF9311;-moz-background-size: cover;-o-background-size: cover;background-size: cover;display: block;}
header.elements .slogan {padding-top: 45px;padding-bottom: 45px;}

/*  Alerts
-----------------------------------------------------------  */
.SuccessAlert {background-color: #d3ebb7;border: 1px solid #9adf8f;padding: 15px 24px;color: #404040;}
.SuccessAlert a {color: #6da662;font-size: 42px;padding-right: 14px;}
.SuccessAlert h4 {color: #258815;font: 16px 'Open Sans',Arial,sans-serif;}
.WarningAlert {background-color: #f3f1c4;border: 1px solid #e5db55;padding: 15px 24px;color: #404040;}
.WarningAlert a {color: #dbd149;font-size: 42px;padding-right: 14px;}
.WarningAlert h4 {color: #878314;font: 16px 'Open Sans',Arial,sans-serif;}
.ErrorAlert {background-color: #f6cace;border: 1px solid #df8f90;padding: 15px 24px;color: #404040;}
.ErrorAlert a {color: #d46e77;font-size: 42px;padding-right: 14px;}
.ErrorAlert h4 {color: #871414;font: 16px 'Open Sans',Arial,sans-serif;}

/*  Video
-----------------------------------------------------------  */
.VideoContainer {position: relative;overflow: hidden;margin-top: 20px;margin-bottom: 10px;padding: 20px 0 52%;}
.VideoContainer iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}