/*
Theme Name: Hoarding Pro
Theme URI: https://inkthemes.com/hoardingpro-wordpress-theme
Description: The Colorway Theme for WordPress is simple and beautiful with lots of customization options that can tweaked from Theme Options Panel like logos, intro texts and background. Colorway Theme supports six widgetized areas (two in the sidebar, four in the footer) and featured images (thumbnails for gallery images and posts). It includes stylesheets for print and the admin Visual Editor, special styles for posts in the "Fullwidth" and "Gallery" categories, and has an optional one-column page template that removes the sidebar.
Author: InkThemes.com
Author URI: http://www.inkthemes.com
Version: 3.9
License: GNU General Public License
License URI: license.txt
Text Domain: colorway-pro
Tags: custom-colors, two-columns, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu, full-width-template
*/
/* 
WARNING! DO NOT EDIT THIS FILE!
To make it easy to update your theme, you should not edit the styles in this file. Instead use 
the custom.css file to add your styles. You can copy a style from this file and paste it in 
custom.css and it will override the style in this file. You have been warned! :)
*/
/*==============================*/
/*  GENERAL TYPOGRAPHY */
/*==============================*/

body {
    font: 15px/1.7 'Open Sans', sans-serif;
}
pre, code {
    font-family: 'Open Sans', sans-serif, Monaco, Consolas, monospace;
}
hr {
    border: 0 #ccc solid;
    border-top-width: 1px;
    clear: both;
    height: 0;
}
p {
    color: #333333;
}
a {
    word-wrap: break-word;
}
a:hover {
    text-decoration:none;
}

input:focus, textarea:focus {
    outline:none;
}
select,input[type="file"]{
    margin-bottom:5px;
}

input[type="text"]{
    width: 250px;
    border: none;
    height: 30px;
    padding: 5px 10px;
}

textarea{
    width:250px;
    height:100px;
}
tr{
    border-bottom: 1px solid #eeeeee;
}
th{
    font-weight:bold;
    background-color: #cccccc; 
}
td,th{
    padding:8px;
    border: 1px solid #ccc;
}
dt {
    margin-top: 15px;
    margin-bottom: 4px;
}
/*==============================*/
/*   Headings  */
/*==============================*/
h1 {
    font-size: 26px;
}
h2 {
    font-size: 24px;
}
h3 {
    font-size: 22px;
}
h4 {
    font-size: 17px;
}
h5 {
    font-size: 16px;
}
h6 {
    font-size: 14px;    
}
h1, h2, h3, h4, h5, h6{
    margin:0px;
    padding:0px;
    color: #313131;
    font-weight: 400;
    font-family: 'Raleway', sans-serif;
}
/*==============================*/
/*   Spacing  */
/*==============================*/

ol {
    list-style: decimal;
}
ul {
    list-style: disc;
}
li {
    margin-left: 20px;
}
p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset, figure {
    margin-bottom: 20px;
}

/* `Clear Floated Elements
-----------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}
/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before, .clearfix:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}
.clearfix:after {
    clear: both;
}
/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix {
    zoom: 1;
}

.outer-box-container {
    margin-top:55px;
    -webkit-border-radius: 10px 10px 0px 0px;
    -moz-border-radius: 10px 10px 0px 0px;
    border-radius: 10px 10px 0px 0px;
    background-color:#FFFFFF;
    border-bottom:none;
    box-shadow:inset 0 0 1px #000000;
}

ol li {
    border-bottom:none !important;
    margin-top:1px!important;
    margin-bottom:1px!important;
    padding-bottom:0!important;
    padding-top:0!important;
}
.menu-bar, .slider-container, .logo, .content-wrapper, .footer-wrapper {
    /*        margin-left:30px;
            margin-right:30px;*/
}
.header{
    padding: 0 20px;
}
.content-wrapper {
    padding-left: 15px;
}
/*=========================================*/
/* Header Style */
/*=========================================*/
.logo {
    margin-top:54px;
    padding: 0 20px;
}
.logo img{
    max-width:100%;
    height:auto;
}
.header .menu-bar {
    border-top:3px double #eeeeee;
    border-bottom:3px double #eeeeee;
    margin-top: 40px;
    padding-bottom: 7px;
    padding-top: 1px;
    margin-bottom: 34px;
}
.header .menu-bar ul {
    margin:0px;
    padding:0px;
    margin:10px 0px 10px 0px;
    margin-left:0px;
    list-style: none;    
}
.header .menu-bar ul li {
    display:inline;
}
.call-us {
    margin-top:0;
}
.call-us a.btn {
    background:#00CCCC;
    display:inline-block;
    visibility:hidden;
}
/* Full Screen Slider Style
========================================================*/
/*.sl-slider-wrapper {
    height: auto;
    display: block;
    min-height: 460px;
    height: 460px;
    margin: 0 20px;
    position: relative;
    overflow: hidden;

}
.sl-slider {
}
 Slide wrapper and slides 
.sl-slide,
.sl-slides-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
} 
.sl-slide-inner {
    position: absolute;
    width: 100%;
    height: auto;
    bottom: 6%;
    left: 0;
} 
.sl-slide-inner h1{
    font-size:32px;
    line-height: 38px;
    margin-bottom: 15px;
    color: #313131;
}
.sl-slide-inner p{
    font-size:18px;
    color: #424242;
}
.salesdetails{
    width: 426px;
    background: rgba(255, 255, 255, 0.74);
    border-right: 8px solid #2B4908;
    padding: 22px 22px 12px 26px;
    font-size: 20px;
    -webkit-animation: slideInLeft;
    -moz-animation: slideInLeft;
    -o-animation: slideInLeft;
    animation: slideInLeft;
    -webkit-animation-duration: 1s;
    -webkit-animation-delay: .4s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: both;
    -moz-animation-duration: 1s;
    -moz-animation-delay: .6s;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-fill-mode: both;
    -o-animation-duration: 1s;
    -o-animation-delay: .6s;
    -o-animation-timing-function: ease-in-out;
    -o-animation-fill-mode: both;
    -ms-animation-duration: 1s;
    -ms-animation-delay: .6s;
    -ms-animation-timing-function: ease-in-out;
    -ms-animation-fill-mode: both;
    animation-duration: 1s;
    animation-delay: .6s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: both;
    color:#fff;
}
.sl-slide {
    z-index: 1;
}
 The duplicate parts/slices 
.sl-content-slice {
    overflow: hidden;
    position: absolute;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    background: #fff;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity : 1;
}
 Horizontal slice 
.sl-slide-horizontal .sl-content-slice {
    width: 100%;
    height: 50%;
    left: -200px;
    -webkit-transform: translateY(0%) scale(1);
    -moz-transform: translateY(0%) scale(1);
    -o-transform: translateY(0%) scale(1);
    -ms-transform: translateY(0%) scale(1);
    transform: translateY(0%) scale(1);
}
.sl-slide-horizontal .sl-content-slice:first-child {
    top: -200px;
    padding: 200px 200px 0px 200px;
}
.sl-slide-horizontal .sl-content-slice:nth-child(2) {
    top: 50%;
    padding: 0px 200px 200px 200px;
}
 Vertical slice 
.sl-slide-vertical .sl-content-slice {
    width: 50%;
    height: 100%;
    top: -200px;
    -webkit-transform: translateX(0%) scale(1);
    -moz-transform: translateX(0%) scale(1);
    -o-transform: translateX(0%) scale(1);
    -ms-transform: translateX(0%) scale(1);
    transform: translateX(0%) scale(1);
}
.sl-slide-vertical .sl-content-slice:first-child {
    left: -200px;
    padding: 200px 0px 200px 200px;
}
.sl-slide-vertical .sl-content-slice:nth-child(2) {
    left: 50%;
    padding: 200px 200px 200px 0px;
}
 Content wrapper 
 Width and height is set dynamically 
.sl-content-wrapper {
    position: absolute;
}
.sl-content {
    width: 100%;
    height: 100%;
    background: #fff;
}
 Default styles for background colors 
.sl-slide-horizontal .sl-slide-inner {
}
.sl-slide-vertical .sl-slide-inner {
}
.bg-img img{
    width: 1171px;
    width: 100%;
    height: 460px;
}
.button_wrapper{
    width:960px;
    margin:0 auto;
}
.demo-1 .sl-slider-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.demo-2 .sl-slider-wrapper {
    width: 100%;
    height: 600px;
    overflow: hidden;
    position: relative;
}
.demo-2 .sl-slider h2 {
    font-size: 100px;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
}
.demo-2 .sl-slider blockquote {
    font-size: 28px;
    padding-top: 10px;
    font-weight: 300;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
}
.demo-2 .sl-slider blockquote cite {
    font-size: 16px;
    font-weight: 700;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 5px;
    padding-top: 30px;
    display: inline-block;
}
.demo-2 .bg-img {
    padding: 200px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    position: absolute;
    top: -200px;
    left: -200px;
    width: 100%;
    height: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-position: center center;
}
 Custom navigation arrows 
.sl-slider-wrapper .nav-arrows span {
    position: absolute;
    z-index: 2000;
    bottom: 48%;
    width: 40px;
    height: 40px;
    text-indent: -90000px;
    cursor: pointer;
    opacity: 0;
    -webkit-transition: all .6s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .6s ease;
}
.sl-slider-wrapper:hover .nav-arrows span {
    opacity: 1;
}
.nav-arrows span:hover {
}
.nav-arrows span.nav-arrow-prev {
    left: 18px;
    border-right: none;
    background: rgba(0, 0, 0, 0.81) url(assets/images/prev_slide.png) center no-repeat;
    border-top: none;
    -webkit-transition: all .6s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .6s ease;
}
.nav-arrows span.nav-arrow-next {
    right: 15px;
    border-left: none;
    background: rgba(0, 0, 0, 0.81) url(assets/images/next_slide.png) center no-repeat;
    border-bottom: none;
    -webkit-transition: all .6s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}
.nav-arrows span.nav-arrow-prev:hover, .nav-arrows span.nav-arrow-next:hover{
    opacity:0.6;
}
 Custom navigation dots 
.nav-dots {
    text-align: center;
    z-index: 9999;
     background-color: #111; 
     display: inline-block; 
    position: relative;
    margin: 0 auto;
    margin-top: -36px;
}
.nav-dots span {
    display: inline-block;
    position: relative;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: url(assets/images/pagination.png) no-repeat;
    margin: 3px;
     background: #fff; 
    cursor: pointer;
}
.demo-2 .nav-dots span {
    background: #fff;
    margin: 5px 5px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.demo-2 .nav-dots span.nav-dot-current,
.demo-2 .nav-dots span:hover {
    background: url(assets/images/pagination.png) 0 -22px no-repeat;
}
.nav-dots span.nav-dot-current:after {
    content: "";
    position: absolute;
    width: 22px; 
    height: 22px; 
    top: 0px;
    left: 0px;
    border-radius: 50%;
    background: url(assets/images/pagination.png) 0 -22px no-repeat;
}
.demo-1 [data-icon]:after {
    content: attr(data-icon);
    font-family: 'AnimalsNormal';
    color: #999;
    text-shadow: 0 0 1px #999;
    position: absolute;
    width: 220px;
    height: 220px;
    line-height: 220px;
    text-align: center;
    font-size: 100px;
    top: 50%;
    left: 50%;
    margin: -110px 0 0 -110px;
    box-shadow: inset 0 0 0 10px #f7f7f7;
    border-radius: 50%;
}
 Custom background colors for slides in first demo 
 First Slide 
.demo-1 .bg-1 .sl-slide-inner,
.demo-1 .bg-1 .sl-content-slice {
    background: #fff;
}
 Second Slide 
.demo-1 .bg-2 .sl-slide-inner,
.demo-1 .bg-2 .sl-content-slice {
    background: #000;
}
.demo-1 .bg-2 [data-icon]:after,
.demo-1 .bg-2 h2 {
    color: #fff;
}
.demo-1 .bg-2 blockquote:before {
    color: #222;
}
 Third Slide 
.demo-1 .bg-3 .sl-slide-inner,
.demo-1 .bg-3 .sl-content-slice {
    background: #db84ad;
}
.demo-1 .bg-3 .deco {
    border-color: #fff;
    border-color: rgba(255,255,255,0.5);
}
.demo-1 .bg-3 [data-icon]:after {
    color: #fff;
    text-shadow: 0 0 1px #fff;
    box-shadow: inset 0 0 0 10px #b55381;
}
.demo-1 .bg-3 h2,
.demo-1 .bg-3 blockquote{
    color: #fff;
    text-shadow: 0px 1px 1px rgba(0,0,0,0.3);
}
.demo-1 .bg-3 blockquote:before {
    color: #c46c96;
}
 Forth Slide 
.demo-1 .bg-4 .sl-slide-inner,
.demo-1 .bg-4 .sl-content-slice {
    background: #5bc2ce;
}
.demo-1 .bg-4 .deco {
    border-color: #379eaa;
}
.demo-1 .bg-4 [data-icon]:after {
    text-shadow: 0 0 1px #277d87;
    color: #277d87;
}
.demo-1 .bg-4 h2,
.demo-1 .bg-4 blockquote{
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
.demo-1 .bg-4 blockquote:before {
    color: #379eaa;
}
 Fifth Slide 
.demo-1 .bg-5 .sl-slide-inner,
.demo-1 .bg-5 .sl-content-slice {
    background: #ffeb41;
}
.demo-1 .bg-5 .deco {
    border-color: #ECD82C;
}
.demo-1 .bg-5 .deco:after {
    color: #000;
    text-shadow: 0 0 1px #000;
}
.demo-1 .bg-5 h2,
.demo-1 .bg-5 blockquote{
    color: #000;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}
.demo-1 .bg-5 blockquote:before {
    color: #ecd82c;
}
.demo-2 .bg-img-1 {
}
.demo-2 .bg-img-2 {
}
.demo-2 .bg-img-3 {

}
.demo-2 .bg-img-4 {
}
.demo-2 .bg-img-5 {
}
 Animations for content elements 
.sl-trans-elems .deco{
    -webkit-animation: roll 1s ease-out both, fadeIn 1s ease-out both;
    -moz-animation: roll 1s ease-out both, fadeIn 1s ease-out both;
    -o-animation: roll 1s ease-out both, fadeIn 1s ease-out both;
    -ms-animation: roll 1s ease-out both, fadeIn 1s ease-out both;
    animation: roll 1s ease-out both, fadeIn 1s ease-out both;
}
.sl-trans-elems h2{
    -webkit-animation: moveUp 1s ease-in-out both;
    -moz-animation: moveUp 1s ease-in-out both;
    -o-animation: moveUp 1s ease-in-out both;
    -ms-animation: moveUp 1s ease-in-out both;
    animation: moveUp 1s ease-in-out both;
}
.sl-trans-elems blockquote{
    -webkit-animation: fadeIn 0.5s linear 0.5s both;
    -moz-animation: fadeIn 0.5s linear 0.5s both;
    -o-animation: fadeIn 0.5s linear 0.5s both;
    -ms-animation: fadeIn 0.5s linear 0.5s both;
    animation: fadeIn 0.5s linear 0.5s both;
}
.sl-trans-back-elems .deco{
    -webkit-animation: scaleDown 1s ease-in-out both;
    -moz-animation: scaleDown 1s ease-in-out both;
    -o-animation: scaleDown 1s ease-in-out both;
    -ms-animation: scaleDown 1s ease-in-out both;
    animation: scaleDown 1s ease-in-out both;
}
.sl-trans-back-elems h2{
    -webkit-animation: fadeOut 1s ease-in-out both;
    -moz-animation: fadeOut 1s ease-in-out both;
    -o-animation: fadeOut 1s ease-in-out both;
    -ms-animation: fadeOut 1s ease-in-out both;
    animation: fadeOut 1s ease-in-out both;
}
.sl-trans-back-elems blockquote{
    -webkit-animation: fadeOut 1s linear both;
    -moz-animation: fadeOut 1s linear both;
    -o-animation: fadeOut 1s linear both;
    -ms-animation: fadeOut 1s linear both;
    animation: fadeOut 1s linear both;
}*/

