/*-----------------------------------------------------------------------------------*/
/*        GENERAL STYLING
/*-----------------------------------------------------------------------------------*/
a, input, select, textarea {
        vertical-align:top;
        outline:none !important;
        -webkit-appearance: none;
        -webkit-border-radius: 0;
}
textarea {
        resize: none;
}
img {
        outline:0;
        vertical-align:top;
        border:0;
        max-width:100.1%;
        height:auto;
}
a {
        color:#1A1A18;
        transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
}
a:hover, a:focus {
        text-decoration:none;
        color:#1A1A18;
}
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: 'Freestyle Script', sans-serif;
        text-transform:uppercase;
        font-weight:500;
        color:#1A1A18;
}
h1 {
        margin:0 0 24px;
        line-height:26px;
        font-size:24px;
}
h2 {
        position:relative;
        margin:0 0 26px;
        line-height:26px;
        font-size:20px;
}
h3 {
        margin:0 0 15px;
        line-height:23px;
        font-size:18px;
}
h4 {
        margin:0 0 15px;
        line-height:20px;
        font-size:16px;
}
h5 {
        line-height:20px;
        font-size:15px;
}
h6 {
        line-height:20px;
        font-size:14px;
}
::selection {
        color:#3B3B39;
}
::-moz-selection {
        color:#2B2A28;
}
body {
        overflow-x:hidden;
        position:relative;
        margin: 0;
        padding:0;
        font-family: 'Roboto', sans-serif;
        font-weight:300;
        font-size: 15px;
        line-height: 20px;
        color: #3B3B39;
        background-image: url(../images/bg.jpg);
        background-repeat: repeat;
}
#page {

}
section {padding-bottom: 70px;
}
.clear {
        clear:both;
        height:0;
        font-size:0;
}
.color_text {color:#3dd3b9;}
.color_dark {color:#505050;}
.color_light {color:#979797;}
.color_white {color:#fff;}


.margbot0 {margin-bottom:0;}
.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;}
.margbot70 {margin-bottom:70px;}

.pad0 {padding:0;}
.padbot0 {padding-bottom:0;}
.padbot10 {padding-bottom:10px;}
.padbot20 {padding-bottom:20px;}
.padbot30 {padding-bottom:30px;}
.padbot40 {padding-bottom:40px;}
.padbot50 {padding-bottom:50px;}
.padbot60 {padding-bottom:60px;}
.padbot70 {padding-bottom:70px;}
.padbot80 {padding-bottom:80px;}
.padtop0 {padding-top: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(61,211,185,0.56);
}
.overlay_black {
        position:absolute;
        z-index:2;
        left:0;
        top:0;
        width:100%;
        height:100%;
        background-color: rgba(0,0,0,0.35);
}
.relative_block {position:relative; z-index:5;}

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

.page_block {
        overflow-x:hidden;
}
.wrapper {
        padding-left: 15px;
        padding-right: 15px;
}

/* __________ Buttons __________ */
.btn {
        position:relative;
        margin: 20px;
        padding: 14px 32px;
        border:0;
        border-radius: 3px;
        box-shadow: none;
        text-transform:uppercase;
        font-size: 18px;
        font-weight: 700;
        line-height: 20px;
        color:#fff;
        text-shadow: none;
        background-color: #8E150F;
        transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
}
.btn:focus,
.btn:hover {
        color:#ffffff;
        background-color: #E3000F;
}
.btn span {padding-left:8px;}
.btn-white {
        color:#333;
        background:#fff;
}
.btn-light {
        color:#333;
        background:#ddd;
}
.btn-dark {
        color:#fff;
        background:#333;
}
.btn-dark:hover,
.btn-white:hover {
        color: #fff;
        background: #3dd3b9;
}
.btn-default {background:#333;}
.btn-active {background-color:#3dd3b9; color:#333;}
.btn-active:hover {background-color:#333; color:#fff;}

.btn-lg {
        padding:14px 32px;
        font-weight:700;
        font-size:15px;
}
.btn-sm {
        padding: 3px 15px;
        font-size:11px;
}
.btn-xs {
        padding: 2px 10px;
        font-size:11px;
}

.ie .btn {filter:transparent !important;}


/* _________ //Buttons _________ */




/*-----------------------------------------------------------------------------------*/
/*        HEADER
/*-----------------------------------------------------------------------------------*/
.top_line_bord {background-color:#191919; height:35px;}

.logo a {
        font-family: 'The Girl Next Door', cursive;
        text-transform:uppercase;
        font-weight:400;
        line-height:94px;
        font-size:37px;
        color:#333;
}



/* __________ TOP LINE __________ */
#top_line {
        padding-left:30px;
        padding-right:30px;
        background-color:#505050;
}
#top_line p {float:left; width:70%; font-weight:500; font-size:12px; color:#b9b9b9; margin-bottom:0; padding:8px 0;}

/* __________ Socials __________ */
.top_social {padding: 0; height:36px;}
.top_social li {
        overflow:hidden;
        display:inline-block;
        margin:0 0 0 -3px;
}
.top_social li a {
        display:block;
        margin:0 0 0 -5px;
        width:36px;
        height:36px;
        background-repeat: no-repeat;
        background-image: url(../images/top_social.png);
}
.top_social li a:hover {transform: translateY(-4px); -ms-transform: translateY(-4px); -webkit-transform: translateY(-4px);}
.top_social li a.soc1 {background-position: 0 0;}
.top_social li a.soc2 {background-position: -36px 0;}
.top_social li a.soc3 {background-position: -72px 0;}
.top_social li a.soc4 {background-position: -108px 0;}
.top_social li a.soc5 {background-position: -144px 0;}
.top_social li a.soc6 {background-position: -180px 0;}

.team_block .top_social li a {background-color:#ddd; border-radius:50%; margin:4px 0 0;}
.team_block .top_social li a:hover {background-color:#333;}




/*-----------------------------------------------------------------------------------*/
/*        MENU
/*-----------------------------------------------------------------------------------*/
.menu_block {padding-left:30px; padding-right:30px; background-color:#fff;}
.is-sticky .menu_block {z-index:9999; width:1170px; background-color:#fff; box-shadow:0 3px 0 rgba(0, 0, 0, 0.1);}

.navbar-collapse {float:right; padding-right:0; padding-left:0; border:0; box-shadow:none;}
.navbar-nav {float:none;}
.navbar-nav li {
        position:relative;
        float:none;
        display:inline-block;
        margin:0;
        text-align:center;
}
.navbar-nav li a {
        display:block;
        margin:0;
        padding:37px 35px;
        text-transform:uppercase;
        font-weight:500;
        line-height:20px;
        font-size:13px;
        color:#505050;
        text-shadow: none;
        border:0;
}
.navbar-nav li a:hover,
.navbar-nav li a:focus,
.navbar-nav li.active a {
        background: none;
        color:#333;
}
.navbar-nav li.last a {padding-right:0;}

/* __________ Submenu __________ */

.sub-menu ul {
        display: none;
        position: absolute;
        z-index: 99999;
        min-width: 185px;
        left: 0;
        top: 100%;
        padding: 0;
        margin: 0;
        background:#fff;
}
.sub-menu.last ul {right:0; left:auto;}
.sub-menu ul li  {
        margin:0;
        padding:0;
        width:100%;
        border-top: 0;
}
.sub-menu ul li:before,
.sub-menu li.last:after  {
        display:none;
}
.sub-menu ul li a {
        margin: 0 !important;
        padding: 7px 5px 7px 30px !important;
        text-transform: none;
        text-align:left !important;
        color:#333;
        text-shadow: none;
        border:0 !important;
}
.sub-menu ul li.active a, .sub-menu ul li a:hover {background-color:#333; color:#3dd3b9;}
.sub-menu ul li a span {display:none !important;
}

/* _________ //Submenu _________ */

/* __________ Mega Menu ________ */
ul.mega_menu {
        width:500px;
        padding:10px;
        text-align:left !important;
        color:#474747;
}
ul.mega_menu .color_text {font-weight:400;}
ul.mega_menu h5 {margin-bottom:5px; font-weight:400;}
ul.mega_menu h4 {margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid rgba(0,0,0,0.3); font-weight:400;}
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:2px 5px 2px 0 !important;
}
ul.mega_menu li ol li a:hover {padding-left:10px !important;}

/* _________ //Mega Menu _______ */

/* __________ Fixed Menu Style __________ */
.fixed-menu {
        position:fixed;
        z-index:99999;
        left:50%;
        top:-100px;
        width:100%;
        background:#fff;
        opacity: 0;
        filter: alpha(opacity=0);
        border-bottom:2px solid #ececec;
        transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
        transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
}
.fixed-menu #top_line {display:none !important;}
.fixed-menu.fixed_show {
        top:0px;
        opacity: 1;
        filter: alpha(opacity=100);
}
.fixed-menu-wrapper {
        padding: 20px 0;
}
.fixed-menu .logo a {
        line-height:50px;
        font-size:40px;
}
.fixed-menu .navbar-nav li a {
        padding-top:15px;
        padding-bottom:15px;
}
.fixed-menu .sub-menu ul li a {
        padding-top:7px;
        padding-bottom:7px;
}

/* _________ //Fixed Menu Style _________ */





/*-----------------------------------------------------------------------------------*/
/*        SERVICES
/*-----------------------------------------------------------------------------------*/
.services_block {padding-top:30px;}
.service_item {display: block;color:#797979;}
.service_item:hover {color:#505050;}

.service_item .icon_block {
        position:relative;
        display:block;
        width: 62px;
        height: 62px;
        margin-right:15px;
        border-radius:50%;
        background-color:#eee;
        background-repeat:no-repeat;
        transition: background-color 0.2s ease-in-out;
        -webkit-transition: background-color 0.2s ease-in-out;
}
.service_item:hover .icon_block {background-color:#191919;}
.service_item .icon_block:before {
        content:'';
        position:absolute;
        left:3px;
        top:3px;
        right:3px;
        bottom:3px;
        border:2px solid #fff;
        border-radius:50%;
        transition: border-color 0.2s ease-in-out;
        -webkit-transition: border-color 0.2s ease-in-out;
}
.service_item:hover .icon_block:before {border-color:#3dd3b9;}
.service_item .icon_block.icon1 {background-image:url(../images/icon1.png);}
.service_item .icon_block.icon2 {background-image:url(../images/icon2.png);}
.service_item .icon_block.icon3 {background-image:url(../images/icon3.png);}
.service_item .icon_block.icon4 {background-image:url(../images/icon4.png);}
.service_item:hover .icon_block{background-position:0 -62px;}
.service_item p {
        margin-bottom:5px;
        padding:25px 0 17px;
        text-transform:uppercase;
        font-weight:500;
        font-size:14px;
        color:#505050;
        transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
}
.service_item:hover p {color:#333;}




/*-----------------------------------------------------------------------------------*/
/*        NEWSLETTERS
/*-----------------------------------------------------------------------------------*/
.newsletters_block {
        position:relative;
        padding-left:30px;
        padding-right:30px;
        padding-top:44px;
        padding-bottom:39px;
        background-image:url(../images/newsletters_bg.jpg);
        background-size:cover;
}
.newsletters_block h2 {margin: 2px 0 0; text-transform:uppercase; font-weight:700; font-size:18px; color:#fff;}
.newsletters_block p {margin-bottom:5px; color:#fff;}
.newsletters_block .btn {
        padding:17px 67px;
        font-weight:500;
        font-size:14px;
}
.newsletters_block .btn:hover {background-color:#f4f4f4; color:#505050;}
.newsletters_block input[type="text"] {
        width:280px;
        margin:0 6px 0 0;
        padding:18px 20px;
        font-weight:300;
        color:#8d8d8d;
}




/*-----------------------------------------------------------------------------------*/
/*        LATEST WORK
/*-----------------------------------------------------------------------------------*/
.projects_block {position:relative; padding: 0 0 40px;}
.projects_block:before {
        content:'';
        position:absolute;
        z-index:10;
        left:-30px;
        right:-30px;
        bottom:-8px;
        height:8px;
        background-image:url(../images/projects_bord.png);
}
.projects_block .ch-item {
        position: relative;
        width: 255px;
        height: 255px;
        display: inline-block;
        margin: 0 12px 30px 13px;
        border-radius: 50%;
}
.ch-info-wrap{
        position: absolute;
        width: 235px;
        height: 235px;
        border-radius: 50%;
        -webkit-perspective: 800px;
        -moz-perspective: 800px;
        -o-perspective: 800px;
        -ms-perspective: 800px;
        perspective: 800px;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        -ms-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
        top: 10px;
        left: 10px;
        box-shadow: 0 0 0 10px rgba(255,255,255,0.54);
        background-color:#fff;
}
.ch-info{
        position: absolute;
        width: 235px;
        height: 235px;
        border-radius: 50%;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        -ms-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -o-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        transform-style: preserve-3d;
}
.ch-info > div {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        background-position: center center;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -o-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        backface-visibility: hidden;
}
.ch-info .ch-info-back {
        -webkit-transform: rotate3d(0,1,0,180deg);
        -moz-transform: rotate3d(0,1,0,180deg);
        -o-transform: rotate3d(0,1,0,180deg);
        -ms-transform: rotate3d(0,1,0,180deg);
        transform: rotate3d(0,1,0,180deg);

        position:relative;
        background: #191919;
}

.ch-img-1 {background-image: url(../images/projects/recent1.jpg);}
.ch-img-2 {background-image: url(../images/projects/recent2.jpg);}
.ch-img-3 {background-image: url(../images/projects/recent3.jpg);}
.ch-img-4 {background-image: url(../images/projects/recent4.jpg);}

.ch-item:hover .ch-info {
        -webkit-transform: rotate3d(0,1,0,-180deg);
        -moz-transform: rotate3d(0,1,0,-180deg);
        -o-transform: rotate3d(0,1,0,-180deg);
        -ms-transform: rotate3d(0,1,0,-180deg);
        transform: rotate3d(0,1,0,-180deg);
}

.ch-info-content {
        position:absolute;
        left:0;
        top:50%;
        width:100%;
        padding-top:3px;
        transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
}
.ch-info-content p {
        text-transform:uppercase;
        font-weight:700;
        font-size:14px;
        color:#3dd3b9;
}
.ch-info-content span {display:block; padding:0 25px 17px; color:#fff;}
.ch-info-content a {text-transform:uppercase; color:#3dd3b9;}
.ch-info-content a i {display:inline-block; vertical-align:top; margin:5px 0 0 3px; height:7px; padding:1px; font-size:5px; color:#191919; background-color:#3dd3b9;}





/*-----------------------------------------------------------------------------------*/
/*        TESTIMONIALS
/*-----------------------------------------------------------------------------------*/
.testimonials_block {padding:70px 30px; color:#828282; background-color:#eee;}
.testimonials_content {padding:0 100px;}
.testimonials_content .author_foto {overflow:hidden; border-radius:50%; margin-right:37px; width:171px; height:171px;}
.testimonials_content .author_foto img {overflow:hidden; border-radius:50%;}
.testimonials_content .testimonials_text {width:77%; padding-top:36px;}




/*-----------------------------------------------------------------------------------*/
/*        LATEST NEWS
/*-----------------------------------------------------------------------------------*/
.latest_news_item {margin-bottom:20px;}
.latest_news_item .recent_post_date {
        width:65px;
        padding:0 0 6px;
        border:2px solid #e5e5e5;
        text-transform:uppercase;
        color:#505050;
}
.latest_news_item .recent_post_date span {
        display:block;
        margin:-2px -2px 1px;
        font-weight:700;
        line-height:51px;
        font-size:25px;
        color:#fff;
        background-color:#505050;
}
.latest_news_item .recent_post {
        overflow:hidden;
        position:relative;
        display:block;
        width:160px;
        height:160px;
        margin:0 20px 10px 0;
        background-color:#3dd3b9;
}
.latest_news_item .post_read_more {text-transform:uppercase;}
.latest_news_item .recent_post img {
        width:auto;
        height:100%;
        opacity:0.86;
        filter: alpha(opacity=86);
        transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
}
.latest_news_item:hover .recent_post img {
        opacity:0.25;
        filter: alpha(opacity=25);
}
.news_content {margin-top:-5px; padding-left:85px;}
.latest_news_item .recent_post_title {text-transform:uppercase;font-size:14px;}
.recent_post_inf li {display:inline-block; padding:0 20px 11px 0;}
.recent_post_inf, .recent_post_inf a {font-size:12px; color:#979797;}
.recent_post_inf a:hover {color:#3dd3b9;}
.recent_post_inf li span {padding-right:11px;}
.recent_post_txt {padding:10px 0 9px;}
.recent_post_read {text-transform:uppercase;}

/* Footer News */
footer .latest_news_item {margin-bottom:20px;}
footer .news_content {padding-left:0;}
footer .latest_news_item .recent_post {width:80px; height:80px;}
footer .latest_news_item .recent_post_title {color:#e2e1e1;}
footer .latest_news_item:hover .recent_post_title {color:#e2e1e1;}
footer .recent_post_inf li {padding:0 0 9px; color:#3dd3b9;}
footer .recent_post_txt {padding-top:0;}
/* //Footer News */





/*-----------------------------------------------------------------------------------*/
/*        FOOTER
/*-----------------------------------------------------------------------------------*/
footer {
        overflow:hidden;
        padding:10px 24px 0px;
        background-color:#2B2A28;
        color:#979797;
}
footer a {color:#979797;}
footer h2 {font-weight:300; font-size:18px; color:#f2f1e6;}
footer h3 {margin-bottom:11px; font-weight:300; text-transform:uppercase; font-size:16px; color:#3dd3b9;}

.contact_info li span {text-transform:uppercase; font-size:14px; color:#e2e1e1;}

.copyright {padding:25px 30px 20px; text-transform:uppercase; color:#797979; background-color:#fff;}
.copyright span {color:#333;}
.copyright_logo, .copyright_logo:focus {text-transform:uppercase; color:#797979;}


/* __________ Tags __________ */
.tags a {
        display:inline-block;
        margin-bottom:4px;
        padding:3px 9px;
        line-height:24px;
        color:#505050;
        background:#ddd;
}
#sidebar .tags a:hover,
.tags a:hover {
        background: #3dd3b9;
        color:#fff;
}

/* _________ //Tags _________ */

/* __________ Contact Form __________ */
textarea,
input[type="text"] {
        width:218px;
        margin:0 1px 4px 0;
        margin-top:0 !important;
        padding: 11px 20px 12px;
        text-transform:none;
        font-family: 'Roboto', sans-serif;
        font-weight:400;
        line-height:20px;
        font-size: 12px;
        color: #8d8d8d;
        font-style:normal;
        border-radius: 0;
        background: #f4f4f4;
        border: 0;
        box-shadow: none;
}
textarea {
        overflow:hidden;
        min-height:95px;
        resize: none;
        width:441px;
}
textarea,
input[type="text"].last {margin-right:0;
}


textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus {
        outline: 0;
        box-shadow: none;
        border: 0;
}


footer textarea,
footer input[type="text"] {
        width:218px;
        margin:0 1px 4px 0;
        margin-top:0 !important;
        padding: 6px 11px 7px;
        text-transform:none;
        font-family: 'Roboto', sans-serif;
        font-weight:400;
        line-height:20px;
        font-size: 13px;
        color: #9a9a9a;
        font-style:normal;
        border-radius: 0;
        background: #3d3d3d;
        border: 0;
        box-shadow: none;
}
footer textarea {
        overflow:hidden;
        min-height:95px;
        resize: none;
        width:441px;
}
footer textarea,
footer input[type="text"].last {margin-right:0;
}

.contact_btn {
        display:block;
        cursor:pointer;
        margin: 0;
        padding:0 13px;
        border: 2px solid #3d3d3d;
        border-radius: 0;
        box-shadow: 0;
        text-align:center;
        text-shadow:none;
        text-decoration:none;
        text-transform:uppercase;
        font-family: 'Roboto', sans-serif;
        font-weight:400;
        line-height:21px;
        font-size:13px;
        color:#c5c5c5;
        background: #3d3d3d;
        transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
}
.contact_btn:hover {
        background: none;
        color:#3dd3b9;
        border-color: #3dd3b9;
}

.notification_error {
        color:#3dd3b9;
}


/* _________ //Contact Form _________ */



/*-----------------------------------------------------------------------------------*/
/*        ABOUT
/*-----------------------------------------------------------------------------------*/
.breadcrumbs_block {
        margin-bottom:60px;
        padding:25px 30px;
        background-image:url(../images/breadcrumbs_bg.jpg);
        background-size:cover;
        color:#fff;
}
.breadcrumbs_content {position:relative; z-index:5;}
.breadcrumbs_block h2 {
        margin-bottom:0;
        color:#fff;
}
.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;
        color:#fff;
        cursor:default;
}

/* __________ Skills __________ */
.skill-bar {
        display:block;
        margin-bottom: 10px;
        width:100%;
        height:38px;
        position: relative;
        z-index:10;
        background: #fff;
        border-left:12px solid #505050;
        transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
}
.skill-bar:hover {border-left-color:#3dd3b9;}
.skill-bar span {
        display:inline-block;
        padding:9px 0 0 20px;
        text-transform:uppercase;
        font-size:14px;
        color:#505050;
        transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
}
.skill-bar:hover span {color:#3dd3b9;}
.progress-complete {
        display: block;
        position: absolute;
        z-index: -1;
        left: 0;
        bottom: 0;
        width:140px;
        height:100%;
        border:2px solid #e5e5e5;
        border-left:0;
        transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
}
/* _________ //Skills _________ */

/* __________ Accordion __________ */
#accordion .ui-accordion-header,
.shortcode_toggles_item_title {
        position:relative;
        margin-bottom:10px;
        padding: 17px 30px 16px;
        font-weight:400;
        font-size:14px;
        color:#fff;
        background:#505050;
        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:#3dd3b9;
        color:#fff;
}
#accordion .ui-accordion-header .ui-icon,
.shortcode_toggles_item_title .ui-icon {
        position:absolute;
        top: 17px;
        right:20px;
        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: "\e080";
        transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
}
#accordion .ui-accordion-header.ui-accordion-header-active .ui-icon:before {
        transform: rotate(90deg);
}

.shortcode_toggles_item_title .ui-icon:before {
        position:absolute;
        content: "\e114";
        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 {
        transform: rotate(-90deg);
}

.shortcode_toggles_item_body {padding-bottom:20px;}
.shortcode_toggles_shortcode .ip,
#accordion .ui-accordion-content {
        padding:17px 10px 8px 30px;
}

/* _________ //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:#3dd3b9;
        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 .btn {padding:11px 25px;}





/*-----------------------------------------------------------------------------------*/
/*        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: 'Roboto', sans-serif;
        text-transform:uppercase;
        font-weight:600;
    font-size: 43px;
    line-height: 55px;
    padding-top: 0;
}
.dropcap.type4 {
    display: block;
    float: left;
    font-family: 'Yesteryear', cursive;
        text-transform:uppercase;
        font-weight:400;
    font-size: 43px;
    line-height: 55px;
    padding: 0 22px 0 21px;
}

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;
}



/*-----------------------------------------------------------------------------------*/
/*        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:#3dd3b9;}

.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:#dddddd;
        font-size:16px;
        line-height:18px;
        margin:0;
        font-weight:400;
}
.most_popular .price_item_title h6 {
        color:#ffffff;
}
.price_item_cost {
        padding:22px 20px 11px 20px;
        text-align:center;
}
.price_item_cost h2 {
        font-size:30px;
        line-height:32px;
        font-weight:700;
        color:#505050;
}
.price_item_cost h2 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 {
        font-size:11px;
        text-align:center;
        text-transform:uppercase;
        display:block;
        font-weight:700;
}
.price_item_btn a:before {display:none;}
.most_popular .price_item_btn a,
.price_item_btn a:hover {
        background:#3dd3b9;
        color:#ffffff;
}
.most_popular .price_item_title {
        background:#3dd3b9;
}
.most_popular .price_item_cost h2,
.most_popular .price_item_cost h2 span {
        color:#3dd3b9;
}
/* _________ //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:350px;
}

/* __________ 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;
}

/* Flickr */
.flickrs {margin-right:-10px;
}
.FlickrImages li {
        margin:2px 5px 3px 0 !important;
        padding:0 !important;
        float:left;
        border:0 !important;
}
.FlickrImages li a {
        overflow:hidden;
        display:block;
        width:60px;
        height:60px;
        background-color:#3dd3b9;
}
.FlickrImages li a img {
        width:60px;
        height:60px;
        border:0;
        opacity: 0.86;
        filter: alpha(opacity=86);
        transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
}
.FlickrImages li a:hover img {
        opacity: 0.17;
        filter: alpha(opacity=17);
}

footer .FlickrImages {padding-right:70px;}
footer .FlickrImages li a {
        width:63px;
        height:63px;
}
footer .FlickrImages li a img {
        width:64px;
        height:auto;
}

/* //Flickr */

#sidebar input {width:67%;}
#sidebar .search_form .btn {width:30%; padding:11px 12px;}
.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 */

#sidebar .tweet_module .tweet_list li {
        margin-bottom:14px;
        padding-left:30px;
        padding-bottom:10px;
        border-bottom: 1px solid rgba(255,255,255,0.21);
        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);}
#sidebar .tweet_module .tweet_list li:last-child {
        padding-bottom:0;
        border-bottom:0;
}
#sidebar .tweet_module .tweet_time {display:block;}
footer .tweet_module .tweet_time a {color:#3dd3b9;}

/* //Tweets */

/* _________ //Sidebar _________ */





/*-----------------------------------------------------------------------------------*/
/*        CONTACTS
/*-----------------------------------------------------------------------------------*/
#map {
        margin-top:-60px;
        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:#3dd3b9; 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:#3dd3b9;}
.portfolio_block .project .hover_img img {
        opacity:0.88;
        transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
}
.portfolio_block .project:hover .hover_img img {opacity:0.17;}
.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:#3dd3b9;}
.portfolio_block .project_descr h4 {margin-bottom:11px; font-weight:400;}
.portfolio_block .project:hover .project_descr h4 a {color:#3dd3b9;}






/*-----------------------------------------------------------------------------------*/
/*        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 {
        vertical-align:top;
        margin-right:20px;
        padding:5px 20px;
}

#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:#3dd3b9;
        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:#3dd3b9;}
.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.btn {
        padding:10px 20px;
        text-transform:uppercase;
        font-size:15px;
}
.product_item .item_btn_in a.btn:focus,
.product_item .item_btn_in a.btn:hover {
        color:#fff;
}
.product_item .item_btn_in a.btn:focus:before,
.product_item .item_btn_in a.btn: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.btn {
        border:0;
        background-color:#f4f4f4;
        color:#505050;
}
.variable-sizes .product_item .item_btn_in a.btn:hover {
        color:#fff;
        background-color:#3dd3b9;
}
.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: #3dd3b9;
}
#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_item2 {
        position:relative;
        border-width:4px;
        border-style:solid;
        border-color:transparent;
        transition: border-color 0.3s ease-in-out;
        -webkit-transition: border-color 0.3s ease-in-out;
}
.product_item2:hover {
        border-color:#3dd3b9;
}
.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:15px;
        color:#333;
        border:2px solid #333;
        background-color:transparent;
}
.product_inf .add_cart:hover,
.product_inf .btn_like2:hover,
.product_inf .btn_com:hover {background-color:#333; border-color:#333; 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%);
        -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);
        -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:#3dd3b9;
}

/* _________ //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:#3dd3b9;
}
.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:#3dd3b9;
}
.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);
        -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:#3dd3b9; color:#3dd3b9;}
.quantity_block .product_inf .btn.add_cart:hover {border-color:#3dd3b9; color:#fff; background-color:#3dd3b9;}
.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; width:255px; margin-right:30px;}

.jcarousel-control-prev,
.jcarousel-control-next {
        display:inline-block;
        width:33px;
        height:33px;
        margin:0 -1px;
        font-family: 'Glyphicons Halflings';
        -webkit-font-smoothing: antialiased;
        font-style: normal;
        font-weight: normal;
        line-height: 27px;
        text-align:center;
        color:#505050;
        border:2px solid #e4e4e4;
}
.jcarousel-control-prev:hover, .jcarousel-control-next:hover {color:#505050; border-color:#505050;}
.jcarousel-control-prev:before {content: "\e079";}
.jcarousel-control-next:before {content: "\e080";}
.jcarousel-control-prev.inactive, .jcarousel-control-next.inactive {cursor: default;}
.jcarousel-control-prev:focus, .jcarousel-control-next:focus {color:#505050;}
.jcarousel-control-prev.inactive:hover, .jcarousel-control-next.inactive:hover {color:#505050; border:2px solid #e4e4e4;}

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







/*-----------------------------------------------------------------------------------*/
/*        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;}
        .navbar-nav li a {padding-left:25px; padding-right:25px;}

/* _________ //Menu _________ */

/* __________ Index Page __________ */
        .service_item p {font-size:12px;}


        .newsletters_block input[type="text"] {width:230px;}
        .newsletters_block .btn {padding-left:35px; padding-right:35px;}


        .projects_block .ch-item {width:206px; height:206px;}
        .ch-info-wrap, .ch-info {width:186px; height:186px;}
        .projects_block .ch-item {background-size:102% 102%; -webkit-background-size:102% 102%;}
        .projects_block .ch-info-front {background-size:100% 100%; -webkit-background-size:100% 100%;}
        .ch-info-content span {padding-left:10px; padding-right:10px;}


        .testimonials_content .testimonials_text {width:70%; padding-top:30px;}

/* _________ //Index Page _________ */


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


        footer .FlickrImages {padding-right:0;}


}

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

/* __________ Menu __________ */
        .is-sticky .menu_block {width:750px;}

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

/* __________ Index Page __________ */
        .newsletters_block p {margin-bottom:20px;}
        .newsletters_block input[type="text"] {width:230px;}


        .testimonials_content {padding:0 50px;}
        .testimonials_content .author_foto {width:150px; height:150px;}
        .testimonials_content .testimonials_text {width:67%; padding-top:8px;}

/* _________ //Index Page _________ */


/* __________ Shop __________ */
        #sidebar input, #sidebar .search_form .btn {width:100%;}
        .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%;}
/* _________ //Blog _________ */


        footer .FlickrImages {padding-right:0;}


}

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

        #top_line p {float:none; width:100%;}
        .top_social {float:none !important; text-align:center;}

/* __________ Menu __________ */
        .fixed-menu {display:none !important;}
        .navbar-toggle {
                position:relative;
                z-index:100;
                display:block;
                margin: 21px 0 10px;
                padding:0;
                border:#cfcfcf 1px solid;
                border-radius:4px;
                box-shadow:inset #fbfbfb 0 1px 0;
                width:40px;
                height:40px;

                background-color:#efefef;
                background-image: linear-gradient(top, #f5f5f5, #e9e9e9);
                background-image: -webkit-linear-gradient(top, #f5f5f5, #e9e9e9);
                background-image: -moz-linear-gradient(top, #f5f5f5, #e9e9e9);
                background-image: -ms-linear-gradient(top, #f5f5f5, #e9e9e9);
                background-image: -o-linear-gradient(top, #f5f5f5, #e9e9e9);
        }
        .navbar-toggle:hover {
                background-color:#f5f5f5;
                background-image: linear-gradient(top, #e9e9e9, #f5f5f5);
                background-image: -webkit-linear-gradient(top, #e9e9e9, #f5f5f5);
                background-image: -moz-linear-gradient(top, #e9e9e9, #f5f5f5);
                background-image: -ms-linear-gradient(top, #e9e9e9, #f5f5f5);
                background-image: -o-linear-gradient(top, #e9e9e9, #f5f5f5);
        }
        .navbar-toggle span {font-size:20px; line-height:24px;}
        .navbar-nav {float:none; text-align:left; margin:0 0 20px;}
        .navbar-nav li {width:100%; margin:0; padding-bottom:5px; text-align:left;}
        .navbar-nav li:before {display:none;}
        .navbar-nav li a {padding:0; display:inline-block; border:0;}

        .sub-menu ul {display:block !important; position:static; border:0; padding-top:4px; padding-left:0; background-color:transparent;}
        .sub-menu ul li a {border:0 !important; padding:0 !important; display:inline-block; color:#b7b7b7;}
        .sub-menu ul li a:hover {background-color:transparent;}
        .sub-menu ul li a span {display:inline-block !important; padding:0 7px 0 3px;}

        /* Mega Menu */
        ul.mega_menu {width:100%;}
        ul.mega_menu h4, ul.mega_menu h5 {color:#b7b7b7;}

/* _________ //Menu _________ */

/* __________ Index Page __________ */
        .service_item p {padding-top:10px;}


        .newsletters_block input[type="text"] {margin-bottom:10px;}


        .testimonials_content {padding:0 45px;}
        .testimonials_content .author_foto {width:130px; height:130px; float:none !important; margin:0 auto;}
        .testimonials_content .testimonials_text {width:100%; text-align:center; padding-top:20px;}

/* _________ //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 _________ */


        footer .FlickrImages {padding-right:0;}



}

@media (max-width: 479px) {
        .breadcrumb {float:left !important; padding-top:10px;}


/* __________ Menu __________ */

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

/* _________ //Menu _________ */



/* __________ INDEX PAGE __________ */
        .newsletters_block input[type="text"] {width:250px;}

/* __________ //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;}



/* __________ 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%;}

}