@charset "utf-8";

/* =============================================================== */
/* General
/* =============================================================== */

* {
    margin:0px;
    padding:0px;
    border:0px;
}

body {
    color:#333;
}


/***/

::selection{color:#fff;background:#39c381;}
::-moz-selection{color:#fff;background:#39c381;}
.no-margin{margin:0 !important;}
.no-padding{padding:0 !important;}


ul,ol{margin:0; padding:0; list-style:none;}


.container{	min-width:240px;}





/* =============================================================== */
/* MEGA MENU NAVIGATION
/* =============================================================== */

#navigation { /* These styles make the navigation move to below the logo */
    float: none;
    clear: both;
}

.tb-megamenu .nav li a {
    text-decoration:none;
    font-weight:normal;
    border:none;
}

.tb-megamenu {
    background-color: #005171;
}

.tb-megamenu .nav > .active > a, .tb-megamenu .nav > .active > a:hover, .tb-megamenu .nav > .active > a:focus {
    background-color: #14723c;
}

.tb-megamenu .nav li.dropdown.active > .dropdown-toggle, .tb-megamenu .nav li.dropdown.open.active > .dropdown-toggle, .tb-megamenu .nav > li.dropdown.open.active > a:hover {
    background-color: #14723c;
}

.tb-megamenu .mega-nav > li a, .tb-megamenu .dropdown-menu .mega-nav > li a {
    white-space: nowrap;
    margin: 0px auto;
}

.tb-megamenu .dropdown-menu {
    border:none;
}

.tb-megamenu .btn-navbar {
    text-shadow: none !important;
    background: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    font-size: 30px !important;
    font-weight: 400;
    padding: 10px 10px 10px 0px;
    width: auto;
    margin-left: 15px;
    margin-bottom: 0px;
}

.tb-megamenu .btn {
    border:none;
}


.tb-megamenu .btn-navbar:before {
    content: 'Menu';
}

/******************************************************************************* 979px ************/

@media (max-width: 979px) {

    /*    .tb-megamenu .nav-collapse {
            top: 40px;
            background: #FFF;
            box-shadow: 0px 7px 7px 1px rgba(0,0,0,0.20);
        }

        .tb-megamenu .nav-collapse .nav > li > a {
            border-bottom: 1px solid #FFFFFF !important;
            font-size: 18px;
            text-align: center;
            padding: 12px 0px;
            margin: 0px 15px;
            background: #eeefef;
            color: #063e5f;
        }

        .tb-megamenu .nav-collapse .dropdown-menu a {
            color: #063e5f;
        }


        .tb-megamenu .nav li.dropdown.active > .dropdown-toggle, .tb-megamenu .nav li.dropdown.open.active > .dropdown-toggle, .tb-megamenu .nav > li.dropdown.open.active > a:hover {
            color: #ffffff !important;
            background: #e2001a;
        }

        .tb-megamenu .mega-nav > li a {
            text-align: center;
            margin: 0px 10%;
            width: 80%;
            font-size: 17px;
            border-top: 1px solid #EEEFEF !important;
        }

        .tb-megamenu .nav-collapse, .tb-megamenu .nav-collapse .dropdown-menu {
            background: #FFF;
        }

        .tb-megamenu .mega-nav > li, .tb-megamenu .dropdown-menu .mega-nav > li {
            width: 100%;
        }

        .tb-megamenu .mega-nav > li:first-child > a, .tb-megamenu .dropdown-menu .mega-nav > li:first-child > a {
            margin-top: auto;
            padding-top: 0.5em;
            background: #FFFFFF;
        }

        .tb-megamenu .nav-collapse .dropdown-menu a:hover, .tb-megamenu .nav-collapse .dropdown-menu a:focus {
            background-color: inherit;
        }

        .tb-megamenu .nav-collapse .nav > li.active > a:hover, .tb-megamenu .nav-collapse .nav > li.active > a:focus, .tb-megamenu .nav-collapse .nav > li > a:hover, .tb-megamenu .nav-collapse .nav > li > a:focus, .tb-megamenu .nav li.dropdown.active > .dropdown-toggle, .tb-megamenu .nav li.dropdown.open.active > .dropdown-toggle, .tb-megamenu .nav > li.dropdown.open.active > a:hover {
            background-color: #e06f00 !important;
            color:#FFFFFF !important;
        }

        .tb-megamenu .hidden-collapse, .tb-megamenu .always-show  .caret, .tb-megamenu .sub-hidden-collapse > .nav-child, .tb-megamenu .sub-hidden-collapse .caret, .tb-megamenu .sub-hidden-collapse > a:after, .tb-megamenu .always-show .dropdown-submenu > a:after {
            display: inline-block !important;
        }*/


    /***************** The two classes below are v important - on mobile, these close sub menus until they are clicked ************/

    .tb-megamenu .always-show .mega > .mega-dropdown-menu, .tb-megamenu .always-show .dropdown-menu {
        display: none !important;
    }

    .tb-megamenu .mega.open > .mega-dropdown-menu, .tb-megamenu .mega.dropdown-submenu:hover > .mega-dropdown-menu {
        display: block !important;
    }


}


/******************************************************************************* 738px ************/

@media (max-width: 738px) {

    .tb-megamenu .nav-collapse .nav > li > a {
        border-top: none !important;
    }

}



/* =============================================================== */
/* Homepage
/* =============================================================== */

/******************************************************************************* SLIDER ************/

#section-slider {
    margin:200px auto 0px !important; /* REMOVE THIS FOR NON STICKY HEADER - EDIT */
    max-width: 1440px; /* remove this for a full width slider - EDIT */
}

.nivo-caption {
    display:none !important;
}

.nivo-directionNav a {
    text-decoration:none;
}

.nivoSlider img {
    height: auto !important;
}



/******************************************************************************* HOMEPAGE SECTIONS ************/

.page-section{
    background:#fff;
}

/*#page-section-1 {
    background: #eeefef;
}*/

#page-section-2 {
    background: #FFFFFF;
}

#page-section-3 {
    background: #eeefef;
}

#page-section-4 {
    background: #FFFFFF;
}

#page-section-5 {
    background: #eeefef;
}

#page-section-6 {
    background: #FFFFFF !important;
}

/*

.align-center{text-align:center; display:block}
.heading{padding-bottom:30px;}
.heading-1{padding:0;}
a small{font-size:90%;}

*/





/* =============================================================== */
/* Site
/* =============================================================== */


/******************************************************************************* HEADER AREA ************/