#myCarousel{
    padding: 0 20px;
}
#myCarousel .carousel-caption {
    bottom: 10%;
    left: 0;
    padding: 30px 25px;
    text-align: left;
    background: rgba(255, 255, 255, 0.74);
    width: 40%;
}
#myCarousel .carousel-control{
    background-image: none;
}
#myCarousel h1{
    text-shadow: none;
    font-weight: 500;
}
#myCarousel li{
    margin-left: 0;
    color: black;
    text-shadow: none;
    font-size: 17px;
    font-weight: 500;
}
.img_thumb_blog{
    position:relative;
    float: left;
}
.img_thumb_blog span{
    position:absolute;
    top: 36%;
    left: 39%;
    width:48px;
    height:48px;
    background:url(assets/images/link.png);
    visibility:hidden;
    z-index:99;
    -webkit-transition: all .6s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}
.img_thumb_blog:hover span{
    visibility:visible;
    -webkit-animation: bounceIn_custom 0.7s ease-in-out;
    -moz-animation: bounceIn_custom 0.7s ease-in-out;
    -o-animation: bounceIn_custom 0.7s ease-in-out;
    animation: bounceIn_custom 0.7s ease-in-out;
}
.img_thumb{
    position:relative;
    float: left;
}
.img_thumb span{
    position:absolute;
    top: 38%;
    left: 40%;
    width:48px;
    height:48px;
    background:url(assets/images/link.png);
    visibility:hidden;
    z-index:99;
    -webkit-transition: all .6s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}
.flex_thumbnail .img_thumb span{
    position:absolute;
    top: 39%;
    left: 43%;
}
.img_thumb_gallery{
    position:relative;
    float: left;
}
.img_thumb_gallery span{
    position:absolute;
    top: 36%;
    left: 43.1%;
    width:48px;
    height:48px;
    background:url(assets/images/zoom-icon.png);
    visibility:hidden;
    z-index:99;
    -webkit-transition: all .6s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}
.img_thumb_gallery:hover span{
    visibility:visible;
    -webkit-animation: bounceIn_custom 0.7s ease-in-out;
    -moz-animation: bounceIn_custom 0.7s ease-in-out;
    -o-animation: bounceIn_custom 0.7s ease-in-out;
    animation: bounceIn_custom 0.7s ease-in-out;
}
.img_thumb:hover span{
    visibility:visible;
    -webkit-animation: bounceIn_custom 0.7s ease-in-out;
    -moz-animation: bounceIn_custom 0.7s ease-in-out;
    -o-animation: bounceIn_custom 0.7s ease-in-out;
    animation: bounceIn_custom 0.7s ease-in-out;
}
.img_thumb_feature{
    position:relative;
}
.img_thumb_feature span{
    position:absolute;
    top: 36%;
    left: 42%;
    width:48px;
    height:48px;
    background:url(assets/images/link.png);
    visibility:hidden;
    z-index:99;
}
.img_thumb_feature:hover span{
    visibility:visible;
    -webkit-animation: bounceIn_custom 0.7s ease-in-out;
    -moz-animation: bounceIn_custom 0.7s ease-in-out;
    -o-animation: bounceIn_custom 0.7s ease-in-out;
    animation: bounceIn_custom 0.7s ease-in-out;
}
.content-info.home{
    border-bottom: 3px double #eeeeee;
    margin: 0 20px;
    padding-top: 37px;
    padding-bottom: 42px;
}
.content-info h1.title{
    text-align:center;
    font-size: 32px;
    font-weight: 300;
    margin-bottom: 0px;
}
.content{
    padding-top:10px;
    margin-bottom: 25px;
}
.content img {
    max-width:100%;
    height: auto;
}
#content .fbox img {
    width: 100%;
    height: auto;
}
#content .fbox img:hover{
}
.content-info h4 {
    text-align:center;
    margin:0px;
    padding:0px;
}
#content .fbox{
    margin-bottom: 45px;
}
#content {
    border-bottom: 3px double #eeeeee;
    margin: 20px;
    margin-top: 55px;
    padding-bottom:0;
    margin-bottom: 24px;
    overflow: hidden;
}
#content ul.thumbnails {
    list-style-type:none;
    width: 1008px;
    overflow:hidden;
    margin:0 auto;
    margin-left:-32px;
    padding:0px;
}
#content .fbox h3 {
    margin:0px;
    padding:0px;
    margin-top:15px;
    margin-bottom:10px;	
}
#content .fbox h3 a{
    color:#4a4a4a;
}
#content ul.thumbnails li {
    width:198px;
    height:250px;
    margin:0px;
    margin-left:32px;
    float:left;
    overflow:hidden;
    background:none;
    margin-bottom:26px;
}
#content ul.thumbnails a.bigthumbs {
    display:block;
    width:198px;
    background-image:url(../assets/images/img-bg.png);
}
.feature_blog_content .sidebar{

}
.feature_blog_content{
    margin: 20px;
    margin-bottom: 0px;
    margin-top: 40px;
    overflow:hidden;
    border-bottom: 3px double #eeeeee;
}
.feature_blog_content .text_feature {
    margin-right: 40px;
}
.feature_blog_content h2{
    font-size: 26px;
    margin-bottom: 24px;
    color:#111;
    line-height: 34px;
    display: inline-block;
    width: 80%;
}
.featurebox{
    overflow:hidden;
}
.feature_blog_content .sidebar.home{
    padding:0;
    margin-right: 0;
    padding-left: 20px;
    margin-left: 0;
}
.feature_blog_content .sidebar.home .homepage-widget{
    margin-bottom: 30px;
}

