/*-----------------------------------------------------------------------------------*/
/*        GENERAL STYLING
/*-----------------------------------------------------------------------------------*/
body {
        overflow-x:hidden;
        position:relative;
        margin: 0;
        padding:0;
        font-family: 'Open Sans', sans-serif;
        font-weight:400;
        font-size: 14px;
        line-height: 20px;
        color: #797979;
}

.mini {
        line-height:18px;
        font-size:12px;
        font-color:#999999;
        padding: 7px 0px 0px 0px;
}

.box-shadow {
         -moz-box-shadow: 10px 10px 5px #888;
         -webkit-box-shadow: 10px 10px 5px #888;
         box-shadow: 5px 5px 5px #888;
         border-color: #231F1F;
         border-width: 1px;
         border-style: solid;
}

.bg10 {
    background-image: url(../images/bg10.jpg);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 100% auto;
}

.bg20 {
    background-image: url(../images/bg20.jpg);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 100% auto;
    margin-right: -30px;
    margin-left: -30px;
}

::selection {
        background: #231F1F;
        color:#fff;
}
::-moz-selection {
        background: #221E1F; /* Firefox */
        color:#fff;
}

a, input, select, textarea {
        vertical-align:top;
        outline:none !important;
        -webkit-appearance: none;
        -webkit-border-radius: 0;
}
textarea {
        resize: none;
}

#screenReader, #checking {
    float: left;
        display: none;
}

.formularerror {
         color: #FF0000;
         }

img {
        outline:0;
        vertical-align:top;
        border:0;
        max-width:100.1%;
        height:auto;
}
a {
        color:#505050;
        transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
}
a:hover, a:focus {
        text-decoration:none;
        color:#FEF8AE;
}
ul {
        padding:0;
        margin:0;
}
li {
        padding:0;
        margin:0;
        list-style:none;
}


p {margin:0 0 20px;}


h1, h2, h3, h4, h5, h6 {
        margin-top:0;
        font-family: 'Open Sans', sans-serif;
        text-transform:uppercase;
        font-weight:400;
        color:#231F1F;
}
h7 {
        margin-top:0;
        font-family: 'Open Sans', sans-serif;
        font-weight:400;
        color:#231F1F;
}
h1 {margin:0 0 20px; line-height:24px; font-size:23px;}
h2 {margin:0 0 21px; line-height:24px; font-size:23px;}
h3 {margin:0 0 15px; line-height:23px; font-size:19px;}
h4 {margin:0 0px 15px; line-height:20px; font-size:17px;}
h5 {line-height:20px; font-size:15px;}
h6 {line-height:20px; font-size:14px;}
h7 {margin:0 0 21px; line-height:24px; font-size:23px;}


