/*
* Author: Łukasz Holeczek
* Template: Magnus Bootstrap Theme
* Version: 1.0.3
* Bootstrap version: 2.2.1
* Copyright 2012 creativeLabs
* www: http://clabs.co
* mail: lukasz@clabs.co
* You can buy this theme on WrapBootstrap: https://wrapbootstrap.com/theme/magnus-responsive-business-template-WB0C44S9M
*/


/* Import Section
=================================================================== */
@import url("icons.css"); /* Icons. */
@import url("icons-color.css"); /* Icons. */
@import url("social-icons.css"); /* Social Icons */
@import url("fancybox.css"); /* Fancybox */

.clear {
    clear: both;
}

body {
    font-family: 'Titillium Web';
    font-size: 16px;
    color: #666;
    padding: 0px 0px 0px 0px;
    background-color: #3D444C;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Titillium Web',"Droid Sans" !important;
    font-weight: normal !important;
    color: #434A52 margin: 0;
    padding: 0;
}

h1 {
    font-size: 2.2em;
    line-height: 40px;
}

h2 {
    font-size: 2.0em;
    line-height: 40px;
}

h3 {
    font-size: 1.8em;
    line-height: 32px;
}

h4 {
    font-size: 1.3em;
    line-height: 30px;
    font-weight:bold
}

h5 {
    font-size: 1.2em;
    line-height: 26px;
    color:#E42F34;
    font-weight:bold;
}

h6 {
    font-size: 1.2em;
    line-height: 24px;
}

hr {
    margin: 20px 0;
    border: 0;
    border-top: 1px solid #e0dfdf;
    border-bottom: 1px solid #fcfcfc;
}

    hr.clean {
        margin: 20px 0;
        border: 0;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #f6f6f6;
    }

a {
    color: #E42F34
}

.s { color: #E42F34;
}

p {font-size:1em;line-height:1.4em;}

.title {
    border-bottom: 1px solid #f6f6f6;
    margin-bottom: 10px;
}

.title-out {
}

.title h1, .title h2, .title h3, .title h4, .title h5, .title h6 {
    border-bottom: 0px solid #f6f6f6 !important;
    margin-bottom: 10px !important;
    display: inline-block !important;
    padding: 10px 0px !important;
    margin-left: 0px !important;
    margin-right: 15px !important;
   
}

.title-out h1, .title-out h2, .title-out h3, .title-out h4, .title-out h5, .title-out h6 {
    -webkit-text-shadow: 1px 1px 0px #fff;
    text-shadow: 1px 1px 0px #fff;
    font-weight: bold;
    margin-bottom: 10px;
    margin-left: 0px;
}

#wrapper {
    background: url(../img/bg-wrapper.jpg);
    -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,.35);
    -moz-box-shadow: 0px 1px 1px rgba(0,0,0,.35);
    box-shadow: 0px 1px 1px rgba(0,0,0,.35);
}

.content {
    padding: 50px;
    background: #fff;
    -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,.35);
    -moz-box-shadow: 0px 1px 1px rgba(0,0,0,.35);
    box-shadow: 0px 1px 1px rgba(0,0,0,.35);
}

    .content .picture {
        position: relative;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    .content.padding20 {
        padding: 20px !important;
    }

    .content.no-padding {
        padding: 0 !important;
    }

.box-s {
    padding: 20px;
    background: #fff;
    -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,.35);
    -moz-box-shadow: 0px 1px 1px rgba(0,0,0,.35);
    box-shadow: 0px 1px 1px rgba(0,0,0,.35);
}

.box {
    background: #fff;
    -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,.35);
    -moz-box-shadow: 0px 1px 1px rgba(0,0,0,.35);
    box-shadow: 0px 1px 1px rgba(0,0,0,.35);
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

    .box:hover {
        margin-top: -5px;
    }

.contact {
    font-size: 14px;
    padding: 15px;
    color: #fff;
    text-align: center;
    -webkit-text-shadow: 0px 1px 0px #b63001;
    text-shadow: 0px 1px 0px #b63001;
    background-color:#434A52;
    -webkit-box-shadow: 0px 1px 1px rgba(223,85,38,.35);
    -moz-box-shadow: 0px 1px 1px rgba(223,85,38,.35);
    box-shadow: 0px 1px 1px rgba(223,85,38,.35);
}

    .contact i {
        margin: -16px 0px;
    }

.content .span11 {
    margin-left: 0px;
}

/* #Lists
================================================== */
ul, ol {
    margin: 0;
}

ul {
    list-style: none outside;
}

ol {
    list-style: decimal;
}

ol, ul.square, ul.circle, ul.disc {
    margin-left: 30px;
}

ul.square {
    list-style: square outside;
}

ul.circle {
    list-style: circle outside;
}

ul.disc {
    list-style: disc outside;
}

ul ul, ul ol,
ol ol, ol ul {
}

    ul ul li, ul ol li,
    ol ol li, ol ul li {
    }



/* Header
=================================================================== */
a.anchorpad {
  position: relative;
  top: -100px;
  margin: 0;
  padding: 0;
    float: left;
}


header {
    margin-top: 0px;
    height: 100px;
    background: rgba(255,255,255,0.95);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6ffffff', endColorstr='#e6ffffff',GradientType=0 ); /* IE6-8 */
    position: relative;
    z-index: 20;
    -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,.35), 0px -1px 1px rgba(0,0,0,.15);
    -moz-box-shadow: 0px 1px 1px rgba(0,0,0,.35), 0px -1px 1px rgba(0,0,0,.15);
    box-shadow: 0px 1px 1px rgba(0,0,0,.35), 0px -1px 1px rgba(0,0,0,.15);
}

.logo {
    height: 60px;
    margin-top: 9px;
}

    .logo i {
        margin-top: -25px;
        -moz-opacity: .2;
        opacity: .2;
        filter: alpha(opacity=20);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    }


    .logo a {
        color: #ddd;
        text-decoration: none;
        font-size: 28px;
        line-height: 68px;
        margin-left: 10px;
    }

    .logo img {
        max-width: 230px;
    }

    .logo span {
        color: #E42F34
    }

#social-links {
    margin-top: 20px;
    float: right;
}

.nav-collapse.collapse {
    height: auto \9 !important;
    overflow: visible \9 !important;
}

.picture img {
max-width:500px;}

.navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner {
-webkit-box-shadow: 0 1px 0px rgba(0, 0, 0, 0);
-moz-box-shadow: 0 1px 0px rgba(0, 0, 0, 0);
box-shadow: 0 1px 0px rgba(0, 0, 0, 0);
}



.navbar,
.navbar-inner,
.nav,
.navbar-inverse {
    float: right;
    background: none !important;
    filter: none !important;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding: 0px;
    margin: 0;
}

.navbar-inner {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.navbar .nav > li > a {
    color: #666;
    text-transform:uppercase;
    border-bottom: 4px solid transparent;
    -webkit-text-shadow: none;
    text-shadow: none;
    font-size: 16px;
    padding: 28px 20px;
    margin-right:px;
    margin-top: 9px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

    .navbar .nav > li > a:focus,
    .navbar .nav > li > a:hover {border-bottom: 4px solid #E42F34 !important;
        background: #E42F34 !important;
        color: #fff !important;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;

       
    }

.navbar .nav > .active > a,
.navbar .nav > .active > a:focus {
    background-color: transparent !important;
    text-decoration: none;
    border-bottom: 4px solid #E42F34 !important;
    color: #E42F34 !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

    .navbar .nav > .active > a:hover {
        border-bottom: 4px solid #E42F34 !important;
        background-color: transparent !important;
        color: #E42F34  !important;;
       
    }

.navbar .nav .active a:hover > .caret {
    border-top-color: #fff !important;
    border-bottom-color: #fff !important;
}

.navbar-inverse .nav li.dropdown.open > .dropdown-toggle,
.navbar-inverse .nav li.dropdown.active > .dropdown-toggle,
.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {
    border-bottom: 4px solid #E42F34 !important;
    background: #E42F34 !important;
    color: #fff !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}


.da-slide h2 {
font-size:3.2em;line-height:1em;}

.da-slide p {
top:275px;line-height:1.4em;}

.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a {
    color: #ffffff;
    background: #f16529 !important;
}


.dropdown-menu .active > a {
    color: #ffffff !important;
    background: #f16529 !important;
}

    .dropdown-menu .active > a:hover {
        color: #ffffff !important;
        background: #f16529 !important;
    }

.navbar .btn-navbar {
    position: absolute;
    right: 25px;
    top: 25px;
}

.nav .active .dropdown-toggle .caret {
    border-top-color: #f16529 !important;
    border-bottom-color: #f16529 !important;
}

.slider-wrapper {
    position: relative;
    margin-top: -130px;
    z-index: 1;
    -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,.35);
    -moz-box-shadow: 0px 1px 1px rgba(0,0,0,.35);
    box-shadow: 0px 1px 1px rgba(0,0,0,.35);
    background-color: #434A52;
    min-height:200px;
}


/* Page Title
=================================================================== */

#page-title-icon {
    background: #fff;
    height: 48px;
    width: 48px;
    -webkit-border-radius: 50em;
    -moz-border-radius: 50em;
    border-radius: 50em;
    padding: 4px;
    margin-left: -16px;
    margin-top: -18px;
    position: relative;
    z-index: 10;
    float: left;
}


#page-title {
    background: url(../img/bg-wrapper.jpg);
    position: relative;
    z-index: 1;
    height: 100px;
    margin-top: -90px;
    padding-top: 90px;
}

#page-title-inner {
    padding: 25px 0px 25px 50px;
}

#page-title i {
    margin: -6px 2px -5px -18px;
    padding: 0px;
    -moz-opacity: .8;
    opacity: .8;
    filter: alpha(opacity=80);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

#page-title h2 {
    font-family: "Droid Sans" !important;
    color: #666;
    -webkit-text-shadow: 1px 1px 0px #fff;
    text-shadow: 1px 1px 0px #fff;
    padding: 10px 20px 5px 20px;
    font-size: 32px;
}