.feature_product_content .sidebar.home.home-product{
    margin: 2em 0;
    border: none;
    padding: 0 20px;
}
.feature_product_content .sidebar.home.home-product h2{
    text-align: center;
    clear: both;
}
.feature_product_content .sidebar.home.home-product ul{
    margin: 0;
}
.feature_product_content .sidebar.home.home-product ul li{
    border: none;
    float: left;
    margin: 1em 0;
    width: 18%;
    padding: 10px;
    background: none;
    text-align: center;
}
.feature_product_content .sidebar.home.home-product ul li:hover{
    background: none !important;
    border-radius: 5px;
    border: 1px solid #DCDCDC;
    padding: 9px;
}
.feature_product_content .sidebar.home.home-product ul li del,.feature_product_content .sidebar.home.home-product ul li ins, .feature_product_content .sidebar.home.home-product ul li .amount {
    text-align: center;
    display: block;
}
.feature_product_content .sidebar.home.home-product ul li ins .amount{
    display: inline-block;
}
.feature_product_content .sidebar.home.home-product ul li a{ 
    display: block;
}
.feature_product_content .sidebar.home.home-product ul li a img{ 
    margin: 0 auto;
    display: block;
}

.feature_product_content .sidebar.home.home-product ul li .product-title{
    display: block;
    text-align: center;
    margin: 10px;
}
.feature_product_content .sidebar.home.home-product .star-rating {
    text-align: center;
    margin-bottom: 5px;
}
/*Home page feature image*/
div.feature-image img {
    width:352px;
    margin-bottom:20px;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease;
}
div.feature-image .img{
    -webkit-animation: fadeInUp 400ms ease;
    -moz-animation: fadeInUp 400ms ease;
    -ms-animation: fadeIn 300ms ease;
    color:#20b5e0;
}
.feature-image.second{
    margin-left:6px;
}
.feature-image.third{
    margin-left:16px;
}
.feature-image.third .feature-content-inner.third{
    margin-left:15px;
}
.feature-content .feature-content-inner img:hover{
    -webkit-animation: fadeInUp 400ms ease;
    -moz-animation: fadeInUp 400ms ease;
    -ms-animation: fadeIn 300ms ease;
    color:#20b5e0;
}
/*Home Page Testimonial
=========================================*/
.feature_widget{
    /*margin-right:30px;*/
}
.feature_widget{
    margin-bottom: 55px;
}
.feature_widget iframe{
    /*    width: 576px;
        height: 354px !important;*/
    max-width: 100%;
    max-height: 355px;
}
/*Flex Blog Slider
=========================================*/
.flex-container a:active, .flexslider_blog a:active, .flex-container a:focus, .flexslider_blog a:focus {
    outline: none;
}
.slides, .flex-control-nav, .flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}
/* flexslider_blog Necessary Styles
*********************************/ 
.flexslider_blog {
    margin: 0;
    padding: 0;
    position: relative;
}
.flexslider_blog .slides > li {
    display: none;
    -webkit-backface-visibility: hidden;
} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider_blog .slides {
    display: block;
    padding-top: 0px;
}
.flexslider_blog .slides li {
    margin-left: 0;
    margin-top: 7px;
    /*width: 531px !important;*/
}
.flex-pauseplay span {
    text-transform: capitalize;
}
/* Clearfix for the .slides element */
.slides:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
html[xmlns] .slides {
    display: block;
}
* html .slides {
    height: 1%;
}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {
    display: block;
}
/* FlexSlider Default Theme
*********************************/
.container_24 .grid_12.blog_slider {
}
.blog_slider_wrapper{
    /*margin-left: 48px;*/
}
.blog_slider_wrapper.flexslider {
    margin: 0;
    padding: 0;
    position: relative;
    zoom: 1;
}
.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;
}
.loading .flex-viewport {
    max-height: 300px;
}
.flexslider_blog .flexslider_blog .slides {
    zoom: 1;
}
.flexslider_blog .carousel li {
    margin-right: 5px
}
.flexslider_blog li.blog_item .flex_thumbnail{
    float:left;
    margin-right: 17px;
    position:relative;
    z-index:1;
}
.flexslider_blog li.blog_item .flex_thumbnail .flex_readmore{
    background:url(assets/images/home_blog_more.png) no-repeat;
    width:61px;
    height:61px;
    visibility:hidden;
    display:inline-block;
    position:absolute;
    top: 38%;
    left: 40%;
}
.flexslider_blog li.blog_item .flex_thumbnail:hover .flex_readmore{
    visibility:visible;
    -webkit-animation: fadeInLeft 0.4s ease;
    -moz-animation: fadeInLeft 0.4s ease; 
    -o-animation: fadeInLeft 0.4s ease;
    animation: fadeInLeft 0.4s ease; 
}
.flexslider_blog li.blog_item .flex_thumbnail img{
    width:270px;
    height:345px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
}
.flexslider_blog li.blog_item .flex_thumbnail img:hover{
}
.flexslider_blog li.blog_item .flex_content h3{
    font-size: 24px;
    line-height: 33px;
    margin-top: -2px;
    margin-bottom: 12px;
}
.flexslider_blog li.blog_item .flex_content p{
    margin-bottom: 0;
}
.flexslider_blog li.blog_item .flex_content h3 a{
    color:#222;
}
.flexslider_blog li.blog_item .flex_content a.read_more{
    color: #4C4C4C;
    font-weight: 500;
    font-size: 16px;
    display: inline-block;
    padding-bottom: 5px;
    padding: 8px 28px 7px 28px;
    border: 1px solid #5A5A5A;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    -ms-transition: all .3s linear;
    transition: all .3s linear;
    margin: 15px 0;
}
.flexslider_blog li.blog_item .flex_content a.read_more:hover{
    background: #2B4908;
    border: 1px solid #2B4908;
    color: #fff;
}
/* Direction Nav */
.flexslider_blog .flex-direction-nav {
    *height: 0;

}
.flexslider_blog .flex-direction-nav a {
    width: 30px;
    height: 30px;
    margin: -20px 0 0;
    display: block;
    /* position: absolute; */
    /*	top: 50%;*/
    top: 36%;
    z-index: 10;
    cursor: pointer;
    text-indent: -9999px;/*-webkit-transition: all .3s ease;*/
}
.flexslider_blog .flex-next, .flexslider .flex-prev {
    opacity: 1;
}
/*.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
        opacity: 1;
}*/