.color_text {color:#221E1F;}
.color_dark {color:#505050;}
.color_light {color:#979797;}
.color_white {color:#fff;}


.margbot0 {margin-bottom:0px;}
.margbot5 {margin-bottom:5px !important;}
.margbot10 {margin-bottom:10px;}
.margbot20 {margin-bottom:20px;}
.margbot25 {margin-bottom:25px;}
.margbot30 {margin-bottom:30px;}
.margbot40 {margin-bottom:40px;}
.margbot50 {margin-bottom:50px;}
.margbot60 {margin-bottom:60px;}
.margbot65 {margin-bottom:65px;}
.margbot70 {margin-bottom:70px;}

.pad0 {padding:0;}
.padbot0 {padding-bottom:0;}
.padbot10 {padding-bottom:10px;}
.padbot15 {padding-bottom:15px;}
.padbot20 {padding-bottom:20px;}
.padbot30 {padding-bottom:30px;}
.padbot40 {padding-bottom:40px;}
.padbot45 {padding-bottom:45px;}
.padbot50 {padding-bottom:50px;}
.padbot60 {padding-bottom:60px;}
.padbot70 {padding-bottom:70px;}
.padbot80 {padding-bottom:80px;}
.padtop0 {padding-top:0;}

#page {
        background-image: url(../images/moebelhaus/wiemann_loft_bg.jpg);
        background-attachment: fixed;
        background-position: 0 0;
        background-repeat: no-repeat;
        background-size: 100% 100%;
}

.pic-name {
           position: absolute;
           bottom: 40px;
           right: 15px;
           padding: 5px 10px;
           font-size: 14px;
           color:#fff !important;
           text-shadow: none;
           background-color: rgba(34,30,31,0.8);
}

.pic-name:hover {
        color:#fff !important;
        background-color: rgba(34,30,31,0.6);
}

section {padding-bottom: 20px;
}
.clear {
        clear:both;
        height:0;
        font-size:0;
}


.full_width {
        position:relative;
        margin-left:-30px;
        margin-right:-30px;
}

.overlay {
        position:absolute;
        z-index:1;
        left:0;
        top:0;
        width:100%;
        height:100%;
        background-color: rgba(135,184,33,0.94);
}

.relative_block {position:relative; z-index:5;}

.center {text-align:center;}
.right {text-align:right;}
.left {text-align:left;}

.bg1 {background-color:#f9f9f9;}

.page_block {
        overflow-x:hidden;
        background-color:#fff;
        box-shadow: 0 0 10px rgba(0,0,0,0.3);
}
.wrapper {
        padding-left: 15px;
        padding-right: 15px;
}

#picsnone {
         display:none;
}


/* __________ Buttons __________ */
.btn {
        position:relative;
        margin: 0;
        padding: 10px 10px 10px 10px;
        border:0;
        border-radius: 0;
        font-weight: 400;
        line-height: 20px;
        font-size: 14px;
        color:#fff !important;
        text-shadow: none;

        background: #221E1F;
}
.btn:active,
.btn:hover {
        color:#fff !important;
        background:#505050 !important;
}

.btn span {padding-left:8px;}


.btn2 {
        position:relative;
        margin: 0;
        padding: 10px 10px 10px 10px;
        border:0;
        border-radius: 0;
        font-weight: 400;
        line-height: 20px;
        font-size: 14px;
        color:#fff !important;
        text-shadow: none;
        width: 500px;;

        background: #221E1F;
}
.btn2:active,
.btn2:hover {
        color:#fff !important;
        background:#505050 !important;
}

.btn2 span {padding-left:8px;}



/* colors */
.btn-white {color:#505050 !important; background-color:#fff !important;}
.btn-white:hover {color:#333 !important; background-color:#fff !important;}

.btn-light {
        color:#fff !important;
        background: #221E1F;
}
.btn-light:hover, .btn-light:active {background:#aeaeae !important;}


.btn-dark {color:#fff !important; background-color:#505050 !important;}
.btn-dark:hover {background-color:#333 !important;}

.btn-active {
        color:#fff !important;
        background: #221E1F;
}
.btn-active:hover, .btn-active:active {color:#fff !important; background:#352F2F !important;}

.btn-primary {
        color:#fff !important;
        background: #4ba0e5 !important; /* Old browsers */
        background: -moz-linear-gradient(top, #4ba0e5 0%, #3871aa 100%) !important; /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4ba0e5), color-stop(100%,#3871aa)) !important; /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #4ba0e5 0%,#3871aa 100%) !important; /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #4ba0e5 0%,#3871aa 100%) !important; /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #4ba0e5 0%,#3871aa 100%) !important; /* IE10+ */
        background: linear-gradient(to bottom, #4ba0e5 0%,#3871aa 100%) !important; /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4ba0e5', endColorstr='#3871aa',GradientType=0 ) !important; /* IE6-9 */
}
.btn-primary:hover, .btn-primary:active {background-color:#3871aa !important;}

.btn-success {
        color:#fff !important;
        background: #66c964 !important; /* Old browsers */
        background: -moz-linear-gradient(top, #66c964 0%, #4c994c 100%) !important; /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#66c964), color-stop(100%,#4c994c)) !important; /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #66c964 0%,#4c994c 100%) !important; /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #66c964 0%,#4c994c 100%) !important; /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #66c964 0%,#4c994c 100%) !important; /* IE10+ */
        background: linear-gradient(to bottom, #66c964 0%,#4c994c 100%) !important; /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66c964', endColorstr='#4c994c',GradientType=0 ) !important; /* IE6-9 */
}
.btn-success:hover, .btn-success:active {background-color:#4c994c !important;}

.btn-info {color:#fff !important; background-color:#46b8da !important;}
.btn-info:hover {background-color:#505050 !important;}

.btn-warning {color:#fff !important; background-color:#eea236 !important;}
.btn-warning:hover {background-color:#505050 !important;}

.btn-danger {color:#fff !important; background-color:#d9534f !important;}
.btn-danger:hover {background-color:#505050 !important;}


/* Size */
.btn-lg {padding: 17px 35px; font-size:18px;}
.btn-sm {padding: 6px 15px; font-size:12px;}
.btn-xs {padding: 2px 12px; font-size:10px;}


/* IE fix */
.ie .btn, .ie .btn-default {filter:none !important;}

/* _________ //Buttons _________ */




/*-----------------------------------------------------------------------------------*/
/*        HEADER
/*-----------------------------------------------------------------------------------*/
header {
        padding:34px 30px 10px;
        background-image:url(../images/header_bg.jpg);
        background-repeat:no-repeat;
        background-size:cover;
}


/* __________ Logo __________ */
.logo {
        float:left;
        padding:0 0 30px;
}
.logo a {
        display:block;
        font-family: 'Open Sans', sans-serif;
        text-transform:uppercase;
        font-weight:300;
        line-height:36px;
        font-size:36px;
        color:#fff !important;
}





/* __________ Socials __________ */
.social {padding-top:9px;}
.social span {
        display:inline-block;
        padding-right:9px;
        text-transform:uppercase;
        line-height:22px;
        font-size:14px;
        color:#fff;
}

.social li {
        overflow:hidden;
        display:inline-block;
        vertical-align:top;
        margin:0 0 0 7px;
        border-radius:50%;
}
.social li a {
        position:relative;
        display:block;
        margin:0;
        width:22px;
        height:22px;
        border-radius:50%;
        background-color:#fff;
        transition: none;
        -webkit-transition: none;
}
.social li a:hover {
        background: #12c997; /* Old browsers */
        background: -moz-linear-gradient(top, #12c997 0%, #0e89a8 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#12c997), color-stop(100%,#0e89a8)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #12c997 0%,#0e89a8 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #12c997 0%,#0e89a8 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #12c997 0%,#0e89a8 100%); /* IE10+ */
        background: linear-gradient(to bottom, #12c997 0%,#0e89a8 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#12c997', endColorstr='#0e89a8',GradientType=0 ); /* IE6-9 */

        box-shadow: 0 1px 0 rgba(255,255,255,0.5) inset,
                            0 1px 1px rgba(0,0,0,0.21);
}
.social li a:before {
        content:'';
        position:absolute;
        left:0;
        top:0;
        width:22px;
        height:22px;
        background-repeat: no-repeat;
        background-image: url(../images/social.png);
}
.social li.icon1 a:before {background-position: 0 0;}
.social li.icon1 a:hover:before {background-position: 0 -22px;}
.social li.icon2 a:before {background-position: -32px 0;}
.social li.icon2 a:hover:before {background-position: -32px -22px;}
.social li.icon3 a:before {background-position: -64px 0;}
.social li.icon3 a:hover:before {background-position: -64px -22px;}
.social li.icon4 a:before {background-position: -96px 0;}
.social li.icon4 a:hover:before {background-position: -96px -22px;}
.social li.icon5 a:before {background-position: -127px 0;}
.social li.icon5 a:hover:before {background-position: -127px -22px;}
.social li.icon6 a:before {background-position: -159px 0;}
.social li.icon6 a:hover:before {background-position: -159px -22px;}


.team_block .social {padding-top:10px;}
.team_block .social li a {margin:4px 0 0; background-color:#ddd;}
.team_block .social li a:hover {background-color:#979797;}

footer .social li {margin:0 7px 0 0;}









/*-----------------------------------------------------------------------------------*/
/*        MENU
/*-----------------------------------------------------------------------------------*/
.menu_block {
        background: #231F1F; /* Old browsers */

}

.navbar-collapse {
        float:none;
        padding:0;
        text-align:left;
        border:0;
        box-shadow:none;
}
.navbar-nav {float:none;}
.navbar-nav li {
        float:none;
        display:inline-block;
        margin:0 0 0 0px;
        text-align:center;
}
.navbar-nav li.first {margin-left:0;}
.navbar-nav li a {
        position:relative;
        display:block;
        margin: 0;
        padding:12px 50px;
        text-transform:uppercase;
        font-weight:400;
        line-height:15px;
        font-size:13px;
        color:#fff;
        text-shadow: none;
        border-radius:0;
        border:0;
}


.navbar-nav li:hover a,
.navbar-nav li a:focus,
.navbar-nav li.active a {
        color:#FFF9AD;
        background: #352F2F;
        box-shadow:none;
}


/* __________ Submenu __________ */
.sub-menu ul {
        display: none;
        position: absolute;
        z-index: 9990;
        width: 220px;
        left: 0;
        top: 100%;
        padding: 0;
        margin: 0;
        background:#fff;
        border-radius:0;
        border:0;
        box-shadow: 0;
}
.sub-menu ul li  {
        margin:0;
        padding:0;
        width:100%;
        border-top: 0;
}
.sub-menu ul li a:before,
.sub-menu ul li a:after,
.sub-menu ul li:before,
.sub-menu li.last:after  {
        display:none;
}
.sub-menu ul li a {
        margin: 0 !important;
        padding: 10px 10px 10px 30px !important;
        text-transform: none;
        text-align:left !important;
        font-size:13px;
        color:#505050 !important;
        text-shadow: none;
        background:none !Important;
        border:0 !important;
        border-bottom:1px solid rgba(0,0,0,0.05) !important;
}
.sub-menu ul li:last-child a {border-bottom:0 !important;}

.sub-menu ul li a:hover,
.sub-menu ul li.active a {
        color:#fff !important;
        background:#12c997 !important;
}

.sub-menu ul li a span {display:none !important;}

/* _________ //Submenu _________ */

/* __________ Mega Menu ________ */
ul.mega_menu {
        width:480px;
        padding:10px 15px;
        text-align:left !important;
        color:#797979;
}
ul.mega_menu h5 {margin-bottom:5px;}
ul.mega_menu h4 {margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid rgba(255,255,255,0.1);}
ul.mega_menu li.col {
        float:left;
        width:33%;
        margin:0;
        padding-right:10px;
        text-align:left;
}
ul.mega_menu li ol {padding-left:0;}
ul.mega_menu li ol li a {
        border:0 !important;
        padding:4px 5px 4px 0 !important;
        text-align:left !important;
}
ul.mega_menu li ol li.active a,
ul.mega_menu li ol li a:hover {
        color:#221E1F !important;
        background:none !important;
}


/* _________ //Mega Menu _______ */







/*-----------------------------------------------------------------------------------*/
/*        SERVICES
/*-----------------------------------------------------------------------------------*/
.services_block {padding-bottom:15px;}

.service_item a {
        position:relative;
        display:block;
        padding:0px 0px;

}

.service_item a:hover {border-color: #e1e1e1;}
.service_item a:before {
        content:'';
        position:absolute;
        left:50%;
        bottom:-13px;
        width:26px;
        height:26px;
        margin-left:-13px;

}
.service_item a:hover:before {
        opacity:1;
        transform:scale(1);
        -o-transform:scale(1);
        -ms-transform:scale(1);
        -webkit-transform:scale(1);
}

.service_item i {
        display:block;
        vertical-align:top;
        width:80px;
        height:80px;
        margin:0 auto 15px;
}

.service_item p {
        margin:0;
        padding:0 0 19px;
        line-height:20px;
        font-size:15px;
        color:#505050;
        transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
}
.service_item a:hover p {color:#221E1F;}

.service_item span {
        display:block;
        line-height:20px;
        font-size:14px;
        color:#797979;
        transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
}
.service_item a:hover span {color:#505050;}







/*-----------------------------------------------------------------------------------*/
/*        PROJECTS BLOCK
/*-----------------------------------------------------------------------------------*/
.projects_block {
        margin:0 -30px;
        padding:30px 30px 30px;
        min-height:250px;
background: rgba(229,229,229,1);
background: -moz-linear-gradient(top, rgba(229,229,229,1) 0%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(229,229,229,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(229,229,229,1) 0%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(229,229,229,1) 0%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(229,229,229,1) 0%, rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(229,229,229,1) 0%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff', GradientType=0 );

}

.projects_wrapper {margin:0 -3px;}

.project_item {
        float:left;
        width:366px;
        height:293px;
        margin:0 3px 6px;
}
.projects_wrapper:hover .project_item .hover_img {opacity:0.5;}
.projects_wrapper .project_item:hover .hover_img {opacity:1;}

.project_item .hover_img {
        overflow:hidden;
        position:relative;
        height:293px;
        background: #12c997; /* Old browsers */
        background: -moz-linear-gradient(top, #12c997 0%, #0e89a8 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#12c997), color-stop(100%,#0e89a8)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #12c997 0%,#0e89a8 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #12c997 0%,#0e89a8 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #12c997 0%,#0e89a8 100%); /* IE10+ */
        background: linear-gradient(to bottom, #12c997 0%,#0e89a8 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#12c997', endColorstr='#0e89a8',GradientType=0 ); /* IE6-9 */

        transition: opacity 0.3s ease-in-out;
        -webkit-transition: opacity 0.3s ease-in-out;
}
.project_item .hover_img img {
        width:auto;
        max-width:none;
        height:100%;
        transition: opacity 0.3s ease-in-out;
        -webkit-transition: opacity 0.3s ease-in-out;
}
.project_item:hover .hover_img img {opacity:0.35;}

.project_item a.zoom {
        position:absolute;
        left:50%;
        top:20%;
        width:44px;
        height:44px;
        margin:-22px 0 0 -22px;
        opacity:0;
        background-image:url(../images/zoom.png);
        background-repeat:no-repeat;
        background-position:center center;
        background-size:100% auto;
        -webkit-background-size:100% auto;
        transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
}
.project_item:hover a.zoom {opacity:1; top:50%;}



/* Filter */
.projects_block #filter li a {
        padding:0 22px;
        text-transform:uppercase;
        font-size:13px;
        color:#797979;
        background:none;
}
.projects_block #filter li a:hover,
.projects_block #filter li a.selected {
        color:#221E1F;
        background:none;
}










/*-----------------------------------------------------------------------------------*/
/*        CONTENT INFO
/*-----------------------------------------------------------------------------------*/
.content_info {
        margin:0 -30px;
        padding:30px 30px 0px 30px;
}

.right_content {
        width:445px;
        padding-top:64px;
}
.content_info p.title {
        margin:0 0 32px;
        line-height:31px;
        font-size:22px;
        color:#505050;
}

.content_info_list li {
        position:relative;
        margin-bottom:5px;
        padding-bottom:8px;
        padding-left:30px;
        font-size:14px;
        color:#221E1F;
}
.content_info_list li:last-child {border-bottom:0;}
.content_info_list li span.glyphicon {
    position:absolute;
        top:3px;
        left:0;
        width: 15px;
        height: 20px;
        color:#221E1F;
}















/*-----------------------------------------------------------------------------------*/
/*        TAGS
/*-----------------------------------------------------------------------------------*/
.tags a {
        display:inline-block;
        margin:0 1px 4px 0;
        padding:4px 10px 4px 11px;
        font-size:12px;
        color:#c5c5c5;
        background-color:#3d3d3d;
}
.tags a:hover {
        color:#fff;
        background-color:#221E1F;
}

#sidebar .tags a {background-color:#aeaeae; color:#fff;}







/*-----------------------------------------------------------------------------------*/
/*        FOOTER
/*-----------------------------------------------------------------------------------*/
footer {
        overflow:hidden;
        padding:62px 30px 0;
        color:#9b9b9b;
        background-color:#231F1F;
}
footer a {color:#979797;}
footer h2 {
        margin-bottom:21px;
        text-transform:uppercase;
        font-size:19px;
        color:#ffffff;
}
footer h2:before {display:none;}
footer h2 span {background-color:transparent;}

.copyright {
        margin:0 -30px;
        padding:20px 30px 25px;
        color:#fff;
        border-top:1px solid rgba(255,255,255,0.12);
}
.copyright span {color:#221E1F;}
.copyright_logo, .copyright_logo:focus {color:#797979;}





/* __________ Contact Info __________ */
ul.contact_info li {
        position:relative;
        padding-bottom:9px;
        padding-left:27px;
}
ul.contact_info li span {
        position:absolute;
        left:0;
        top:0;
        line-height:20px;
        font-size:15px;
        color:#bbb;
}



/* __________ Latest News __________ */
footer .recent_posts li {
        margin-bottom:17px;
        padding-bottom:14px;
        border-bottom:1px solid rgba(255,255,255,0.12);
}
footer .recent_posts li:last-child {border-bottom:0;}
footer .recent_posts li .recent_posts_img {overflow:hidden; padding-top:3px; width:53px; height:47px;}
footer .recent_posts li .recent_posts_content {padding-left:63px;}
footer .recent_posts li .post_title {font-size:14px; text-transform:uppercase; margin:0;}
footer .recent_posts li .date_block {color:#656464;}















/* __________ Comment Form __________ */
.leave_comment .clear_form,
.contacts_block #ajax-contact-form .clear_form {
        display:inline-block;
        width:auto;
        margin:0 1px 5px 0;
        padding:7px 20px;
        color:#fff;
        background-color:#352F2F;
}
.leave_comment .sent_btn,
.contacts_block #ajax-contact-form .sent_btn {
        display:inline-block;
        width:auto;
        margin:0 7px 10px 0;
        padding:7px 20px;
        color:#fff;
        background-color:#352F2F;
}
.leave_comment .clear_form:hover,
.leave_comment .sent_btn:hover,
.contacts_block #ajax-contact-form .clear_form:hover,
.contacts_block #ajax-contact-form .sent_btn:hover {
        background-color:#221E1F;
}












/*-----------------------------------------------------------------------------------*/
/*        FLICKR
/*-----------------------------------------------------------------------------------*/
.flickrs {margin-right:-5px;}
.FlickrImages li {
        margin:0 5px 5px 0;
        padding:0;
        float:left;
        border:0;
}
.FlickrImages li a {
        overflow:hidden;
        display:block;
        width:81px;
        height:71px;
        background: #12c997; /* Old browsers */
        background: -moz-linear-gradient(top, #12c997 0%, #0e89a8 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#12c997), color-stop(100%,#0e89a8)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #12c997 0%,#0e89a8 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #12c997 0%,#0e89a8 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #12c997 0%,#0e89a8 100%); /* IE10+ */
        background: linear-gradient(to bottom, #12c997 0%,#0e89a8 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#12c997', endColorstr='#0e89a8',GradientType=0 ); /* IE6-9 */
}
.FlickrImages li a img {
        width:100%;
        max-width:none;
        height:auto;
        border:0;
        transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
}
.FlickrImages li a:hover img {opacity: 0.37;}










/*-----------------------------------------------------------------------------------*/
/*        ABOUT
/*-----------------------------------------------------------------------------------*/
.breadcrumbs_block {
             margin-bottom: 60px;
             margin-top: 0px;
             padding: 15px 30px 10px 30px;
             background-color: #FFF9AD;
}
.breadcrumbs_block .overlay, .breadcrumbs_block .overlay_black {display:none;}
.breadcrumbs_content {position:relative; z-index:5;}
.breadcrumbs_block h2 {margin-bottom:0; color:#231F1F;}
.breadcrumbs_block h2:before {display:none;}
.breadcrumbs_block h2 span {background:none;}
.breadcrumb {
        margin:0;
        background: none;
        border-radius:0;
        padding:0;
}
.breadcrumb > li + li:before {color:#fff;}
.breadcrumb li a {font-weight:700; color:#fff;}
.breadcrumb li:last-child a {font-weight:400; cursor:default;}



/* __________ Skills __________ */
.skill-bar {
        position: relative;
        z-index:10;
        display:block;
        margin-bottom: 26px;
        width:100%;
        height:8px;
        background-color:#efefef;
}
.skill-bar i {
        position:absolute;
        right:0;
        top:-35px;
        font-weight:400;
        font-style:normal;
        font-size:13px;
        color:#797979;
}
.skill_item span {
        display:block;
        padding:0 0 15px;
        text-transform:uppercase;
        font-weight:400;
        font-size:13px;
        color:#797979;
}
.progress-complete {
        display: block;
        position: absolute;
        z-index: -1;
        left: 0;
        bottom: 0;
        height:100%;
        background: #221E1F;
}
/* _________ //Skills _________ */




/* __________ Accordion __________ */
#accordion .ui-accordion-header,
.shortcode_toggles_item_title {
        position:relative;
        z-index:2;
        margin-bottom:12px;
        padding: 12px 20px 11px 40px;
        font-weight:400;
        font-size:14px;
        color:#505050;
        background:#fff;
        border:1px solid #e1e1e1;
        cursor:pointer;
        outline:none !important;
        transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
}

#accordion .ui-accordion-header:hover,
#accordion .ui-accordion-header.ui-accordion-header-active,
.shortcode_toggles_item_title:hover,
.shortcode_toggles_item_title .ui-state-active {
        background:#505050;
        color:#fff;
        border-color:#505050;
}

#accordion .ui-accordion-header .ui-icon,
.shortcode_toggles_item_title .ui-icon {
        position:absolute;
        top: 12px;
        left:10px;
        vertical-align:top;
        width:20px;
        height:20px;
        font-family: 'Glyphicons Halflings';
        -webkit-font-smoothing: antialiased;
        font-style: normal;
        font-weight: normal;
        line-height: 16px;
        font-size:12px;
}
#accordion .ui-accordion-header .ui-icon:before {
        position:absolute;
        content: "\2b";
        color:#505050;
        transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
}
#accordion .ui-accordion-header:hover .ui-icon:before {
        color:#fff;
}
#accordion .ui-accordion-header.ui-accordion-header-active .ui-icon:before {
        content: "\2212";
        color:#fff;
}

.shortcode_toggles_item_title .ui-icon:before {
        position:absolute;
        content: "\2b";
        transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
}
.shortcode_toggles_item_title.ui-state-active .ui-icon:before {
        content: "\2212";
}

.shortcode_toggles_item_body {padding-bottom:20px;}
.shortcode_toggles_shortcode .ip,
#accordion .ui-accordion-content {
        padding:17px 25px 5px 23px;
}

/* _________ //Accordion _________ */

/* __________ Tab __________ */
.nav-tabs {border: 0;}
.nav-tabs li a {
        padding:10px 17px 12px;
        text-transform:uppercase;
        line-height:20px;
        font-size:14px;
        color:#505050;
        border-radius: 0;
        border: 0;
        border-bottom:3px solid #fff;
        background-color:#f4f4f4;
}
.nav-tabs li a:hover {
        color:#221E1F;
        background:#f4f4f4;
        border-bottom:3px solid #fff;
}
.nav-tabs li.active a,
.nav-tabs li.active a:hover,
.nav-tabs li.active a:focus {
        color:#505050;
        background:#f4f4f4;
        border: 0;
        border-bottom:3px solid #f4f4f4;
}
.tab-content {
        padding:26px 30px 29px;
        background:#f4f4f4;
        border-bottom:2px solid #ededed;
}
.tab-content .left_block {width:45%;
}
.tab-content .right_block {width:49%;
}
.tab-content iframe {height:159px;
}
.tab-content .list4 li {
        padding:0 0 5px;
}
/* _________ //Tab _________ */

/* __________ Our Team __________ */
.crewman_foto {
        margin-bottom:20px;
        background:#d8d08b;
}
.crewman_foto img {
        opacity: 0.88;
        filter: alpha(opacity=88);
}
.crewman h3 {margin-bottom:0;
}
.crewman p {margin-bottom:10px;
}
.crewman .top_social {
        padding:15px 0;
}
.crewman .top_social li {
        margin:0 0 0 4px;
}
/* _________ //Our Team _________ */





/*-----------------------------------------------------------------------------------*/
/*        404 ERROR
/*-----------------------------------------------------------------------------------*/
.block_404 {padding:0;}
.block_404 h1 {
    font-size: 40px;
    line-height: 42px;
    color: #343434;
    margin: 0 0 6px 0;
}
.block_404 h4 {
    text-transform:none;
        font-size: 16px;
    line-height: 18px;
    color: #666666;
    margin: 0 0 48px 0;
}


/* __________ Input Button __________ */
.search_form {position:relative;}
.search_form:before {
    content: '';
    position: absolute;
    right: 9px;
    top: 9px;
    background-image: url(../images/search_btn.png);
        background-repeat:no-repeat;
        background-size:100% auto;
        -webkit-background-size:100% auto;
    width: 21px;
    height: 21px;
    display: block;
}
.search_form input[type="text"] {
        width:100%;
        margin:0;
        padding-right:40px;
}

.wrapper404 .search_form {
        width:270px;
        margin:0 auto;
}











/*-----------------------------------------------------------------------------------*/
/*        TYPOGRAPHY
/*-----------------------------------------------------------------------------------*/
.list1 li {
        list-style:disc inside;
        color:#505050;
}
.list2 li {
        list-style:circle inside;
        color:#505050;
}
.list3 li {
        list-style:decimal inside;
        color:#505050;
}
.list4 li b.glyphicon {
        padding-right:15px;
        line-height:18px;
        color:#505050;
        font-size:9px;
}
.list1 li span, .list2 li span, .list3 li span {color:#979797;
}

.dropcap {
    display: block;
    float: left;
        margin:0 13px 0 0;
    font-family: 'Open Sans', sans-serif;
        text-transform:uppercase;
        font-weight:600;
    font-size: 43px;
    line-height: 55px;
    padding-top: 0;
}
.dropcap.type4 {
    display: block;
    float: left;
        text-transform:uppercase;
        font-weight:400;
    font-size: 43px;
    line-height: 55px;
    padding: 0 15px;
}

blockquote {
        position:relative;
        padding-top:0 !important;
        padding-left:40px !important;
        border: 0 !important;
}
blockquote:before {
        content:'"';
        position:absolute;
        left:0;
        top:0;
        line-height:70px;
        font-size:90px;
}
blockquote.pull-right {
        padding-right: 0 !important;
        margin-left: 20px !important;
}
blockquote.type1:before {color:#505050;
}
blockquote.type2:before {color:#979797;
}
blockquote p {
        margin-bottom:10px;
        font-weight:inherit;
        line-height: inherit;
        font-size: inherit;
}
blockquote.pull-right p, blockquote.pull-right small {text-align:left !important;
}
blockquote .author {color:#cecece;
}

blockquote.type3 {
        margin-left: 48px;
        padding: 0 0 0 20px !important;
}
blockquote.type3:before {
        content:'';
        top:4px;
        width:1px;
        bottom:2px;
        background-color:#221E1F;
}
blockquote.type3 p {color:#979797; font-style:italic; margin-bottom:8px;}
blockquote.type3 .author {color:#505050;}







/*-----------------------------------------------------------------------------------*/
/*        SHORTCODES
/*-----------------------------------------------------------------------------------*/
.example_col [class^="col-"] {
        padding-top:15px;
        padding-bottom:15px;
        background:#f9f9f9;
        border:1px solid #ddd;
}

hr {border-color:#ececec;}
.divider_light {border-color:#979797;}
.divider_dark {border-color:#505050;}
.divider_colored {border-color:#221E1F;}

.alert {
        background-image: inherit !important;
        border: 0;
        box-shadow: none;
        text-shadow: none;
        border-radius: 0;
}
.close {
        font-weight:400;
        opacity: 1;
        filter: alpha(opacity=100);
        text-shadow: none;
}

.frame340 iframe {
        width:340px;
        height:191px;
        margin:7px 21px 10px 0;
}
.pull-right.frame340 iframe {
        margin:7px 0 10px 21px;
}

/* __________ Price Table __________ */
.module_price_table {
        overflow:hidden;
}
.price_item {
        display:inline-block;
        float:left;
        width:20%;
}
.price_item .price_item_wrapper {
        padding-left:1px;
}
.price_item:first-child .price_item_wrapper {
        padding-left:0;
}
.price_item_title {
        background:#505050;
        padding:13px 20px;
        text-align:center;
}
.price_item_title h6 {
        color:#fff;
        font-size:16px;
        line-height:18px;
        margin:0;
        font-weight:700;
}
.most_popular .price_item_title h6 {color:#fff;}
.price_item_cost {
        padding:22px 20px 11px 20px;
        text-align:center;
}
.price_item_cost h3 {
        font-size:30px;
        line-height:32px;
        font-weight:700;
        color:#505050;
}
.price_item_cost h3 span {
        font-size:16px;
        line-height:32px;
        font-weight:400;
        color:#505050;
        text-transform:none;
}
.price_item_text {
        background:#dddddd;
        color:#505050;
        text-align:center;
        line-height:16px;
        padding:9px 20px 11px 20px;
        margin-bottom:1px;
}
.most_popular .price_item_text {
        background:#ededed;
}
.price_item_btn a {
        display:block;
        padding:10px 10px;
        font-size:14px;
        text-align:center;
        text-transform:uppercase;
        font-weight:700;
        color:#fff;
        background-color:#505050;
}
.price_item_btn a:before {display:none;}
.most_popular .price_item_btn a,
.price_item_btn a:hover {
        background:#221E1F;
        color:#fff;
}
.most_popular .price_item_title {
        background:#221E1F;
}
.most_popular .price_item_cost h2,
.most_popular .price_item_cost h2 span {
        color:#221E1F;
}
/* _________ //Price Table _________ */

/* __________ Icons __________ */
.icons_block li {
        float:left;
        width: 20%;
        padding-bottom:3px;
}
.icons_block li span {
        padding-right:7px;
        color:#444;
}
/* _________ //Icons _________ */

/* __________ Testimonials __________ */
.testimonials_item p {margin-bottom:7px;}
.testimonials_item .testimonials_author span {text-transform:uppercase; color:#dadada; font-size:14px;}
/* _________ //Testimonials _________ */







/*-----------------------------------------------------------------------------------*/
/*        BLOG
/*-----------------------------------------------------------------------------------*/
.blog_post,
.post {padding-bottom:30px;
}
.portfolio_post h2,
.blog_post h2,
.post h2 {
        margin-bottom:6px;
}
h2 .glyphicon {
        vertical-align:top;
        padding:2px 7px 0 0;
        font-size:15px;
}
.post p {margin-bottom:7px;}
.post_meta {        padding-bottom:13px;}
span.sep {padding:0 8px;}
.post_img {margin-bottom:12px;}
.post_img iframe {height:465px;}

/* __________ Comments __________ */
#comments ol {
        padding:0;
        margin:0;
        list-style:none;
}
#comments li {
        padding:0 0 20px 0;
}
.avatar {
        margin-right:11px;
}
.comment_right {display:table;
}
.comment_info {
        padding-bottom:7px;
        color:#b9b9b9;
}

#comments ol li ul li {
        padding:20px 0 0 30px;
        margin:0;
}

.leave_comment input[type="text"] {width:32.8%;
}
.leave_comment textarea {
        width:99.5%;
        min-height: 130px;
}
/* _________ //Comments _________ */

/* __________ Pagination __________ */
.pagination li a:focus,
.pagination li a {
        display:block;
        margin:0 5px 5px 0;
        padding: 6px 12px;
        border-radius: 0 !important;
        border:0;
        background:none;
        color:#9c9c9c;
}
.pagination li.active a:focus,
.pagination li.active a:hover,
.pagination li a:hover,
.pagination li.active a {
        background:#ddd;
        color:#444;
}
.pagination li.next a:hover,
.pagination li.prev a:hover {
        background:none;
        color:#444;
}

/* _________ //Pagination _________ */

/* __________ Sidebar __________ */
.sidepanel {
        margin-bottom:35px;
}

.popular_products li,
.recent_posts li {margin-bottom:10px;
}
.popular_products .popular_product_img img {width:70px;}
.popular_product_descr,
.recent_posts_content {padding-left:85px;
}
.popular_product_descr a.title,
.post_title {
        display:block;
        margin-bottom:8px;
}
.popular_product_descr span.price {display:block; padding-top:7px;}

/* Tweets */

.tweet_module .tweet_list li {
        margin-bottom:14px;
        padding-left:30px;
        padding-bottom:10px;
        border-bottom: 1px solid rgba(255,255,255,0.12);
        background-image:url(../images/tweets_bg2.png);
        background-repeat: no-repeat;
        background-position:left top;
}
footer .tweet_module .tweet_list li {background-image:url(../images/tweets_bg.png);}
.tweet_module .tweet_list li:last-child {
        padding-bottom:0;
        border-bottom:0;
}
.tweet_module .tweet_time {display:block;}
footer .tweet_module .tweet_time a {color:#221E1F;}

/* //Tweets */

/* _________ //Sidebar _________ */





/*-----------------------------------------------------------------------------------*/
/*        CONTACTS
/*-----------------------------------------------------------------------------------*/
#map {margin-bottom:40px;}
.contacts_info li {padding:0 0 6px;}

.top_form  input[type="text"],
.top_form textarea {width:99%;
}




/*-----------------------------------------------------------------------------------*/
/*        PORTFOLIO
/*-----------------------------------------------------------------------------------*/
/* __________ Isotope Styles __________ */
.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
          transition-duration: 0.8s;
}
.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
          transition-property:         transform, opacity;
}
.isotope.infinite-scrolling {
  -webkit-transition: none;
     -moz-transition: none;
          transition: none;
}

/* __________ Filter __________ */

#filter li {display:inline-block; margin-bottom:4px;
}
#filter li a {
        display:block;
        padding:6px 12px;
        border: 0;
        background-color:#f4f4f4;
}
#filter li a.selected {background-color:#221E1F; color:#fff;}
#projects .columns1 .project {
        width:100%;
}
#projects .columns1 .hover_img {margin-bottom:10px;
}

.load_more_cont {
        width:100%;
        padding:10px 0 0;
}


/* __________ Portfolio Item __________ */
.portfolio_block .project .hover_img {position:relative; background-color:#f9cdad;}
.portfolio_block .project .hover_img:before {content:''; position:absolute; z-index:10; left:0; top:0; width:100%; height:100%; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.portfolio_block .project:hover .hover_img:before {background-color:rgba(0,0,0,0.38);}
.portfolio_block .project .hover_img img {opacity:0.92;}
.portfolio_block .hover_img .zoom {
        display:block;
        position:absolute;
        z-index:100;
        left:0;
        top:0;
        width:100%;
        height:100%;
        background: rgba(0,0,0,0);
}
.portfolio_block .project_descr {
        position:relative;
        padding:37px 10px 14px;
        color:#979797;
        background-color:#f4f4f4;
        border-bottom:2px solid #ededed;
        transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
}
.portfolio_block .project:hover .project_descr {border-bottom-color:#352F2F;}
.portfolio_block .project_descr h4 {margin-bottom:11px;}






/*-----------------------------------------------------------------------------------*/
/*        SHOP
/*-----------------------------------------------------------------------------------*/
.sorting_options {
        margin-bottom:30px;
        padding:10px 15px;
        background:#f4f4f4;
        border-bottom:2px solid #ededed;
}
.sorting_options_text {
        display:inline-block;
        vertical-align:top;
        padding:5px 20px 5px 0;
}
.sorting_options .btn-compare {
        display:inline-block;
        vertical-align:top;
        margin-right:20px;
        padding:5px 20px;
        background-color:#ddd;
        color:#444;
}
.sorting_options .btn-compare:hover {
        color:#fff;
        background-color:#797979;
}

#toggle-sizes {display:inline-block; padding-left:17px;}
#toggle-sizes a {
        display:inline-block;
        width:30px;
        height:30px;
        color:#ddd;
        font-size:21px;
        line-height:30px;
}
#toggle-sizes a:hover {color:#797979;}
.sorting_options .pagination {margin:0; border-radius:0;}
.sorting_options .pagination li a {margin-bottom:0;}

/* __________ Sorting __________ */
.product_sort {position:relative; display:inline-block;}
.filter_btn {
        min-width:200px;
        height:30px;
        padding:0 0 0 20px;
        background-color:#fff;
        cursor:pointer;
}
.filter_btn span.glyphicon {
        padding-right:10px;
        line-height:30px;
        font-size:9px;
        color:#797979;
}
.product_sort #filter {
        position:absolute;
        z-index:500;
        top:31px;
        left:0;
        min-width:200px;
}
.product_sort #filter li {
        display:block;
        margin:0;
}
.product_sort #filter li a {
        display:block;
        margin:0;
        padding-left:20px;
        text-align:left;
        background-color:#e3e3e3;
        color:#505050;
}
.product_sort #filter li a:hover,
.product_sort #filter li a.selected {
        color:#221E1F;
        background-color:#e3e3e3;
}

.size_btn a {
        display:inline-block;
        text-transform:none;
        font-size:13px;
        cursor:pointer;
        color:#979797;
}
.size_btn a .glyphicon {padding-right:10px; color:#e3e3e3;}
.size_btn a .glyphicon:before {
        content: "\e012";
}
.size_btn a .glyphicon.glyphicon-th:before {
        content: "\e011";
}

/* _________ //Sorting _________ */

/* __________ Product __________ */
.product_item {overflow:hidden; position:relative;}
.product_item .hover_img {width:100%; background-color:#221E1F;}
.product_item .hover_img img {opacity:0.88;}
.product_item .project_descr {
        position:absolute;
        left:0;
        bottom:-120px;
        width:100%;
        padding:25px 10px 24px;
        color:#979797;
        background-color:#fff;
        transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
}
.product_item .project_descr h4 {
        margin-bottom: 11px;
        font-weight:400;
}
.product_item:hover .project_descr {bottom:0;}
.product_item .project_descr p {display:none;}
.product_item .item_btn_in {
        position:absolute;
        top:-100px;
        left:0;
        right:0;
        transition: all 0.4s ease-in-out;
        -webkit-transition: all 0.4s ease-in-out;
}
.product_item:hover .item_btn_in {top:34%;}
.product_item .item_btn_in a {
        padding:7px 20px;
        text-transform:uppercase;
        font-size:13px;
        background-color:#fff;
}
.product_item .item_btn_in a:focus,
.product_item .item_btn_in a:hover {
        color:#fff;
        background-color:#12c997;
}
.product_item .item_btn_in a:focus:before,
.product_item .item_btn_in a:hover:before {
        border-color:#fff;
}
/* _________ //Product _________ */

/* __________ Resized __________ */
.variable-sizes .element {width:100% !Important;}
.variable-sizes .hover_img {float:left; width:255px !Important; margin-right:30px;}
.variable-sizes .product_item .item_btn_in {
        bottom:15px;
        right:15px;
        left:auto;
        top:auto;
}
.variable-sizes .product_item .item_btn_in a {
        color:#fff !important;
        background-color:#aeaeae !important;
}
.variable-sizes .product_item .item_btn_in a:hover {
        color:#fff !important;
        background-color:#505050 !Important;
}
.variable-sizes .project_descr {
        position:static;
        float:left;
        width:65%;
        padding-top:0;
        padding-left:0;
        padding-bottom:60px;
        text-align:left;
        border:0;
        background-color: transparent;
        transition: none;
        -webkit-transition: none;
}
.variable-sizes .product_item .project_descr span {display:block; margin:-5px 0 20px;}
.variable-sizes .product_item .project_descr p {display:block;}
/* _________ //Resized _________ */

/* __________ Shopping Cart __________ */
#cart {
        padding: 18px;
        background-color: #f4f4f4;
        border-bottom:2px solid #ededed;
}
#cart .close {color:#f00;}
.cart-items {
        border-bottom: 1px solid #ededed;
        padding: 0 0 10px 0;
}
.cart-items li {margin: 0 0 10px 0;
}
.cart-items li:last-child {margin: 0;
}
.cart-item-amount {
        display: block;
        font-size: 12px;
}
.cart-subtotal {
        display: block;
        margin: 8px 0;
}
.cart-subtotal strong {color: #505050; font-weight:400;
}

/* __________ Price Filter __________ */
#price-range input {
        padding: 0;
        background: 0;
        border: 0;
        box-shadow: none;
        margin: 2px 0 0 7px;
        width: 100px;
        height:20px;
}
#price-range label {
        float: left;
        font-weight:400;
        color:#505050;
}
.padding-range {
        padding: 0 8px;
}
#slider-range {
        margin: 0 0 16px 0;
}
#price-range .ui-slider {
        position: relative;
        text-align: left;
}
#price-range .ui-slider .ui-slider-handle {
        position: absolute;
        z-index: 2;
        width: 17px;
        height: 17px;
        margin-top: 1px;
        cursor: w-resize;
        transition: none !important;
        -webkit-transition: !important;
}
#price-range .ui-slider .ui-slider-range {
        position: absolute;
        z-index: 1;
        height: 14px;
        display: block;
        border: 0;
        background-position: 0 0;
}
#price-range .ui-widget-content {
        background-color: #f2f2f2;
        padding: 2px 0;
}
#price-range .ui-widget-header {background: #221E1F;
}
#price-range .ui-state-default {background: #ddd;
}
#price-range .ui-slider.ui-state-disabled .ui-slider-handle,
#price-range .ui-slider.ui-state-disabled .ui-slider-range {
        filter: inherit;
}
#price-range .ui-slider-horizontal {
        height: .8em;
}
#price-range .ui-slider-horizontal .ui-slider-handle {
        top: -.3em;
        margin-left: -.6em;
}
#price-range .ui-slider-horizontal .ui-slider-range {
        top: 0;
        height: 100%;
}
#price-range .ui-slider-horizontal .ui-slider-range-min {
        left: 0;
}
#price-range .ui-slider-horizontal .ui-slider-range-max {
        right: 0;
}
/* _________ //Price Filter _________ */

/* __________ Product __________ */

.product_item3 {
        position:relative;
        border-width:4px;
        border-style:solid;
        border-color:transparent;
        border-color:#FFF9AD;
        width: 529px;
        height: 330px;
}
.product_item3:hover {
        border-color:#FFF9AD;
}

.product_foto {display:block; background-color:#f5f5f5;}
.product_inf {padding:25px 5px 26px 20px;}
.product_inf h4 {margin-bottom:11px;}
.product_inf .price {margin-bottom:21px; font-size:17px;}
.old_price {float:left; padding-right:13px; text-decoration:line-through; font-size:17px; color:#797979;}
.product_inf .add_cart {
        display:inline-block;
        margin-right:5px;
        padding:6px 8px;
        text-transform:uppercase;
        font-size:14px;
        color:#505050;
        border:2px solid #505050;
        background-color:transparent;
}
.product_inf .add_cart:hover,
.product_inf .btn_like2:hover,
.product_inf .btn_com:hover {background-color:#505050; border-color:#505050; color:#fff;}
.product_inf .btn_com {
        margin-right:0;
        transition-delay: 0.1s;
        -webkit-transition-delay: 0.1s;
}
.product_inf .btn_like2, .product_inf .btn_com {
        display:inline-block;
        margin-top:-1px;
        margin-right:5px;
        padding:6px 8px;
        border:2px solid #ddd;
        font-size:20px;
        opacity: 0;
        filter: alpha(opacity=0);
        transform: translateX(-50%);
        -o-transform: translateX(-50%);
        -ms-transform: translateX( -50%);
        -webkit-transform: translateX(-50%);
}
.product_item2:hover .product_inf .btn_like2,
.product_item2:hover .product_inf .btn_com {
        opacity: 1;
        filter: alpha(opacity=100);
        transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
        -webkit-transform: translateX(0);
}

.sale {
        position:absolute;
        z-index:10;
        left:0;
        top:10px;
        padding:9px 15px;
        text-transform:uppercase;
        font-weight:700;
        font-size:15px;
        color:#fff;
        background-color:#221E1F;
}

/* _________ //Product _________ */



/*-----------------------------------------------------------------------------------*/
/*        PRODUCT PAGE
/*-----------------------------------------------------------------------------------*/
/* __________ Rating __________ */
.rating {
        overflow: hidden;
        display: inline-block;
        margin-right:25px;
}
.rating-input {
        display:none;
        position: absolute;
        left: 0;
        top: -50px;
}
.rating:hover .rating-star:hover,
.rating:hover .rating-star:hover ~ .rating-star,
.rating-input:checked ~ .rating-star {
        color:#221E1F;
}
.rating-star,
.rating:hover .rating-star {
        float: right;
        display: block;
        margin:0 5px 0 0;
        width: 14px;
        height: 14px;
        line-height:12px;
        color:#e3e3e3;
        font-size:15px;
}
/* _________ //Rating _________ */

.type2 h2 {margin-bottom:15px;}
.type2 .rating:hover .rating-star:hover,
.type2 .rating:hover .rating-star:hover ~ .rating-star,
.type2 .rating-input:checked ~ .rating-star {
        color:#ffc24d;
}
.price_block {padding-top:11px;}
.type2 .product_price {
        line-height:27px;
        font-size:29px;
        color:#221E1F;
}
.type2 .old_price {
        padding-right:22px;
        line-height:27px;
        font-size:18px;
}
.color_choice li {
        display:inline-block;
        margin-right:6px;
        padding:1px;
        box-shadow: 0 0 0 1px #e4e4e4;
        transition: box-shadow 0.3s ease-in-out;
        -webkit-transition: box-shadow 0.3s ease-in-out;
}
.color_choice li:focus,
.color_choice li:hover {
        box-shadow: 0 0 0 1px #000;
}
.color_choice li a {
        display:block;
        width:21px;
        height:21px;
        border:1px solid #000;
}
.color_choice li.color1 a {background-color:#000;}
.color_choice li.color2 a {background-color:#fff; border-color:#e4e4e4;}
.color_choice li.color3 a {background-color:#cb3210; border-color:#cb3210;}

.quantity_block li {float:left;}
.quantity_block .product_inf {padding:0;}
.quantity_block .product_inf .btn_like2,
.quantity_block .product_inf .btn_com {
        opacity: 1;
        filter: alpha(opacity=100);
        transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
        -webkit-transform: translateX(0);
}
.quantity {
        padding:8px 23px 8px 0;
        text-transform:uppercase;
        font-size:14px;
        color:#505050;
}

.quantity_block .product-amount form {
        overflow:hidden;
        position:relative;
        margin:0 20px 10px 0;
        border:1px solid #e6e6e6;
}
.quantity_block .product-amount input:focus,
.quantity_block .product-amount input {
        width: 85px;
        height:34px;
        margin:0;
        padding: 0 27px 0 10px;
        text-align: left;
        font-size:15px;
        color:#505050;
        border:0;
        background-color:#fff;
        background-image:url(../images/product-amount-bg.png);
        background-repeat:no-repeat;
        background-position:right bottom;
}
.quantity_block .product-amount a {
        position:absolute;
        right:0;
        display:inline-block;
        vertical-align:top;
        width:27px;
        height:17px;
        line-height:17px;
        color:#fff;
        border:0;
        text-indent:-999px;
}
.quantity_block .product-amount a.plus {top:0;}
.quantity_block .product-amount a.minus {bottom:0;}

.quantity_block .product_inf .btn {border:2px solid #e4e4e4;}
.quantity_block .product_inf .btn.add_cart {border-color:#221E1F; color:#221E1F;}
.quantity_block .product_inf .btn.add_cart:hover {border-color:#221E1F; color:#fff; background-color:#221E1F;}
.quantity_block .product_inf .btn:hover {border-color:#505050; background-color:transparent; color:#505050;}

/* __________ Product Social __________ */
.product_social {padding:29px 0 21px;}
.product_social li {
        display:inline-block;
        margin:0 5px 8px 0;
}
.product_social li a {
        display:block;
        width:30px;
        height:30px;
        border-radius:50%;
        background-repeat: no-repeat;
        background-image: url(../images/product_social.png);
        opacity:0.7;
}
.product_social li a:hover {opacity:1;}
.product_social li a.soc1 {background-position: 0 0;}
.product_social li a.soc2 {background-position: -38px 0;}
.product_social li a.soc3 {background-position: -76px 0;}





/*-----------------------------------------------------------------------------------*/
/*        JCAROUSEL STYLES
/*-----------------------------------------------------------------------------------*/
.jcarousel-wrapper {position: relative;}
.jcarousel {position: relative; overflow: hidden; width: 100%; padding-bottom:71px;}
.jcarousel ul {width: 20000em; position: relative;}
.jcarousel li {float: left; margin-right:30px;}

.jcarousel-control-prev,
.jcarousel-control-next {
        display:inline-block;
        width:25px;
        height:25px;
        margin:0 0 0 2px;
        background-image:url(../images/jcarousel_arrows.png);
        background-repeat:no-repeat;
        background-color:#505050;
}
.jCarousel_pagination a:hover {background-color:#221E1F;}
.jCarousel_pagination a.inactive {
        background-color:#505050;
        cursor:default;
}
.jcarousel-control-prev {background-position:0 0;}
.jcarousel-control-next {background-position:-25px 0;}

.product_page .jCarousel_pagination {position:relative; z-index:2; margin:-52px 0 52px;}
.product_page .jcarousel {padding-bottom:0;}



/* __________ Our Works Carousel __________ */
.jcarousel-pagination {
        position:absolute;
        right:0;
        top:-40px;
        text-align:right;
}
.jcarousel-pagination a {
        display:inline-block;
        width:12px;
        height:12px;
        margin:0 2px 0 5px;
        font-size:0;
        background-color:#e1e1e1;
        border-radius:50%;
        border:1px solid rgba(0,0,0,0.07);
        text-indent:-9999px;
        box-shadow: 0 1px 0 rgba(184,184,184,0.75) inset,
                                0 2px 3px #fff;
}
.jcarousel-pagination a.active {
        background-color:#221E1F;
        border-color:#221E1F;
        box-shadow: none;
}

.projects_block .jcarousel-wrapper {margin:-2px;}
.projects_block .jcarousel {padding:2px;}
.projects_block .jcarousel li {width:255px;}









/*-----------------------------------------------------------------------------------*/
/*        FIX WEBKIT BROUSERS
/*-----------------------------------------------------------------------------------*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
        #newsletter-form input.input_wt {padding:11px 55px 11px 17px;}

}





/*-----------------------------------------------------------------------------------*/
/*        RESPONSIVE STYLES
/*-----------------------------------------------------------------------------------*/

@media (max-width: 1024px) and (-webkit-min-device-pixel-ratio:0) {

        #sidebar input {width:100%;}
        #sidebar .search_btn {width:100%;}

}

@media (max-width: 1024px) {

        .block_404 {min-height:300px !important;}
        .wrapper404 {padding-top:97px !important; padding-bottom:97px !important;}

        #sidebar .search_form .btn, #sidebar input[type="text"] {width:100%;}

}

@media (min-width: 992px) and (max-width: 1199px) {

/* __________ Menu __________ */
        .is-sticky .menu_block {width:970px; margin-left:-485px;}


        .navbar-nav li a {padding-left:30px; padding-right:30px;}
/* _________ //Menu _________ */

/* __________ INDEX PAGE __________ */
        header {padding:20px 30px 10px;}


        .service_item a {padding:20px 15px 30px;}
        .service_item i {width:61px; height:61px;}
        .service_item span {font-size:11px; line-height:17px;}


        .project_item {width:299px; height:239px;}
        .project_item .hover_img {height:239px;}
        .project_item a.zoom {width:23px; height:23px; margin:-11px 0 0 -11px;}


        .content_info {padding:60px 30px 0 30px;}
        .content_info_img {width:450px;}
        .right_content {padding-top:30px;}


        .FlickrImages li a {width:64px; height:62px;}


/* _________ //INDEX PAGE _________ */


/* __________ Shop __________ */
        .product_item .item_btn_in a.btn {margin-bottom:5px; padding:4px 10px; font-size:13px;}
        .product_inf .btn {margin-bottom:5px;}
        .variable-sizes .hover_img {width:205px !important;}
/* _________ //Shop _________ */

/* __________ Blog __________ */
        .post_img iframe {height:380px;}
/* _________ //Blog _________ */


        footer .FlickrImages {padding-right:0;}


}

@media (min-width: 768px) and (max-width: 991px) {

/* __________ Menu __________ */
        .menu_block:before {display:none;}
        .menu_block {width:auto;}

        .navbar-collapse {max-height:none; margin:0; padding:0;}
        .navbar-toggle {position:relative; z-index:100; display:block; margin: 4px 0 0; padding:0; width:40px; height:40px; border-radius:0; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
        .navbar-toggle em { display: block; background-color: #fff; height: 3px; margin: 0 0 3px; width: 24px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
        .navbar-toggle:hover em {background-color:#FFF9AD;}
        .navbar-nav {float:none; text-align:left; margin:0;}
        .navbar-nav li {width:100% !important; margin:0; padding-bottom:5px; padding-left:15px; text-align:left; border:0;}
        .navbar-nav li:before {display:none;}
        .navbar-nav li a {margin:0; padding:0; display:inline-block; border:0;}
        .navbar-nav li.menu_middle a {margin-right:0;}
        .navbar-nav li:hover a, .navbar-nav li a:focus, .navbar-nav li.active a {background:none !Important; color:#FFF9AD;}
        .navbar-nav li a:before, .navbar-nav li a:after {display:none;}

        .sub-menu ul {display:none !important; position:static; border:0; margin:0; padding-top:4px; padding-left:0; background-color:transparent; box-shadow:none;}
        .sub-menu ul:before {display:none;}
        .sub-menu:hover ul {display:block !important;}
        .sub-menu ul li a {border:0 !important; padding:0 !important; display:inline-block; color:#fff !important;}
        .sub-menu ul li.active a, .sub-menu ul li a:hover {color:#333 !important; background:none !important;}
        .sub-menu ul li a span {display:inline-block !important; padding:0 7px 0 3px;}

        /* Mega Menu */
        ul.mega_menu {width:100%; color:#fff;}
        ul.mega_menu li.col {width:33% !important;}
        ul.mega_menu .color_text {font-weight:700;}
        ul.mega_menu li ol li a {padding:1px 5px 1px 0 !important;}
        ul.mega_menu li ol li.active a, ul.mega_menu li ol li a:hover {color:#333 !important;}
        ul.mega_menu h4, ul.mega_menu h5 {font-size:12px; color:#fff !Important;}
        ul.mega_menu h4 {border-bottom:1px solid rgba(255,255,255,0.15);}

/* _________ //Menu _________ */

         .product_item2 {max-height:260px;
                         max-width:200px;}


/* ______ ____ INDEX PAGE __________ */
        header {padding:20px 30px 47px;}
        .logo {padding:0 0 20px;}
        .logo a {font-size:26px; line-height:30px;}


        .service_item a {padding:0px 0px 0px;}
        .service_item p {font-size:12px; line-height:17px;}
        .service_item i {width:61px; height:61px;}
        .service_item span {font-size:10px; line-height:16px;}


        .project_item {width:226px; height:181px;}
        .project_item .hover_img {height:181px;}
        .project_item a.zoom {width:23px; height:23px; margin:-11px 0 0 -11px;}



        .content_info_img {width:380px;}
        .right_content {padding-top:30px; width:320px;}
        .content_info p.title {font-size:18px; line-height:22px; margin-bottom:20px;}
        .content_info_list li {padding-left:15px; font-size:11px;}


        .FlickrImages li a {width:64px; height:62px;}



/* _________ //INDEX PAGE _________ */

        .respon_clear {clear:both; height:0; font-size:0;}

/* __________ Shop __________ */
        .sorting_options .pagination {margin-top:15px;}
        .product_inf .btn {margin-bottom:5px;}
        .variable-sizes .hover_img {width:205px !important;}
        .variable-sizes .project_descr {width:274px;}
/* _________ //Shop _________ */

/* __________ Blog __________ */
        .leave_comment input[type="text"] {width:32.6%;}

        .post_img iframe {height:287px;}
/* _________ //Blog _________ */

        footer .FlickrImages {padding-right:0;}


}

@media (max-width: 767px) {
        #style-switcher {display:none !important;}

         .product_item2 {max-height:226px;
                         max-width:175px;}

/* __________ Menu __________ */
        .menu_block:before {display:none;}
        .menu_block {width:auto;}

        .navbar-collapse {max-height:none; margin:0; padding:0;}
        .navbar-toggle {position:relative; z-index:100; display:block; margin: 4px 0 0; padding:0; width:40px; height:40px; border-radius:0; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
        .navbar-toggle em { display: block; background-color: #fff; height: 3px; margin: 0 0 3px; width: 24px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
        .navbar-toggle:hover em {background-color:#FFF9AD;}
        .navbar-nav {float:none; text-align:left; margin:0;}
        .navbar-nav li {width:100% !important; margin:0; padding-bottom:5px; padding-left:15px; text-align:left; border:0;}
        .navbar-nav li:before {display:none;}
        .navbar-nav li a {margin:0; padding:0; display:inline-block; border:0;}
        .navbar-nav li.menu_middle a {margin-right:0;}
        .navbar-nav li:hover a, .navbar-nav li a:focus, .navbar-nav li.active a {background:none !Important; color:#FFF9AD;}
        .navbar-nav li a:before, .navbar-nav li a:after {display:none;}

        .sub-menu ul {display:none !important; position:static; border:0; margin:0; padding-top:4px; padding-left:0; background-color:transparent; box-shadow:none;}
        .sub-menu ul:before {display:none;}
        .sub-menu:hover ul {display:block !important;}
        .sub-menu ul li a {border:0 !important; padding:0 !important; display:inline-block; color:#fff !important;}
        .sub-menu ul li.active a, .sub-menu ul li a:hover {color:#333 !important; background:none !important;}
        .sub-menu ul li a span {display:inline-block !important; padding:0 7px 0 3px;}

        /* Mega Menu */
        ul.mega_menu {width:100%; color:#fff;}
        ul.mega_menu li.col {width:33% !important;}
        ul.mega_menu .color_text {font-weight:700;}
        ul.mega_menu li ol li a {padding:1px 5px 1px 0 !important;}
        ul.mega_menu li ol li.active a, ul.mega_menu li ol li a:hover {color:#333 !important;}
        ul.mega_menu h4, ul.mega_menu h5 {font-size:12px; color:#fff !Important;}
        ul.mega_menu h4 {border-bottom:1px solid rgba(255,255,255,0.15);}

/* _________ //Menu _________ */

/* __________ INDEX PAGE __________ */
        header {padding:20px 30px 16px;}
        .logo {padding:0 0 20px;}
        .logo a {font-size:26px; line-height:30px;}


        .service_item a {padding:0px 0px 0px;}
        .service_item p {font-size:12px; line-height:17px;}
        .service_item i {width:61px; height:61px;}
        .service_item span {font-size:10px; line-height:16px;}


        .projects_block #filter li a {padding:0 10px;}
        .projects_wrapper {width:420px; margin:0 auto;}
        .project_item {width:203px; height:181px;}
        .project_item .hover_img {height:181px;}
        .project_item a.zoom {width:23px; height:23px; margin:-11px 0 0 -11px;}


        .content_info {padding:30px 30px 0 20px;}
        .content_info_img {width:340px;}
        .right_content {padding-top:10px; width:290px;}
        .content_info p.title {font-size:18px; line-height:22px; margin-bottom:20px;}
        .content_info_list li {padding-left:15px; font-size:11px;}


        .FlickrImages li a {width:64px; height:62px;}

/* _________ //INDEX PAGE _________ */


/* __________ Shortcodes __________ */
        .price_item {width:100%; float:none; margin-bottom:20px;}

        .icons_block li {width:100%;}
/* _________ //Shortcodes _________ */

/* __________ Shop __________ */
        .shop_block .col-xs-6 {width:49.8%;}
        .sorting_options .pagination {margin-top:10px;}
        #toggle-sizes {margin-top:10px;}
        .product_item .item_btn_in a.btn {margin-bottom:5px;padding:3px 8px; font-size:12px;}
        .sorting_options .btn {margin-top:10px;}
        .product_sort {margin-top:10px;}
        #toggle-sizes {display:none;}
/* _________ //Shop _________ */

/* __________ Blog __________ */
        .leave_comment input[type="text"] {width:99.5%;}
/* _________ //Blog _________ */
        .wrapper404 {padding-top:37px !important;}
        .wrapper404 h1 {font-size:26px; line-height:34px;}
        .wrapper404 h4 {font-size:15px; line-height:20px;}
        .wrapper404 .search_form {width:260px;}


        footer .FlickrImages {padding-right:0;}



}

@media (max-width: 479px) {
        .breadcrumbs_content .pull-right, .breadcrumbs_content .pull-left {float:none !important;}
         h2 {font-size:14px;}



/* __________ Menu __________ */
        .navbar-collapse {max-width:260px;}

        /* Mega Menu */
        ul.mega_menu li.col {width:100% !important; float:none; padding-bottom:10px;}

/* _________ //Menu _________ */

       .product_item2 {max-height:182px;
                       max-width:140px;}

/* __________ INDEX PAGE __________ */
        .social {float:none !important; padding:0 0 10px;}
        .social li {margin-left:2px;}

        .logo {float:none;}


        .projects_wrapper {width:260px;}
        .project_item {width:123px; height:99px;}
        .project_item .hover_img {height:99px;}


        .content_info_img {width:290px;}
        .right_content {float:none !important; width:100%; padding-left:30px;}


/* __________ //INDEX PAGE __________ */



/* __________ Shortcodes __________ */
        .nav-tabs li {float:none; width:100%;}

        .frame340 iframe {width:260px;}
/* _________ //Shortcodes _________ */

/* __________ Shop __________ */
        .product_sort {margin-top:10px;}
/* _________ //Shop _________ */

/* _________ Blog __________ */
        .post_img iframe {height:237px;}
/* ________ //Blog _________ */


        footer .latest_news_item .recent_post {float:left !important; margin-right:20px;}


        .copyright .pull-left, .copyright .pull-right {float:none !important; text-align:left;}
        .socials {margin-top:10px;}



/* __________ Bootstrap Style __________ */
        .col-ss-1, .col-ss-2, .col-ss-3, .col-ss-4, .col-ss-5, .col-ss-6, .col-ss-7, .col-ss-8, .col-ss-9, .col-ss-10, .col-ss-11 {float: left;}
        .col-ss-12 {width: 100%;}
        .col-ss-11 {width: 91.66666666666666%;}
        .col-ss-10 {width: 83.33333333333334%;}
        .col-ss-9 {width: 75%;}
        .col-ss-8 {width: 66.66666666666666%;}
        .col-ss-7 {width: 58.333333333333336%;}
        .col-ss-6 {width: 50%;}
        .col-ss-5 {width: 41.66666666666667%;}
        .col-ss-4 {width: 33.33333333333333%;}
        .col-ss-3 {width: 25%;}
        .col-ss-2 {width: 16.666666666666664%;}
        .col-ss-1 {width: 8.333333333333332%;}

}