#page-title span {
    color: #555;
}


[class^="mini-ico-"] {
    margin-top:5px;padding-right:5px;
}





/* Images Overlay
=================================================================== */
.picture {
    position: relative;
    -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,.35);
    -moz-box-shadow: 0px 1px 1px rgba(0,0,0,.35);
    box-shadow: 0px 1px 1px rgba(0,0,0,.35);
}

    .picture .item-description {
        padding: 5px 0px 5px 0px;
        border: none;
        margin: 0px;
        background: #fff;
    }

.post .picture,
#portfolio-wrapper .picture {
    position: relative;
    background: #fff;
    padding: 3px;
    border: 1px solid #fcfcfc;
    -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,.25);
    -moz-box-shadow: 0px 1px 1px rgba(0,0,0,.25);
    box-shadow: 0px 1px 1px rgba(0,0,0,.25);
}

    .post .picture,
    #portfolio-wrapper .picture .item-description {
        margin-bottom: 0px;
        padding: 5px;
        border: none;
        margin: 0px;
    }

#portfolio-wrapper .portfolio-item {
    margin-bottom: 20px;
}


.picture img {
    width: 100%;
    height: auto;
}

.image-overlay-link,
.image-overlay-zoom {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    position: absolute;
    z-index: 40;
    display: none;
    background-color: #222;
    background: rgba(0, 0, 0, 0.4);
    background-repeat: no-repeat;
    background-position: 50%;
    cursor: pointer;
}

.image-overlay-link {
    background-image: url(../img/overlay-icon-01.png);
}

.image-overlay-zoom {
    background-image: url(../img/overlay-icon-02.png);
}


.flex-video {
    position: relative;
    /*padding-top: 25px; */
    padding-bottom: 67.5%;
    height: 0;
    overflow: hidden;
    border: 1px solid #fff;
    -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,.35);
    -moz-box-shadow: 0px 1px 1px rgba(0,0,0,.35);
    box-shadow: 0px 1px 1px rgba(0,0,0,.35);
}

    .flex-video.widescreen {
        padding-bottom: 57.25%;
    }

    .flex-video.vimeo {
        padding-top: 0;
    }

    .flex-video iframe,
    .flex-video object,
    .flex-video embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) {
    .flex-video {
        padding-top: 0;
    }
}


/* Flexslider
=================================================================== */

/* Browser Resets
=================================================================== */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
    -moz-outline: none;
    outline: none;
}

.slides,
.flex-control-nav,
.flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}


/* Necessary Styles
=================================================================== */
.flexslider {
    margin: 0;
    padding: 0;
}

    /* Hide the slides before the JS is loaded. Avoids image jumping */
    .flexslider .slides > li {
        position: relative;
        -ms-zoom: 1;
        zoom: 1;
        display: none;
        -webkit-backface-visibility: hidden;
    }

    .flexslider .slides img {
        width: 100%;
        display: block;
    }

.flex-pauseplay span {
    text-transform: capitalize;
}

/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flexslider {
    position: relative;
    -ms-zoom: 1;
    zoom: 1;
    z-index: 50;
}

/* Clearfix for the .slides element */
.slides:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

html[xmlns] .slides {
    display: block;
}

* html .slides {
    height: 1%;
}

    /* No JavaScript Fallback */
    /* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
    .no-js .slides > li:first-child {
        display: block;
    }


/* Default Styles
=================================================================== */
.flexslider {
    background: #fff;
    -ms-zoom: 1;
    zoom: 1;
}

.ie7 .flexslider {
    margin-bottom: -30px;
}

.flex-viewport {
    max-height: 2000px;
}

.loading .flex-viewport {
    max-height: 300px;
}

.flexslider .slides {
    -ms-zoom: 1;
    zoom: 1;
}


/* Direction Nav
=================================================================== */

.flex-direction-nav a {
    width: 35px;
    height: 35px;
    display: block;
    background-color: #555;
    top: 20px;
    right: 20px;
    float: none;
    position: absolute;
    cursor: pointer;
    text-indent: -9999px;
    background-color: #222;
    background: rgba(0, 0, 0, 0.65);
    *bottom: 50px;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.flex-direction-nav .flex-next {
    background-image: url(../img/slider-control-right.png);
    background-repeat: no-repeat;
    background-position: 52% 50%;
}

.flex-direction-nav .flex-prev {
    margin-right: 36px;
    background-image: url(../img/slider-control-left.png);
    background-repeat: no-repeat;
    background-position: 48% 50%;
}

    .flex-direction-nav .flex-prev:hover,
    .flex-direction-nav .flex-next:hover {
        background-color: #f16529;
        -moz-opacity: 1;
        opacity: 1;
    }

.subpage .flex-direction-nav a {
    bottom: 0px;
    right: 0px;
    *bottom: 30px;
}


/* Control Nav
=================================================================== */
.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: -30px;
    text-align: center;
}

    .flex-control-nav li {
        margin: 0 3px 0 0;
        display: inline-block;
        -ms-zoom: 1;
        zoom: 1;
        *display: inline;
    }

.flex-control-paging li a {
    width: 14px;
    height: 14px;
    display: block;
    background: #c8c8c8;
    cursor: pointer;
    text-indent: -9999px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
}

    .flex-control-paging li a:hover,
    .flex-control-paging li a.flex-active {
        background: #505050;
    }

    .flex-control-paging li a.flex-active {
        cursor: default;
    }


/* Caption
=================================================================== */
.slide-caption {
    width: auto;
    max-width: 30%;
    padding: 10px 20px;
    margin: 0 0 0px 0px;
    position: absolute;
    display: block;
    left: 20px;
    bottom: 20px;
    background-color: #222;
    background: rgba(0, 0, 0, 0.7);
}

    .slide-caption.n {
        background-color: #222;
        background: rgba(0, 0, 0, 0.6);
    }

    .slide-caption h3 {
        color: #fff;
        font-size: 18px;
        margin: 0;
        line-height: 33px;
    }

    .slide-caption p {
        margin: 0;
        line-height: 19px;
        color: #bbb;
    }

/* Notice
====================================================================== */

.hero-unit {
    background: #eee;
    border-left: 4px solid #f16529;
    padding: 13px 13px 13px 15px;
    font-style: italic;
    margin: 20px auto;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    font-size: 14px !important;
}

/* Icon Boxes
=================================================================== */
.icons-box-container {
    float: left;
}

.icons-boxes-container {
    float: left;
}

.icons-box {
    text-align: center;
    border: 1px solid #fff;
    padding: 20px 10px 10px 10px;
}

    .icons-box:hover {
        background: #fcfcfc;
        border: 1px solid #f6f6f6;
    }

    .icons-box h3 {
        margin: 0 auto;
        padding-top: 10px;
        border-bottom: 3px double #f6f6f6;
        margin-bottom: 10px;
    }

    .icons-box p {
        float: left;
    }

    .icons-box i {
        float: left;
        margin: -2px 0 0px 0;
    }

        .icons-box i.circle {
            float: none !important;
            margin: 0 auto !important;
        }

        .icons-box i.circle-color {
            float: none !important;
            margin: 0 auto !important;
        }

        .icons-box i.circle-color-full {
            float: none !important;
            margin: 0 auto !important;
        }

.circle {
    -webkit-border-radius: 50em;
    -moz-border-radius: 50em;
    border-radius: 50em;
    -webkit-box-shadow: 0px 0px 0px 3px rgba(0,0,0,1);
    -moz-box-shadow: 0px 0px 0px 3px rgba(0,0,0,1);
    box-shadow: 0px 0px 0px 3px rgba(0,0,0,1);
    margin: 0 auto;
    -moz-opacity: .1;
    opacity: .1;
    filter: alpha(opacity=10);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
}

.big {
    border: 20px solid #fff !important;
}

.ico-color {
    background-image: url("../img/icons/orange/glyphicons.png");
    -moz-opacity: 1;
    opacity: 1;
}

.mini-color {
    background-image: url("../img/icons/orange/glyphicons-mini.png");
    -moz-opacity: 1;
    opacity: 1;
}

.circle-color {
    background-color: #fff;
    -webkit-border-radius: 50em;
    -moz-border-radius: 50em;
    border-radius: 50em;
    -webkit-box-shadow: 0px 0px 0px 3px #f16529;
    -moz-box-shadow: 0px 0px 0px 3px #f16529;
    box-shadow: 0px 0px 0px 3px #f16529;
    margin: 0 auto;
    -moz-opacity: 1;
    opacity: 1;
}

.circle-color-full {
    background-color: #f16529;
    -webkit-border-radius: 50em;
    -moz-border-radius: 50em;
    border-radius: 50em;
    -webkit-box-shadow: 0px 0px 0px 3px #f16529;
    -moz-box-shadow: 0px 0px 0px 3px #f16529;
    box-shadow: 0px 0px 0px 3px #f16529;
    margin: 0 auto;
    -moz-opacity: 1;
    opacity: 1;
}

.big-color {
    border: 20px solid #f16529 !important;
}



/* Icon Boxes Vert
=================================================================== */
.icons-box-vert-container {
    float: left;
}

.icons-boxes-vert-container {
    float: left;
}

.icons-box-vert {
    border: 1px solid #fff;
    padding: 30px 15px 10px 15px;
}

    .icons-box-vert:hover {
        background: #fcfcfc;
        border: 1px solid #f6f6f6;
    }

.icons-box-vert-info {
    float: right;
    margin-top: -6px;
    margin-bottom: 6px;
    margin-left: 20px;
    width: 70%;
}

.icons-box-vert h3 {
    float: left;
    margin-top: -10px;
}

.icons-box-vert p {
    float: left !important;
}

.icons-box-vert i {
    float: left;
}

    .icons-box-vert i.circle {
        float: left !important;
    }

    .icons-box-vert i.circle {
        -webkit-border-radius: 50em;
        -moz-border-radius: 50em;
        border-radius: 50em;
        -webkit-box-shadow: 0px 0px 0px 3px rgba(0,0,0,1);
        -moz-box-shadow: 0px 0px 0px 3px rgba(0,0,0,1);
        box-shadow: 0px 0px 0px 3px rgba(0,0,0,1);
        -moz-opacity: .1;
        opacity: .1;
        filter: alpha(opacity=10);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
    }