.flexslider_blog .flex-direction-nav .flex-disabled {
    opacity: .3!important;
    filter: alpha(opacity=30);
    cursor: default;
    opacity: 1!important;
}
/* Control Nav */
.flexslider_blog .flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: -40px;
    text-align: center;
    display: none;
}
.flexslider_blog .flex-control-nav li {
    margin: 0 6px;
    display: inline-block;
    zoom: 1;
    *display: inline;
}
.flexslider_blog .flex-control-paging li a {
    width: 11px;
    height: 11px;
    display: block;
    background: #666;
    background: rgba(0, 0, 0, 0.5);
    cursor: pointer;
    text-indent: -9999px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
}
/* Direction Nav */
.flexslider_blog .flex-direction-nav a {
    width: 24px;
    height: 24px;
    margin: -12px 0 0;
    display: block;
    position: absolute;
    top: 6.3%;
    right: 0;
    z-index: 10;
    cursor: pointer;
    /* text-indent: -9999px; */
    /* opacity: 0; */
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
}
.flexslider_blog .flex-direction-nav .next {
    right: -1px;
    background: #2B4908 url(assets/images/next.png) center no-repeat;
}
.flexslider_blog .flex-direction-nav .prev {
    right: 27px;
    background: #2B4908 url(assets/images/prev.png) center no-repeat;
    /* background-color: #000; */
}
.flexslider_blog .flex-direction-nav .next:hover{
    background: #73BB1F url(assets/images/next.png) center no-repeat;
}
.flexslider_blog .flex-direction-nav .prev:hover{
    background: #73BB1F url(assets/images/prev.png) center no-repeat;
}
.flexslider_blog:hover .next:hover, .flexslider_blog:hover .prev:hover {
    opacity: 1;
}
.flexslider_blog .flex-direction-nav .flex-disabled {
    opacity: .3!important;
    filter: alpha(opacity=30);
    cursor: default;
}
.testimonial_item_container{
    margin: 10px 20px;
    padding-top: 35px;
    /* border-top: 3px double #eeeeee; */
}
.testimonial_heading_container{
    text-align:center;
    margin-bottom: 25px;
}
.testimonial_heading_container h2{
    font-size: 32px;
    margin-bottom: 0px;
}
.testimonial_heading_container p{
    font-size: 18px;
    margin-bottom: 22px;
}
.testimonial_item_content{
    margin-bottom: 8px;
}
.testimonial_item_content .testimonial_item{
    padding: 20px 23px 17px 27px;
    position: relative;
    background: #F5F5F5;
    border: 1px solid #E9E9E9;
    border-top: 2px solid #e9e9e9;
    /* margin-right: 5%; */
    margin-bottom: 170px;
    vertical-align: top;
    border-radius: 4px;
    float: left;
    width: 30%;
    margin: 1.6777%;
    margin-bottom: 170px;
}
.testimonial_item_content .testimonial_item:nth-child(3n+3){
    margin-right: 0;
}
.testimonial_item_content .testimonial_item:after, .testimonial_item_content .testimonial_item:before {
    top: 100%;
    left: 11%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.testimonial_item_content .testimonial_item:after {
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #F5F5F5;
    border-width: 13px;
    margin-left: -13px;
}
.testimonial_item_content .testimonial_item:before {
    border-color: rgba(219, 219, 219, 0);
    border-top-color: #e9e9e9;
    border-width: 15px;
    margin-left: -15px;
}
.testimonial_item_content .testimonial_item .testimonial_item_inner{
    overflow: hidden;
    width: 100%;
    position: absolute;
    bottom: -105px;
    left: 3px;
}
.testimonial_item_content .testimonial_item img{
    float: left;
    border-radius: 100%;
    width: 74px;
    height: 74px;
    margin: 1px 12px 0 0;
    display: inline-block;
}
.testimonial_item_content .testimonial_item img:hover {
    -webkit-animation: bounceIn_custom 0.7s ease-in-out;
    -moz-animation: bounceIn_custom 0.7s ease-in-out;
    -o-animation: bounceIn_custom 0.7s ease-in-out;
    animation: bounceIn_custom 0.7s ease-in-out;
}
.testimonial_item_content .testimonial_item  p{
    line-height: 27px;
    margin-bottom: 18px;
    font-size: 17px;
}
.testimonial_item_content .testimonial_item .testimonial_item_inner span{
    color: #545454;
    text-decoration: none;
    font-size: 17px;
    display: block;;
    vertical-align: top;
    margin-top: 20px;
}
.animated {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0);
    /*opacity:0;*/
}
.animated.left-to-right,
.animated.right-to-left,
.animated.bottom-to-top {
    -webkit-transition-duration: 1.2s;
    -moz-transition-duration: 1.2s;
    -o-transition-duration: 1.2s;
    -ms-transition-duration:1.2s;
    transition-duration: 1.2s;
    -webkit-animation-duration: .8s;
    -webkit-animation-delay: .2s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: both;
    -moz-animation-duration: .8s;
    -moz-animation-delay: .2s;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-fill-mode: both;
    -o-animation-duration: .8s;
    -o-animation-delay: .2s;
    -o-animation-timing-function: ease-in-out;
    -o-animation-fill-mode: both;
    -ms-animation-duration: .8s;
    -ms-animation-delay: .2s;
    -ms-animation-timing-function: ease-in-out;
    -ms-animation-fill-mode: both;
    animation-duration: .8s;
    animation-delay: .2s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInLeft;
    -moz-animation-name: fadeInLeft;
    -o-animation-name: fadeInLeft;
    -ms-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    opacity:1;
}
.animation_started.animated {
    -webkit-animation-duration: .8s;
    -webkit-animation-delay: .2s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: both;
    -moz-animation-duration: .8s;
    -moz-animation-delay: .2s;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-fill-mode: both;
    -o-animation-duration: .8s;
    -o-animation-delay: .2s;
    -o-animation-timing-function: ease-in-out;
    -o-animation-fill-mode: both;
    -ms-animation-duration: .8s;
    -ms-animation-delay: .2s;
    -ms-animation-timing-function: ease-in-out;
    -ms-animation-fill-mode: both;
    animation-duration: .8s;
    animation-delay: .2s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
    -o-animation-name: fadeInUp;
    -ms-animation-name: fadeInUp;
    animation-name: fadeInUp;
    opacity:1;
}
.left-to-right.animated  {
    -webkit-transform: scale(1) translate3d(-50%,0,0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0);
    opacity:0;
    opacity:0;
}
.animation_started.left-to-right.animated {
    -webkit-animation-duration: .8s;
    -webkit-animation-delay: .2s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: both;
    -moz-animation-duration: .8s;
    -moz-animation-delay: .2s;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-fill-mode: both;
    -o-animation-duration: .8s;
    -o-animation-delay: .2s;
    -o-animation-timing-function: ease-in-out;
    -o-animation-fill-mode: both;
    -ms-animation-duration: .8s;
    -ms-animation-delay: .2s;
    -ms-animation-timing-function: ease-in-out;
    -ms-animation-fill-mode: both;
    animation-duration: .8s;
    animation-delay: .2s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInLeft;
    -moz-animation-name: fadeInUp;
    -o-animation-name: fadeInUp;
    -ms-animation-name: fadeInUp;
    animation-name: fadeInLeft;
    opacity:1;
}
.animated.fade_left.animation_started {
    -webkit-animation-duration: 1.2s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: both;
    -moz-animation-duration: 1.2s;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-fill-mode: both;
    -o-animation-duration: 1.2s;
    -o-animation-timing-function: ease-in-out;
    -o-animation-fill-mode: both;
    -ms-animation-duration: 1.2s;
    -ms-animation-timing-function: ease-in-out;
    -ms-animation-fill-mode: both;
    animation-duration: 1.2s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInLeft;
    -moz-animation-name: fadeInLeft;
    -o-animation-name: fadeInLeft;
    -ms-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    opacity:1;
}
.animated.fade_right.animation_started {
    -webkit-animation-duration: 1.2s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: both;
    -moz-animation-duration: 1.2s;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-fill-mode: both;
    -o-animation-duration: 1.2s;
    -o-animation-timing-function: ease-in-out;
    -o-animation-fill-mode: both;
    -ms-animation-duration: 1.2s;
    -ms-animation-timing-function: ease-in-out;
    -ms-animation-fill-mode: both;
    animation-duration: 1.2s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInRight;
    -moz-animation-name: fadeInRight;
    -o-animation-name: fadeInRight;
    -ms-animation-name: fadeInRight;
    animation-name: fadeInRight;
    opacity:1;
}
.bottom-to-top {
    -webkit-transform: scale(1) translate3d(0,50%,0);
    opacity:0;
}
@-webkit-keyframes fadeInUp_custom {
    0% {
        opacity: 0;
        -webkit-transform: translateY(270px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes fadeInUp_custom {
    0% {
        opacity: 0;
        -moz-transform: translateY(270px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}

@-o-keyframes fadeInUp_custom {
    0% {
        opacity: 0;
        -o-transform: translateY(270px);
    }

    100% {
        opacity: 1;
        -o-transform: translateY(0);
    }
}

@keyframes fadeInUp_custom {
    0% {
        opacity: 0;
        transform: translateY(270px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
/*=========================================*/
/* Footer Style */
/*=========================================*/
.footer-container {
    padding-top: 30px;
    padding-bottom: 25px;
    /* background: #000; */
}
.footer-container h4 {
    background-position:0% 100%;
    margin:0px;
    padding:0px;
    padding-bottom:10px;
    margin-bottom: 27px;
    font-size: 22px;
    color: #fff;
    border-bottom: 1px solid #40611C;
}
.footer-container img {
    float:left;
    margin-right: 0px;
    max-width: 100%;
}
.footer-container ul {
    margin-left:5px;
}
.footer-container ul li{
    color: #B7BFAF;
    margin-bottom: 6px;
    margin-left: 0px;
    font-size: 16px;
    list-style: none;
}
.footer-container .footer select {
    max-width: 100%;
    height: 30px;
    color: #333;
    padding-left: 5px;
    display: block;
    margin-top: 10px;
}
.footer-container .footer label.screen-reader-text {
    color: white;
    font-weight: normal;
    font-size: 16px;
}
.footer-container .footer {
    padding: 0 20px;
}
.footer-container .common.left {
    /*    margin-left: 28px;
        padding-right: 31px;*/
}
.footer-container .common.right {
    /*    margin-right: 6px;
        padding-left: 16px;*/
}
.footer-container .common.second {
    /*padding-right: 3px;*/

}
.footer-container .common.third {
    /*margin-left: 20px;*/

    /*margin-right: 13px;*/
}
.footer-navi .navigation {
    /*margin-left:30px;*/
    margin: 15px 0;
    padding: 0 30px;
}
.footer-navi .navigation ul {
    float:left;
    margin-bottom:0px;
}
.footer-navi .navigation ul li {
    display:inline;
    margin:0px;
    padding:0px;
    padding-left:5px;
    padding-right:15px;
}
.footer-navi .navigation ul li:first-child {
    padding-left:0px;
}
.footer-navi .navigation ul li.last {
    background:none;
}
.footer-navi .navigation ul li a {
    font-size:15px;
}
.footer-navi .navigation .right-navi {
    /*    float:right;
        margin-right:25px;
        width: 418px;
        text-align: right;
        margin-top: 0px;*/
}
.footer-navi .navigation .right-navi img {
    margin-right:5px;
    /*float:left;*/
    /*margin-top: 5px;*/
}
.footer-navi .navigation .right-navi .social-icons {
    text-align: center;
}
.footer-navi .navigation .right-navi .social-icons i {
    padding: 5px 10px;
    color: white;
}
.footer-navi .navigation .right-navi p {
    margin:0px;
    padding:0px;
    /*margin-left:80px;*/
    font-size: 15px;
}
.footer-navi .navigation .right-navi p a{
    color: #fff;
}
.footer-navi {
    -webkit-border-radius: 0px 0px 10px 10px;
    -moz-border-radius: 0px 0px 10px 10px;
    border-radius: 0px 0px 10px 10px;
    background: #2B4908;
}
.space{
    height: 20px;
    visibility: hidden;
}
.footer .contactform{
}
.footer .contactform input[type=text]{
    margin-right: 10px;
}
.footer .contactform input[type=text], .footer .contactform input[type=email]{
    background-color: #2B4908;
    padding: 10px 10px;
    margin-bottom: 15px;
    width: 44%;
    height: 45px;
    border: none;
    color: #fff;
    font-family: 'Raleway', sans-serif;
    border-radius: 3px;
}
.footer .contactform textarea{
    width: 94%;
    padding: 2% 3%;
    height: 78px;
    margin-top: 0px;
    margin-bottom: -13px;
    background-color: #2B4908;
    color: #fff;
    border: none;
    font-family: 'Raleway', sans-serif;
    border-radius: 3px;
}
.footer .contactform input[type=submit]{
    width:80px;
    height: 36px;
    font-size: 17px;
    border-radius: 4px;
    border: none;
    background: #0f936c;
    color: #fff;
    line-height: 25px;
}
.footer .contactform ::-webkit-input-placeholder {
    color: #fff;
}
.footer .contactform :-moz-placeholder { /* Firefox 18- */
    color: #fff;  
}
.footer .contactform ::-moz-placeholder {  /* Firefox 19+ */
    color: #fff;  
}
.footer .contactform :-ms-input-placeholder {  
    color: #fff;  
}
.footer .footer_gallery{
    list-style:none;
    margin-left: 0;
}
.footer .footer_gallery li{
    display:inline-block;
    margin-left:0;
    padding: 0;
    margin: 0 5px 10px 0px;
}
.footer .footer_gallery li:nth-child(3n+3){
    margin-right:0;
}
.footer .footer .footer_gallery li img{
    width: 73px;
    height: 73px;
    border-radius:100%;
}
.footer p{
    color:#fff;
}
.footer #searchform {
    background: #0d4f1a;
    width: 90%;
    height: 37px;
    line-height: 36px;
    padding: 0 1%;
    margin-bottom: 20px;
    border:none;
    position:relative;
    border-radius: 0px;
}
.footer #searchform input[type="text"] {
    display: inline-block;
    text-decoration: none;
    border: 0;
    outline: 0;
    color: #8d8d8d;
    background-color: transparent;
    font-family: inherit;
    margin: 0;
    padding: 2px 12px;
    width: 74%;
    height: 37px;
    font-size: 13px;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: white;
}
.footer #searchform input[type="submit"] {
    /*    position:absolute;
        right: 14px;
        top: 12px;
        background: url(assets/images/search.png) no-repeat !important;
        width:18px;
        height:18px;
        border:none;
        cursor:pointer;*/
}
/*=========================================*/
/* Post Style */
/*=========================================*/
.content-wrapper .folio-content-info {
    margin-top:18px;
}
.content-wrapper .folio-content-info p.info {
    font-size:11px;
}
.folio-content {
    padding: 0 20px;
}
.folio-content ul.thumbnail {
    list-style-type: none;
    /* width: 110%; */
    border: none;
    margin: 0 auto;
    /* margin-left: -11px; */
    /* padding: 0px; */
}
.folio-content ul.thumbnail h3 {
    margin:0px;
    padding:0px;
    margin-top:5px;
    margin-bottom:15px;
}
.folio-content ul.thumbnail li {
    width:288px;
    margin:0px;
    margin-left:10px;
    float:left;
    background:none;
    margin-bottom: 20px;
}
.folio-content ul.thumbnail li img {
    border:1px solid #eeeeee;
    padding:5px;
    height:158px;
    width:266px;
    background-color:#FFFFFF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius:5px;
}
.folio-content ul.thumbnail li a {
    font-size:11px;
}
.folio-content ul.thumbnail a.zoombox {
    display:block;
    width:275px;
    background:url(assets/images/img-shadow.png) no-repeat;
    background-position:10% 100%;
    height:186px;
}
.folio-page-info ul.paging {
    margin:0px;
    padding:0px;
    float:right;
    margin-top:20px;
    margin-bottom:20px;
}
.folio-page-info ul.paging li {
    margin:0px;
    padding:0px;
    display:inline;
    margin-right:10px;
}
.folio-page-info ul.paging li a {
    color:#777777;
    padding:5px 10px;
    width:20px;
    height:20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius:5px;
    border:1px solid #D2D2D2;
}
ul.paging a.active, ul.paging a:hover, ul.paging a.current{
    background:#555;
}
#nav-single {
    overflow:hidden;
    margin-bottom:20px;
}
.nav-previous {
    float: left;
    /*width: 50%;*/
}
.nav-next {
    float: right;
    text-align: right;
    width: 50%;
}
/*=========================================*/
/* Contact Page Style */
/*=========================================*/
.content-wrap.home{
    margin-left:0;
}
.content-wrap {
    padding-left:20px;
    padding-right:5px;
    word-wrap:break-word;
    overflow: hidden;
}
.content-wrap .attachment-meta-info{
    text-align: center;
}
.content-info{
    /*margin-left: 30px;*/
    margin-bottom: 15px;
    display: block;
}
.content-info #crumbs{
    margin-left: 20px;
}
div#crumbs span ,
div#crumbs a {
    word-break: break-all;
}
.content-wrap .attachment-img,
.other-attachment-meta{
    text-align: center;
}
.content-wrap h4 {
    margin-top:20px;
}
.content-wrap .contact ul{
    list-style-type:none;
}
.content-wrap .contact{
    overflow:hidden;
}
.content-wrap #contactForm ul.contactform, .content-wrap #contactForm ul.contactform li, .content-wrap #contactForm ul.contactform li label {
    margin:0px;
    padding:0px;
}
.content-wrap #contactForm ul.contactform li label {
    margin:0px;
    padding:0px;
    margin-bottom: 7px;
    font-size: 17px;
}