header {
    margin: 0px !important;
    height:auto !important;
    max-width: 100% !important;
    width: 100% !important;
    border:none !important;
    background-color: #f5f5f5 !important;

    position: fixed; /* REMOVE THIS FOR NON STICKY HEADER - EDIT */
    top: 0px;
    z-index: 9;
}

.aveta-logo{
    float: none;
    margin: 20px auto !important;
    text-align: center;
    width: 140px;


}

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


/******************************************************************************* BREADCRUMBS ************/

.breadcrumb {
    margin: 0px 0px 30px !important;
}

.breadcrumb li {
    font-size: 13px !important;
    margin: 0px !important;
}


.breadcrumb > li + li:before {
    padding: 0 1px;
    color: #333;
    content: " ";
}

.breadcrumb > li > .divider {
    color:#333;
}

.breadcrumb > .active {
    color:#333;
    text-decoration:none;
}


/******************************************************************************* PAGES ************/


#page-content{
    padding:30px 0 50px;
    margin-top: 200px; /* REMOVE THIS FOR NON-STICKY HEADER - EDIT */
}

.page-contact #page-content {
    margin-top:0px;
}

#gmap {
    margin-top: 171px; /* REMOVE THIS FOR NON-STICKY HEADER - EDIT */
}

.row {
    padding-bottom:30px;
    padding-top:30px;
}


#page-content p {
    font-size: 17px;
    color: #333;
    line-height: 25px;
    letter-spacing: -0.2px;
    font-weight: 400;
    margin: 0 0 25px;
}

#main-content ul {
    margin: 0px 0px 20px 30px;
}

#main-content li {
    font-size: 17px;
    color: #333;
    line-height: 25px;
    letter-spacing: -0.2px;
    font-weight: 400;
    margin: 0 0 5px;
    list-style-type: disc;
}

.container {
    max-width:1200px;
    padding:0;
}

.row {
    margin-right:0px !Important;
    margin-left:0px !Important;
}


/******************************************************************************* FOOTER ************/

footer {
    background:#005171 !important;
    margin:0 auto;
}

footer > .container {
    background:#005171;
    padding-top:50px;
    padding-bottom:50px;
}

#footer-bottom {
    background-color: #FFFFFF;
    overflow:hidden;
    padding:15px 0px;
    margin:0 auto;
    border-left:none;
}


footer .col-lg-4 {
    background: #FFFFFF;
}

#copyright {
    font-size:11px;
}

.builtby {
    float: right;
    text-align: center;
}

#footer-bottom {
    background-color: #f5f5f5;
}


/******************************************************************************* FOOTER NEWS BOX ************/

.latest-news li {
    padding-bottom:20px;
}

.latest-news .thumb {
    width:82px;
    float:left;
    display:block;
    -moz-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
    height: auto !important;
}

.latest-news .desc {
    margin-left:100px;
}

.latest-news .title {
    display:block;
}

.latest-news  .time {
    font-size:11px;
    color:#5d5d5d;
    display:block;
}


/******************************************************************************* DEFAULT CONTACT FORM ************/

.page-contact form {
    background-color: #f5f5f5;
    padding: 20px;
}

.page-contact input {
    display: block;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    padding: 20px 8px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border: 1px solid #EFF1F2;
    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.33);
    -moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.33);
    -webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.33);
    font-size: 17px!important;
    font-weight: normal!important;
    background: #ffffff;
}

.page-contact label {
    clear: both;
    color: #54606c;
    float: left;
    font-size: 17px!important;
    font-weight: normal;
    margin: 10px 0px 5px 0;
    padding: 0 1em 0 0;
    width: 100%;
    display: inline;
}

.page-contact input[type="submit"] {
    width:auto;
    background: #005171;
    padding: 12px 25px;
    font-size: 18px !important;

}



/******************************************************************************* USER LOGIN PAGES ************/
/*
form#user-login, form#user-pass {
    margin-top: 30px;
    background-color: #f5f5f5;
    display: inline-block;
    padding: 20px;
    border-radius: 8px;
}

form#user-login-form input, form#user-pass input {
    display: block;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    padding: 8px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border: 1px solid #EFF1F2;
    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.33);
    -moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.33);
    -webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.33);
    font-size: 14px!important;
    background: #FFFFFF;
}

form#user-login-form input[type="submit"], form#user-pass input[type="submit"] {
    background: #005171;
    width: auto;
    border: none;
    font-size: 18px !important;
    padding: 12px 25px;
    box-shadow: none;
    color:#FFFFFF;
    font-weight: normal;
    margin-top: 20px;
}

form#user-login-form label, form#user-pass label {
    font-size: 20px!important;
    font-weight: normal!important;
}

form#user-login-form .form-item, form#user-pass .form-item {
    margin-bottom: 10px;
}*/


/******************************************************************************* TABS ************/

ul.nav-tabs {
    margin: 0px !important;
}

ul.nav-tabs li {
    margin: 0px !important;
}

ul.nav-tabs a {
    text-decoration: none;
}







/******************************************************************************* MISC AVETA SYLING - YET TO BE SORTED ************/