.icons-left {
    float: left;
}

/* About
=================================================================== */
.team-name {
    padding: 15px 0;
    border-bottom: 1px solid #e9e9e9;
    margin-bottom: 15px;
    font-family: "Droid Sans";
    font-size: 18px;
    text-align: center;
}

    .team-name span {
        font-size: 12px;
        font-weight: normal;
        color: #888;
    }

.team-about p {
    padding: 0 0 15px 0;
    border-bottom: 1px solid #e9e9e9;
    margin-bottom: 15px;
}

/* Shortcodes
====================================================================== */

/* Buttons
=================================================================== */
.button,
input[type="button"] {
    padding: 9px 12px;
    display: inline-block;
    border: 0px;
    font-family: Arial, sans-serif;
    font-weight: bold;
    cursor: pointer;
    width: auto;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

input[type="button"] {
    float: left;
}

.button.medium {
    padding: 11px 17px;
    font-size: 14px;
}

.button.gray {
    color: #fff;
    background: #444;
}

    .button.gray:hover {
        background: #72b626;
        text-decoration: none;
    }

.button.light {
    color: #fff;
    background: #aaa;
}

    .button.light:hover {
        background: #72b626;
        text-decoration: none;
    }

.button.color {
    color: #fff;
    background: #72b626;
}

    .button.color:hover {
        background: #aaa;
        text-decoration: none;
    }

/* Input Button */
input[type="button"] {
    color: #fff;
    background: #72b626;
}

    input[type="button"]:hover {
        background: #aaa;
        text-decoration: none;
    }

.button.gray:hover,
.button.light:hover,
.button.color {
    background: #555;
}

.button.color {
    color: #fff;
    background: #f16529;
}

    .button.color:hover {
        background: #aaa;
    }

input[type="button"] {
    background: #f16529;
    color: #fff;
}

/* Alert Boxes
=================================================================== */
.alert {
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 15px;
    position: relative;
    padding: 14px 40px 14px 18px;
    -webkit-box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1);
    -moz-box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1);
    box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1);
}

    .alert.alert-success {
        background-color: #edf6e5 !important;
        color: #7a9659 !important;
        border: 1px solid #9fc76f !important;
    }

    .alert.alert-error {
        background-color: #fdeaea !important;
        color: #ca6f74 !important;
        border: 1px solid #f27b81 !important;
    }

.alert {
    background-color: #fffee1 !important;
    color: #daac50 !important;
    border: 1px solid #f5c056 !important;
}

    .alert.alert-info {
        background-color: #e9f8ff !important;
        color: #5d9fa9 !important;
        border: 1px solid #75c7d3 !important;
    }


/* Testimonial's Carousel
=================================================================== */
.testimonial-container {
    position: relative;
}

.testimonials {
    background: #fff;
    padding: 20px;
    line-height: 1.6em;
    margin: 0px 1px;
    border-top: 1px solid #dfdfdf;
    -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,.35);
    -moz-box-shadow: 0px 1px 1px rgba(0,0,0,.35);
    box-shadow: 0px 1px 1px rgba(0,0,0,.35);
    font-size:1.3em;
    font-style:italic;
}

.testimonials-bg {
    background: url(../img/testimonials-bg.png) no-repeat;
    margin-top: -1px;
    display: block;
    width: 200px;
    height: 30px;
}

.testimonials-author {
    color: #666;
    float: left;
    display: block;
    margin-left: 60px;
    margin-top: 15px;
    margin-bottom: 20px;
}

    .testimonials-author span {
        color: #a0a0a0;
    }



    /* Carousel */
.carousel-disabled,
.mr-rotato-disabled,
.mr-rotato-next, 
.mr-rotato-prev {
	border: 1px solid #D52B1E ;
	display: inline-block;
	margin-right: 1px;
	height: 21px;
	width: 21px;
	-webkit-box-shadow:  0px 1px 1px 0px rgba(180, 180, 180, 0.1);
	box-shadow:  0px 1px 1px 0px rgba(180, 180, 180, 0.1);
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
	display: block;
	position: absolute;
	margin-top: -40px;
}

.mr-rotato-next {
	background: url(../img/testimonials-right-01.png) no-repeat 50%;
	background-color: #D52B1E ;
	right: -1px;
	z-index: 6;
}

.mr-rotato-prev {
	background: url(../img/testimonials-left-01.png) no-repeat 50%;
	background-color: #D52B1E ;
	right: 21px;
	-webkit-box-shadow:  3px 0px 0px 0px #fff;
	box-shadow:  3px 0px 0px 0px #fff;
	z-index: 5;
}

.mr-rotato-next:hover {
	background: url(../img/testimonials-right-02.png) no-repeat 50%;
}

.mr-rotato-prev:hover {
	background: url(../img/testimonials-left-02.png) no-repeat 50%;
}

.mr-rotato-prev:hover,
.mr-rotato-next:hover {
	background-color: #D52B1E ;
	border-color: #D52B1E ;
}






/* Tabs
=================================================================== */
.tabs-nav {
    list-style: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

    .tabs-nav li {
        float: left;
        line-height: 34px;
        overflow: hidden;
        padding: 0;
        position: relative;
        margin: 0 0 -1px 0;
    }


        .tabs-nav li a {
            background-color: #fcfcfc;
            border: 1px solid #f6f6f6;
            border-right: none;
            border-bottom: 1px solid #f6f6f6;
            color: #888;
            display: block;
            letter-spacing: 0;
            -moz-outline: none;
            outline: none;
            padding: 0 16px;
            text-decoration: none;
        }

.ie7 .tabs-nav li a {
    height: 35px;
}

.tabs-nav li:first-child a {
    border-left: 1px solid #f6f6f6;
}

.tabs-nav li:last-child a {
    border-right: 1px solid #f6f6f6;
}

.tabs-nav li.active a {
    color: #444;
    font-weight: bold;
}

    .tabs-nav li.active a i {
        -moz-opacity: 1;
        opacity: 1;
        filter: alpha(opacity=100);
    }

.tabs-nav li i {
    -moz-opacity: 0.5;
    opacity: 0.5;
    filter: alpha(opacity=50);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

.tabs-nav li a:hover {
    background: #fff;
}

.tabs-nav li.active a {
    background: #fff;
    border-bottom: 2px solid #fff;
}

.tabs-container {
    border: 1px solid #f6f6f6;
    margin: -1px 0 20px;
    overflow: hidden;
    width: 100%;
    line-height: 19px;
    -webkit-box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1);
    -moz-box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1);
    box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1);
}

.tab-content {
    padding: 20px;
}


/* Progress Bar
=================================================================== */
.progress-bar h5 {
    margin-bottom: 6px;
}

.progress-bar li {
    margin-bottom: 12px;
    list-style: none;
}

.meter {
    height: 23px;
    position: relative;
    background: #fcfcfc;
}

    .meter > span {
        display: block;
        height: 100%;
        position: relative;
        overflow: hidden;
    }

        .meter > span:after, .animate > span > span {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            overflow: hidden;
        }

        .meter > span:after,
        .animate > span > spans li.current {
            background: #f16529;
        }

/* Quotes
=================================================================== */

.quotes {
    background: #fff;
    padding: 3px;
    border: 1px solid #fcfcfc;
    -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,.25);
    -moz-box-shadow: 0px 1px 1px rgba(0,0,0,.25);
    box-shadow: 0px 1px 1px rgba(0,0,0,.25);
    font-family: "Boogaloo";
}

.quote, .author {
    line-height: 28px;
    font-size: 24px;
    padding: 15px;
    color: #fff;
    font-family: "Boogaloo";
}

.author {
    font-size: 14px;
    text-align: center;
}

.quote, .author {
    background: #f16529;
}


/* Dropcaps
=================================================================== */
.dropcap {
    background: #fcfcfc;
    color: #666;
    display: inline-block;
    float: left;
    font-size: 23px;
    font-weight: 600;
    height: 36px;
    line-height: 36px;
    margin: 0 7px 0 0;
    text-align: center;
    width: 36px;
    border: 1px solid #f6f6f6;
}

    .dropcap.dark {
        background: #3a3a3a;
        color: #fff;
    }

    .dropcap.color {
        background: #f16529;
        color: #fff;
    }


/* Clients List
=================================================================== */