ul.contactform input[type="text"],ul.contactform label,ul.contactform textarea{
    clear: both;
    display: block;
    overflow: hidden;
}
ul.contactform input[type="text"]{
    width:215px;
    height:25px;
}
ul.contactform input[type="text"],ul.contactform textarea{
    color: #666;
    border: 1px solid #eeeeee;
    padding-left:10px;
    float:left;
}

ul.contactform textarea{
    width:320px;
    margin-bottom:5px;
    height:150px;
}
.content-wrap .contact ul p, .content-wrap .contact ul p.error {
    margin-left:-29px;
    margin-top:20px;
}
.content-wrap .contact #contactForm ul.contactform li {
    padding-bottom: 24px;
    overflow: auto;
}
.content-wrap .contact #contactForm label {
    clear:both;
}
.content-wrap .contact #contactForm input#contactName, #contactForm input#email, #contactForm textarea {
    width: 92%;
    background:#F5F5F5;
    border:1px solid #CCC;
    padding-left: 10px;
    clear:both;
    margin-bottom:5px;
    /* padding-top: 10px; */
    overflow:hidden;
    font-family: inherit;
    float:none;
    -webkit-transition: all .6s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}
.content-wrap .contact #contactForm input#contactName:focus, .content-wrap .contact #contactForm input#email:focus, .content-wrap .contact #contactForm textarea:focus {
    background:#FFF;
}
.content-wrap .contact #contactForm input#contactName {
    height: 38px;
    clear:both;
    /* padding-top: 10px; */
}
.content-wrap .contact #contactForm input#email {
    height: 38px;
}
.content-wrap .contact #contactForm textarea {
    height: 163px;
    width: 92%;
    clear:both;
    padding-top: 10px;
}
.content-wrap .contact #contactForm input[type="submit"] {
    height: 43px;
    width: 139px;
    border:0px;
    background: #1F1F1F;
    color:#FFF;
    cursor:pointer;
    padding-left:5px;
    padding-right:5px;
    clear:both;
    float:left;
    margin-top:5px;	
    font-size: 20px;
    border-radius: 6px;
    -webkit-transition: all .6s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}
.content-wrap .contact #contactForm input[type="submit"]:hover {
    background:#333;
}
.content-wrap .contact #contactForm .error {
    color:#F00;
    clear:both;
}
/*=========================================*/
/* Sidebar Style */
/*=========================================*/
.widget{
    margin-bottom: 40px;
}

.sidebar {
    /*margin-top: 55px;*/
    margin-right: 25px;
    border-left: 1px solid #eeeeee;
    padding-left: 20px;
    margin-bottom: 60px;
    /*margin-left: 40px;*/
}
.sidebar.home{
    margin-right: 0;
    overflow:hidden 
}
.sidebar select {
    width: 100%;
    height: 35px;
    padding-left: 10px;
    margin-top: 10px;
}
.sidebar h2{
    margin-bottom: 25px;
    font-size: 26px;
}
.sidebar.home .widget_img{
    float: right;
}
.sidebar ul{
    /*margin:-5px;*/
    padding:0px;
    margin-left:-30px;
    list-style-type:none;
    clear: both;
    margin-bottom: 20px;
}
.sidebar ul.children{
    margin-bottom: 0;
}
.sidebar ul li:last-child{
    border-bottom: none;
    padding-bottom: 0;
}
.sidebar div{
    margin-bottom: 15px;
}
.sidebar ul li {
    border-bottom:1px solid #eeeeee;
    margin-left:10px;
    padding:11px 0 9px 20px;
}
.sidebar ul li:first-child {
    border-top:1px solid #eeeeee;
}
.sidebar ul li:hover {
    /*background:url(assets/images/sidebar_hover.png) repeat-y;*/
}
.sidebar h4 {
    margin-top:20px;
}
.sidebar #recentcomments li {
    display:block;
    padding:11px 0 9px 20px;
    padding-left:20px;
}
.sidebar #recentcomments li:hover {
    background:url(assets/images/sidebar_hover.png) repeat-y;
}
.content-wrap img {
    margin-top:20px;
}

/*=========================================*/
/*  Blog Page Style */
/*=========================================*/
.content-wrap .blog a.continue-reading {
    display: block;
    margin-top: 15px;
    /* float: right; */
}
.content-wrap .blog img {
    border:1px solid #eeeeee;
    padding:3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius:3px;
}
.content-wrap #blogmain img.postimg {
    margin:0px;
    padding:0px;
    border:1px solid #eeeeee;
    padding:3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius:3px;
    /*height: 100px;
    width:100px;*/
    float:left;
    margin-right: 20px;
    margin-top: 4px;
}
.content-wrap .blog ul {
    /*margin-left:-30px;*/
}
.content-wrap .blog img {
    max-width:98%;
    height:auto;
}
.content-wrap .blog ul.blog_post{
    list-style-type:none;
}
.content-wrap .blog ul.blog_post li {
    border-bottom:1px solid #eeeeee;
    padding-bottom: 40px;
    margin-bottom: 36px;
    overflow:hidden;
    margin-left: 0;
}
.content-wrap .blog ul.blog_post li:last-child {
    border:none;
}
.content-wrap .blog ul.blog_post li p {
    margin-top:15px;
    margin-bottom: 15px;
}
.content-wrap .blog ul li h2 {
    margin: 0px;
    padding: 0px;
    margin-left: 0;
    font-size: 28px;
    font-weight: 400;
    margin-bottom: 16px;
    line-height: 38px;
}
.content-wrapper .home_page_blog .grid_24{
    width: 98%;
}
.home_page_blog .content-wrap .blog ul li h2{
    font-size: 28px;
}
.content-wrap .blog ul.blog_post li h2 a {
    color: #000;
}
.content-wrap ul.paging, .content-wrap label {
    float:left;
}
.content-wrap label {
    margin:0px;
    padding:0px;
    /*    margin-top:18px;
        margin-right:10px;*/
}
.content-wrap input[type="submit"]{
    background: lightgrey;
    color: black;
    padding: 2px 18px;
    margin-left: -2px;
    border: 1px solid darkgrey;
}
.content-wrap .blog ul ul {
    list-style-type:disc;
    margin-top:10px;
    margin-bottom:10px;
    margin-left:-5px;
}
.content-wrap .blog ul.blog_post li ul li {
    border:none;
    margin-left:5px;
    margin-bottom:0;
    padding-bottom:0;
    margin-top:0;
    min-height:0;
}
.content-wrap .blog ul ul.post_meta {
    list-style: none;    
}
.content-wrap .blog ul ul.post_meta li{
    display: inline;
    margin-left: 5px;
}
.content-wrap .blog ul ul.post_meta li.postc_comment .fa{
    margin-right: 5px;
}
.content-wrap .blog ul.single{
    list-style-type:none;
    margin-left: -20px;
}
.content-wrap .blog ul.single iframe{
    width: 100%;
}
div.textwidget{
    margin-bottom:10px;
}
div.tagcloud{
    margin-bottom:10px;
}
/*=========================================*/
/* Fullwidth Page */
/*=========================================*/
.content-wrap .fullwidth {
    margin-right:30px;
    padding-left: 15px;
}
.content-wrap .fullwidth img {
    height:auto;
    max-width: 100%;
}
.content.fullwidth-content {
    padding: 0 20px;
}
.content-wrap h1 {
    margin-top:15px;
}
.content-wrap h1.blog_head {
    font-size: 28px;
    padding-bottom: 10px;
    font-weight: 400;
    margin-bottom: 30px;
    border-bottom: 1px solid #eee;
}
.home_page_blog {
    border-bottom: 3px double #eeeeee;
    overflow: hidden;
}
blockquote.home_blockquote {
    padding-bottom: 22px;
    margin-bottom: 0;
}
/*=========================================*/
/* Social Icons */
/*=========================================*/
.social_link {
    position:relative;
    margin-top:25px;
}
.social_link p {
    float:left;
    color:#6c6c6c;
    margin-right: 20px;
}
.social_logo{
    margin-bottom: 20px;
}
.social_logo img {
    margin:0px;
    padding:0px;
}
/*=========================================*/
/* Comment Style */
/*=========================================*/
#commentsbox {
    margin:0 0px;
    padding-left: 20px;
}
ol.commentlist {
    margin:0px 0 0;
    clear:both;
    overflow:hidden;
    list-style:none;
}
ol.commentlist li.comment {
    margin:10px 0;
    line-height:18px;
    padding:10px !important;
    border:1px solid #CCCCCC;
    border-bottom:1px solid #CCCCCC !important;
    background: #EBEBEB;
    text-shadow: 0 1px 0 #ffffff;
    margin-bottom: 30px !important;
}
ol.commentlist li.comment .comment-author {
    color:#000;
}
ol.commentlist li.comment .comment-author.vcard{
    margin: 0;
    padding: 0;
    margin-bottom: 5px;
    margin-top: 5px;
}
ol.commentlist li.comment .comment-author a:link, ol.commentlist li.comment .comment-author a:visited {
    color:#000;
    font-weight:bold;
    text-decoration:none !important;
}
ol.commentlist li.comment .comment-author .fn {
    color:#000;
}
cite.fn {
    color:#000;
    font-style:normal;
    margin-left:8px;
}
ol.commentlist li.comment .comment-author .avatar {
    border: 1px solid #ddd;
    padding: 3px;
    margin-right: 10px;
    margin-top: 10px;

}
ol.commentlist li.comment .comment-meta {
    font-size: 12px;
    /*margin-left: 55px;*/
    /*margin-top: -15px;*/
    margin-bottom: 20px;
}
ol.commentlist li.comment .comment-body p{
    /*margin-left:60px;*/
}
ol.commentlist li.comment .comment-meta .commentmetadata {
    color:#000;
    padding-top: 0px;
}
ol.commentlist li.comment .comment-meta a {
    color: #3399FF;
    text-decoration:none !important;
}
ol.commentlist li.comment p {
    line-height:22px;
    margin-top:5px;
    color:#666;
}
ol.commentlist li.comment .reply {
    margin-top:10px;
    font-size:10px;
}
ol.commentlist li.comment .reply a {
    color:#63261a;
    font-size:14px;
}
ol.commentlist li.odd {
}
ol.commentlist li.even {
}
ol.commentlist li ul.children {
    list-style:none;
    margin:1em 0 0;
    text-indent:0;
}
ol.commentlist li.comment ul.children li.depth-2 {
    margin:0 0 0px 50px;
}
ol.commentlist li.comment ul.children li.depth-3 {
    margin:0 0 0px 50px;
}
ol.commentlist li.comment ul.children li.depth-4 {
    margin:0 0 0px 50px;
}
ol.commentlist li.comment ul.children li.depth-5 {
    margin:0 0 0px 50px;
}
.comment-nav {
    padding:5px;
    height:20px;
}
.comment-nav a:link, .comment-nav a:visited {
    color:#f96e02;
}
#respond {
    padding:0px 0px;
    margin:10px 0px;
}
#respond h3 {
    font-size:14px;
    color:#000;
    font-weight:bold;
    padding:10px 10px;
}
#commentform {
    padding:10px 20px;
    border:1px solid #eee;
    overflow:hidden;
    padding-bottom:40px;
}
#commentform p {
    margin:5px 0px;
    color:#444;
}
#commentform a {
    color:#0454A8;
}
#respond label,
#commentform  label{
    width: 100%;
    padding: 5px 0;
    font-size: 13px;
    font-weight: 700 !important;
    letter-spacing: 1.7px;
    clear: both;
    font-weight: normal;
    display: block;
    text-transform: uppercase
}
#respond label small {
    font-size:10px;
}
#respond input {
    margin-bottom: 10px;
    background: #fff;
    border: 1px solid #ddd;
    color: #555;
}
#commentform input[type="text"], #commentform  label, #commentform textarea{
    clear: both;
    display: block;
    overflow: hidden;
}