.social-icon{	float:right;}
.social-icon li{	float:left;	display:block;	margin-left:5px;}
.social-icon a
{
    display:inline;
    float:left;
    width:35px;
    height:35px;
    line-height:35px;
    font-size:20px;
    color:#fff;
    text-align:center;
}
.social-icon.circle a{border-radius:50px;}
.social-icon a.facebook{background:#3a589b;}
.social-icon a.dribble{background:#ec4a89;}
.social-icon a.twitter{background:#598dca;}
.social-icon a.github{background:#222;}
.social-icon a.google-plus{background:#dd4c39;}
.social-icon a.linkedin{background:#0f7fb9;}
.social-icon a.pinterest{background:#cb2026;}
.social-icon a.tumblr{background:#35506b;}
.social-icon a.windows{background:#222;}
.social-icon a.flickr{background:#ff0080;}
.social-icon a.html5{background:#f16528;}
.social-icon a.css3{background:#0091be;}
.social-icon a.skype{background:#00adf2;}
.social-icon a.youtube{background:#cd0000;}
.social-icon a.xing{background:#015a60;}
.social-icon a:hover{color:#fff; background:#333;}
#features-1 .feature-icon, #features-3 .feature-icon
{
    width:30px;
    height:30px;
    line-height:30px;
    font-size:24px;
    float:left;
    margin-right:10px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    text-align:center;
}
#features-1 .feature-icon
{
    background:#39c381;
    color:#fff;
    width:50px;
    height:50px;
    line-height:50px;
    font-size:26px;
}
#features-1 .feature-content
{
    margin-left:70px;
}
#features-4 .feature-icon
{
    position:absolute; right:20px;
    font-size:24px;
}
#features-4 .feature-content
{
    background:#fafafa;
    border-top:5px solid #f5f5f5;
    padding:15px;
    position:relative;
}
#features-5 .feature-icon
{
    width:60px;
    height:60px;
    display:block;
    float:left;
    line-height:60px;
    font-size:26px;
    background:#f5f5f5;
    color:#999;
    margin-top:5px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    text-align:center;
}
#features-3 .feature-icon.color, #features-4 .feature-icon.color {color:#39c381;}
#features-5 .feature-icon.color{background:#39c381;color:#fff; margin:0;}
#features-5 .feature-content p{margin-left:75px; display:block;}
a.readmore
{
    margin-top:20px;
    margin-bottom:10px;
    display:block;
    font-size:11px;
    cursor:pointer;
}
a.readmore:hover{	color:#39c381;}
#features-2{text-align:center;}
#features-2 .feature-icon, #features-6 .feature-icon, #features-7 .feature-icon
{
    display:inline-block;
    width:100px;
    height:100px;
    line-height:100px;
    margin-bottom:20px;
    font-size:36px;
    background:#39c381;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    text-align:center;
    color:#fff;
    margin-top:5px;
    -moz-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
    position:relative;
    top:0;
}
#features-2 .feature-icon:hover
{
    position:relative;
    top:-10px;
    cursor:pointer;
}
#features-6 .feature-content{ border:1px solid #eee; padding:20px; position:relative;}
#features-6 .feature-icon{background:#fff; color:#555; border:1px solid #eee; position:relative; top:-30px;right:-10px; position:absolute;width:60px;	height:60px;	line-height:60px; font-size:26px;}
#features-6 .feature-content:hover .feature-icon{background:#39c381; color:#fff; border-color:#39c381}
#features-7 {margin-top:30px;}
#features-7 .feature-icon{background:#fff; color:#555; border:1px solid #eee; position:relative; top:-50px;left:50%; margin-left:-40px; position:absolute;width:80px;	height:80px;	line-height:80px; font-size:30px;}
#features-7 .feature-content{ border:1px solid #eee; padding:60px 20px 20px; position:relative; text-align:center; margin-bottom:30px;}
#features-7 .feature-content:hover .feature-icon{background:#39c381; color:#fff; border-color:#39c381;}
#features-8 .feature-title{margin-top:15px;}
#features-8 .feature-content{text-align:justify}
#features-9 .feature-icon{width:100%; display:block; background:#39c381; color:#fff; font-size:40px; text-align:center; margin-bottom:15px; padding:25px 0;}

.txt-search
{
    -webkit-border-radius: 50px !important;
    -moz-border-radius: 50px !important;
    border-radius: 50px !important;
    background-color:#f2f2f2 !important;
    background-image:url(../images/search.png) !important;
    background-repeat:no-repeat;
    background-position:95% center;
    border:none !important;
    box-shadow:none !important;
    transition:none !important;
    text-indent:10px;
    padding:6px 0 !important;
    margin-top:9px !important;
    float:right;
    color:#a8a8a8 !important;
    width:100%;
}
.client-1
{
    position:relative;
}
.client-1 .client-model
{
    position:absolute;
    right:0;
    z-index:1111;
    bottom:-84px;
    width:250px;
    height:275px;
}



/* =============================================================== */
/* Selectnav
/* =============================================================== */
.selectnav {
    display: none;
    position:relative;
    margin-top:0;
    width:100% !important;
    padding:10px;
    z-index:100;
    background:#fff;
    border:none;
}
.selectnav li {
    clear: both;
}




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


article{
    border-bottom:1px solid #eee;
    padding-bottom:20px;
    margin-bottom:20px;
}

article img {
    width:100%;
}


#blog-1 .entry-body, .entry-meta{margin-top:20px;}
#blog-1 .entry-body{ }
#blog-1 .entry-meta{font-size:11px;	color:#888; float:right; width:20%;}
#blog-1 .entry-meta .post-type{width:35px; height:35px; font-size:18px; line-height:35px; background:#39c381; color:#fff; display:block; text-align:center; margin-bottom:10px;}
#blog-1 .entry-meta a {color:#888; font-style:italic;}
#blog-1 .entry-meta a:hover{}
#blog-1 .entry-title{font-weight:normal;}
#blog-2 .entry-title{padding-bottom:0;}

#blog-2{color:#888;}
#blog-2 .post-type {color:#fff; background:#39c381;display:block; width:40px; line-height:40px; position:absolute; text-align:center; height:40px; top:0; left:0; font-size:18px;}
#blog-2 .entry-meta {margin-bottom:20px; width:100%;background:#f8f8f8;}
#blog-2 .entry-meta a{color:#888;}
#blog-2 .entry-meta a:hover{color:#39c381;}
#blog-2 .entry-meta li{	float:left;	padding:10px; position:relative;}
#blog-2 .entry-meta li:nth-child(2){margin-left:30px;}
#blog-2 .entry-body{padding-left:20px;}
#blog-2 .entry-slider, #blog-2 .entry-image, #blog-2 .entry-video{float:left; margin-right:15px;}

.entry-slider{position:relative;}

.entry-slider img{
    width:100%;
    height:auto !important;
}

.entry-slider .flex-direction-nav a {width: 30px; height: 60px; margin-top:-30px; display: block; opacity:0;	filter:alpha(opacity=0);/* IE 8*/ font-size:22px; text-align:center; color:#fff; line-height:55px; top:50%;}
.entry-slider .flex-direction-nav a i{margin-right:0;}
.entry-slider .flex-direction-nav .flex-next {background-color:#333;background-color:rgba(0, 0, 0, .6); right:15px;}
.entry-slider .flex-direction-nav .flex-prev {background-color:#333;background-color:rgba(0, 0, 0, .6); left:15px;}
.entry-slider:hover .flex-next {opacity:1 !important;	filter:alpha(opacity=100); right:0;}
.entry-slider:hover .flex-prev {opacity:1 !important;	filter:alpha(opacity=100); left:0;}
.entry-slider:hover .flex-next:hover {opacity: 1;	filter:alpha(opacity=100); background:#39c381;}
.entry-slider:hover .flex-prev:hover {opacity: 1;	filter:alpha(opacity=100); background:#39c381;}
.entry-slider .flex-direction-nav .flex-disabled {opacity: .5!important; 	filter:alpha(opacity=50); cursor: default;}

.post-author {	padding-bottom:40px; border-bottom:1px solid #eee;}
.post-author .team-avatar{	float:left;	margin-right:30px;	width:105px;}
.post-author .team-avatar img{width:100%;}
.post-author .team-name { padding-bottom:10px;}
.post-author .social-icon{float:left; margin-top:10px;}
.post-author .social-icon li{margin-left:0;}
.post-share{	padding-bottom:40px; padding-top:40px; border-bottom:1px solid #eee;}
.post-share h4{	float:left;	padding-right:10px;}

.comment-form {	padding-top:40px;}
.comment-form input[type="text"] {
    width:100%;
    -webkit-box-shadow:  inset 2px 2px 5px rgba(0,0,0,0.1), 0px 1px 0px rgba(255, 255, 255, 1) !important;
    -moz-box-shadow:     inset 2px 2px 5px rgba(0,0,0,0.1), 0px 1px 0px rgba(255, 255, 255, 1) !important;
    box-shadow:          inset 2px 2px 5px rgba(0,0,0,0.1), 0px 1px 0px rgba(255, 255, 255, 1) !important;
}
.comment-form input[type="button"] {	color: #fff !important;	margin-top:10px;}
.section-comment{ border-bottom:1px solid #eee; padding-top:40px; padding-bottom:40px;}

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

}
ol.commentlist li:first-child {

    padding:0;
}
ol.commentlist li {
    list-style: none;
    margin-bottom:20px;
}
ol li ol.childlist {
    float:right;
    width:89%;
    margin:0px;
}
ol.commentlist li ol.childlist li:first-child {

    padding:0;
    font-size: 12px;
}
ol.commentlist li ol.childlist li {
    margin:20px 0 0 0;
    font-size: 12px;
}
.comments {
    float:left;
    background:#f9f9f9;
    padding:25px;
    border-left:5px solid #eee;
}
.comments:hover
{
    border-left:5px solid #39c381;
}
.childlist .comments
{

}
.comments-amount {
    color: #888;
}
ol li ol.childlist li
{
    width:100%;
}
ol li ol.childlist .comment-des {
    float:right;
    width:87%;
}
ol li ol.childlist .comments
{
    padding-top:20px;
}
.avatar {
    float:left;
    margin-top:5px;
}
.comment-des {
    float:right;
    width:88%;
}
.comment-des strong {
    float:left;
    padding-right:5px;
    font-size:12px;
    color:#666;
}
.comment-des span {
    float:left;
    color:#888;
}
.comment-by {
    float:left;
    width:100%;
    padding-bottom:8px;
    padding-top:0;
}
.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;
    font-size:11px;
}
.comment-form .textarea {
    max-width:97%;
    min-width:97%;
}
.comment-form .field-input input {
    width:212px;
    height:30px;
    text-indent:5px;
}
.comment-form .field-input {
    margin-right:11px;
}
.ie7 .comment-by .date {
    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;
    font-size:11px;
}
.comment-form .textarea {
    max-width:97%;
    min-width:97%;
}
.comment-form .field-input input {
    width:212px;
    height:30px;
    text-indent:5px;
}
.comment-form .field-input {
    margin-right:11px;
}
.ie7 .comment-by .date {
    display: none;
}
.message-contact-form{width:100%;}
.input-contact-form, .message-contact-form
{
    width:100%;
    height:30px;
    border:1px solid #eee;
}
.message-contact-form{min-height:100px;}
input[type="submit"], input[type="reset"]
{
    font-weight:bold;
    padding: 8px 12px;
    font-size: 12px;
    margin-right:5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
label, input, button, select, textarea, .btn
{
    font-size:12px !important;
    margin:5px 0;
}
/* =============================================================== */
/* Pagination
/* =============================================================== */
.pagination{border-bottom:1px solid #f5f5f5; width:100%}
.pagination > ul > li{display:block; float:left;}
.pagination > ul > li a
{
    border:none;
    background:#f5f5f5;
    padding:10px 15px;
    margin-right:4px;
    color:#999;
    display:block;
    float:left;
}
.pagination ul > li:last-child > a, .pagination ul > li:first-child > a
{border-radius:0;}
.pagination > ul > li > a:hover, .pagination > ul > li > a.disable
{
    background:#39c381;
    color:#fff;
}




















/* =============================================================== */
/* Recent Projects and Portfolio
/* =============================================================== */
.portfolio-filter{
    background:#f8f8f8;
}

.portfolio-filter li a {
    display:block;
    float:left;
    padding:10px 20px;
    color:#999;
    text-decoration:none;
}

.portfolio-filter li a:hover, .portfolio-filter li a.active {
    background:#39c381;
    color:#fff;
}

.portfolio-container li {
    margin-bottom:40px;
    display:block;
}
.portfolio-container .project-item img{width:100%; height:auto; display:block;}

.project-item a {
    text-decoration:none;
    color: #adadad;
}


.single-project {
    margin-bottom:40px;
    padding-bottom:70px;
    border-bottom:1px solid #eee;
    color:#999;
}
.single-project .project-meta
{
    border:none;
    text-align:left;
    padding-top:0;
}
.carousel
{
    position:relative;
    margin-bottom:0;
}
.carousel > .flex-direction-nav > .flex-next
{
    position: absolute;
    top: -53px;
    right: 5px;
    width: 22px;
    height: 21px;
    cursor: pointer;
}
.carousel > .flex-direction-nav > .flex-prev
{
    position: absolute;
    top: -53px;
    right: 28px;
    width: 22px;
    height: 21px;
    cursor: pointer;

}
.carousel > .flexslider:hover .flex-next {opacity:.5 !important;filter:alpha(opacity=50);}
.carousel > .flexslider:hover .flex-prev {opacity:.5 !important;filter:alpha(opacity=50);}
.carousel > .flex-direction-nav .flex-disabled {opacity: .5!important;filter:alpha(opacity=50); cursor: default;}
.carousel > .flex-control-nav {position: absolute;top: -30px;right: 0;width:auto;}
.carousel > .flex-control-paging li{	margin:0 3px;}
.carousel > .flex-control-paging li a
{
    width: 20px;
    height: 7px;
    display: block;
    background: #666;
    background: #eaeaea;
    cursor: pointer;
    text-indent: -9999px;
    border-radius:0;
    box-shadow:none;
}
.carousel .flex-control-paging li a.flex-active
{
    background:#39c381;
    height:4px;
}
.carousel
{
    margin-top:40px;
    margin-bottom:0;
}

.carousel .flex-viewport li
{
    padding-bottom:3px;
    height:auto;
    margin-right:19px;
    position:relative;
    width:263px;
}
.carousel .flex-viewport li img {width:100%; height: auto}
.project-item
{
    display:block;
    background:#000;
}
.project-meta
{
    display:block;
    background:#fff;
    text-align:center;
    padding:15px 0;
    position:relative;
    border-bottom:1px solid #ececec;
}
.project-item .project-meta .effect
{
    position:absolute;
    top:30px;
    left:0;
    height:70px;
    width:100%;
    background:#39c381;
    text-align:center;
    line-height:0;
    -moz-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
    opacity:0;
    filter:alpha(opacity=0);
    z-index:1;
}
.project-item .overlay:hover .project-meta .effect
{
    top:0px;
    opacity:1;
    filter:alpha(opacity=100);
    line-height:0 !important;
}
.project-item .project-meta .effect i
{
    position:relative;
    top:-8px;
    margin-right:0 !important;
}
.project-item .project-meta .project-name
{
    position:relative;
    z-index:2;
    margin:0;
    padding:0;
}
.project-item .project-meta .project-category
{
    position:relative;
    z-index:2;
    margin:0;
    padding:0;
    font-size:11px;
    display:block;
    font-style:italic;
    color:#adadad;
}
.project-item .overlay:hover .project-meta .project-name, .project-item .overlay:hover .project-meta .project-category
{
    color:#fff;
}
.project-thumb
{
    position:relative;
    overflow:hidden;
}
.project-thumb i
{
    position:absolute;
    color:#fff;
    font-size:0;
    top:-20px;
    left:50%;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background:#000;
    width:50px;
    height:50px;
    margin-left:-25px;
    margin-top:-25px;
    line-height:50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    opacity:0;
    filter:alpha(opacity=0);
    color:#666;
    text-align:center;
}
.project-item .overlay:hover .project-thumb img
{
    opacity:.7;
    filter:alpha(opacity=70);
}
.project-item .overlay:hover .project-thumb i
{
    font-size:20px;
    opacity:.7;
    filter:alpha(opacity=70);
    top:50%;
}
.carousel .inner-slider li{margin:0 !important; display:block;}
.carousel .inner-slider .flex-direction-nav{position:absolute;top:50%; margin-top:-70px; left:0; width:100%; height:60px; display:block;}
.carousel .inner-slider .flex-direction-nav li{margin:0; padding:0; position:absolute;}

.carousel .inner-slider .flex-direction-nav a {width: 30px; height: 60px; display: block; opacity:1 !important;filter:alpha(opacity=100);/* IE 8*/ font-size:18px; text-align:center; color:#fff; line-height:60px; position:absolute;}
.carousel .inner-slider .flex-direction-nav a i{margin-right:0;}
.carousel .inner-slider .flex-direction-nav .flex-next {background-color:#333;background-color:rgba(0, 0, 0, .6);right:0; }
.carousel .inner-slider .flex-direction-nav .flex-prev {background-color:#333;background-color:rgba(0, 0, 0, .6); left:0; }
.carousel .inner-slider:hover .flex-next {opacity:1 !important;filter:alpha(opacity=100);}
.carousel .inner-slider:hover .flex-prev {opacity:1 !important;filter:alpha(opacity=100);/* IE 8*/ }
.carousel .inner-slider:hover .flex-next:hover {opacity: 1; filter:alpha(opacity=100);/* IE 8*/background:#39c381;}
.carousel .inner-slider:hover .flex-prev:hover {opacity: 1; filter:alpha(opacity=100);/* IE 8*/background:#39c381;}
.carousel .inner-slider .flex-direction-nav .flex-disabled {opacity: 1!important; filter:alpha(opacity=100); cursor: default;}


#recent-projects-2 {position:relative;}
#recent-projects-2 img{width:100%;}
#recent-projects-2 .portfolio-filter{margin-bottom:30px; background:none}
#recent-projects-2 .portfolio-filter a{
    padding:0;
    margin-left:25px;
    color:#999;
    padding-bottom:5px;
    -moz-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
}
#recent-projects-2 .portfolio-filter li:first-child a{margin:0}
#recent-projects-2 .portfolio-filter a.active, #recent-projects-2 .portfolio-filter a:hover{border-bottom:1px solid #39c381; background:none; color:#39c381;}
#recent-projects-2 .portfolio-container li{margin:0;width:24%; display:block; float:left;}

#recent-projects-3.carousel .flex-viewport li {margin-right:30px;}






/******************************************************************************* WIDGETS ************/


.node-type-blog .widget, .page-blog .widget {
    background-color: #f5f5f5;
    padding:10px;
}

.block-widget {
    margin-bottom:20px;
}

.widget-title {
    font-weight:600;
    font-size:18px;
    padding-bottom:10px;
}

.widget-latest-post  .thumbail {
    float:left;
    margin-right:10px;
    padding:3px;
    background:#f5f5f5;
    height: auto !important; /* Fixes 1px hight bug */
    width: auto;
}

.widget-latest-post  .post-time {
    display:block;
    font-size:13px;
    color:#999;
    margin-top:5px;
}

.widget-latest-post li{
    padding-bottom:15px;
}

.popular-tags a {
    background: #ffffff;
    padding:5px 10px;
    margin-bottom:2px;
    margin-right:2px;
    display:block;
    float:left;
    color:#999;
    text-decoration:none;
}

.popular-tags a:hover {
    background:#39c381;
    color:#fff !important;
}






/*

#flickr li
{
	width:75px;
	height:75px;
	display:block;
	float:left;
	border:4px solid #272727;
	margin-right:10px;
	margin-bottom:10px;
	-moz-transition: all .2s ease-in;
	-webkit-transition: all .2s ease-in;
	-o-transition: all .2s ease-in;
	transition: all .2s ease-in;

}
#flickr li:hover
{
	opacity:.7;
	filter:alpha(opacity=70);
}
#flickr li img{width:100%;}

*/



/* =============================================================== */
/* Twitter
/* =============================================================== */
#twitter .tweet_icon
{
    float:left;
    display:block;
    font-size:32px;
    color:#fff;
}
#twitter .tweet_text
{
    display:block;
    color:#fff;
    margin-left:40px;
}
#twitter .tweet_text a{text-decoration:none; font-weight:bold;}
#twitter .tweet_text a:hover{color:#000;}
#twitter .tweet_time
{
    display:block;
    margin-left:40px;
    font-size:11px;

}
#twitter .tweet_time a{	text-decoration:none;}
#twitter .tweet_time a:hover{color:#000;}
















/* =============================================================== */
/* Misc
/* =============================================================== */
#slider-in-tab
{
    width:187px;
    height:160px;
    float:left;
    position:relative;
    margin-right:20px;
}
.frame-slider
{
    position:absolute;
    width:187px;
    height:170px;
    z-index:1;
}
#slider-in-tab .flex-slider
{
    width:171px;
    height:97px;
    background:#39c381;
    position:absolute;
    top:11px;
    left:8px;
    z-index:2;
    text-align:center;
}
#slider-in-tab .flex-control-nav
{
    bottom:-33px;
    text-align:right;
    font-size:0;
}
#slider-in-tab .flex-control-nav li{margin-right:0px;}
#slider-in-tab .flex-control-nav li a{width:6px; height:6px;}
#slider-in-tab .flex-direction-nav a i{margin-right:0; line-height:48px;}
#slider-in-tab .flex-direction-nav a{font-size:20px; top:50%; margin-top:-25px; color:#eee; background:rgba(0,0,0, .3); width:20px; height:50px;opacity:0;}
#slider-in-tab:hover .flex-direction-nav a{opacity:1;}
#slider-in-tab .flex-direction-nav a:hover{background:rgba(0,0,0, .5);}
#slider-in-tab .flex-direction-nav a.flex-next{right:0;}
.icon-tab-slider
{
    color:#fff;
    font-size:46px;
    line-height:97px;
}
.clear-right{clear:right;}
#home-vtabs{width:20% !important}
.bg-text
{
    background:#39c381;
    padding:3px 6px;
    color:#fff;
    font-weight:bold;
}
#map {width:100%;height:350px;}
.list li{	padding-bottom:10px;}
.list li i{margin-right:5px;}
.alt-font{	font-family:'Great Vibes', sans-serif;	font-size:26px;}
a [class^="icon-"]{margin-right: 5px;}
a.color{color:#39c381;}
a.color:hover{text-decoration:underline;}
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong{font-weight:600;}
strong.color, span.color{	color:#39c381;}
strong.bg-color, span.bg-color, h3.bg-color {	background-color:#39c381; color:#fff; padding:0 5px;}
#our-team
{
    text-align:center;
    padding:20px 0 30px;
}
#our-team .progress
{
    height:3px;
}
.person-avatar
{
    -webkit-border-radius: 5000px;
    -moz-border-radius: 5000px;
    border-radius: 5000px;
    padding-bottom:10px;

}
#our-team em{color:#999;}
.person-title{	color:#999; font-size:11px; padding-bottom:10px;}
.not-found
{
    margin:40px 0 100px;
    position:relative;
    min-height:200px;
    padding-top:30px;
}
.not-found-model
{
    float:left;
    display:block;
}
.not-found p
{
    font-size:100px;
    line-height:100px;
    padding-top:40px;
}
.count-down-msg{color:#fff;}
#countdown
{
    text-align:center;
    padding:40px 0 80px;
}
#countdown li
{
    text-align:center;
    display:block;
    display:inline-block;
    width:120px;
    height:120px;
    margin:0 10px;
    -webkit-border-radius: 120px;
    -moz-border-radius: 120px;
    border-radius: 120px;
    border:20px solid rgba(0, 0, 0, 0.1);
}
#countdown li span
{
    display:block;
    padding-top:30px;
    padding-bottom:60px;
    font-size:30px;
    font-weight:bold;
}
#countdown li p
{
    text-transform:uppercase;
    font-size:11px;
    font-weight:bold;
}
#why-choose-us .drop-cap, #why-choose-us-2 .drop-cap
{
    width:20px;
    height:40px;
    padding-left:20px;
    line-height:40px;
    font-size:60px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
#why-choose-us-2 .drop-cap{font-size:36px; padding-left:15px; width:25px;}
#why-choose-us strong{color:#555;}
.from-the-blog p{color:#999;}
.from-the-blog .time,.from-the-blog-2 .time{color:#999; font-size:11px;}
.from-the-blog  li, .from-the-blog-2 li{border-bottom:1px dotted #eee; padding:15px 0 10px;}
.from-the-blog  li:first-child{padding-top:0;}
.from-the-blog-2  li{padding:20px 0 10px;}
.from-the-blog-2  li:first-child{padding-top:0;}
.from-the-blog-2 .desc{margin-left:140px;}
.from-the-blog-2 .post-type{
    display:block;
    text-align:center;
    width:50px;
    height:50px;
    color:#fff;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    background:#39c381;
    font-size:18px;
    line-height:50px;
    float:left;
}
.from-the-blog-2 span i {display:block;}
.from-the-blog-2 .thumbnail
{
    float:left;
}
.thumbnail.square, .thumbnail.square img
{
    border-radius:0;
}
.thumbnail.round, .thumbnail.round img{
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 500px;
}
.fullwidthbanner-container{
    width:100% !important;
    position:relative;
    padding:0;
    max-height:400px !important;
    z-index:1;
    height:auto;
    overflow:hidden;
}
#movetotop a
{
    position:fixed;
    bottom:30px;
    right:15px;
    margin-left:-150px;
    width:45px;
    height:45px;
    text-align:center;
    color:#999;
    background:#333;
    background:rgba(0,0,0, .5);
    cursor:pointer;
    font-size:20px;line-height:42px;
    border-radius:3px;
}
#movetotop a:hover
{
    background:#444;
    background:rgba(0,0,0, .7);
}



/* =============================================================== */
/* Aveta overwrites and MAXXIT tweaks
/* =============================================================== */
#box{display:none} /*LEGACY AVETA STYLE*/

.field-name-field-ctas.field-type-entityreference.field-label-above { /* STOPS CTA COUNT FROM SHOWING AT FOOT OF PAGES */
    display:none;
}

.view-display-page-ctas .views-field-field-ctas img {
    max-width:100%;
}

/* CTA's without links are treated as gallery images and don't display on mobile sizes */
.cta.nolink { display:none; }
@media (min-width: 641px) {
    .cta.nolink { display:block; }
}










/********************************************************************************************************************************************************/
/* Responsive Styling
/********************************************************************************************************************************************************/



/**************************************************************************************************************** Bootstrap Responsive Overwrites - Important */
/* These overwrite some nasty default Bootstap responsive breakpoints which are width based and not content based */
/* This ensures rows do not move to 100% width until AFTER iPad portrait (768px) */



@media (max-width: 1200px) and (min-width: 979px) {

    /*.container {
        max-width: inherit !important;
        padding: 0px !important;
    }*/

}

@media (max-width: 979px) and (min-width: 769px) {
    /*.container {
        max-width: inherit !important;
        padding: 0px !important;
    }*/

    /*header .container {
       padding:0px !important;
    }*/

    [class*="col-"] {
        margin-bottom: inherit !important;
    }

    .col-sm-8 {
        width: 66.66666667% !important;
    }

    .col-sm-6 {
        width: 50% !important;
    }

    .col-sm-4 {
        width: 33.33333333% !important;
    }

}

/*@media (min-width: 992px) {
    .container {
        width: inherit !important;
    }
}

@media (min-width: 768px) {
    .container {
        width: inherit !important;
    }
}*/

@media (max-width: 1024px) {
    #admin-menu {
        display: block !important;
    }
}

@media (max-width: 768px) {
    /*.container {
        padding-right: 15px;
        padding-left: 15px;
    }*/

    #page-content {
        padding-top: 30px;
    }
}


/* MENU SPECIFIC */
@media (max-width: 738px) {
    .tb-megamenu .nav-collapse .caret {
        display: inline-block !important;
    }
}



/**************************************************************************************************************** Standard Device based breakpoints to use */


/**************************************************************************************************************** 1200px MAX SITE WIDTH **/

@media (max-width: 1200px) {

}


/***************************************************************************************************************** 1024px  iPAD LANDSCAPE **/

@media (max-width: 1024px) {

}


/***************************************************************************************************************** 768px  iPAD PORTRAIT **/

@media (max-width: 768px) {

}


/***************************************************************************************************************** 767px  BELOW iPAD PORTRAIT **/

@media (max-width: 767px) {

}


/***************************************************************************************************************** 414px  iPHONE 6+ PORTRAIT **/

@media (max-width: 414px) {

}


/***************************************************************************************************************** 375px  iPHONE 6 PORTRAIT **/

@media (max-width: 375px) {

}


/***************************************************************************************************************** 320px  iPHONE 4/5 PORTRAIT **/

@media (max-width: 320px) {

}










@media (min-width: 769px) and (max-width: 979px) {
    .container{max-width:728px; padding:0 20px;}
    .page-section, #footer-bottom, #page-content, header{width:728px;}
    #section-slider{width:728px;clear:both; height:auto;}
    [class*="col-"] { margin-bottom:30px; width:100%}
    #page-section-1 h3 {float:none; text-align:center}
    #page-section-1 .col-lg-4{margin-bottom:0;}
    #page-section-1 .social-icon{float:none; text-align:center; width:100%}
    #page-section-1 .social-icon a, #page-section-1 .social-icon li{display:inline-block; float:none;}
    #footer-bottom [class*="col"]{margin:0}
    .footer-menu li{float:none; display:inline-block}
    .footer-menu, #copyright{float:none; display:block; text-align:center}
    #copyright{padding-top:5px;}
    .footer-menu li:last-child a{padding:0}
    .tp-caption.align_center {width:100% !important; text-align:center!important; left:0!important;}
    .tp-caption h2{font-size:40px !important;}
    .tp-caption h3{font-size:28px !important; line-height:40px !important;}
    .tp-caption h4{font-size:20px !important; line-height:35px !important;}
    .tp-caption h5{font-size:15px !important;}
    .tp-caption p{font-size:12px !important;}
    .tp-caption.image_bg{width:100%!important; left:0!important;}
    .tp-caption.caption_button_1 {margin-left:-120px !important; left:50% !important; margin-top:15px;}
    .tp-caption.caption_button_2 {margin-left:10px !important; left:50% !important; margin-top:15px;}
    .tp-caption.bg-black{background:none !important; padding:0 !important;}
}
@media (min-width: 979px) and (max-width: 1200px) {
    header{height:auto;}
    #section-slider{width:940px;height:auto;}
    .page-section, #footer-bottom, #page-content, header{width:940px}
    .tp-caption.align_center {width:100% !important; text-align:center!important; left:0!important;}
    .tp-caption h2{font-size:40px !important;}
    .tp-caption h3{font-size:28px !important;}
    .tp-caption h4{font-size:20px !important; line-height:35px !important;}
    .tp-caption h5{font-size:15px !important;}
    .tp-caption p{font-size:12px !important;}
    .tp-caption.image_bg{width:100%!important; left:0!important;}
    .tp-caption.caption_button_1 {margin-left:-120px !important; left:50% !important; margin-top:15px;}
    .tp-caption.caption_button_2 {margin-left:10px !important; left:50% !important; margin-top:15px;}
    .tp-caption.bg-black{background:none !important; padding:0 !important;}
}
@media (min-width: 1200px) {
    #section-slider, .page-section, footer, #footer-bottom,  #page-content{width:1170px;}
}
@media (max-width: 979px) {

    /**************************** REMOVES STICKY HEADER - SET THIS TO THE MOBILE NAV BREAKPOINT - EDIT *********************/
    #page-content {
        margin-top: 0px;
    }

    header {
        position: relative;
    }

    #section-slider {
        margin: 0px auto !important;
    }

    #gmap {
        margin-top: 0px;
    }






    #navigation .btn-group{display:block;}
    .menu-lamp{display:none;}
    .js .selectnav.dropdown-menu
    {
        position: absolute;
        top: 75px;
        right:20px !important;
        left:auto !important;
        z-index: 1000;
        border-radius: 0;
        box-shadow: none;
        padding:0;
    }
    .js .selectnav.dropdown-menu a
    {
        padding:0;
        background:#444;
        border-top:1px solid #4e4e4e;
        border-bottom:1px solid #363636;
        color:#aaa;
        padding:10px;
    }
    .js .selectnav.dropdown-menu li:first-child a
    {
        border-top:none;
    }
    .js .selectnav.dropdown-menu a:hover
    {
        background:#39c381;
        color:#fff;
        border-top:1px solid transparent;
        border-bottom:1px solid transparent;
    }
    .js .selectnav.dropdown-menu ul li a {
        display: block;
        padding: 3px 20px;
        clear: both;
        color: #333333;
        white-space: nowrap;
        line-height: 2;
    }

    .js .selectnav.dropdown-menu ul ul li a {
        padding: 3px 40px;
    }
    #navigation a.btn
    {
        width:40px;
        height:40px;
        background-color:#444;
        background-image:url(../images/selectnav-bg.png);
        background-position:center center;
        background-repeat: no-repeat;
        background-size:17px 14px;
        border-radius:0;
        border:none;
        text-shadow: none;
        padding:0;
        margin-top:35px;
        margin-right:20px;
    }
}
@media (max-width: 768px) {
    .row{margin-top:0; margin-bottom:0; padding-top:0; padding-bottom:0;}
    #section-slider, #page-content{width:100%; height:auto;}
    [class*="col-lg"] { margin-bottom:30px;}
    #sidebar div[class*="col-lg"] { margin-bottom:0;}
    #footer-bottom [class*="col-lg"]{margin:0}
    .footer-menu li{float:none; display:inline-block}
    .footer-menu, #copyright{float:none; display:block; text-align:center}
    #copyright{padding-top:5px;}
    .footer-menu li:last-child a{padding:0}
    header, header .container{margin:0; width:100%; max-width:100%;}
    #movetotop a{display:none;}
    #page-section-1 .col-lg-4{margin-bottom:0;}
    #page-section-1 .social-icon{float:none; text-align:center; width:100%}
    #page-section-1 .social-icon a, #page-section-1 .social-icon li{display:inline-block; float:none;}
    #page-section-1 h3{list-style:22px !important;}
    .nivo-caption{display:none;}
    .tp-caption.align_center {width:100% !important; text-align:center!important; left:0!important;}
    .tp-caption h2{font-size:28px !important; line-height:30px !important;}
    .tp-caption h3{font-size:22px !important;}
    .tp-caption h4{font-size:18px !important; line-height:40px !important;}
    .tp-caption h5{font-size:14px !important;}
    .tp-caption p{display:none;}
    .tp-caption.image_bg{width:100%!important; left:0!important;}
    .tp-caption i{ background:none !important; font-size:12px !important; line-height:22px}
    .tp-caption .btn-flat {display:none !important;}
    .tp-caption.bg-black{background:none !important; padding:0 !important;}
    .tp-caption .alt-font{font-size:20px !important;}
}
@media (max-width: 420px) {
    .client-model{display:none;}
    .client-logo {text-align:center;}
    #copyright{text-align:center;}
    .tp-caption.align_center {width:100% !important; text-align:center!important; left:0!important;}
    .tp-caption h2{font-size:22px !important; line-height:25px !important;}
    .tp-caption h3{font-size:16px !important;}
    .tp-caption h4{font-size:14px !important; line-height:30px !important;}
    .tp-caption h5{font-size:11px !important;}
    .tp-caption p{display:none;}
    .tp-caption.image_bg{width:100%!important; left:0!important;}
    .tp-caption i{ background:none !important; font-size:11px !important; line-height:22px; margin-right:0 !important;}
    .tp-caption.caption_button_1 {margin-left:-110px; left:50% !important; margin-top:15px;}
    .tp-caption.caption_button_2 {margin-right:-110px; left:50% !important; margin-top:15px;}
    .tp-caption.bg-black{background:none !important; padding:0 !important;}
    .tp-caption .alt-font{font-size:20px !important;}
}





/* =============================================================== */
/* Switcher
/* ===============================================================
#switcher
{
	position:fixed;
	width:163px;
	padding:10px;
	background:#111;
	top:100px;
	left:-163px;
	z-index:111;
	transition: left ease-in-out .5s;
}
#switcher.toggle-in
{
	left:0;
}
#switcher.toggle-out
{
	left:-163px;
}
#sw-button-toggle
{
	position:absolute;
	top:0;
	right:-50px;
	text-align:center;
	line-height:50px;
	font-size:20px;
	cursor:pointer;
	display:block;
	width:50px;
	height:50px;
	background:#111;
	color:#fff;
}
.sw-title
{
	display:block;
	height:50px;
	margin:0;
	padding:0;
	line-height:30px;
	text-align:center;
	color:#888;
}
.sw-btn
{
	display:inline-block;
	padding:10px 12px;
	background:#39c381;
	cursor:pointer;
	color:#fff;
	font-weight:bold;
	text-align:center;

}
.sw-btn:hover{	color:#000;	background:#fff;}
.sw-btn.fullwidth{	width:100%;	padding:10px 0;	margin-top:3px;}
#switcher h5{	padding-bottom:5px;	padding-top:10px; color:#888;}
#switcher p{	padding:0;	margin:0;}
#switcher .bg-pattern li, #switcher .skin li
{
	display:block;
	float:left;
	width:25px;
	height:25px;
	margin-right:3px;
	margin-bottom:3px;
	background:#ccc;
	cursor:pointer;

}
#switcher .skin li{	width:25px;	height:25px;}
#switcher .skin li#green{background:#39c381}
#switcher .skin li#red{background:#eb4a4a}
#switcher .skin li#blue{background:#03a4d6}
#switcher .skin li#orange{background:#f77239}
#switcher .skin li#steel{background:#647687}
#switcher .skin li#steel{background:#647687}

.bg-1{background:url(../images/background/bg-8.jpg);}
.bg-2{background:url(../images/background/bg-2.jpg) no-repeat top center fixed;}
.bg-3{background:url(../images/background/bg-3.jpg) no-repeat top center fixed;}
.bg-4{background:url(../images/background/bg-4.jpg) no-repeat top center fixed;}
.bg-5{background:url(../images/background/bg-5.jpg) no-repeat top center fixed;}
.bg-6{background:url(../images/background/bg-6.jpg) no-repeat top center fixed;}
.bg-7{background:url(../images/background/bg-7.jpg) no-repeat top center fixed;}
.bg-8{background:url(../images/background/bg-1.jpg) top center fixed;}
.bg-9{background:url(../images/background/bg-9.jpg); background-size:297px 297px;}
.bg-10{background:url(../images/background/bg-10.jpg); background-size:512px 512px;}

#switcher .bg-pattern li.bg-1{background:url(../images/background/thumb-8.jpg) no-repeat top  center;}
#switcher .bg-pattern li.bg-2{background:url(../images/background/thumb-2.jpg) no-repeat top  center;}
#switcher .bg-pattern li.bg-3{background:url(../images/background/thumb-3.jpg) no-repeat top  center;}
#switcher .bg-pattern li.bg-4{background:url(../images/background/thumb-4.jpg) no-repeat top  center;}
#switcher .bg-pattern li.bg-5{background:url(../images/background/thumb-5.jpg) no-repeat top  center;}
#switcher .bg-pattern li.bg-6{background:url(../images/background/thumb-6.jpg) no-repeat top  center;}
#switcher .bg-pattern li.bg-7{background:url(../images/background/thumb-7.jpg) no-repeat top  center;}
#switcher .bg-pattern li.bg-8{background:url(../images/background/thumb-1.jpg) top  center;}
#switcher .bg-pattern li.bg-9{background:url(../images/background/thumb-9.jpg) top  center;}
#switcher .bg-pattern li.bg-10{background:url(../images/background/thumb-10.jpg) top  center;}

body.admin-menu.adminimal-menu:before{
	content: normal;
	width: auto;
}

*/