.clients-carousel {
    background: #fff;
    overflow: hidden;
    -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,.35);
    -moz-box-shadow: 0px 1px 1px rgba(0,0,0,.35);
    box-shadow: 0px 1px 1px rgba(0,0,0,.35);
}

    .clients-carousel li {
        float: left;
        overflow: hidden;
        border-right: 1px solid #f6f6f6;
        margin-left: 1px;
    }

    .clients-carousel ul.clients {
    }

    .clients-carousel li img {
        float: none !important;
        margin: 0px auto !important;
        /*filter: url(filters.svg#grayscale); /* Firefox 3.5+ */
        filter: gray; /* IE6-9 */
        -webkit-filter: grayscale(1); /* Google Chrome & Safari 6+ */
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    .clients-carousel li:hover {
        background: #fafafa;
    }

    .clients-carousel li img:hover {
        filter: none;
        -webkit-filter: grayscale(0);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

/* Blog Post
=================================================================== */

/* Comments
=================================================================== */
.comments-sec {
    float: left;
    width: 100%;
    line-height: 20px;
    background: #fff;
    -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,.35);
    -moz-box-shadow: 0px 1px 1px rgba(0,0,0,.35);
    box-shadow: 0px 1px 1px rgba(0,0,0,.35);
}

ol.commentlist {
    float: left;
    width: 100%;
    margin: 0;
}

    ol.commentlist li {
        float: left;
        border-top: 1px solid #e7e7e7;
        padding: 25px 15px 20px 15px;
    }

        ol.commentlist li:first-child {
            border: none;
            padding: 25px 15px 0px 15px;
        }

    ol.commentlist li {
        list-style: none;
    }

ol li ol.childlist {
    float: right;
    width: 89%;
    margin: 0px;
}

ol.commentlist li ol.childlist li:first-child {
    border-top: 1px solid #e9e9e9;
    padding: 25px 0 0 0;
    font-size: 12px;
}

ol.commentlist li ol.childlist li {
    border-top: 1px solid #e9e9e9;
    margin: 25px 0 15px 0;
    font-size: 12px;
}

.comments {
    float: left;
    width: 100%;
}

.comments-amount {
    color: #888;
}

ol li ol.childlist .comment-des {
    float: right;
    width: 89%;
}

.avatar {
    float: left;
}

.comment-des {
    float: right;
    width: 90%;
}

    .comment-des strong {
        float: left;
        padding-right: 5px;
        font-size: 12px;
    }

    .comment-des span {
        float: left;
        color: #888;
    }

.comment-by {
    float: left;
    width: 100%;
    padding-bottom: 8px;
    padding-top: 5px;
    color: #000;
}

.ie7 .comment-by span.reply span {
    display: none;
}

.comment-by span.reply {
    color: #888;
    float: right;
    display: inline;
}

    .comment-by span.reply a {
        float: right;
        height: 17px;
        margin-left: 5px;
        font-weight: normal;
        float: right;
    }

.comment-by span.date {
    color: #888;
    padding-right: 7px;
    float: right;
}

.ie7 .comment-by .date {
    display: none;
}


/* Contact Form
=================================================================== */
.field textarea {
    max-width: 97%;
    min-width: 97%;
    height: 130px;
    margin: 5px 0 15px 0;
}

.field input {
    width: 240px;
    margin-bottom: 15px;
}

.field:focus {
    border: 1px solid #eee;
}

.field label span {
    color: #666;
}

.field .validation-error,
.field .validation-error:focus {
    border: 1px solid #f2c4c2;
    background: #ffeceb;
}

.loading {
    background: url(../images/loader.gif) no-repeat 1px;
    height: 28px;
    width: 28px;
    float: left;
    margin: 5px 0 0 10px;
    display: none;
}

.success-message .notification {
    margin-bottom: 20px;
}

.success-message {
    display: none;
}

.form-spacer {
    margin-top: 20px;
}


/* Pricing Tables
=================================================================== */
.five-tables .pricing-table {
    width: 100%;
    -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,.35);
    -moz-box-shadow: 0px 1px 1px rgba(0,0,0,.35);
    box-shadow: 0px 1px 1px rgba(0,0,0,.35);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.four-tables .pricing-table {
    width: 100%;
    -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,.35);
    -moz-box-shadow: 0px 1px 1px rgba(0,0,0,.35);
    box-shadow: 0px 1px 1px rgba(0,0,0,.35);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.three-tables .pricing-table {
    width: 100%;
    -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,.35);
    -moz-box-shadow: 0px 1px 1px rgba(0,0,0,.35);
    box-shadow: 0px 1px 1px rgba(0,0,0,.35);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.two-tables .pricing-table {
    width: 100%;
    -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,.35);
    -moz-box-shadow: 0px 1px 1px rgba(0,0,0,.35);
    box-shadow: 0px 1px 1px rgba(0,0,0,.35);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.pricing-table {
    float: left;
    border: 5px solid #fff;
}

    .pricing-table h3 {
        font-size: 16px;
        text-align: center;
        color: #fff;
        padding: 6px 0;
        margin: 0;
        -webkit-border-radius: 5px 5px 0px 0px;
        -moz-border-radius: 5px 5px 0px 0px;
        border-radius: 5px 5px 0px 0px;
    }

    .pricing-table li {
        color: #888;
        background: #fff;
        text-align: center;
        padding: 11px 0;
        border-bottom: 1px solid #fff;
    }

        .pricing-table li:nth-child(2n) {
            background: #f6f6f6;
        }

    .pricing-table h4 {
        padding: 0 0 10px;
    }

a.buy {
    text-align: center;
    display: block;
    color: #fff;
    padding: 12px 0;
    font-weight: bold;
    font-size: 14px;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    -webkit-border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px;
}

    a.buy:hover {
        -moz-opacity: 0.9;
        opacity: 0.9;
        filter: alpha(opacity=90);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    }

/* Table
=================================================================== */
.pricing-table h3,
.pricing-table h4 {
    color: #fff;
    margin: 0;
}

.pricing-table h4 {
    padding: 15px 0;
}

.price,
.time {
    display: block;
    text-align: center;
    line-height: 24px;
}

.price {
    font-size: 24px;
    font-weight: normal;
}

.time {
    font-size: 12px;
    font-weight: normal;
}

/* Color Schemes
=================================================================== */

/* Color - 1 */
.pricing-table .color-cccddd h3, .color-cccddd .buy {
    background-color: #ccc;
}

.pricing-table .color-cccddd h4 {
    background-color: #ddd;
}

/* Color - 2 */
.pricing-table .color-666777 h3, .color-666777 .buy {
    background-color: #666;
}

.pricing-table .color-666777 h4 {
    background-color: #777;
}

/* Color - 3 */
.pricing-table .color-custom h3, .color-custom .buy {
    background-color: #111;
    padding: 15px 0;
}

.pricing-table .color-custom h4 {
    background-color: #222;
    padding: 35px 0;
}

.color-custom {
    margin-top: -57px;
}

.pricing-table {
    position: relative !important;
    z-index: 5 !important;
    margin: 60px 0px;
}

    .pricing-table.best-option {
        margin-top: 2px;
        padding-top: 57px;
        position: relative !important;
        z-index: 6 !important;
        -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,.55);
        -moz-box-shadow: 0px 0px 4px rgba(0,0,0,.55);
        box-shadow: 0px 0px 4px rgba(0,0,0,.55);
    }

    .pricing-table .color-custom h3, .color-custom .buy {
        background-color: #e44d26;
        font-size: 20px;
    }

    .pricing-table .color-custom h4 {
        background-color: #f16529;
    }


/* Google Map
=================================================================== */

#mobileOverlay {
    position: relative;
    z-index: 2;
    height: 550px;
    width: 100%;
    background: transparent;
    margin-top: -550px;
    -moz-opacity: 0;
    opacity: 0;
}

#googlemaps {
    position: relative;
    z-index: 1;
    height: 550px;
    width: 100%;
    margin-top: -90px;
    -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,.35);
    -moz-box-shadow: 0px 1px 1px rgba(0,0,0,.35);
    box-shadow: 0px 1px 1px rgba(0,0,0,.35);
}



/* Filters
=================================================================== */
#filters {
    text-align: center;
    right: 0;
    margin: -40px 0px 0px 0px;
    font-size: 16px;
    -webkit-text-shadow: 0px 1px 1px #fff;
    text-shadow: 0px 1px 1px #fff;
    color: #666;
    position: relative;
    z-index: 3;
}

    #filters ul li {
        display: inline;
    }

    #filters a {
        padding: 5px 10px;
        display: inline-block;
        color: #666;
        margin: 0 5px 10px 0;
        -webkit-transition: all 0.1s ease-in-out;
        -moz-transition: all 0.1s ease-in-out;
        -o-transition: all 0.1s ease-in-out;
        -ms-transition: all 0.1s ease-in-out;
        transition: all 0.1s ease-in-out;
    }

        #filters a:hover,
        .selected {
            color: #f16529 !important;
            border-bottom: 1px solid #f16529 !important;
            text-decoration: none;
        }

/* Posts
=================================================================== */
.post {
    padding: 10px 10px 0px 10px;
    border-bottom: 1px solid #eee;
    margin-bottom: 30px;
    background: #fff;
    -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,.35);
    -moz-box-shadow: 0px 1px 1px rgba(0,0,0,.35);
    box-shadow: 0px 1px 1px rgba(0,0,0,.35);
}

    .post.post-page {
        border-bottom: none;
        margin-bottom: 0;
    }

.post-content {
    padding: 10px 10px 0px 10px;
    margin: 22px 0 0 0px;
}


.post-icon {
    float: left;
    width: 70px;
    height: 70px;
    margin-top: 40px;
    margin-left: 10px;
}

.post .post-meta {
    background: #fcfcfc;
    color: #666;
    margin: 10px -20px 0px -20px;
    padding: 10px 25px;
    border-top: 1px solid #f6f6f6;
}

    .post .post-meta a {
        text-decoration: none;
    }

        .post .post-meta a:hover {
        }

    .post .post-meta i {
        -moz-opacity: 0.35;
        opacity: 0.35;
        filter: alpha(opacity=35);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";
        margin-right: 5px;
        -ms-zoom: 1;
        zoom: 1;
    }

    .post .post-meta span {
        margin-right: 10px;
    }


#portfolio-wrapper .post-meta {
    background: #fcfcfc;
    color: #666;
    margin: 10px -4px -5px -4px;
    padding: 10px 15px;
    border-top: 1px solid #f6f6f6;
}

    #portfolio-wrapper .post-meta a {
        text-decoration: none;
    }

        #portfolio-wrapper .post-meta a:hover {
        }

    #portfolio-wrapper .post-meta i {
        -moz-opacity: 0.35;
        opacity: 0.35;
        filter: alpha(opacity=35);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";
        margin-right: 5px;
        -ms-zoom: 1;
        zoom: 1;
    }

    #portfolio-wrapper .post-meta span {
        margin-right: 10px;
    }

/* Portfolio Info
=================================================================== */
.project-info {
    margin-bottom: 15px;
}

    .project-info .button {
        margin-bottom: 30px !important;
    }

    .project-info strong {
        color: #f16529;
    }

.launch {
    margin-bottom: 30px;
}

.project-tags {
    margin-top: 15px;
}

    .project-tags strong {
        float: left;
        margin: 5px 10px 20px 0;
    }