#commentform  label{
    /*margin-bottom:5px;*/
}

#commentform input[type="text"] ,
#commentform input ,
#commentform input[type="email"] {
    width: 100%;
    height: 36px;
}
#commentform input[type="submit"]{
    width: auto;
}
#respond input#commentSubmit {
    clear:both;
    border:0;
    cursor:pointer;
    text-align: center;
    font-size:16px;
    margin-top:10px;
    color:#FFFFFF;
    float:left;
    width: 84px;
    border: 0px;
    background: #000;
    color: #FFF;
    cursor: pointer;
}
textarea#comment {
    border:none;
    background: #F5F5F5;
    border: 1px solid #CCC;
    width:70%;
    margin:30px 0px 0px 0px;
    padding:5px 5px;
    color:#555;
    clear:both;
}
/*=========================================*/
/* Search Form Style */
/*=========================================*/
#searchform {
    position: relative;
    height: 35px;
    width: 100%;
    border: 1px solid #9E9E9E;
}
.footer #searchform {
    margin-bottom: 20px;
}
#searchform #s {
    width: 90%;
    height: 31px;
    color: #939292;
    border: none;
    padding-left: 10px;
}
.footer #searchform{
    box-shadow: 0 0 2px white;
}
.footer #searchform #s {
    width: 37px;
    height: 37px;
    line-height: 37px;
    display: inline-block;
    margin: 0;
    padding: 0 4%;
    outline: 0;
    border: 0;
    text-align: center;
    text-decoration: none;
    background-color: transparent;
    color: #a9a9a9;
    font-family: 'FontAwesome',sans-serif;
    cursor: pointer;
    white-space: nowrap;
    float: right;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    color: #6a6a6a;
}
.footer #searchform label {
    float:left;
}
.container #searchform #searchsubmit {
    border: 0px;
    position: absolute;
    right: 5px;
    width: 30px;
    background: transparent;
    height: 30px;
    font-family: 'FontAwesome';
    cursor: pointer;
}
.sidebar #searchform {
    border: 1px solid lightgrey;
    height: 35px;
}
ul.searchlist{
    list-style-type: none;
}
/*=======================================================*/
/* Special Columns */
/*=======================================================*/
.one_half, .one_third, .two_third, .three_fourth, .one_fourth {
    float:left;
    display:inline;
    position:relative;
}
.one_third {
    width:30%;
    margin-right:5%;
}
.one_half {
    width:48%;
    margin-right:4%;
}
.one_third {
    width:30%;
    margin-right:5%;
}
.two_third {
    width:65%;
    margin-right:5%;
}
.one_fourth {
    width:22%;
    margin-right: 3.65%;
    margin-bottom: 44px;
}
.columns .one_fourth {
    display: inline-block;
    vertical-align: top;
    float: left;
}
.one_fourth:nth-child(4n+4){
    margin-right: 0;
}
.three_fourth {
    width:74%;
    margin-right:4%;
}
.col2, .col3, .col4 {
    float:left;
    position:relative;
}
.col3 {
    width:280px;
    margin-right:60px;
}
.col2 {
    width:460px;
    margin-right:40px;
}
.col4 {
    width:210px;
    margin-right:40px;
    margin-bottom: 55px;
}
.last {
    margin-right:0 !important;
}
.col4-wrap, .col2-wrap, .homepage {
    width:1000px;
    margin-right:-40px;
    overflow: hidden;
    line-height:20px;
}
/*=======================================================*/
/* Tipsy */
/*=======================================================*/
.tipsy {
    margin-bottom:5px;
    padding: 5px;
    font-size: 10px;
    opacity: 0.8;
    filter: alpha(opacity=80);
    background-repeat: no-repeat;
    background-image: url(assets/images/tipsy.gif);
}
.tipsy-inner {
    padding: 5px 8px 4px 8px;
    background-color: black;
    color: white;
    max-width: 200px;
    text-align: center;
}
.tipsy-inner {
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}
.tipsy-north {
    background-position: top center;
}
/*=======================================================*/
/* Calendar Style */
/*=======================================================*/

#wp-calendar caption {
    width:200px;
    text-align: center;
    background: #4b5d67;
    color: #fff;
    border-bottom: 2px solid #e6eef7;
}
#wp-calendar {
    border-collapse:collapse;
    width:200px;
    text-align: center;
}
#wp-calendar tbody td {
    padding: 2px 0;
    padding-left:5px;
}
#wp-calendar #today {
    color: #000;
}
#wp-calendar a {
    padding: 2px 0;
    font-weight: bold;
}
#wp-calendar tfoot td {
    padding: 3px 0;
}
#wp-calendar #next {
    text-align: right;
    padding-right: 10px;
}
#calendar_wrap {
    /*    display: block;
        width: 157px;
        background: url(assets/images/cal_bkg.gif) bottom right no-repeat;
        padding: 0 1px 1px 0;
        margin: 0 0 18px 0;*/
}
.footer-container a {
    word-break: break-all;
}
.footer #calendar_wrap {
}
.footer #wp-calendar caption {
    border-bottom:none;
    color: #244006;
}
.footer #wp-calendar {
    color: #abca8a ;
}
.footer #wp-calendar th {
    background:none;
    border-top:none;
    border-bottom:none;
    font-weight: bold;
    padding-top: 5px;
}
.footer #wp-calendar th{
    color: #213a06;
}
.footer #wp-calendar tfoot td {
    background:none;
    border-top:none;
    border-bottom:none;
}
.footer #wp-calendar tr {
    /*border:none;*/
}

.footer #wp-calendar caption {
    /*width: 157px;*/

}
.footer #wp-calendar {
    /*width: 156px;*/
}


/*=======================================================*/
/* Color Box */
/*=======================================================*/
.schemes {
    width:17px;
    padding:5px 5px 0px 5px;
    position:absolute;
    z-index:1000;
    top:50px;
    left:0;
    background:#fff;
    border:1px solid #d9d9d9;
    border-radius:0 5px 5px 0;
    -moz-border-radius:0 5px 5px 0;
    -khtml-border-radius:0 5px 5px 0;
    -webkit-border-top-right-radius:5px;
    -webkit-border-bottom-right-radius:5px;
}
.schemes a {
    width:15px;
    height:15px;
    margin-bottom:5px;
    display:block;
    overflow:hidden;
    outline:none;
    text-indent:-999px;
}
.schemes a.pink {
    background:#ce2879;
    border:1px solid #971957;
}
.schemes a.yellow {
    background:#a58803;
    border:1px solid #84642c;
}
.schemes a.brown {
    background:#AF6E07;
    border:1px solid #574a4a;
}
.schemes a.blue {
    background:#2565AC;
    border:1px solid #174c88;
}
.schemes a.red {
    background: #a63400;
    border:1px solid #4b396e;
}
.schemes a.black {
    background:#000000;
    border:1px solid #2b3035;
}
.schemes a.purple {
    background:#736DB4;
    border:1px solid #2b3035;
}
.schemes a.green {
    background:#00CC00;
    border:1px solid #006600;
}
/*=======================================================*/
/* Wordpres Core Classes */
/*=======================================================*/
blockquote {
    min-height:50px;
    padding-left: 60px;
    min-height: 40px;
    background: url(assets/images/blockqoute.png) no-repeat;
    margin-top: 40px;
    margin-bottom: 40px;
}
blockquote img {
    float: left;
    margin-right:15px;
}
.sticky {
}
.gallery-caption {
}
.bypostauthor {
}
.alignnone {
    margin: 5px 20px 20px 0;
    display:block;
    clear:both;
}
.aligncenter, div.aligncenter {
    display:block;
    margin: 5px auto 5px auto;
}
.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}
.alignleft {
    float:left;
    margin: 5px 20px 20px 0;
}
.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
a img.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}
a img.alignnone {
    margin: 5px 20px 20px 0;
}
a img.alignleft {
    float:left;
    margin: 5px 20px 20px 0;
}
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}
.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 0px;
    text-align: center;
}
.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}
.wp-caption img {
    border: 0 none;
    height: auto;
    margin:0;
    max-width: 100%;
    padding:0;
    width: auto;
    margin-bottom: 4px;
}
.wp-caption p.wp-caption-text {
    font-size:11px;
    line-height:17px;
    margin:0;
    padding:0 4px 5px;
}

/*=======================================================*/
/* Buttons Style */
/*=======================================================*/
a.button, button {
    display: inline-block;
    padding: 5px;
    font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
    font-size: 12px;
    color: #3C3C3D;
    text-shadow: 1px 1px 0 #FFFFFF;
    background: #ECECEC url('../assets/images/css3buttons_backgrounds.png') 0 0 no-repeat;
    white-space: nowrap;
    overflow: visible;
    cursor: pointer;
    text-decoration: none;
    border: 1px solid #CACACA;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    outline: none;
    position: relative;
    zoom: 1;
    line-height: 1.11;
    /* *display: inline;
     *vertical-align: middle;*/
    display:inline;
    vertical-align:middle;
}
button {
    margin-left: 0;
    margin-right: 0;
    /* *padding: 5px 5px 3px 5px;*/
    padding: 5px 5px 3px 5px;
}
a.button {
    -moz-user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
    -webkit-touch-callout: none;
}
button::-moz-focus-inner {
    border: 0;
    padding:0px;
}
a.button.primary, button.primary {
    font-weight: bold
}
button:focus, a.button:hover, button:hover {
    color: #FFFFFF;
    border-color: #388AD4;
    text-decoration: none;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
    background-position: 0 -40px;
    background-color: #2D7DC5;
}
a.button:active, button:active, a.button.active, button.active {
    background-position: 0 -81px;
    border-color: #347BBA;
    background-color: #0F5EA2;
    color: #FFFFFF;
    text-shadow: none;
}
a.button:active, button:active {
    top: 1px
}
a.button.negative:hover, button.negative:hover {
    color: #FFFFFF;
    background-position: 0 -121px;
    background-color: #D84743;
    border-color: #911D1B;
}
a.button.negative:active, button.negative:active, a.button.negative.active, button.negative.active {
    background-position: 0 -161px;
    background-color: #A5211E;
    border-color: #911D1B;
}
a.button.positive:hover, button.positive:hover {
    background-position: 0 -280px;
    background-color: #96ED89;
    border-color: #45BF55;
}
a.button.positive:active, button.positive:active, a.button.positive.active, button.positive.active {
    background-position: 0 -320px;
    background-color: #45BF55;
}
a.button.pill, button.pill {
    -webkit-border-radius: 19px;
    -moz-border-radius: 19px;
    border-radius: 19px;
    padding: 5px 10px 4px 10px;
    /**padding: 4px 10px;*/
    padding: 4px 10px;

}
a.button.left, button.left {
    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-topright: 0px;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
    margin-right: 0px;
    border-right: none;
}
a.button.middle, button.middle {
    margin-right: 0px;
    margin-left: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border-right: none;
}
a.button.right, button.right {
    -webkit-border-bottom-left-radius: 0px;
    -webkit-border-top-left-radius: 0px;
    -moz-border-radius-bottomleft: 0px;
    -moz-border-radius-topleft: 0px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    margin-left: 0px;
}
a.button.left:active, button.left:active, a.button.middle:active, button.middle:active, a.button.right:active, button.right:active {
    top: 0px
}
a.button.big, button.big {
    font-size: 16px;
    padding-left: 14px;
    padding-right: 17px;
}
button.big {
    /**padding: 4px 17px 2px 17px;*/
    padding: 4px 17px 2px 17px;
}
a.button span.icon, button span.icon {
    display: inline-block;
    width: 14px;
    height: 12px;
    margin: auto 7px auto auto;
    position: relative;
    top: 0;
    /* *top: 0px;*/
    top:0px;
    background-image: url('assets/images/css3buttons_icons.png');
    background-repeat: no-repeat;
}
a.big.button span.icon, button.big span.icon {
    top: 0px
}
a.button span.icon.book, button span.icon.book {
    background-position: 0 0
}
a.button:hover span.icon.book, button:hover span.icon.book {
    background-position: 0 -15px
}
a.button span.icon.calendar, button span.icon.calendar {
    background-position: 0 -30px
}
a.button:hover span.icon.calendar, button:hover span.icon.calendar {
    background-position: 0 -45px
}
a.button span.icon.chat, button span.icon.chat {
    background-position: 0 -60px
}
a.button:hover span.icon.chat, button:hover span.icon.chat {
    background-position: 0 -75px
}
a.button span.icon.check, button span.icon.check {
    background-position: 0 -90px
}
a.button:hover span.icon.check, button:hover span.icon.check {
    background-position: 0 -103px
}
a.button span.icon.clock, button span.icon.clock {
    background-position: 0 -116px
}
a.button:hover span.icon.clock, button:hover span.icon.clock {
    background-position: 0 -131px
}
a.button span.icon.cog, button span.icon.cog {
    background-position: 0 -146px
}
a.button:hover span.icon.cog, button:hover span.icon.cog {
    background-position: 0 -161px
}
a.button span.icon.comment, button span.icon.comment {
    background-position: 0 -176px
}
a.button:hover span.icon.comment, button:hover span.icon.comment {
    background-position: 0 -190px
}
a.button span.icon.cross, button span.icon.cross {
    background-position: 0 -204px
}
a.button:hover span.icon.cross, button:hover span.icon.cross {
    background-position: 0 -219px
}
a.button span.icon.downarrow, button span.icon.downarrow {
    background-position: 0 -234px
}
a.button:hover span.icon.downarrow, button:hover span.icon.downarrow {
    background-position: 0 -249px
}
a.button span.icon.fork, button span.icon.fork {
    background-position: 0 -264px
}
a.button:hover span.icon.fork, button:hover span.icon.fork {
    background-position: 0 -279px
}
a.button span.icon.heart, button span.icon.heart {
    background-position: 0 -294px
}
a.button:hover span.icon.heart, button:hover span.icon.heart {
    background-position: 0 -308px
}
a.button span.icon.home, button span.icon.home {
    background-position: 0 -322px
}
a.button:hover span.icon.home, button:hover span.icon.home {
    background-position: 0 -337px
}
a.button span.icon.key, button span.icon.key {
    background-position: 0 -352px
}
a.button:hover span.icon.key, button:hover span.icon.key {
    background-position: 0 -367px
}
a.button span.icon.leftarrow, button span.icon.leftarrow {
    background-position: 0 -382px
}
a.button:hover span.icon.leftarrow, button:hover span.icon.leftarrow {
    background-position: 0 -397px
}
a.button span.icon.lock, button span.icon.lock {
    background-position: 0 -412px
}
a.button:hover span.icon.lock, button:hover span.icon.lock {
    background-position: 0 -427px
}
a.button span.icon.loop, button span.icon.loop {
    background-position: 0 -442px
}
a.button:hover span.icon.loop, button:hover span.icon.loop {
    background-position: 0 -457px
}
a.button span.icon.magnifier, button span.icon.magnifier {
    background-position: 0 -472px
}
a.button:hover span.icon.magnifier, button:hover span.icon.magnifier {
    background-position: 0 -487px
}
a.button span.icon.mail, button span.icon.mail {
    background-position: 0 -502px
}
a.button:hover span.icon.mail, button:hover span.icon.mail {
    background-position: 0 -514px
}
a.button span.icon.move, button span.icon.move {
    background-position: 0 -526px
}
a.button:hover span.icon.move, button:hover span.icon.move {
    background-position: 0 -541px
}
a.button span.icon.pen, button span.icon.pen {
    background-position: 0 -556px
}
a.button:hover span.icon.pen, button:hover span.icon.pen {
    background-position: 0 -571px
}
a.button span.icon.pin, button span.icon.pin {
    background-position: 0 -586px
}
a.button:hover span.icon.pin, button:hover span.icon.pin {
    background-position: 0 -601px
}
a.button span.icon.plus, button span.icon.plus {
    background-position: 0 -616px
}
a.button:hover span.icon.plus, button:hover span.icon.plus {
    background-position: 0 -631px
}
a.button span.icon.reload, button span.icon.reload {
    background-position: 0 -646px
}
a.button:hover span.icon.reload, button:hover span.icon.reload {
    background-position: 0 -660px
}
a.button span.icon.rightarrow, button span.icon.rightarrow {
    background-position: 0 -674px
}
a.button:hover span.icon.rightarrow, button:hover span.icon.rightarrow {
    background-position: 0 -689px
}
a.button span.icon.rss, button span.icon.rss {
    background-position: 0 -704px
}
a.button:hover span.icon.rss, button:hover span.icon.rss {
    background-position: 0 -719px
}
a.button span.icon.tag, button span.icon.tag {
    background-position: 0 -734px
}
a.button:hover span.icon.tag, button:hover span.icon.tag {
    background-position: 0 -749px
}
a.button span.icon.trash, button span.icon.trash {
    background-position: 0 -764px
}
a.button:hover span.icon.trash, button:hover span.icon.trash {
    background-position: 0 -779px
}
a.button span.icon.unlock, button span.icon.unlock {
    background-position: 0 -794px
}
a.button:hover span.icon.unlock, button:hover span.icon.unlock {
    background-position: 0 -809px
}
a.button span.icon.uparrow, button span.icon.uparrow {
    background-position: 0 -824px
}
a.button:hover span.icon.uparrow, button:hover span.icon.uparrow {
    background-position: 0 -839px
}
a.button span.icon.user, button span.icon.user {
    background-position: 0 -854px
}
a.button:hover span.icon.user, button:hover span.icon.user {
    background-position: 0 -869px
}
.shopping_cart table td i p {
    font-style:normal;
}
.shopping_cart table td a strong {
    background:#0A2642;
}
/*=======================================================*/
/* Responsive Dropdown Menu Style */
/*=======================================================*/
.it_mobile_menu li{
    margin: 0;
}
.it_mobile_menu li a {
    font-size: 12px;
    text-decoration: none;
    text-transform: capitalize;
    text-shadow:none;
    border-bottom: 1px solid #e2e0e0;
    margin: 0 !important;
}
.it_mobile_menu li:last-child a{
    border-bottom:none; 
    padding-bottom: 15px;
}
.it_mobile_menu li a:hover {
    color: #2565ac;
}
.it_mobile_menu > li.current_page_item > a {
    color: #2565ac;
}
#mobile_menu {
    width: 222px !important;
    border: 1px solid #e2e0e0 !important;
    left: -1px;
    padding: 0;
    padding-bottom: 20px;
    background: #f8f8f8;
    top: 46px !important;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border-top-left-radius: 0px;
    -moz-border-radius-topleft: 0px;
    border-top-right-radius: 0px;
    -webkit-border-top-left-radius: 0px;
    -moz-border-radius-topright: 0px;
    -webkit-border-top-right-radius: 0px;
    z-index: 9999;
    display: none;
    margin-bottom: 500px !important;
}

.it_mobile_menu {
    position: absolute;
    top: 46px !important;
    left: 3px;
    z-index: 1000;
    display: none;
    text-align: left;
}

.it_mobile_menu ul {
    display: block !important;
    visibility: visible !important;
    border-bottom: 1px solid #e2e0e0;
}
.it_mobile_menu ul li a{
    margin-left:12px !important; 
    padding-top: 12px !important;
    padding-bottom: 4px !important;
}
.it_mobile_menu ul li:last-child a{
    padding-bottom: 10px !important;
}
.it_mobile_menu ul a{

    border-bottom: none;
}
.mobile_nav {
    color: #3B3B3B;
    display: none;
    background: #f8f8f8;
    border: 1px solid #e2e0e0;
    position: relative;
    padding: 15px 22px 11px 46px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
}
.mobile_nav:before, .mobile_nav:after {
    content: '';
    position: absolute;
    top: 0;
    width: 2px;
    height: 100%;
}
.mobile_nav:before {
    left: 0;
}
.mobile_nav:after {
    right: 0;
}
.mobile_nav:hover {
    text-decoration: none;
    color:#3B3B3B;
}
.mobile_nav > span {
    display: block;
    width: 15px;
    height: 10px;
    background: url(assets/images/responsive_arrow.png) no-repeat;
    position: absolute;
    top: 19px;
    left: 19px;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.mobile_nav.opened > span {
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
/*Gallery page
================================================*/

.fullwidth .gallery {
    margin: auto;
    padding: 0 10px;
}
.gallery .thumbnail,
.fullwidth .gallery .thumbnail {
    margin-left: 0;
    padding: 0;
    list-style-type: none;
    overflow: hidden;
    margin: 0 auto;
    margin-right: 10px;
    width: 100%;
    border: 0;
    /*margin-left: -15px;*/
}
.gallery .thumbnail .animated h2 {
    text-align: center;
}
.gallery .thumbnail .animated a.gall-content {
    font-size: 14px;
    text-align: center;
    font-weight: 500;
}
.fullwidth .gallery ul.thumbnail li {
    margin: 0;
    margin-left: 0;
    position: relative;
    /*margin-right:22px;*/
    margin-right: 26px;
    width: 216px;
    height: auto;
    margin-bottom: 25px;
    text-align: center;
    padding-bottom: 0px;
    display: inline-block;
    vertical-align: top;
}
.fullwidth .gallery ul.thumbnail li span {
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    -ms-transition: all .3s linear;
    transition: all .3s linear;
}
.fullwidth .gallery ul.thumbnail li:hover span {
    background: url(assets/images/gall-bg.png) center no-repeat;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    left: 50%;
}
.fullwidth .gallery .thumbnail li img {
    margin-right: 0;
    width: 230px;
    height: 168px;
    border: 1px solid #ddd;
    padding: 5px;
}
.fullwidth .gallery .thumbnail li img:hover {
    opacity: 0.4;
}
.fullwidth .gallery ul.thumbnail.col-1 li {
    width: 200px;
    height: auto;
    display: block;
    float: none;
    margin: 0 auto;
    margin-bottom: 120px;
}
.fullwidth .gallery ul.thumbnail.col-1 li span {
    position: absolute;
    top: 40%;
    left: 50%;
}
.fullwidth .gallery ul.thumbnail.col-2 li {
    width: 300px;
    margin-left: 9%;
    margin-right: 9%;
    margin-bottom: 120px;
    height: auto;
}
.fullwidth .gallery ul.thumbnail.col-2 li span {
}
.fullwidth .gallery ul.thumbnail.col-2 li span img {
    margin-right: 0;
    width: 282px;
    height: 200px;
}
.fullwidth .gallery ul.thumbnail.col-3 {
    width: 119%;
}
.fullwidth .gallery ul.thumbnail.col-3 li {
    width: 246px;
    margin-right: 15%;
    height: auto;
    margin-bottom: 12%;
}
.fullwidth .gallery ul.thumbnail.col-3 li span {
}
.fullwidth .gallery ul.thumbnail.col-3 li span img {
    margin-right: 0;
    width: 224px;
    height: 158px;
}
.fullwidth .gallery ul.thumbnail.col-4 li {
    width: 237px;
    height: auto;
    margin-right: 5.8%;
    margin-bottom: 64px;
}
.fullwidth .gallery ul.thumbnail.col-4 li:hover span {
    background: url(assets/images/gall-bg.png) center no-repeat;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    left: 50%;
}
.fullwidth .gallery .thumbnail.col-4 li img {
    margin-right: 0;
    width: 224px;
    height: 158px;
}
.fullwidth .gallery ul.thumbnail.col-5 li {
    width: 203px;
    height: auto;
    margin-right: 40px;
    margin-bottom: 50px;
}
.fullwidth .gallery ul.thumbnail.col-5 li span {
    position: absolute;
    top: 46%;
    left: 44%;
}
.fullwidth .gallery ul.thumbnail.col-5 li img {
    width: 190px;
    height: 140px;
    margin-right: 0px;
}
.fullwidth .gallery ul.thumbnail.col-6 li {
    width: 153px;
    height: auto;
    margin-right: 50px;
    margin-bottom: 60px;
}
.fullwidth .gallery ul.thumbnail.col-6 li span {
    position: absolute;
    top: 46%;
    left: 44%;
}
.fullwidth .gallery ul.thumbnail.col-6 li img {
    width: 140px;
    height: 110px;
    margin-right: 0px;
}
.fullwidth .gallery ul.thumbnail.col-7 li {
    width: 120px;
    height: auto;
    margin-right: 44px;
    margin-bottom: 50px;
}
.fullwidth .gallery ul.thumbnail.col-7 li span {
    position: absolute;
    top: 46%;
    left: 44%;
}
.fullwidth .gallery ul.thumbnail.col-7 li img {
    width: 108px;
    height: 73px;
    margin-right: 0px;
}
.fullwidth .gallery ul.thumbnail.col-8 li {
    width: 120px;
    height: auto;
    margin-right: 20px;
    margin-bottom: 50px;
}
.fullwidth .gallery ul.thumbnail.col-8 li span {
    position: absolute;
    top: 46%;
    left: 40%;
}
.fullwidth .gallery ul.thumbnail.col-8 li img {
    width: 108px;
    height: 73px;
    margin-right: 0px;
}
.fullwidth .gallery ul.thumbnail.col-9 li {
    width: 120px;
    margin-right: 4px;
    margin-bottom: 50px;
}
.fullwidth .gallery ul.thumbnail.col-9 li span {
    position: absolute;
    top: 46%;
    left: 44%;
    ;
}
.fullwidth .gallery ul.thumbnail.col-9 li img {
    width: 90px;
    height: 73px;
    margin-right: 0px;
}
.fullwidth .gallery ul li h2 {
    margin-top: -32px;
}
.fullwidth .gallery ul li h2:hover {
    color: #CC9900;
}
.fullwidth .gallery ul li a.gall-content {
    font-size: 20px;
    font-weight: bold;
}
.fullwidtht .gallery ul li a.gall-content:hover {
    color: #f60;
}
.fullwidth .gallery .thumbnail li img:hover {
    opacity: 1;
    -webkit-transition: opacity .6s ease-in-out;
    -moz-transition: opacity .6s ease-in-out;
    -o-transition: opacity .6s ease-in-out;
    -ms-transition: opacity .6s ease-in-out;
    transition: opacity .6s ease-in-out;
}
/*Gallery style in content bar
================================================*/
.content_bar .gallery .thumbnail {
    margin-left: 0;
    padding: 0;
    list-style-type: none;
    overflow: hidden;
    margin: 0 auto;
    margin-right: 10px;
    width: 105%;
}
.content_bar .gallery ul.thumbnail li {
    margin: 0;
    margin-left: 0;
    float: left;
    position: relative;
    margin-right: 26px;
    width: 216px;
    height: 165px;
    margin-bottom: 25px;
    text-align: center;
}
.content_bar .gallery ul.thumbnail.col-1 li {
    width: 200px;
    height: 150px;
    display: block;
    float: none;
    margin: 0 auto;
}
.content_bar .gallery ul.thumbnail.col-1 li span {
    position: absolute;
    top: 32%;
    left: 47%;
}
.content_bar .gallery ul.thumbnail.col-2 li {
    width: 270px;
    height: 155px;
    margin: 0;
    margin-left: 65px;
    margin-bottom: 75px;
}
.content_bar .gallery ul.thumbnail.col-2 li span {
    position: absolute;
    top: 41%;
    left: 47%;
}
.content_bar .gallery ul.thumbnail.col-2 li img {
    width: 197px;
    height: 142px;
}
.content_bar .gallery ul.thumbnail.col-3 li {
    width: 237px;
    height: 170px;
}
.content_bar .gallery ul.thumbnail.col-3 li img{
    height:auto;
}
.content_bar .gallery ul.thumbnail.col-4 li {
    width: 144px;
    height: 110px;
    margin-right: 54px;
}
.content_bar .gallery ul.thumbnail.col-4 li img{
    width: 130px;
    height: 98px;
}
.content_bar .gallery ul.thumbnail.col-4 li span {
    position: absolute;
    top: 45%;
    left: 40%;
}
.content_bar .gallery ul.thumbnail.col-5 li {
    width: 116px;
    height: 91px;
    margin-right: 42px;
}
.content_bar .gallery ul.thumbnail.col-5 li img {
    width: 103px;
    height: 75px;
}
.content_bar .gallery ul.thumbnail.col-6 li {
    width: 85px;
    height: 105px;
    margin-right: 40px;
    margin-bottom: 0;
}
.content_bar .gallery ul.thumbnail.col-6 li span {
    position: absolute;
    top: 30%;
}
.content_bar .gallery ul.thumbnail.col-6 li img {
    height: 73px;
}
.content_bar .gallery ul.thumbnail.col-7 li {
    width: 70px;
    height: 80px;
    margin-right: 37px;
}
.content_bar .gallery ul.thumbnail.col-7 li span {
    position: absolute;
    top: 40%;
    left: 38%;
}
.content_bar .gallery ul.thumbnail.col-8 li {
    width: 64px;
    height: 35px;
    margin-right: 28px;
    margin-bottom: 75px;
}
.content_bar .gallery ul.thumbnail.col-8 li span {
    position: absolute;
    top: 75%;
    left: 44%;
    left: 40%;
}
.content_bar .gallery ul.thumbnail.col-9 li {
    width: 60px;
    height: 32px;
    margin-right: 21px;
    margin-bottom: 70px;
}
.content_bar .gallery ul.thumbnail.col-9 li span {
    position: absolute;
    top: 90%;
    left: 44%;
}
.content_bar .gallery .thumbnail li img {
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    -ms-transition: all .3s linear;
    transition: all .3s linear;
    border: 1px solid #c3cccd;
    padding: 5px;
    width: 224px;
    height: 107px;
}
.content-bar .gallery .thumbnail li img:hover {
    opacity: 1;
}
.content-bar ul.thumbnail li span.fade {
    background: url(assets/images/view_photo.png) no-repeat;
    position: absolute;
    top: 60px;
    left: 65px;
    display: block;
    opacity: 0;
    width: 220px;
    height: 153px;
}
h1.page-title {
    font-size: 22px;
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
}
h1.page-title-gall {
    margin-bottom: 25px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
}
.gallery.portfolio ul.paging{
    margin-left: 42px;
}
.fullwidth.not_found{
    margin-bottom:90px;
}