/* Pagination
=================================================================== */
.pagination {
    margin-left: 30px;
}

    .pagination li {
        padding: 5px 10px;
        border-top: 1px solid #eee;
        display: inline-block;
        *float: left;
        color: #888;
        margin-right: 1px;
        background: #fff;
        -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,.35);
        -moz-box-shadow: 0px 1px 1px rgba(0,0,0,.35);
        box-shadow: 0px 1px 1px rgba(0,0,0,.35);
        -webkit-transition: all 0.1s ease-in-out;
        -moz-transition: all 0.1s ease-in-out;
        -o-transition: all 0.1s ease-in-out;
        -ms-transition: all 0.1s ease-in-out;
        transition: all 0.1s ease-in-out;
    }

.ie7 .pagination li {
    margin-right: 5px;
}

li.current {
    background: #f16529;
    border: 1px solid #f16529;
    color: #fff;
}

/* Widgets
=================================================================== */
.widget {
    padding: 10px;
    margin-top: 25px;
    background: #fff;
    -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,.35);
    -moz-box-shadow: 0px 1px 1px rgba(0,0,0,.35);
    box-shadow: 0px 1px 1px rgba(0,0,0,.35);
}

    .widget.first {
        margin-top: -5px;
        background: #fff;
        -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,.35);
        -moz-box-shadow: 0px 1px 1px rgba(0,0,0,.35);
        box-shadow: 0px 1px 1px rgba(0,0,0,.35);
    }

/* Tags */
.tags a {
    padding: 5px 10px;
    border: 1px solid #eee;
    display: inline-block;
    color: #666;
    background: #fff;
    margin: 0 3px 6px 0;
    -webkit-box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1);
    -moz-box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1);
    box-shadow: 0px 1px 1px 0px rgba(180, 180, 180, 0.1);
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
}

    .tags a:last-child {
        margin-right: 0;
    }

    .tags a:hover {
        background: #f16529;
        border: 1px solid #f16529;
        color: #fff;
    }

/* Isotope Filtering
=================================================================== */

.isotope-item {
    z-index: 2;
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}

/* Isotope CSS3 transitions
=================================================================== */
.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

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

    .isotope .isotope-item {
        -webkit-transition-property: -webkit-transform, opacity;
        -moz-transition-property: -moz-transform, opacity;
        -ms-transition-property: -ms-transform, opacity;
        -o-transition-property: top, left, opacity;
        transition-property: transform, opacity;
    }

        /* Disabling Isotope CSS3 transitions
=================================================================== */

        .isotope.no-transition,
        .isotope.no-transition .isotope-item,
        .isotope .isotope-item.no-transition {
            -webkit-transition-duration: 0s;
            -moz-transition-duration: 0s;
            -ms-transition-duration: 0s;
            -o-transition-duration: 0s;
            transition-duration: 0s;
        }

    /* Disable CSS transitions for containers with infinite scrolling
====================================*/
    .isotope.infinite-scrolling {
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition: none;
    }

/* List Styles
=================================================================== */
.check_list li,
.plus_list li,
.minus_list li,
.star_list li,
.arrow_list li,
.square_list li,
.circle_list li,
.cross_list li {
    list-style: none;
    margin: 5px 0;
}

.check_list li {
    background: url(../img/icons/list/orange/list_check.png) no-repeat 0% 50%;
    padding: 0 0 0 18px;
}

.plus_list li {
    background: url(../img/icons/list/orange/list_plus.png) no-repeat 0% 50%;
    padding: 0 0 0 18px;
}

.minus_list li {
    background: url(../img/icons/list/orange/list_minus.png) no-repeat 0% 50%;
    padding: 0 0 0 18px;
}

.star_list li {
    background: url(../img/icons/list/orange/list_star.png) no-repeat 0% 50%;
    padding: 0 0 0 16px;
}

.arrow_list li {
    background: url(../img/icons/list/orange/list_arrow.png) no-repeat 0% 50%;
    padding: 0 0 0 16px;
}

.square_list li {
    background: url(../img/icons/list/orange/list_square.png) no-repeat 0% 50%;
    padding: 0 0 0 16px;
}

.circle_list li {
    background: url(../img/icons/list/orange/list_circle.png) no-repeat 0% 50%;
    padding: 0 0 0 16px;
}

.cross_list li {
    background: url(../img/icons/list/orange/list_cross.png) no-repeat 0% 50%;
    padding: 0 0 0 16px;
}


/* Footer
====================================================================== */
#footer-menu {
    height: 60px;
    background-color: #434A52;
   padding-top:40px;
    -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,.35);
    -moz-box-shadow: 0px 1px 1px rgba(0,0,0,.35);
    box-shadow: 0px 1px 1px rgba(0,0,0,.35);
}

#footer-menu-logo {
    height: 46px;
}

    #footer-menu-logo #logo-arrow {
        margin: 5px;
        height: 36px;
        width: 36px;
        background: #fcfcfc url(../img/arrow.png);
        background-repeat: no-repeat;
        background-position: 66% 50%;
        -moz-opacity: .1;
        opacity: .1;
        filter: alpha(opacity=10);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
        -webkit-border-radius: 50em;
        -moz-border-radius: 50em;
        border-radius: 50em;
        border: 3px solid #000;
        float: left;
    }


    #footer-menu-logo a {
        color: #fff;
        text-decoration: none;
        font-size: 22px;
        line-height: 54px;
        margin-left: 5px;
    }

    #footer-menu-logo span {
        color: #444;
    }


    #footer-menu-logo img {
        margin-top: 0px;
    }

#footer-menu-links {
    display: block;
    float: left;
    max-height: 52px;
    margin: 6px 0 6px 0;
}

    #footer-menu-links ul,
    #footer-menu-links li {
        list-style: disc;
        color: #444;
        padding: 0;
        margin: 0;
    }

        #footer-menu-links li:first-child {
            list-style: none;
        }


        #footer-menu-links ul li {
            float: left;
            position: relative;
            z-index: 100;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }

            #footer-menu-links ul li a {
                display: inline-block;
                color: #444;
                text-decoration: none;
                font-size: 12px;
                font-family: 'Droid Sans';
                text-transform: lowercase;
                padding: 10px 15px 10px 0px;
                margin: 0px 10px 0px 0px;
                -webkit-transition: all 0.3s ease-in-out;
                -moz-transition: all 0.3s ease-in-out;
                -o-transition: all 0.3s ease-in-out;
                -ms-transition: all 0.3s ease-in-out;
                transition: all 0.3s ease-in-out;
            }

            #footer-menu-links ul li:first-child a {
            }

            #footer-menu-links ul li a:hover {
                color: #fff;
                -webkit-transition: all 0.3s ease-in-out;
                -moz-transition: all 0.3s ease-in-out;
                -o-transition: all 0.3s ease-in-out;
                -ms-transition: all 0.3s ease-in-out;
                transition: all 0.3s ease-in-out;
            }



.back-to-top {
    margin: 10px;
    z-index: 999;
}

    .back-to-top a {
        width: 30px;
        height: 30px;
        display: block;
        background-color: #E42F34;
        background-image: url(../img/scroll-top-top.png);
        background-repeat: no-repeat;
        background-position: 50%;
        -webkit-transition: all 0.1s ease-in-out;
        -moz-transition: all 0.1s ease-in-out;
        -o-transition: all 0.1s ease-in-out;
        -ms-transition: all 0.1s ease-in-out;
        transition: all 0.1s ease-in-out;
    }

        .back-to-top a:hover {
            background-color: #aaa;
        }



#footer-menu-back-to-top {
    margin: 10px;
    z-index: 999;
}

    #footer-menu-back-to-top a {
        width: 30px;
        height: 30px;
        display: block;
        background-color: #E42F34;
        background-image: url(../img/scroll-top-top.png);
        background-repeat: no-repeat;
        background-position: 50%;
        -webkit-transition: all 0.1s ease-in-out;
        -moz-transition: all 0.1s ease-in-out;
        -o-transition: all 0.1s ease-in-out;
        -ms-transition: all 0.1s ease-in-out;
        transition: all 0.1s ease-in-out;
    }

        #footer-menu-back-to-top a:hover {
            background-color: #aaa;
        }

#footer {
    margin-top: 20px;
    background: url(../img/fbg52.jpg);
    color: #fcfcfc !important;
    padding: 40px 0px;
    z-index: 1;
    position: relative;
    -moz-opacity: 1;
    opacity: 1;
    -webkit-box-shadow: 0 -4px 0 rgba(0,0,0,.1), 0px 1px 1px rgba(0,0,0,.35);
    -moz-box-shadow: 0 -4px 0 rgba(0,0,0,.1), 0px 1px 1px rgba(0,0,0,.35);
    box-shadow: 0 -4px 0 rgba(0,0,0,.1), 0px 1px 1px rgba(0,0,0,.35);
}

    #footer,
    #footer p,
    #footer a {
        color: #fcfcfc !important;
    }

        #footer a:hover {
            color: #fff;
        }

.no-margin {
    margin-top: 0;
}

#footer h3 {
    padding: 2px 0px !important;
    margin-bottom: 10px;
    color: #fdfdfd;
}

/* Newsletter Form
====================================================================== */

form#newsletter {
    color: #999999;
    margin-left: 10px;
}

    form#newsletter p {
        margin: 0px 0px -10px 0px;
    }

    form#newsletter label {
        font-size: 16px;
        width: 20px;
        display: block;
        position: relative;
        left: 8px;
        top: 33px;
        z-index: 2;
    }

    form#newsletter input[type=text] {
        background: #fff;
        width: 75%;
        float: left;
        border: 1px solid #f6f6f6;
        position: relative;
        z-index: 1;
        padding: 7px 0px 8px 34px;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        -webkit-border-top-left-radius: 3px;
        -moz-border-radius-topleft: 3px;
        border-top-left-radius: 3px;
        -webkit-border-bottom-left-radius: 3px;
        -moz-border-radius-bottomleft: 3px;
        border-bottom-left-radius: 3px;
    }

    form#newsletter input[type=submit] {
        background: #f16529;
        color: #fff;
        width: 25%;
        float: left;
        border: 1px solid #f6f6f6;
        position: relative;
        z-index: 2;
        font-size: 14px;
        padding: 7px 0px 8px 0px;
        margin-top: 0px;
        margin-left: -42px;
        -webkit-border-top-right-radius: 3px;
        -moz-border-radius-topright: 3px;
        border-top-right-radius: 3px;
        -webkit-border-bottom-right-radius: 3px;
        -moz-border-radius-bottomright: 3px;
        border-bottom-right-radius: 3px;
    }

/* Copyright
====================================================================== */

#copyright {
    padding: 20px 0px;
}

#copyright   {
        margin: 0 auto;
       font-size:.7em;
        text-align: center;
        color: #fff;
        -webkit-text-shadow: 0px -1px 1px #222;
        text-shadow: 0px -1px 1px #222;
    }

   #copyright a {
        color: #f6f6f6;
    } 
    #copyright a:hover {
        color: #E42F34;
    }

/* Links List
=================================================================== */
.links-list li a {
}

.links-list-alt li a {
    font-size: 14px;
    color: #666;
    display: block;
    padding: 6px 12px;
    background: #f6f6f6;
    border: 1px solid #f6f6f6;
    margin: 5px 0px;
}

.links-list li a:hover {
    color: #efe9d8;
}

.links-list-alt li a:hover {
    color: #888;
    background: #fcfcfc;
    border: 1px solid #f6f6f6;
    text-decoration: none;
}

.links-list li:first-child a,
.links-list-alt li:first-child a {
    margin: -3px 0 0 0;
}


/* Photo Stream
=================================================================== */
.flickr-widget {
    margin-right: -12px;
    margin-top: 15px;
    padding: 0px 5px;
}

    .flickr-widget img {
        display: block;
        width: 100%;
    }

    .flickr-widget a:hover {
        border-color: #f16529;
    }

    .flickr-widget a {
        float: left;
        width: 60px;
        height: 60px;
        margin-left: 0px;
        margin-right: 9px;
        margin-bottom: 9px;
        background: #0a0c0e;
        border: 1px solid #0a0c0e;
        -webkit-transition: all 0.1s ease-in-out;
        -moz-transition: all 0.1s ease-in-out;
        -o-transition: all 0.1s ease-in-out;
        -ms-transition: all 0.1s ease-in-out;
        transition: all 0.1s ease-in-out;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        overflow: hidden;
    }

.ie7 .flickr-widget a {
    width: 54px;
    height: 54px;
}
/* Twitter Widget
=================================================================== */
#twitter {
    font-size: 12px;
    float: left;
    display: block;
}

    #twitter b a,
    #twitter b a:hover {
        color: #666;
        font-weight: bold;
    }

    #twitter li {
        background: url(../img/icons/twitter.png) no-repeat 0% 50%;
        padding-left: 40px;
        line-height: 18px;
        margin: 2px 0 12px 0;
    }

        #twitter li:last-child {
            padding-left: 40px;
            margin: 0;
        }



/* Custom Buttons Colors
====================================================================== */

.btn-primary.active,
.btn-warning.active,
.btn-danger.active,
.btn-success.active,
.btn-info.active,
.btn-inverse.active {
    color: rgba(255, 255, 255, 0.75);
}

.btn {
    border-color: #c5c5c5;
    border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25);
}

.btn-primary {
    background-color: #f16529;
    color: #ffffff;
    background-image: -moz-linear-gradient(top, #f16529, #f16529);
    background-image: -ms-linear-gradient(top, #f16529, #f16529);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f16529), to(#f16529));
    background-image: -webkit-linear-gradient(top, #f16529, #f16529);
    background-image: -o-linear-gradient(top, #f16529, #f16529);
    background-image: linear-gradient(top, #f16529, #f16529);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#'f16529, endColorstr='#'f16529, GradientType=0);
    border-color: #f16529 #f16529 #f16529;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

    .btn-primary:hover,
    .btn-primary:active,
    .btn-primary.active,
    .btn-primary.disabled,
    .btn-primary[disabled] {
        background-color: #f16529;
    }

    .btn-primary:active,
    .btn-primary.active {
        background-color: #003399 \9;
    }

.btn-warning {
    background-color: #faa732;
    color: #ffffff;
    background-image: -moz-linear-gradient(top, #fbb450, #fbb450);
    background-image: -ms-linear-gradient(top, #fbb450, #fbb450);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#fbb450));
    background-image: -webkit-linear-gradient(top, #fbb450, #fbb450);
    background-image: -o-linear-gradient(top, #fbb450, #fbb450);
    background-image: linear-gradient(top, #fbb450, #fbb450);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#'fbb450, endColorstr='#'fbb450, GradientType=0);
    border-color: #f89406 #f89406 #ad6704;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

    .btn-warning:hover,
    .btn-warning:active,
    .btn-warning.active,
    .btn-warning.disabled,
    .btn-warning[disabled] {
        background-color: #fbb450;
    }

    .btn-warning:active,
    .btn-warning.active {
        background-color: #c67605 \9;
    }

.btn-danger {
    background-color: #da4f49;
    color: #ffffff;
    background-image: -moz-linear-gradient(top, #ee5f5b, #ee5f5b);
    background-image: -ms-linear-gradient(top, #ee5f5b, #ee5f5b);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#ee5f5b));
    background-image: -webkit-linear-gradient(top, #ee5f5b, #ee5f5b);
    background-image: -o-linear-gradient(top, #ee5f5b, #ee5f5b);
    background-image: linear-gradient(top, #ee5f5b, #ee5f5b);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#'ee5f5b, endColorstr='#'ee5f5b, GradientType=0);
    border-color: #bd362f #bd362f #802420;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

    .btn-danger:hover,
    .btn-danger:active,
    .btn-danger.active,
    .btn-danger.disabled,
    .btn-danger[disabled] {
        background-color: #ee5f5b;
    }

    .btn-danger:active,
    .btn-danger.active {
        background-color: #942a25 \9;
    }

.btn-success {
    background-color: #5bb75b;
    color: #ffffff;
    background-image: -moz-linear-gradient(top, #f16529, #f16529);
    background-image: -ms-linear-gradient(top, #f16529, #f16529);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f16529), to(#f16529));
    background-image: -webkit-linear-gradient(top, #f16529, #f16529);
    background-image: -o-linear-gradient(top, #f16529, #f16529);
    background-image: linear-gradient(top, #f16529, #f16529);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#'f16529, endColorstr='#'f16529, GradientType=0);
    border-color: #51a351 #51a351 #387038;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

    .btn-success:hover,
    .btn-success:active,
    .btn-success.active,
    .btn-success.disabled,
    .btn-success[disabled] {
        background-color: #f16529;
    }

    .btn-success:active,
    .btn-success.active {
        background-color: #408140 \9;
    }

.btn-info {
    background-color: #49afcd;
    color: #ffffff;
    background-image: -moz-linear-gradient(top, #5bc0de, #5bc0de);
    background-image: -ms-linear-gradient(top, #5bc0de, #5bc0de);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#5bc0de));
    background-image: -webkit-linear-gradient(top, #5bc0de, #5bc0de);
    background-image: -o-linear-gradient(top, #5bc0de, #5bc0de);
    background-image: linear-gradient(top, #5bc0de, #5bc0de);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#'5bc0de, endColorstr='#'5bc0de, GradientType=0);
    border-color: #2f96b4 #2f96b4 #1f6377;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

    .btn-info:hover,
    .btn-info:active,
    .btn-info.active,
    .btn-info.disabled,
    .btn-info[disabled] {
        background-color: #5bc0de;
    }

    .btn-info:active,
    .btn-info.active {
        background-color: #24748c \9;
    }

.btn-inverse {
    color: #ffffff;
    background-color: #363636;
    *background-color: #222222;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222));
    background-image: -webkit-linear-gradient(top, #444444, #222222);
    background-image: -o-linear-gradient(top, #444444, #222222);
    background-image: linear-gradient(to bottom, #444444, #222222);
    background-image: -moz-linear-gradient(top, #444444, #222222);
    background-repeat: repeat-x;
    border-color: #222222 #222222 #000000;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

    .btn-inverse:hover,
    .btn-inverse:active,
    .btn-inverse.active,
    .btn-inverse.disabled,
    .btn-inverse[disabled] {
        color: #ffffff;
        background-color: #222222;
        *background-color: #151515;
    }

    .btn-inverse:active,
    .btn-inverse.active {
        background-color: #080808 \9;
    }

/* Higher than 960 (desktop devices)
====================================================================== */
@media (min-width: 1200px) {
     
      body {
                padding-top: 130px;
                padding-bottom: 40px;
            }
        
    #mobileOverlay {
        display: none;
    }
}

/* Higher than 960 (desktop devices)
====================================================================== */
@media only screen and (min-width: 980px) and (max-width: 1199px) {

      body {
                padding-top: 130px;
                padding-bottom: 40px;
            }


    .content {
        padding: 40px;
    }

    .navbar .nav > li > a {
        padding: 28px 15px;
    }

    #wrapper {
    }

    #footer-menu {
    }

    #footer {
    }

    .flexslider.home {
        min-height: 300px;
    }

    #mobileOverlay {
        display: none;
    }
}

/* Tablet Portrait (devices and browsers)
====================================================================== */
@media only screen and (min-width: 768px) and (max-width: 979px) {

    body {
    padding-top:0px;}

  


    .nav {
       
        z-index: 9999;
    }

    .navbar .nav > li > a {
        color: #666;
     
        border-top: 4px solid transparent;
        -webkit-text-shadow: none;
        text-shadow: none;
        font-size: .9em;
        padding: 20px 8px;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    .content {
        padding: 30px !important;
    }

    ol li ol.childlist .comment-des {
        width: 86%;
    }

    #mobileOverlay {
        display: none;
    }
}

/* All Mobile Sizes (devices and browser)
====================================================================== */
@media only screen and (max-width: 767px) {


    .navbar, .navbar-inner, .nav, .navbar-inverse {
        float: left;
        padding-top: 10px;
        padding-left: 0px;
    }

    .content {
        padding: 10px !important;
    }

    #contact-details {
        text-align: center;
        float: left;
    }



    .post-title h2 {
        line-height: 26px;
        margin-bottom: 15px;
    }

    .post-icon {
        margin-top: 28px;
    }

    #filters,
    #portfolio-navi {
        position: relative;
        text-align: left;
        display: block;
        margin: 0 0 23px 0;
    }

    #portfolio-navi {
        margin: -5px 0 25px 0;
    }

    .portfolio-item {
        margin: 5px 0 25px 0 !important;
    }

    .item-description.related {
        margin-bottom: 30px;
    }

    #mobileOverlay {
        display: visible !important;
    }
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers)
====================================================================== */


@media only screen and (min-width: 480px) and (max-width: 767px) {

    body {background-color:#fff;
        padding: 0px 5px 0px 5px;
    }
      .navbar, .navbar-inner, .nav, .navbar-inverse {float:left; padding-top:10px;padding-left:0px;
    }
    header {
        padding: 0px 20px !important;
    }

    #wrapper,
    #footer,
    #footer-menu,
    #copyright {
        overflow: hidden;
        padding: 0px 10px;
    }

    .nav {
        background: #fff !important;
        z-index: 9999;
    }


   

    .navbar .nav > li > a {
        color: #666;
        background: #fff !important;
        border-top: 4px solid transparent;
        -webkit-text-shadow: none;
        text-shadow: none;
        font-size: 12px;
        padding: 5px 15px;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    .logo {
        margin-left: 0px;
    }

    .flickr-widget a {
        width: 53px;
        height: 53px;
    }

    ol li ol.childlist .comment-des {
        width: 82%;
    }

    .comment-des {
        width: 83%;
    }

    #mobileOverlay {
        display: visible !important;
    }
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers)
=================================================================== */
@media only screen and (max-width: 479px) {

    body {  background: #fff !important;
        padding: 0px 2px 0px 2px;
    }

    header {
        padding: 0px 20px !important;
    }

    #wrapper,
    #footer,
    #footer-menu,
    #copyright {
        overflow: hidden;
        padding: 0px 10px;
    }

     .content {
        padding: 20px;
    }

    .nav {
        background: #fff !important;
        z-index: 9999;
    }

    .navbar .nav > li > a {
        color: #666;
        background: #fff !important;
        border-top: 4px solid transparent;
        -webkit-text-shadow: none;
        text-shadow: none;
        font-size: 12px;
        padding: 5px 7px;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    .logo {
        margin-left: 0px;
    }

    ol li ol.childlist .comment-des {
        width: 77%;
    }

    .comment-des {
        width: 78%;
    }

    #mobileOverlay {
        display: visible !important;
    }
}


@font-face{
  font-family:'FontAwesome';
  src:url('/font/fontawesome-webfont.eot?v=3.0.1');
  src:url('/font/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'),
  url('/font/fontawesome-webfont.woff?v=3.0.1') format('woff'),
  url('/font/fontawesome-webfont.ttf?v=3.0.1') format('truetype');
  font-weight:normal;
  font-style:normal }

[class^="icon-"],[class*=" icon-"]{font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;display:inline;width:auto;height:auto;line-height:normal;vertical-align:baseline;background-image:none;background-position:0 0;background-repeat:repeat;margin-top:0}.icon-white,.nav-pills>.active>a>[class^="icon-"],.nav-pills>.active>a>[class*=" icon-"],.nav-list>.active>a>[class^="icon-"],.nav-list>.active>a>[class*=" icon-"],.navbar-inverse .nav>.active>a>[class^="icon-"],.navbar-inverse .nav>.active>a>[class*=" icon-"],.dropdown-menu>li>a:hover>[class^="icon-"],.dropdown-menu>li>a:hover>[class*=" icon-"],.dropdown-menu>.active>a>[class^="icon-"],.dropdown-menu>.active>a>[class*=" icon-"],.dropdown-submenu:hover>a>[class^="icon-"],.dropdown-submenu:hover>a>[class*=" icon-"]{background-image:none}[class^="icon-"]:before,[class*=" icon-"]:before{text-decoration:inherit;display:inline-block;speak:none}a [class^="icon-"],a [class*=" icon-"]{display:inline-block}.icon-large:before{vertical-align:-10%;font-size:1.3333333333333333em}.btn [class^="icon-"],.nav [class^="icon-"],.btn [class*=" icon-"],.nav [class*=" icon-"]{display:inline}.btn [class^="icon-"].icon-large,.nav [class^="icon-"].icon-large,.btn [class*=" icon-"].icon-large,.nav [class*=" icon-"].icon-large{line-height:.9em}.btn [class^="icon-"].icon-spin,.nav [class^="icon-"].icon-spin,.btn [class*=" icon-"].icon-spin,.nav [class*=" icon-"].icon-spin{display:inline-block}.nav-tabs [class^="icon-"],.nav-pills [class^="icon-"],.nav-tabs [class*=" icon-"],.nav-pills [class*=" icon-"],.nav-tabs [class^="icon-"].icon-large,.nav-pills [class^="icon-"].icon-large,.nav-tabs [class*=" icon-"].icon-large,.nav-pills [class*=" icon-"].icon-large{line-height:.9em}li [class^="icon-"],.nav li [class^="icon-"],li [class*=" icon-"],.nav li [class*=" icon-"]{display:inline-block;width:1.25em;text-align:center}li [class^="icon-"].icon-large,.nav li [class^="icon-"].icon-large,li [class*=" icon-"].icon-large,.nav li [class*=" icon-"].icon-large{width:1.5625em}ul.icons{list-style-type:none;text-indent:-0.75em}ul.icons li [class^="icon-"],ul.icons li [class*=" icon-"]{width:.75em}.icon-muted{color:#eee}.icon-border{border:solid 1px #eee;padding:.2em .25em .15em;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.icon-2x{font-size:2em}.icon-2x.icon-border{border-width:2px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.icon-3x{font-size:3em}.icon-3x.icon-border{border-width:3px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.icon-4x{font-size:4em}.icon-4x.icon-border{border-width:4px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}.pull-right{float:right}.pull-left{float:left}[class^="icon-"].pull-left,[class*=" icon-"].pull-left{margin-right:.3em}[class^="icon-"].pull-right,[class*=" icon-"].pull-right{margin-left:.3em}.btn [class^="icon-"].pull-left.icon-2x,.btn [class*=" icon-"].pull-left.icon-2x,.btn [class^="icon-"].pull-right.icon-2x,.btn [class*=" icon-"].pull-right.icon-2x{margin-top:.18em}.btn [class^="icon-"].icon-spin.icon-large,.btn [class*=" icon-"].icon-spin.icon-large{line-height:.8em}.btn.btn-small [class^="icon-"].pull-left.icon-2x,.btn.btn-small [class*=" icon-"].pull-left.icon-2x,.btn.btn-small [class^="icon-"].pull-right.icon-2x,.btn.btn-small [class*=" icon-"].pull-right.icon-2x{margin-top:.25em}.btn.btn-large [class^="icon-"],.btn.btn-large [class*=" icon-"]{margin-top:0}.btn.btn-large [class^="icon-"].pull-left.icon-2x,.btn.btn-large [class*=" icon-"].pull-left.icon-2x,.btn.btn-large [class^="icon-"].pull-right.icon-2x,.btn.btn-large [class*=" icon-"].pull-right.icon-2x{margin-top:.05em}.btn.btn-large [class^="icon-"].pull-left.icon-2x,.btn.btn-large [class*=" icon-"].pull-left.icon-2x{margin-right:.2em}.btn.btn-large [class^="icon-"].pull-right.icon-2x,.btn.btn-large [class*=" icon-"].pull-right.icon-2x{margin-left:.2em}.icon-spin{display:inline-block;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;-webkit-animation:spin 2s infinite linear;animation:spin 2s infinite linear}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg)}100%{-ms-transform:rotate(359deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}@-moz-document url-prefix(){.icon-spin{height:.9em}.btn .icon-spin{height:auto}.icon-spin.icon-large{height:1.25em}.btn .icon-spin.icon-large{height:.75em}}.icon-glass:before{content:"\f000"}.icon-music:before{content:"\f001"}.icon-search:before{content:"\f002"}.icon-envelope:before{content:"\f003"}.icon-heart:before{content:"\f004"}.icon-star:before{content:"\f005"}.icon-star-empty:before{content:"\f006"}.icon-user:before{content:"\f007"}.icon-film:before{content:"\f008"}.icon-th-large:before{content:"\f009"}.icon-th:before{content:"\f00a"}.icon-th-list:before{content:"\f00b"}.icon-ok:before{content:"\f00c"}.icon-remove:before{content:"\f00d"}.icon-zoom-in:before{content:"\f00e"}.icon-zoom-out:before{content:"\f010"}.icon-off:before{content:"\f011"}.icon-signal:before{content:"\f012"}.icon-cog:before{content:"\f013"}.icon-trash:before{content:"\f014"}.icon-home:before{content:"\f015"}.icon-file:before{content:"\f016"}.icon-time:before{content:"\f017"}.icon-road:before{content:"\f018"}.icon-download-alt:before{content:"\f019"}.icon-download:before{content:"\f01a"}.icon-upload:before{content:"\f01b"}.icon-inbox:before{content:"\f01c"}.icon-play-circle:before{content:"\f01d"}.icon-repeat:before{content:"\f01e"}.icon-refresh:before{content:"\f021"}.icon-list-alt:before{content:"\f022"}.icon-lock:before{content:"\f023"}.icon-flag:before{content:"\f024"}.icon-headphones:before{content:"\f025"}.icon-volume-off:before{content:"\f026"}.icon-volume-down:before{content:"\f027"}.icon-volume-up:before{content:"\f028"}.icon-qrcode:before{content:"\f029"}.icon-barcode:before{content:"\f02a"}.icon-tag:before{content:"\f02b"}.icon-tags:before{content:"\f02c"}.icon-book:before{content:"\f02d"}.icon-bookmark:before{content:"\f02e"}.icon-print:before{content:"\f02f"}.icon-camera:before{content:"\f030"}.icon-font:before{content:"\f031"}.icon-bold:before{content:"\f032"}.icon-italic:before{content:"\f033"}.icon-text-height:before{content:"\f034"}.icon-text-width:before{content:"\f035"}.icon-align-left:before{content:"\f036"}.icon-align-center:before{content:"\f037"}.icon-align-right:before{content:"\f038"}.icon-align-justify:before{content:"\f039"}.icon-list:before{content:"\f03a"}.icon-indent-left:before{content:"\f03b"}.icon-indent-right:before{content:"\f03c"}.icon-facetime-video:before{content:"\f03d"}.icon-picture:before{content:"\f03e"}.icon-pencil:before{content:"\f040"}.icon-map-marker:before{content:"\f041"}.icon-adjust:before{content:"\f042"}.icon-tint:before{content:"\f043"}.icon-edit:before{content:"\f044"}.icon-share:before{content:"\f045"}.icon-check:before{content:"\f046"}.icon-move:before{content:"\f047"}.icon-step-backward:before{content:"\f048"}.icon-fast-backward:before{content:"\f049"}.icon-backward:before{content:"\f04a"}.icon-play:before{content:"\f04b"}.icon-pause:before{content:"\f04c"}.icon-stop:before{content:"\f04d"}.icon-forward:before{content:"\f04e"}.icon-fast-forward:before{content:"\f050"}.icon-step-forward:before{content:"\f051"}.icon-eject:before{content:"\f052"}.icon-chevron-left:before{content:"\f053"}.icon-chevron-right:before{content:"\f054"}.icon-plus-sign:before{content:"\f055"}.icon-minus-sign:before{content:"\f056"}.icon-remove-sign:before{content:"\f057"}.icon-ok-sign:before{content:"\f058"}.icon-question-sign:before{content:"\f059"}.icon-info-sign:before{content:"\f05a"}.icon-screenshot:before{content:"\f05b"}.icon-remove-circle:before{content:"\f05c"}.icon-ok-circle:before{content:"\f05d"}.icon-ban-circle:before{content:"\f05e"}.icon-arrow-left:before{content:"\f060"}.icon-arrow-right:before{content:"\f061"}.icon-arrow-up:before{content:"\f062"}.icon-arrow-down:before{content:"\f063"}.icon-share-alt:before{content:"\f064"}.icon-resize-full:before{content:"\f065"}.icon-resize-small:before{content:"\f066"}.icon-plus:before{content:"\f067"}.icon-minus:before{content:"\f068"}.icon-asterisk:before{content:"\f069"}.icon-exclamation-sign:before{content:"\f06a"}.icon-gift:before{content:"\f06b"}.icon-leaf:before{content:"\f06c"}.icon-fire:before{content:"\f06d"}.icon-eye-open:before{content:"\f06e"}.icon-eye-close:before{content:"\f070"}.icon-warning-sign:before{content:"\f071"}.icon-plane:before{content:"\f072"}.icon-calendar:before{content:"\f073"}.icon-random:before{content:"\f074"}.icon-comment:before{content:"\f075"}.icon-magnet:before{content:"\f076"}.icon-chevron-up:before{content:"\f077"}.icon-chevron-down:before{content:"\f078"}.icon-retweet:before{content:"\f079"}.icon-shopping-cart:before{content:"\f07a"}.icon-folder-close:before{content:"\f07b"}.icon-folder-open:before{content:"\f07c"}.icon-resize-vertical:before{content:"\f07d"}.icon-resize-horizontal:before{content:"\f07e"}.icon-bar-chart:before{content:"\f080"}.icon-twitter-sign:before{content:"\f081"}.icon-facebook-sign:before{content:"\f082"}.icon-camera-retro:before{content:"\f083"}.icon-key:before{content:"\f084"}.icon-cogs:before{content:"\f085"}.icon-comments:before{content:"\f086"}.icon-thumbs-up:before{content:"\f087"}.icon-thumbs-down:before{content:"\f088"}.icon-star-half:before{content:"\f089"}.icon-heart-empty:before{content:"\f08a"}.icon-signout:before{content:"\f08b"}.icon-linkedin-sign:before{content:"\f08c"}.icon-pushpin:before{content:"\f08d"}.icon-external-link:before{content:"\f08e"}.icon-signin:before{content:"\f090"}.icon-trophy:before{content:"\f091"}.icon-github-sign:before{content:"\f092"}.icon-upload-alt:before{content:"\f093"}.icon-lemon:before{content:"\f094"}.icon-phone:before{content:"\f095"}.icon-check-empty:before{content:"\f096"}.icon-bookmark-empty:before{content:"\f097"}.icon-phone-sign:before{content:"\f098"}.icon-twitter:before{content:"\f099"}.icon-facebook:before{content:"\f09a"}.icon-github:before{content:"\f09b"}.icon-unlock:before{content:"\f09c"}.icon-credit-card:before{content:"\f09d"}.icon-rss:before{content:"\f09e"}.icon-hdd:before{content:"\f0a0"}.icon-bullhorn:before{content:"\f0a1"}.icon-bell:before{content:"\f0a2"}.icon-certificate:before{content:"\f0a3"}.icon-hand-right:before{content:"\f0a4"}.icon-hand-left:before{content:"\f0a5"}.icon-hand-up:before{content:"\f0a6"}.icon-hand-down:before{content:"\f0a7"}.icon-circle-arrow-left:before{content:"\f0a8"}.icon-circle-arrow-right:before{content:"\f0a9"}.icon-circle-arrow-up:before{content:"\f0aa"}.icon-circle-arrow-down:before{content:"\f0ab"}.icon-globe:before{content:"\f0ac"}.icon-wrench:before{content:"\f0ad"}.icon-tasks:before{content:"\f0ae"}.icon-filter:before{content:"\f0b0"}.icon-briefcase:before{content:"\f0b1"}.icon-fullscreen:before{content:"\f0b2"}.icon-group:before{content:"\f0c0"}.icon-link:before{content:"\f0c1"}.icon-cloud:before{content:"\f0c2"}.icon-beaker:before{content:"\f0c3"}.icon-cut:before{content:"\f0c4"}.icon-copy:before{content:"\f0c5"}.icon-paper-clip:before{content:"\f0c6"}.icon-save:before{content:"\f0c7"}.icon-sign-blank:before{content:"\f0c8"}.icon-reorder:before{content:"\f0c9"}.icon-list-ul:before{content:"\f0ca"}.icon-list-ol:before{content:"\f0cb"}.icon-strikethrough:before{content:"\f0cc"}.icon-underline:before{content:"\f0cd"}.icon-table:before{content:"\f0ce"}.icon-magic:before{content:"\f0d0"}.icon-truck:before{content:"\f0d1"}.icon-pinterest:before{content:"\f0d2"}.icon-pinterest-sign:before{content:"\f0d3"}.icon-google-plus-sign:before{content:"\f0d4"}.icon-google-plus:before{content:"\f0d5"}.icon-money:before{content:"\f0d6"}.icon-caret-down:before{content:"\f0d7"}.icon-caret-up:before{content:"\f0d8"}.icon-caret-left:before{content:"\f0d9"}.icon-caret-right:before{content:"\f0da"}.icon-columns:before{content:"\f0db"}.icon-sort:before{content:"\f0dc"}.icon-sort-down:before{content:"\f0dd"}.icon-sort-up:before{content:"\f0de"}.icon-envelope-alt:before{content:"\f0e0"}.icon-linkedin:before{content:"\f0e1"}.icon-undo:before{content:"\f0e2"}.icon-legal:before{content:"\f0e3"}.icon-dashboard:before{content:"\f0e4"}.icon-comment-alt:before{content:"\f0e5"}.icon-comments-alt:before{content:"\f0e6"}.icon-bolt:before{content:"\f0e7"}.icon-sitemap:before{content:"\f0e8"}.icon-umbrella:before{content:"\f0e9"}.icon-paste:before{content:"\f0ea"}.icon-lightbulb:before{content:"\f0eb"}.icon-exchange:before{content:"\f0ec"}.icon-cloud-download:before{content:"\f0ed"}.icon-cloud-upload:before{content:"\f0ee"}.icon-user-md:before{content:"\f0f0"}.icon-stethoscope:before{content:"\f0f1"}.icon-suitcase:before{content:"\f0f2"}.icon-bell-alt:before{content:"\f0f3"}.icon-coffee:before{content:"\f0f4"}.icon-food:before{content:"\f0f5"}.icon-file-alt:before{content:"\f0f6"}.icon-building:before{content:"\f0f7"}.icon-hospital:before{content:"\f0f8"}.icon-ambulance:before{content:"\f0f9"}.icon-medkit:before{content:"\f0fa"}.icon-fighter-jet:before{content:"\f0fb"}.icon-beer:before{content:"\f0fc"}.icon-h-sign:before{content:"\f0fd"}.icon-plus-sign-alt:before{content:"\f0fe"}.icon-double-angle-left:before{content:"\f100"}.icon-double-angle-right:before{content:"\f101"}.icon-double-angle-up:before{content:"\f102"}.icon-double-angle-down:before{content:"\f103"}.icon-angle-left:before{content:"\f104"}.icon-angle-right:before{content:"\f105"}.icon-angle-up:before{content:"\f106"}.icon-angle-down:before{content:"\f107"}.icon-desktop:before{content:"\f108"}.icon-laptop:before{content:"\f109"}.icon-tablet:before{content:"\f10a"}.icon-mobile-phone:before{content:"\f10b"}.icon-circle-blank:before{content:"\f10c"}.icon-quote-left:before{content:"\f10d"}.icon-quote-right:before{content:"\f10e"}.icon-spinner:before{content:"\f110"}.icon-circle:before{content:"\f111"}.icon-reply:before{content:"\f112"}.icon-github-alt:before{content:"\f113"}.icon-folder-close-alt:before{content:"\f114"}.icon-folder-open-alt:before{content:"\f115"}


/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */