/*

[Table of contents]

1.     Reset default browser CSS
2.     Structure
3.     Header styles / header
3.1.   Generic header styles
3.2.   Header top styles / .header_top
3.3.   Header bottom styles / .header_bottom
3.4.   Generic logo styles
3.5.   Sticky header styles / header.sticky
3.6.   Fixed header styles / header.fixed
3.7.   Header with menu on bottom styles
3.8.   Header styles when logo is in center
3.9.   Main navigation styles
4.     Icon list shortcode styles / .craftsman_construction_icon_list
5.     Progress bar shortcode styles / .craftsman_construction_progress_bar
6.     Vertical progress bar shortcode styles / .craftsman_construction_progress_bars_vertical
7.     Counter shortcode styles
8.     Box Holder shortcode styles / .box_holder
9.     Button shortcode styles
9.1.   Button sizes styles
9.2.   Button color styles
9.3.   Button with icon styles
9.4.   Button usage custom styles
10.    Pie Charts and Pie Charts With Icon start styles / .easyPieChart
11.    Parallax shortcode styles
12.    Portfolio styles
12.1.  Portfolio navigation styles / .portfolio_navigation
13.    Tabs shortcode start styles
14.    Tour shortcode start styles
15.    Accordion shortcode start styles
16.    Calculator shortcode styles
17.    Gallery shortcode styles
18.    Message box shortcode styles / .craftsman_construction_message
19.    Pricing table shorcode styles
20.    Icon with text shortcode styles
21.    Generic icon styles
22.    Icon shortcode
23.    Social icon shortcode styles
23.1.  Social share shortcode styles
23.2.  Social share list shortcode styles
24.    Blog Masonry Shortcode / .craftsman_construction_masonry_blog
25.    Blog
26.    Blockquote shortcode styles / blockquote
27.    Pagination styles / .craftsman_construction_pagination
28.    Sidebar and side menu styles
28.1.  Common sidebar, side menu and widgets styles that are placed in this widget areas
28.2.  Sidebar specific styles
28.3.  Side menu specific styles
29.    Footer / footer
30.    Separator with text shortcode styles
31.    Pretty Photo style start
32.    Audio css
33.    WPML styles
34.    Team styles / .team
35.    Service shortcode styles
36.    Bootstrap
37.    Service table shorcode styles
38.    Contact form 7 styles
39.    Gravity forms styles
40.    Vertical menu styles
41.    Popup menu start styles

*/

.wp-caption,
.wp-caption-text,
.sticky,
.gallery-caption,
.bypostauthor{
	opacity: 1;
}

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}


.clear:after {
    clear: both;
    content: "";
    display: block;
}

/* Webkit */
::selection {
    background: #e9c70b;
    color: #fff;
}

/* Gecko/Mozilla */
::-moz-selection {
    background: #e9c70b;
    color: #fff;
}

.alignleft {
	float: left;
	margin: 0 20px 20px 0;
}
.alignright {
	float: right;
	margin: 0 0 20px 20px;
}
.aligncenter {
	display: block;
	margin: 10px auto;
}
.header_top .aligncenter{
	margin: 8px auto;
}
.text-align-right {
	text-align: right;
}
.text-align-left {
	text-align: left;
}
.text-align-center {
	text-align: center;
}

.content ul ul,
.content ol ol{
	padding:0 0 0 15px;
}

/* 1. Reset default browser CSS.
********************************************************************************************
********************************************************************************************/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,
	ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td
	{
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	outline: none;

}


*{box-sizing: border-box;}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
    display: block;
}

blockquote {
	quotes: none;
}
blockquote:before,blockquote:after {
	content: '';
	content: none;
}

code{
	background-color: #d1d1d1;
}
address {
    font-style: italic;
    margin: 0 0 12px;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
    border: medium none;
	border-bottom: 1px solid #ededed;
    font-size: 14px;
    line-height: 2;
    margin: 0 0 20px;
    width: 100%;
	}

table th{
	border: 0;
	  padding: 5px 10px 5px 0;
	font-weight: bold;
    text-transform: uppercase;
	text-align: left;
}

table td {
	font-weight: normal;
   text-align: left;
	border-top: 1px solid #ededed;
    padding: 5px 10px 5px 0;
}

tbody tr th a:hover,
.blog_holder.blog_large_image article tbody tr th a:hover
{
	color:#e9c70b;
}

a img {
	border: none;
}

img{
	max-width: 100%;
	height: auto;
}

h1,h2,h3,h4,h5,h6{
	font-family:"Montserrat", sans-serif;
	color: #333333;
	font-weight:700;
}

h1{
	font-size: 30px;
	line-height: 1.25em; /* 20px/16px */
	 font-weight: 600;
	 margin:25px 0;
}

h2{
	font-size: 24px;
	line-height: 1.384615384615385em;  /* 36px/26px */
	letter-spacing:1px;
	font-weight: 600;
	 margin:20px 0;
}

h3{
	font-size: 17px;
	line-height: 1.304347826086957em; /* 30px/23px */
	letter-spacing:1px;
	font-weight: 600;
	 margin:14px 0;
}

h4{
	font-size: 19px;
	line-height: 1.375em; /* 22px/16px */
    font-weight: 600;
	 margin:16px 0;
}

h5{
	font-size: 15px;
    line-height: 1.571428571428571em; /* 22px/14px */
	letter-spacing:1px;
    font-weight: 600;
	 margin:13px 0;
}

h6{
	font-size: 13px;
	line-height: 1.538461538461538em; /* 20px/13px */
	letter-spacing:1px;
	font-weight:600;
	 margin:11px 0;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a{
	color: #303030;
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover{
	color: #303030;
}

pre {
    background: #d1d1d1;
    color: #666;
    font-family: monospace;
    margin: 10px 0;
    overflow: auto;
    padding: 10px;
    white-space: pre-wrap;
    word-wrap: break-word;
	}
	

.default_template_holder p,
.full_width p
{
	margin:0 0 12px;
}

.blog_large_image .post_info .post_excerpt p
{
	margin:0 0 12px 0;
}

.blog_large_image .post_info .post_excerpt p:last-child{
	margin:0;
}


ul,ol{
    margin: 8px 0;
    padding: 0 0 0 24px;
	
}

.sidebar ul{
	margin:0;
}

.flexslider ul {
	margin:0;
}


.blog_large_image p,
.craftsman_construction_masonry_blog p,
.page-template-contact-page p,
.box_holder p,
.page_not_found p,
.team p,
.service_table_holder p
{
	margin:0;
}

a,
p a,
dl,
address{
	color: #333333;
	text-decoration: none;
	cursor: pointer;
}
.post_excerpt{
	color: #333333;
}

a:hover,
p a:hover {
	color: #333333;
	text-decoration: none;
}

input[type='submit']{
	-webkit-appearance: none;
}

ul{
	list-style-position:inside;
}

.more-link{
	font-weight:bold;
}



/* 2. Structure
********************************************************************************************
********************************************************************************************/

html{
	height: 100%;
	margin: 0px !important;
	-webkit-transition: all 1.3s ease-out;
	-moz-transition: all 1.3s ease-out;
	-o-transition: all 1.3s ease-out;
	-ms-transition: all 1.3s ease-out;
	transition: all 1.3s ease-out;
}

body{
	font-family: 'Raleway', sans-serif;
	font-size: 14px;
	line-height: 26px;
	color: #333333;
	font-weight: 400;
	background-color: #f6f6f6;
	overflow-y: scroll;
	overflow-x: hidden !important;
	-webkit-font-smoothing: antialiased;
}

.wrapper {
	background-color: #f6f6f6;
	position: relative;
	z-index: 1000;
	-webkit-transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
	-moz-transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
	-o-transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
	-ms-transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
	transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
	left: 0px;
}


.wpb_wrapper p b{
	color:#333333; 
	font-family:"Montserrat",sans-serif;
	font-weight:700;
}



.wrapper_inner{
        width: 100%;
	overflow: hidden;
}

body.boxed .wrapper_inner{
	overflow: visible;
}

body.boxed .content{
	overflow: hidden;
}

.meta{
	display: none;
}

.ajax_loader {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 1100;
	display: none;
}
@media only screen and (min-width: 1001px){
     .carousel-indicators{
		display:none !important;
	}
}


@media only screen and (min-width: 1000px){
    body.vertical_menu_enabled:not(.vertical_menu_hidden) .ajax_loader{
        margin-left: 130px;
    }

    body.vertical_menu_enabled.vertical_menu_hidden .ajax_loader{
        margin-left: 20px;
    }
	
}


.ajax_loader_1 {
	position: relative;
	display: inline-block;
	width: 100%;
	height: 100%;
}

.ajax_loader_2 {
	margin: -50% 0 0 -50%;
}

/* pulse - start */

.ajax_loader .pulse {
	width: 32px;
	height: 32px;
    margin: -16px 0px 0px -16px;
	background-color: #303030;
	-webkit-border-radius: 16px;
	-ms-border-radius: 16px;
	-o-border-radius: 16px;
	border-radius: 16px;
	-webkit-animation: scaleout 1.0s infinite ease-in-out;
	animation: scaleout 1.0s infinite ease-in-out;
}
@-webkit-keyframes scaleout {

  0% {
    -webkit-transform: scale(0);
    }


  100% {
    -webkit-transform: scale(1);
    opacity: 0;
    }
}
@-moz-keyframes scaleout {

  0% {
    -moz-transform: scale(0);
    }


  100% {
    -moz-transform: scale(1);
    opacity: 0;
    }
}
@-ms-keyframes scaleout {

  0% {
    -ms-transform: scale(0);
    }


  100% {
    -ms-transform: scale(1);
    opacity: 0;
    }
}
@-o-keyframes scaleout {

  0% {
    -o-transform: scale(0);
    }


  100% {
    -o-transform: scale(1);
    opacity: 0;
    }
}
@keyframes scaleout {

  0% {
    transform: scale(0);
    -webkit-transform: scale(0);
    }


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

/* pulse - end */

/* double pulse - start */

.ajax_loader .double_pulse {
    width: 40px;
    height: 40px;
    margin: -20px 0px 0px -20px;
    position: relative;
}

.ajax_loader .double_pulse .double-bounce1, .ajax_loader .double_pulse .double-bounce2 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #303030;
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;

    -webkit-animation: bounce 2.0s infinite ease-in-out;
    animation: bounce 2.0s infinite ease-in-out;
}

.ajax_loader .double_pulse .double-bounce2 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

@-webkit-keyframes bounce {
    0%, 100% { -webkit-transform: scale(0.0) }
    50% { -webkit-transform: scale(1.0) }
}

@keyframes bounce {
    0%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    } 50% {
          transform: scale(1.0);
          -webkit-transform: scale(1.0);
      }
}

/* double pulse - end */

/* cube - start */

.ajax_loader .cube {
    width: 60px;
    height: 60px;
    margin: -30px 0px 0px -30px;
    background-color: #303030;
    -webkit-animation: rotateplane 1.2s infinite ease-in-out;
    animation: rotateplane 1.2s infinite ease-in-out;
}

@-webkit-keyframes rotateplane {
    0% { -webkit-transform: perspective(120px) }
    50% { -webkit-transform: perspective(120px) rotateY(180deg) }
    100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}

@keyframes rotateplane {
    0% {
        transform: perspective(120px) rotateX(0deg) rotateY(0deg);
        -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)
    } 50% {
          transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
          -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
      } 100% {
            transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
            -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        }
}

/* cube - end */

/* rotating cubes - start */

.ajax_loader .rotating_cubes {
    width: 32px;
    height: 32px;
    margin: -16px 0px 0px -16px;
    position: relative;
}

.ajax_loader .rotating_cubes .cube1, .ajax_loader .rotating_cubes .cube2 {
    background-color: #303030;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 0;
    left: 0;

    -webkit-animation: cubemove 1.8s infinite ease-in-out;
    animation: cubemove 1.8s infinite ease-in-out;
}

.ajax_loader .rotating_cubes .cube2 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

@-webkit-keyframes cubemove {
    25% { -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5) }
    50% { -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg) }
    75% { -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5) }
    100% { -webkit-transform: rotate(-360deg) }
}

@keyframes cubemove {
    25% {
        transform: translateX(42px) rotate(-90deg) scale(0.5);
        -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
    } 50% {
          transform: translateX(42px) translateY(42px) rotate(-179deg);
          -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
      } 50.1% {
            transform: translateX(42px) translateY(42px) rotate(-180deg);
            -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
        } 75% {
              transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
              -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
          } 100% {
                transform: rotate(-360deg);
                -webkit-transform: rotate(-360deg);
            }
}

/* rotating cubes - end */

/* stripes - start */

.ajax_loader .stripes {
    width: 50px;
    height: 60px;
    margin: -30px 0px 0px -25px;
    text-align: center;
    font-size: 10px;
}

.ajax_loader .stripes > div {
    background-color: #303030;
    height: 100%;
    width: 6px;
    display: inline-block;
    margin: 0 3px 0 0;
    -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
    animation: stretchdelay 1.2s infinite ease-in-out;
}

.ajax_loader .stripes .rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.ajax_loader .stripes .rect3 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

.ajax_loader .stripes .rect4 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.ajax_loader .stripes .rect5 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

@-webkit-keyframes stretchdelay {
    0%, 40%, 100% { -webkit-transform: scaleY(0.4) }
    20% { -webkit-transform: scaleY(1.0) }
}

@keyframes stretchdelay {
    0%, 40%, 100% {
        transform: scaleY(0.4);
        -webkit-transform: scaleY(0.4);
    }  20% {
           transform: scaleY(1.0);
           -webkit-transform: scaleY(1.0);
       }
}

/* stripes - end */

/* wave - start */

.ajax_loader .wave {
    width: 72px;
    text-align: center;
    margin: -9px 0px 0px -36px;
}

.ajax_loader .wave > div {
    width: 18px;
    height: 18px;
    background-color: #303030;
    margin: 0px 3px 0px 0px;

    border-radius: 100%;
    display: inline-block;
    -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
    animation: bouncedelay 1.4s infinite ease-in-out;
    /* Prevent first frame from flickering when animation starts */
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.ajax_loader .wave .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.ajax_loader .wave .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

@-webkit-keyframes bouncedelay {
    0%, 80%, 100% { -webkit-transform: scale(0.0) }
    40% { -webkit-transform: scale(1.0) }
}

@keyframes bouncedelay {
    0%, 80%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    } 40% {
          transform: scale(1.0);
          -webkit-transform: scale(1.0);
      }
}

/* wave - end */

/* two_rotating_circles - start */

.ajax_loader .two_rotating_circles {
    width: 40px;
    height: 40px;
    margin: -20px 0px 0px -20px;
    position: relative;
    text-align: center;

    -webkit-animation: rotatecircles 2.0s infinite linear;
    animation: rotatecircles 2.0s infinite linear;
}

.ajax_loader .two_rotating_circles .dot1, .ajax_loader .two_rotating_circles .dot2 {
    width: 60%;
    height: 60%;
    display: inline-block;
    position: absolute;
    top: 0;
    background-color: #303030;
    border-radius: 100%;
    -webkit-animation: bounce 2.0s infinite ease-in-out;
    animation: bounce 2.0s infinite ease-in-out;
}

.ajax_loader .two_rotating_circles .dot2 {
    top: auto;
    bottom: 0px;
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

@-webkit-keyframes rotatecircles { 100% { -webkit-transform: rotate(360deg) }}

@keyframes rotatecircles { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) }}

/* two_rotating_circles - end */

/* five_rotating_circles - start */

.ajax_loader .five_rotating_circles {
    width: 60px;
    height: 60px;
    margin: -30px 0px 0px -30px;
    position: relative;
}

.ajax_loader .five_rotating_circles .container1 > div, .ajax_loader .five_rotating_circles .container2 > div, .ajax_loader .five_rotating_circles .container3 > div {
    width: 12px;
    height: 12px;
    background-color: #303030;
    border-radius: 100%;
    position: absolute;
    -webkit-animation: bouncedelay 1.2s infinite ease-in-out;
    animation: bouncedelay 1.2s infinite ease-in-out;
    /* Prevent first frame from flickering when animation starts */
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.ajax_loader .five_rotating_circles .spinner-container {
    position: absolute;
    width: 100%;
    height: 100%;
}

.ajax_loader .five_rotating_circles .container2 {
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
}

.ajax_loader .five_rotating_circles .container3 {
    -webkit-transform: rotateZ(90deg);
    transform: rotateZ(90deg);
}

.ajax_loader .five_rotating_circles .circle1 { top: 0; left: 0; }
.ajax_loader .five_rotating_circles .circle2 { top: 0; right: 0; }
.ajax_loader .five_rotating_circles .circle3 { right: 0; bottom: 0; }
.ajax_loader .five_rotating_circles .circle4 { left: 0; bottom: 0; }

.ajax_loader .five_rotating_circles .container2 .circle1 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.ajax_loader .five_rotating_circles .container3 .circle1 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

.ajax_loader .five_rotating_circles .container1 .circle2 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.ajax_loader .five_rotating_circles .container2 .circle2 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

.ajax_loader .five_rotating_circles .container3 .circle2 {
    -webkit-animation-delay: -0.7s;
    animation-delay: -0.7s;
}

.ajax_loader .five_rotating_circles .container1 .circle3 {
    -webkit-animation-delay: -0.6s;
    animation-delay: -0.6s;
}

.ajax_loader .five_rotating_circles .container2 .circle3 {
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}

.ajax_loader .five_rotating_circles .container3 .circle3 {
    -webkit-animation-delay: -0.4s;
    animation-delay: -0.4s;
}

.ajax_loader .five_rotating_circles .container1 .circle4 {
    -webkit-animation-delay: -0.3s;
    animation-delay: -0.3s;
}

.ajax_loader .five_rotating_circles .container2 .circle4 {
    -webkit-animation-delay: -0.2s;
    animation-delay: -0.2s;
}

.ajax_loader .five_rotating_circles .container3 .circle4 {
    -webkit-animation-delay: -0.1s;
    animation-delay: -0.1s;
}

/* five_rotating_circles - end */

body.smooth_scroll {
    overflow-y: hidden;
}

body.boxed .wrapper_inner,
body.boxed .footer_inner{
	width: 1150px;
	margin: 0 auto;
}
/* 3.  Header styles
********************************************************************************************
********************************************************************************************/

/* 3.1.  Generic header styles
********************************************************************************************
********************************************************************************************/

header {
	width: 100%;
	display: inline-block;
	margin: 0px 0px 0px 0px;
    vertical-align: middle;
	position: relative;
	z-index: 110;
	-webkit-backface-visibility:hidden;
}

header .header_inner_left,
header.centered_logo.sticky .header_inner_left
 {
    position: absolute;
    left: 45px;
    top: 0px;
}

header .container_inner .header_inner_left{
    position: absolute;
    left: 0px;
    top: 0px;
}

.boxed header{
    background-color: transparent !important;
    border: 0px !important;
}


.boxed .header_inner{
    width: 1150px;
    margin: 0px auto;
}

.header_inner_right{
    float: right;
    position: relative;
    z-index: 110;
}

/* 3.2.  Header top styles
********************************************************************************************
********************************************************************************************/ 
   
.header_top {
    position: relative;
    z-index: 111;
    line-height: 33px;
    height:  33px;
    padding: 0;
    font-size: 13px;
    background-color: #fff;
	-webkit-transition: all 0.2s ease 0s;
	-moz-transition: all 0.2s ease 0s;
	-o-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
}

header.scrolled .header_top {
	background-color: #fff !important;
}

.header_top p{
    line-height: 32px;
    padding: 0 15px;
}

.header_top .left{
    float: left;
}

.header_top .right{
    float: right;
}

.header_top .right .inner #lang_sel {
    float: left;
    padding: 0 0 0 0px;
}

.header_top .inner #lang_sel > ul {
    list-style: none;
}

.header_top .left .inner > div,
.header_top .left .inner > div:last-child {
    float:left;
    border-bottom: 0;
    border-top: 0;
}

.header_top .right .inner > div {
    border-left: 0;
    float: left;
}

header.scrolled:not(.scroll_header_top_area) .header_top {
    border-bottom: 0;
}


/* 3.3.  Header bottom styles
********************************************************************************************
********************************************************************************************/  
   
   
.header_bottom {
    position: relative;
    background-color: #fff;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.boxed .header_bottom{
    padding: 0px 25px;
}


/* 3.4.   Generic logo styles
********************************************************************************************
********************************************************************************************/  
   
   
.logo_wrapper{
    height: 50px;
    float: left;
	margin-left:-20px;
}

.craftsman_construction_logo{
    position: relative;
   height:100%;
    left: 0;
	opacity:1;  
}

.craftsman_construction_logo a{
    display: block;
    visibility: hidden;
}


.craftsman_construction_logo img{
    display: block;
    opacity:1;
    position: absolute;
    width: auto !important;
    -webkit-transition: opacity 0.6s ease-in-out;
    -moz-transition: opacity 0.6s ease-in-out;
    -o-transition: opacity 0.6s ease-in-out;
    -ms-transition: opacity 0.6s ease-in-out;
}

/* Specific logo styles */
.craftsman_construction_logo img.light,
.craftsman_construction_logo img.sticky,
.craftsman_construction_logo img.dark,
.craftsman_construction_logo img.popup{
    opacity:0;
}

header.scrolled .craftsman_construction_logo img.normal,
header.scrolled.dark .craftsman_construction_logo img.normal,
header.scrolled.light .craftsman_construction_logo img.normal {
    opacity: 1;
   }

header.scrolled .craftsman_construction_logo img.light,
header.scrolled.light .craftsman_construction_logo img.light,
header.scrolled.dark .craftsman_construction_logo img.light,
header.scrolled .craftsman_construction_logo img.dark,
header.scrolled.light .craftsman_construction_logo img.dark,
header.scrolled.dark .craftsman_construction_logo img.dark {
    opacity: 0;
}


header.light .craftsman_construction_logo img.normal{
    opacity:0;
}

header.light .craftsman_construction_logo img.light{
    opacity:1;
}

header.light .craftsman_construction_logo img.dark{
    opacity:0;
}

header.dark .craftsman_construction_logo img.normal{
    opacity:0;
}

header.dark .craftsman_construction_logo img.light{
    opacity:0;
}

header.dark .craftsman_construction_logo img.dark{
    opacity:1;
}


/* 3.5.   Sticky header styles
********************************************************************************************
********************************************************************************************/  
   
   
   
header.sticky {
	-webkit-transition: all 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
	-moz-transition: all 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
	-o-transition: all 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
	-ms-transition: all 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
	transition: all 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
	top: -120px;
	left: 0;
	position: fixed;
	-webkit-background-clip:border;
	background-clip:border-box;
	-webkit-background-clip:padding;
	background-clip:padding-box;
	-webkit-background-clip:content;
	background-clip:content-box;
}

header.sticky .header_top{
    display: none;
}

header.sticky .header_bottom {
    background-color: #fff !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.11);
}
header.sticky.no_shadow .header_bottom {
	box-shadow: none;
}
header.sticky.centered_logo {
	top: -300px;
}

header.sticky.sticky_animate {
	top:0px;
}

header.sticky .craftsman_construction_logo img.sticky {
	opacity:1;
}

header.sticky .craftsman_construction_logo img.normal,
header.sticky .craftsman_construction_logo img.light,
header.sticky .craftsman_construction_logo img.dark,
header.sticky .craftsman_construction_logo img.popup{
	opacity:0 !important;
}

header.sticky .logo_wrapper,
header.sticky.centered_logo .logo_wrapper{
    height: 50px !important;
    float: left;
}

header.sticky .drop_down .second{
    margin-top: 0;
}

header.sticky .header_fixed_right_area {
    display: none;
}

header.sticky .side_menu_button{
    height: 50px;
}

.sticky .header_menu_bottom{
    position: static;
}

/* 3.6.   Fixed header styles
********************************************************************************************
********************************************************************************************/    
   
   
header.fixed,
header.fixed_hiding {
	-webkit-transition: left 0.13s cubic-bezier(0.694, 0.0482, 0.335, 1), left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
	-moz-transition: left 0.13s cubic-bezier(0.694, 0.0482, 0.335, 1), left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
	-o-transition: left 0.13s cubic-bezier(0.694, 0.0482, 0.335, 1), left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
	-ms-transition: left 0.13s cubic-bezier(0.694, 0.0482, 0.335, 1), left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
	transition: left 0.13s cubic-bezier(0.694, 0.0482, 0.335, 1), left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
	width: 100%;
	position: fixed;
	z-index: 110;
	top:0px;
	left: 0px;
}

header.fixed_hiding.scrolled nav.main_menu div.second ul li a {
	line-height: 16px !important;
}

header.fixed.scrolled .header_bottom,
header.fixed_hiding.scrolled .header_bottom{
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.11);
   
    box-shadow: 0 1px 3px rgba(0,0,0,0.11);
    background-color: #fff !important;
}


/* 3.7.   Header with menu on bottom styles
********************************************************************************************
********************************************************************************************/      
   
   
header.menu_bottom .header_inner_left {
    left: 0;
}

header:not(.sticky) .header_menu_bottom nav.main_menu > ul > li:first-child > a {
    padding-left: 0;
}

header.menu_bottom:not(.sticky) .drop_down .second {
    top: 100%;
}

header:not(.sticky) .header_menu_bottom .side_menu_button {
    height: 60px;
}

header.menu_bottom.has_header_fixed_right .mobile_menu_button {
    height: 130px;
}

header.menu_bottom .header_inner_left{
    position: relative;
}

.menu_bottom.sticky .container_inner .header_inner_left{
    position: absolute;
}

.menu_bottom .logo_wrapper{
    float: none;

}
.menu_bottom  .craftsman_construction_logo a{
    display:inline-block;
}
.menu_bottom.sticky .logo_wrapper{
    float: left;
}

.header_menu_bottom {
    position: relative;
    display: block;
}


/* 3.8.   Header styles when logo is in center
********************************************************************************************
********************************************************************************************/       
   
   
   
header.centered_logo{
	text-align: center;
}

header.centered_logo .header_inner_left{
	float: none;
	position: relative;
	display: block;
	margin: 20px 0px 10px 0px;
	left:0;
}

header.centered_logo.fixed_hiding.scrolled .header_inner_left{
	margin: 10px 0px 10px 0px;
}


header.centered_logo.sticky .header_inner_left{
	margin: 0px;
}

header.centered_logo .logo_wrapper{
	float: none;
	height: auto !important;
	display:inline-block;
}

header.centered_logo .craftsman_construction_logo{
	top: 0px;
}

header.centered_logo.sticky .craftsman_construction_logo{
	top: 50%;
}

header.centered_logo .craftsman_construction_logo a{
	display: inline-block;
	vertical-align: middle;
}

header.centered_logo .craftsman_construction_logo img{
	top: 0px;
	margin: 0px;

}

@media only screen and (min-width: 1000px){
    header.centered_logo:not(.sticky ) .craftsman_construction_logo img{ /* only not sticky is set here because on sticky menu logo is moved left from site left edge */
        -webkit-transform: translate(-50%, 0px);
        -moz-transform: translate(-50%, 0px);
        -ms-transform: translate(-50%, 0px);
        -o-transform: translate(-50%, 0px);
        transform: translate(-50%, 0px);
    }
}
header.centered_logo.centered_logo_animate .craftsman_construction_logo img,
header:not(.centered_logo) .craftsman_construction_logo img{
    height: 100%;
}

header.centered_logo.sticky .craftsman_construction_logo img{
	top: -50%;
}

header.centered_logo.sticky .craftsman_construction_logo img{
	height: 100% !important;
}

header.centered_logo .header_inner_right{
	float: none;
	display: inline-block;
	/*position: relative;*/
	vertical-align: middle;
}

header.centered_logo .header_right_widget{
	float: left;
}

header.centered_logo nav.main_menu,
header.centered_logo nav.main_menu.right{
	position: relative;
	display: inline-block;
	left: auto;
	float: none;
    vertical-align: middle;
}

header.centered_logo nav.main_menu > ul{
	left: 0px;
}


@media only screen and (min-width: 1001px){

    header.fixed_hiding .holeder_for_hidden_menu{
        overflow: hidden;
        max-height: 150px;
        vertical-align: middle;
        -webkit-transition: max-height 0.2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
        -moz-transition: max-height 0.2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
        -o-transition: max-height 0.2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
        -ms-transition: max-height 0.2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
        transition: max-height 0.2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
    }

    header.fixed_hiding.scrolled .holeder_for_hidden_menu{
        max-height: 0px;
    }

    header.fixed_hiding .holeder_for_hidden_menu:hover{
        overflow: visible;
    }

    header.fixed_hiding.scrolled:hover .holeder_for_hidden_menu{
        max-height: 150px;
        transition-duration: 0.5s;
        -webkit-transition-duration: 0.8s;
        -moz-transition-duration: 0.8s;
        -ms-transition-duration: 0.8s;
        -o-transition-duration: 0.8s;
    }

   header.fixed_hiding.centered_logo .header_inner_left{
        /*margin: 20px 0px;*/
        display: table;
        width: 100%;
    }

    header.fixed_hiding.centered_logo.fixed_hiding .header_inner_left{
        height: 50px;
    }

    header.fixed_hiding .header-left-from-logo-widget,
    header.fixed_hiding .header-right-from-logo-widget,
    header.fixed_hiding .logo_wrapper{
        display: table-cell;
        width: 33.33%;
        vertical-align: middle;
        position: relative;
    }

    header.fixed_hiding .header-left-from-logo-widget-inner,
    header.fixed_hiding .header-right-from-logo-widget-inner{
        width: 100%;
    }

    header.fixed_hiding .header-left-from-logo-widget{
        text-align: left;
    }

    header.fixed_hiding .header-right-from-logo-widget{
        text-align: right;
    }

    header.fixed_hiding .craftsman_construction_logo a,
    header.fixed_hiding .craftsman_construction_logo{
        max-height: 124px;
        opacity: 1;
        -webkit-transition: max-height 0.2s ease 0s, opacity 0.2s ease 0s;
        -moz-transition: max-height 0.2s ease 0s, opacity 0.2s ease 0s;
        -o-transition: max-height 0.2s ease 0s, opacity 0.2s ease 0s;
        -ms-transition: max-height 0.2s ease 0s, opacity 0.2s ease 0s;
        transition: max-height 0.2s ease-out 0s, opacity 0.2s ease 0s;
    }

    header.fixed_hiding.scrolled .craftsman_construction_logo,
    header.fixed_hiding.scrolled .craftsman_construction_logo a{
        -webkit-transition: max-height 0.2s ease 0s, opacity 0.4s ease 0s;
        -moz-transition: max-height 0.2s ease 0s, opacity 0.4s ease 0s;
        -o-transition: max-height 0.2s ease 0s, opacity 0.4s ease 0s;
        -ms-transition: max-height 0.2s ease 0s, opacity 0.4s ease 0s;
        transition: max-height 0.2s ease-out 0s, opacity 0.4s ease 0s;
        max-height: 0px !important;
        opacity: 0;
    }

    header.fixed_hiding .craftsman_construction_logo_hidden a{
        height: 50px;
        position: relative;
        display: block;
        opacity: 0;
        max-height: 0px;
        -webkit-transition: opacity 0s ease 0s, max-height 0s ease 0s;
        -moz-transition: opacity 0s ease 0s, max-height 0s ease 0s;
        -o-transition: opacity 0s ease 0s, max-height 0s ease 0s;
        -ms-transition: opacity 0s ease 0s, max-height 0s ease 0s;
        transition: opacity 0s ease 0s, max-height 0s ease 0s;
    }

    header.fixed_hiding.scrolled .craftsman_construction_logo_hidden a{
        max-height: 500px;
        opacity: 1;
        -webkit-transition: opacity 0.15s ease 0.3s, max-height 0.15s ease 0.2s;
        -moz-transition: opacity 0.15s ease 0.3s, max-height 0.15s ease 0.2s;
        -o-transition: opacity 0.15s ease 0.3s, max-height 0.15s ease 0.2s;
        -ms-transition: opacity 0.15s ease 0.3s, max-height 0.15s ease 0.2s;
        transition: opacity 0.15s ease 0.3s, max-height 0.15s ease 0.2s;
    }
	.craftsman_construction_logo img{
      max-width: none;
     }
	
    header.centered_logo.fixed_hiding .header_inner_left{
	margin: 10px 0px 10px 0px;
    }
}


/* 3.9.   Main navigation styles
********************************************************************************************
********************************************************************************************/    
   
   
   
nav.main_menu{
	position: absolute;
	left: 50%;
	z-index: 100;
	text-align: left;
}

nav.main_menu.right{
	position: relative;
	left: auto;
	float: right;
}

nav.main_menu ul {
	list-style:none outside none;
	margin:0px;
	padding:0px;
}

nav.main_menu > ul {
	left: -50%;
	position: relative;
}

nav.main_menu.right > ul{
	left: auto;
}

nav.main_menu ul li{
	display:inline-block;
	float:left;
	padding:0px;
	margin:0px;
	background-repeat: no-repeat;
	background-position: right;
	
}

nav.main_menu ul li a {

    font-weight: 400;
	text-decoration: none;
    display: inline-block;
	position: relative;
	line-height: 48px;
	padding: 0;
	margin: 0;
    cursor: pointer;
}

.post-navigation{
	padding-top:30px;
}

.post-navigation h2,
.posts-navigation h2
{
 display:none;}

.post-navigation .nav-previous,
.post-navigation .nav-next,
.posts-navigation .nav-previous,
.posts-navigation .nav-next
{
	font-weight:bold;
}
.post-navigation .nav-previous a:hover,
.post-navigation .nav-next a:hover,
.posts-navigation .nav-previous a:hover,
.posts-navigation .nav-next a:hover
{
	color:#333333;
}


header.sticky nav.main_menu > ul > li > a,
.light.sticky nav.main_menu > ul > li > a,
.light.sticky nav.main_menu > ul > li > a:hover,
.light.sticky nav.main_menu > ul > li.active > a,
.dark.sticky nav.main_menu > ul > li > a,
.dark.sticky nav.main_menu > ul > li > a:hover,
.dark.sticky nav.main_menu > ul > li.active > a{
	line-height: 48px;
}

nav.main_menu > ul > li > a,
nav.main_menu > ul > li > a {
	display: inline-block;
	height: 100%;
	background-color: transparent;
	-webkit-transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out;
	-ms-transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out;
}

.with_hover_bg_color nav.main_menu > ul > li > a {
	-webkit-transition: background-color ease-in-out 0.15s, color ease-in-out 0.15s;
	-moz-transition: background-color ease-in-out 0.15s, color ease-in-out 0.15s;
	-ms-transition: background-color ease-in-out 0.15s, color ease-in-out 0.15s;
	-o-transition: background-color ease-in-out 0.15s, color ease-in-out 0.15s;
	transition: background-color ease-in-out 0.15s, color ease-in-out 0.15s;
}

header:not(.with_hover_bg_color) nav.main_menu > ul > li:hover > a{
    opacity: 0.8;
}
nav.main_menu>ul>li.active > a {
    color: #303030;
}

nav.main_menu > ul > li > a > i.blank{
	display: none;
}



.light:not(.sticky):not(.scrolled) nav.main_menu > ul > li > a,
.light:not(.sticky):not(.scrolled) nav.main_menu > ul > li > a:hover,
.light:not(.sticky):not(.scrolled) nav.main_menu > ul > li.active > a,
.light:not(.sticky):not(.scrolled) nav.main_menu > ul > li:before {
	color: #fff;
}

.dark:not(.sticky):not(.scrolled) nav.main_menu > ul > li > a,
.dark:not(.sticky):not(.scrolled) nav.main_menu > ul > li.active > a,
.dark:not(.sticky):not(.scrolled) nav.main_menu > ul > li:not(:first-child):before {
	color: #000;
}

nav.main_menu > ul > li > a {
	position: relative;
	margin:0 17px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 1px;
	border-bottom:2px solid transparent;
    
}


.search_button .fa-search{
	text-align:center;
}
#searchform i.fa-search{
	height:20px !important;
	width:20px !important;
	line-height:50px !important;
	position:absolute;
	left:0;
}


/* DROP DOWN MENU - START */

.drop_down ul{
	list-style: none;
}

.drop_down ul li{
	position: relative;
}

header.transparent.fixed.scrolled .drop_down .second,
header.transparent.fixed_hiding.scrolled .drop_down .second{
    top: 100%;
}

.drop_down .second {
	left: 0;
	margin: 0;
	top: 100%;
	position: absolute;
	display: block;
	visibility: hidden;
	overflow: hidden;
	opacity: 0;
	z-index: 10;
    -webkit-transition: top 0.3s ease-in-out;
    -moz-transition: top 0.3s ease-in-out;
    -ms-transition: top 0.3s ease-in-out;
    -o-transition: top 0.3s ease-in-out;
    transition: top 0.3s ease-in-out;
}

header.transparent.with_border:not(.sticky) .drop_down .second,
header.transparent.with_hover_bg_color:not(.sticky) .drop_down .second {
	top: 100%;
}

.drop_down li.left_position .second{
    left: auto;
    right: 0px;
}

header.transparent .drop_down .second:not(.right) {
    left: 16px;
}

header.transparent.with_hover_bg_color .drop_down .second:not(.right) {
    left: 0;
}

.drop_down li.right_position .second {
	left: -100%;
}

.drop_down .second.drop_down_start{
	visibility: visible;
	overflow: visible;
	opacity: 1;
}



nav.main_menu > ul > li:hover > .second{
	z-index: 20;
}

.drop_down .second .inner{
    position: relative;
    padding: 0px;
    display: block;
    z-index: 997;
}

.drop_down .second .inner > ul,
li.narrow .second .inner ul {
	display:inline-block;
	position: relative;
	background-color: #262626;
	border-color:#3d3d3d;
}

li.narrow .second .inner ul {
    padding: 7px 0;
}

.drop_down .second .inner ul li {
    display: block;
    padding: 0 15px;
    position: relative;
    float: none;
    height: auto;
    background: 0;
    width: 190px;
}

li.narrow .second .inner ul li:last-child {
    border-bottom: none;
}

.drop_down .wide.left_position .second ul li,
.drop_down .wide.right_position .second ul li {
    width: 180px;
}

.drop_down .second .inner ul li a,
.drop_down .second .inner ul li h5 {
    display: block;
    font-weight: 600;
    color: #9d9d9d;
    height: auto;
    line-height: 16px;
    margin: 0;
    padding: 9px 0;
    -webkit-transition: color 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out;
    -ms-transition: color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.drop_down .second .inner > ul > li:last-child > a,
.drop_down .second .inner > ul > li > ul > li:last-child > a,
.drop_down .second .inner > ul > li > ul > li > ul > li:last-child > a {
    border-bottom: 0;
}

.drop_down .second .inner ul.right li a{
	padding: 9px 20px 9px 0;
}

.drop_down .second .inner > ul > li > a:hover,
.drop_down .second .inner ul li.sub ul li a:hover{
	color: #fff;
}

.drop_down .narrow .second .inner ul li {
    padding: 0;
    width: 225px;
}

.drop_down .narrow .second .inner ul li a {
    padding-left: 20px;
    padding-right: 20px;
}

.drop_down .wide .second ul li a,
.drop_down .wide .second .inner ul li.sub a,
.drop_down .wide .second .inner ul li h5 {
    background: 0;
}

.drop_down .second i {
	display: none;
}

.drop_down .second .inner ul li ul{
	position: absolute;
	left: 100%;
	top: -7px;
	height: auto;
	display: none;
	overflow: hidden;
	z-index: 10;
}

.drop_down .second .inner ul li:hover ul{
	z-index: 20;
	display: block;
}

.drop_down .second.right {
	right: 0px;
	left: auto;
}

.drop_down .second .inner ul.right li a,
.drop_down .second .inner ul.right li h5{
	text-align: right;
}

.drop_down .second .inner ul.right li ul{
    left: -100%;
}

.drop_down .second .inner ul li.sub ul li a,
.drop_down .second .inner ul.right li.sub ul li a{
	background: none;
}

.drop_down .second .inner .widget{
    padding: 0px 20px;
}

.drop_down .second .inner .widget p{
    font-size: 13px;
    line-height: 16px;
    padding: 12px 0px;
}

/* DROP DOWN MENU - END */

/* DROP DOWN MENU WIDE - START */

.drop_down .wide .second ul{
    padding: 15px 10px;
}
.drop_down .second ul li{
	border-bottom-width: 1px;
	border-bottom-color: #3d3d3d;
}
.drop_down .wide .second ul li{
    float: left;
    width: 249px;
    padding: 0 10px 0 10px;
    border-left: 1px solid #3d3d3d;
    border-bottom: 0;
}

.drop_down .wide .second > .inner > ul > li.sub > ul > li > a,
.drop_down .wide .second ul li a {
    padding: 11px 9px;
}

.drop_down .wide:not(.right_position) .second ul li:first-child,
.drop_down .wide.right_position .second ul li:last-child {
    border-left-color: transparent;
}

.drop_down .wide .second ul li:last-child {
    margin-right: 0;
}

.drop_down .wide.right_position .second ul li{
    float: right;
 }

.drop_down .wide .second ul li:hover{
	background-color: transparent;
}

.drop_down .wide .second ul li:nth-child(4n+1){
	clear: both;
}


.drop_down .wide .second .inner > ul > li > a{
    color: #fff;
    border-bottom: 0;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
}

.drop_down .wide .second .inner > ul > li > a{
    margin-bottom: 7px;
    font-size: 13px;
}

.drop_down .wide .second .inner ul li.sub h5 a,
.drop_down .wide .second .inner ul li h5 a{
	padding: 0px !important;
}

.drop_down .wide .second ul li ul{
	display: block;
	left: 0;
	padding: 0;
	position: relative;
	top: 0;
	visibility: visible;
	background-color: transparent !important;
}

.drop_down .wide .second ul li ul .widget{
	padding:0 10px;
}

/* custom widget area in popup - start */
.drop_down .second .inner ul li ul{
    overflow: visible;
}

.drop_down .wide .second ul li.show_widget_area_in_popup:hover .popup_wrapper > a{
    color: #fff; /* this is added to style dynamic css also! */
}

.drop_down .wide .second ul li.show_widget_area_in_popup .popup_wrapper{
    position: relative;
    display: inline-block;
    vertical-align: middle;
}


.drop_down .wide .second ul li.show_widget_area_in_popup a{
    display: inline-block;
    vertical-align: middle;
}

.drop_down .wide .second ul li.show_widget_area_in_popup .widget{
    height: 0px;
    width: 0px;
    overflow: hidden;
    opacity: 0;
    position: absolute;
    left: 100%;
    top: 0px;
    padding: 5px;
    margin: 5px 0px 0px 5px;
    background-color: #262626;
}

.drop_down .wide .second ul li ul li{
    z-index: 1;
}

.drop_down .wide .second ul li.show_widget_area_in_popup:hover{
    z-index: 10;
}

.drop_down .wide .second ul li.show_widget_area_in_popup:hover .widget{
    height: auto;
    width: auto;
    opacity: 1;
}

.drop_down .wide .second ul li.show_widget_area_in_popup .widget img{
    max-width: inherit;
    display: block;
    position: relative;
}

.drop_down .wide .second ul li.show_widget_area_in_popup .widget a{
    padding: 0px;
}

/* custom widget area in popup - end */

.drop_down .wide .second ul li ul li{
	padding: 0;
	margin: 0;
    border: 0;
}

.drop_down .wide .second ul li ul li.menu-item-has-children > a,
.drop_down .wide .second ul li ul li.menu-item-has-children > a:hover{
	border-bottom: 0 none;
	color: #303030;
	font-size: 15px;
}

/* DROP DOWN MENU WIDE - END */


/* DROP DOWN MENU WIDE ICONS - START */

.drop_down .wide.icons .second ul li a span{
	position: relative;
	display: block;
}

.drop_down .wide.icons .second i{
    width: 24px;
    height: 16px;
    float: left;
    display: inline-block;
    color: #888;
    line-height: 16px;
    -webkit-transition: color 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out;
    -ms-transition: color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out;
}

.drop_down .wide.icons  .second a:hover i{
	color: #fff;
}

.drop_down .wide.icons  .second i.blank{
	background: none;
	border: 0px;
	display:none;
}

/* DROP DOWN MENU WIDE ICONS - END */

/* Sticky with left and right menu - start */

@media only screen and (min-width: 1000px){

    nav.main_menu.left_side > ul,
    nav.main_menu.right_side > ul{
        left: auto;
    }

}

/* Sticky with left and right menu - end */

.mobile_menu_button{
	display: none;
	position:absolute;
	left:0;
	width:100px;
	height: 100px;
	/*margin: 0 20px 0 0;*/
	text-align:center;
	
}

.mobile_menu_button span {
    color: #777;
	width: 19px;
	height: 17px;
	font-size: 14px;
	z-index: 50;
	display: table-cell;
	position: relative;
	cursor: pointer;
	vertical-align: middle;
}

.dark .mobile_menu_button span{
	color: #000;
}

nav.mobile_menu{
	display: none;
	width: 100%;
	float: left;
	position: relative;
	top: 0px;
	text-align: left;
	overflow: hidden;
	background-color: #fff;
    z-index: 100;
}

nav.mobile_menu ul{
	display: none;
	width: 100%;
	position: relative;
	list-style: none;
	padding: 0;
	margin: 0;
}

nav.mobile_menu > ul{
	margin-bottom: -1px !important;
}

nav.mobile_menu ul li{
	margin: 0px;
	padding: 0px;
    position: relative;
}

nav.mobile_menu ul li a{
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
    -webkit-tap-highlight-color: transparent;
}

nav.mobile_menu ul li,
nav.mobile_menu ul li,
nav.mobile_menu ul li ul li {
	border-bottom: 1px solid #eaeaea;
}

nav.mobile_menu ul li.open_sub > ul {
    border-top: 1px solid #eaeaea;
}

nav.mobile_menu ul li:last-child{
    border: 0px !important;
}

nav.mobile_menu ul > li.has_sub > span.mobile_arrow,
nav.mobile_menu ul > li.has_sub > span.mobile_arrow  {
    cursor: pointer;
    display: inline-block;
    float: right;
    height: 46px;
    line-height: 46px;
    margin: 0px;
    padding: 0px 20px 0px 0px;
    position: absolute;
    top: 0px;
    right: 0px;
    text-align: right;
    width: 50px;
    z-index: 9000;
    -webkit-tap-highlight-color: transparent;
}

nav.mobile_menu ul li span.mobile_arrow i,
nav.mobile_menu ul li span.mobile_arrow i{
	color: #888;
}

nav.mobile_menu ul > li > span.mobile_arrow i{
	display:none;
}

nav.mobile_menu ul > li.has_sub > span.mobile_arrow i{
	display:inline;
}

nav.mobile_menu ul > li.has_sub > span.mobile_arrow i.fa-angle-down,
nav.mobile_menu ul > li.has_sub > span.mobile_arrow i.fa-angle-down{
	display:none;
}

nav.mobile_menu ul > li.has_sub.open_sub > span.mobile_arrow  i.fa-angle-right,
nav.mobile_menu ul > li.has_sub > ul.open_sub > li > span.mobile_arrow  i.fa-angle-right{
	display:none;
}

nav.mobile_menu ul > li.has_sub.open_sub > span.mobile_arrow  i.fa-angle-down,
nav.mobile_menu ul > li.has_sub ul.open_sub > li > span.mobile_arrow  i.fa-angle-down{
	display:inline;
}

nav.mobile_menu ul li a,
nav.mobile_menu ul li h3{
	font-size: 13px;
	font-weight: 400;
	color: #888;
	padding: 10px 0px 10px 20px;
	display: block;
	position: relative;
    text-transform: none;
    line-height: 26px;
    letter-spacing: 0;
}

nav.mobile_menu ul li a:hover,
nav.mobile_menu ul li.active > a{
	color: #303030;
}

nav.mobile_menu ul li ul li{
	margin: 0px 0px 0px 20px;
}



header:not(.centered_logo) .header_fixed_right_area {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    line-height:100px;
}



.header_menu_bottom .main_menu{
	left: auto;
}

.sticky .header_menu_bottom .main_menu{
	float: right;
	left: auto;
	position: relative;
}

.sticky .header_menu_bottom  .main_menu_header_inner_right_holder .main_menu{
	float:left;
}

.sticky .header_menu_bottom  .main_menu_header_inner_right_holder.with_center_logo .main_menu{
	float:left;
}

.sticky .header_menu_bottom  .main_menu_header_inner_right_holder{
	float:right;
}

.header_menu_bottom nav.main_menu > ul{
	left: auto;
}

.sticky .header_menu_bottom nav.main_menu > ul{
	left: auto;
}

.side_menu_button_wrapper{
	display: table;
}

.side_menu_button{
	
	vertical-align: middle;
	
}
.header_top_right_widget_holder,
.header_bottom_right_widget_holder{
    margin-right:auto;
	margin-left:auto;
	width:1100px;
	color:#000;
	padding:15px;
	text-align:right;
	font-family:'Montserrat';
	max-width:100%;
	font-weight:600;
}
.header_top_right_widget_holder i,
.header_bottom_right_widget_holder i{
	padding:0 5px;
}

.top-header{
	border-bottom:1px solid;
}
.bottom-header{
	border-top:1px solid;
	margin-top:0;
}


.scrolled .bottom-header,
.sticky_animate .bottom-header,
.popup_menu_opened .bottom-header,
.scrolled .top-header,
.sticky_animate .top-header,
.popup_menu_opened .top-header
{
	display:none;
}

@media only screen and (min-width: 1261px){
.vertical_menu_enabled.page-template-default .craftsman_construction_masonry_blog article{
	width: calc(100% / 2 - 10px);
}

}

@media only screen and (min-width: 1001px){
	.vertical_menu_enabled .container_inner.default_template_holder{
	padding-left:260px !important;
}
   .error404.vertical_menu_enabled .container_inner.default_template_holder{
	padding-left:0px !important;
     }

.vertical_menu_enabled .full_width .container_inner.default_template_holder{
	padding-left:0 !important;
}

.vertical_menu_enabled.page-template-default .craftsman_construction_masonry_blog article{
	width:calc(100% - 10px) !important;
}

}

@media only screen and (min-width: 1000px){

	header.dark:not(.sticky):not(.scrolled) .header_bottom_right_widget_holder a.craftsman_construction_button{
		border-color:#000 !important;
		background-color: transparent !important;
		color:#000 !important;
	}

	header.light:not(.sticky):not(.scrolled) .header_bottom_right_widget_holder a.craftsman_construction_button{
		border-color:#fff !important;
		background-color: transparent !important;
		color:#fff !important;
	}
	
}

.side_menu_button > a {
	font-size: 14px;
	position: relative;
	display: inline;

}

.side_menu_button > a.side_menu_button_link.medium {
    display: inline-block;
    font-size: 21px;
    line-height: 30px;
    height: 30px;
    width: 19px;
}

.side_menu_button > a.side_menu_button_link.large {
    display: inline-block;
    font-size: 28px;
    line-height: 34px;
    height: 34px;
    width: 24px;
}

.side_menu_button > a,
.mobile_menu_button span {
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
}

.side_menu_button > a:hover,
.mobile_menu_button span:hover {
	opacity: 0.8;
}

.light:not(.sticky):not(.scrolled) .header-widget .craftsman_construction_social_icon_holder i.simple_social,
.light:not(.sticky):not(.scrolled) .header-widget,
.light:not(.sticky):not(.scrolled) .header-widget.widget_nav_menu ul.menu > li > a,
.light:not(.sticky):not(.scrolled) .header-widget p,
.light:not(.sticky):not(.scrolled) .header-widget a,
.light:not(.sticky):not(.scrolled) .header-widget span {
	color:#fff;

}

.light:not(.sticky):not(.scrolled) .header-widget .craftsman_construction_social_icon_holder i.simple_social,
.light:not(.sticky):not(.scrolled) .header-widget #lang_sel > ul > li > a,
.light:not(.sticky):not(.scrolled) .header-widget #lang_sel_click > ul > li> a {
	color:#fff !important;
}

.dark:not(.sticky):not(.scrolled) .craftsman_construction_social_icon_holder i.simple_social,
.dark:not(.sticky):not(.scrolled) .header-widget,
.dark:not(.sticky):not(.scrolled) .header-widget.widget_nav_menu ul.menu > li > a,
.dark:not(.sticky):not(.scrolled) .header-widget p,
.dark:not(.sticky):not(.scrolled) .header-widget a,
.dark:not(.sticky):not(.scrolled) .header-widget span
{
	color:#000;

}
.dark:not(.sticky):not(.scrolled) .header-widget .craftsman_construction_social_icon_holder i.simple_social,
.dark:not(.sticky):not(.scrolled) .header-widget #lang_sel > ul > li > a,
.dark:not(.sticky):not(.scrolled) .header-widget #lang_sel_click > ul > li> a
{
	color:#000 !important;
}

.craftsman_construction_slider {
	width: 100%;
	overflow: hidden;
	position: relative;
	z-index: 10;
}

.ls-wp-fullwidth-helper {
	left: 0px !important;
}

.content{
	margin-top: 0;
	position: relative;
	z-index: 100;
	background-color: #f6f6f6;
}

.content.content_top_margin{
	margin-top: 50px !important;
}
.content.content_top_margin_none{
    margin-top: 0 !important;
}

.container{
	padding: 0;
	width: 100%;
	z-index:100;
}

.container_inner{
	width: 1100px;
	margin: 0px auto;

}
.content .container {
	background-color: inherit;
	
}

.content .container .container_inner{
	padding:100px 0px 0px 0px;
}
.content .container .container_inner.page_container_inner{
   	padding:30px 0px 0px 0px;
	}
	
.full_page_container_inner{
	padding:30px 0px 0px 0px;
}

.full_width{
	position: relative;
	z-index: 100;
	background-color: #f6f6f6;
}

.header_bottom .container_inner{
	position: relative;
}

.content .title .container_inner{
	padding: 0px !important;
}

section.section{
	display: block;
	position: relative;
	padding: 50px 0;
	overflow: hidden;
}
div.section{
	position:relative;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;

}
.use_row_as_box{
	
	-webkit-border-radius:4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius:4px;
}
div.video_section{
	overflow: hidden;
}

.boxed .section .section_inner,
.grid_section .section_inner{
	width: 1100px;
	margin: 0px auto;
	position: relative;
	z-index: 20;
}
.column1 .boxed .section .section_inner,
.column2 .boxed .section .section_inner,
.column1 .grid_section .section_inner,
.column2 .grid_section .section_inner
{
	width:100%;
}

.full_section_inner{
	position: relative;
	z-index: 20;
}
/* Section Video Background - Start */

.section .mobile-video-image {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	display: none;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 10;
}

.section .video-overlay {
	height: 3000px;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 11;
}

.section .video-overlay.active {
	background-image: url("img/pixel-video.png");
	background-position: 0px 0px;
	background-repeat: repeat;
	opacity: 1;
}

.section .video-wrap {
	top: 0px;
	left: 0px;
	overflow: hidden;
	width: 100% !important;
	z-index: 10;
}

.section .video-wrap .mejs-poster {
	background-size: cover!important;
	-webkit-background-size: cover!important;
	-o-background-size: cover!important;
	z-index:-1;
}

.section .video-wrap .mejs-controls .mejs-time-rail .mejs-time-loaded {
	background-color: rgba(255, 255, 255, 0.18) !important;
}


.section .video-wrap .mejs-mediaelement{
	background: none !important;
	border: 0px !important;
}

.section .video-wrap .mejs-container .mejs-poster img {
	max-width: none!important;
	width: 100%!important;
}

.section .video-wrap .mejs-controls button { opacity: 0.8; }
.section .video-wrap .mejs-controls button:hover, .mejs-controls .mejs-fullscreen-button:hover button { opacity: 1!important;}

.section .video-wrap .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
	background: transparent!important;
}

/* Section Video Background - End */

.two_columns_66_33{
	width: 100%;
	
}

.two_columns_66_33>.column1{
	width: 66.66%;
	float: left;
}

.two_columns_66_33>.column1>.column_inner{
	padding: 0 20px 0 0;
}

.two_columns_66_33>.column2{
	width: 33.33%;
	float: left;
}

.two_columns_66_33>.column2>.column_inner{
	padding: 0 0 0 20px;
}

.two_columns_33_66{
	width: 100%;
}

.two_columns_33_66>.column1{
	width: 33.33%;
	float: left;
}

.two_columns_33_66>.column1>.column_inner{
	padding: 0 20px 0 0;
}

.two_columns_33_66>.column2{
	width: 66.66%;
	float: left;
}

.two_columns_33_66>.column2>.column_inner{
	padding: 0 0 0 20px;
}

.two_columns_75_25{
	width: 100%;
	}

.two_columns_75_25>.column1{
	width: 75%;
	float: left;
}

.two_columns_75_25>.column1>.column_inner{
	padding: 0 80px 0 0;
}

.two_columns_75_25>.column2{
	width: 25%;
	float: left;
}

.two_columns_75_25>.column2>.column_inner{
	padding: 0 0 0 20px;
}
div.two_columns_25_75,
div.two_columns_33_66
{
	display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;

  flex-flow: row wrap;
} 

.two_columns_25_75 {
	width: 100%;
}

.two_columns_25_75>.column1{
	width: 25%;
	float: left;
}

.two_columns_25_75>.column1>.column_inner{
	padding:0 20px 0 0;
}

.two_columns_25_75>.column2{
	width: 75%;
	float: left;
}

.two_columns_25_75>.column2>.column_inner{
	padding: 0 0 0 20px;
}

.two_columns_50_50 {
	width: 100%;
}

.two_columns_50_50>.column1{
	width: 50%;
	float: left;
}

.two_columns_50_50>.column1>.column_inner{
	padding: 0 10px 0 0;
}

.two_columns_50_50>.column2{
	width: 50%;
	float: left;
}

.two_columns_50_50>.column2>.column_inner{
	padding: 0 0 0 10px;
}

.three_columns {
	width: 100%;
}

.three_columns>.column1,
.three_columns>.column2,
.three_columns>.column3{
	width: 33.33%;
	float: left;
}

.three_columns>.column1>.column_inner{
	padding: 0 15px 0 0;
}

.three_columns>.column2>.column_inner{
	padding: 0 5px 0 10px;
}

.three_columns>.column3>.column_inner{
	padding: 0 0 0 15px;
}

.four_columns{
	width: 100%;
}

.four_columns>.column1,
.four_columns>.column2,
.four_columns>.column3,
.four_columns>.column4{
	width: 25%;
	float: left;
}

.four_columns>.column1>.column_inner{
	padding: 0 15px 0 0;
}

.four_columns>.column2>.column_inner{
	padding: 0 10px 0 5px;
}

.four_columns>.column3>.column_inner{
	padding: 0 5px 0 10px;
}

.four_columns>.column4>.column_inner{
	padding: 0 0 0 15px;
}

.five_columns>.column1,
.five_columns>.column2,
.five_columns>.column3,
.five_columns>.column4,
.five_columns>.column5{
	width: 20%;
	float: left;
}

.five_columns>.column1>.column_inner,
.five_columns>.column2>.column_inner,
.five_columns>.column3>.column_inner,
.five_columns>.column4>.column_inner{
	margin: 0 2.5% 0 0;
}

.five_columns>.column5>.column_inner{
	margin: 0;
}

.title_outer.animate_title_area{
	overflow: hidden;
}
.color_black{
	color: #333333;
}
.color_white{
	color:#fff;
}
.color_silver{
    color:#818181;	
}

.title_section,
.title_section_black,
.title_section_black_small,
.title_section_white_small,
.title_section_black_small_2
{
	font-family: "Montserrat", sans-serif;
    font-weight:700;
	}
.title_section,
.title_section h1,
.title_section h2
{
	font-size: 30px !important;
	color: #fff !important;
	line-height:1;
}	
	
.title_section_black{
	font-size: 30px;
	color: #333333;
	line-height:1;
	}
	
.title_section_black_small{
	font-size: 22px;
	color: #333333;
	line-height:1;
	}
.title_section_white_small{
	font-size: 22px;
	color: #fff;
	line-height:1;
	}	
	
.title_section_black_small_2{
	font-size: 14px;
	color: #333333;
	line-height:1;
	
}
.title_section_white_small_2{
	font-size: 14px;
	color: #fff;
	line-height:1;
}

.black_color{
	color:#333333;
}	
.orange_color a{
	color:#e9c70b;
}
	
.sub_title_section{
	 color: #fff;
	}

.email1{
	color:#e9c70b !important;
}

.title{
	display: block;
	width: 100%;
	height: 100px;
	text-align: left;
	position: relative;
	z-index: 101;
	border-bottom-color:#eee;
}

.title_outer.with_image .title{
	height: auto !important;
	line-height: normal;
	background: none;
}

.title img{
	display: block;
	position: relative;
	width: 100%;
}

.title .not_responsive{
	display: none;
}

.title .title_holder{
	display: table;
	height: 100%;
	left: 0;
	position: relative;
	width: 100%;
}

.title_outer.with_image .title .title_holder,
.title_outer  .has_fixed_background.title .title_holder,
.title_outer  .has_background.title .title_holder {
	position: absolute;
	top: 0%;
	display:block;
}

.title_outer .title.has_background{
	background-size:cover !important;
}

.title .title_overlay{
	position: absolute;
	width: 100%;
	height: 100%;
	background-repeat: repeat;
	background-position: 0px 0px;
	top: 0;
}

.title .title_holder .container{
	vertical-align: middle;
	background-color: transparent;
}
.title_outer.with_image .title .title_holder .container,
.title_outer  .has_fixed_background.title .title_holder .container,
.title_outer  .has_background.title .title_holder .container
{
	display:block;
	height: 100%;
}

.vertical_menu_enabled .title_outer  .has_background.title .title_holder .container
{
    max-width:1100px;
	margin:auto;
	display:block;
	height: 100%;
}

.content .title_outer.with_image  .title .container_inner,
.title_outer  .has_fixed_background.title .title_holder .container_inner,
.title_outer  .has_background.title .title_holder .container_inner
{
	 display: table;
}
.title_subtitle_holder{
	display: block;
	padding: 0px;
	position:relative;
}
.title_outer.with_image .title .title_subtitle_holder,
.title_outer  .has_fixed_background.title .title_subtitle_holder,
.title_outer  .has_background.title .title_subtitle_holder
{
	display: table-cell;
	vertical-align: middle;
	width: 100%;
}
.title_subtitle_holder_inner {
	position: relative;
}
.title_subtitle_holder_inner h1{
	padding:10px 0 !important;
	
}

.title h1{
	color: #303030;
	padding: 0px;
	text-transform:uppercase;
	letter-spacing:1px;
	font-weight: 600;

}
.title.title_size_medium h1{
	font-size: 24px;
	line-height: 1.384615384615385em;
}

.title.title_size_small h1,
.title h1
{
	font-size: 17px;
	line-height: 1.304347826086957em;
}

.title.title_size_large h1{
	font-size: 47px;
	line-height: 60px;
}
.title_text_shadow .title h1{
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
}

.subtitle{
	display:block;
}

.title_text_shadow .subtitle{
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
}

.animate_title_text .title h1{
	-webkit-animation: title-from-right .5s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275) 1s;
	-moz-animation: title-from-right .5s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275) 1s;
	-o-animation: title-from-right .5s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275) 1s;
	animation: title-from-right .5s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275) 1s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	visibility: visible;
	}

@-webkit-keyframes title-from-right {
	0% {
		filter: alpha(opacity=0);
		opacity: 0;
		-webkit-transform: translate(50%, 0);
	}
	100% {
		filter: alpha(opacity=100);
		opacity: 1;
		-webkit-transform: translate(0, 0);
	}
}
@-moz-keyframes title-from-right {
	0% {

		opacity: 0;
		-moz-transform: translate(50%, 0);
	}
	100% {
		
		opacity: 1;
		-moz-transform: translate(0, 0);
	}
}
@-o-keyframes title-from-right {
	0% {
		filter: alpha(opacity=0);
		opacity: 0;
		-o-transform: translate(50%, 0);
	}
	100% {
		filter: alpha(opacity=100);
		opacity: 1;
		-o-transform: translate(0, 0);
	}
}
@keyframes title-from-right {
	0% {
		opacity: 0;
		transform: translate(50%, 0);
	}
	100% {
		
		opacity: 1;
		transform: translate(0, 0);
	}
}
.position_center.title .title_subtitle_holder{
	text-align:center;
}
.position_right.title .title_subtitle_holder{
	text-align:right;
}

.position_right .breadcrumb{
	left:0;
	right: auto;
}

.title.has_background {
	background-repeat: no-repeat;
	background-position: center 0;
}

.title.has_fixed_background {
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center 0;
	position: relative;
	z-index: 101;
}
.breadcrumb{
	position:absolute;

	font-size:20px;
	width:100%;
	bottom:30px;
	left:0;
	text-transform:uppercase;
	z-index:200;
	color:#303030;
}
.breadcrumbs{
	display:table;
	height:100%;
	width: 1100px;
    margin: 0px auto;
	line-height: 1em;
	font-family: "Montserrat", sans-serif;
	font-weight:600;
}

.breadcrumbs .breadcrumbs_inner{
	display:table-cell;
	vertical-align:middle;
    
}

.title_text_shadow .breadcrumbs .breadcrumbs_inner{
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
}

.title .separator.small,
.title .separator.small.left,
.title .separator.small.right
{
	margin-top: 14px;
	margin-bottom: 10px;
}
.breadcrumb .current{
	color:#303030;
}

.breadcrumb a{
	color:#303030;
}

.breadcrumb a:hover{
	color:#e9c70b;
}

.touch .title.has_fixed_background {
	background-attachment: scroll;
}

.box_image_with_border{
	display: block;
	position: relative;
	border-bottom: 5px solid #dddddd;
	-webkit-transition: all .4s ease-out 0s;
	-moz-transition: all .4s ease-out 0s;
	-o-transition: all .4s ease-out 0s;
	-ms-transition: all .4s ease-out 0s;
	text-align: center;
}

.box_image_with_border:hover{
	border-color: #e9c70b;
}

.box_image_with_border h3{
	margin: 0 0 15px;
}

.box_image_holder{
	display: block;
	position: relative;
	margin: 0 0 56px;
	text-align: left;
}

.box_image_holder a{
	position: relative;
	display: block;
}

.box_image_holder .box_image_shadow{
	display: block;
	position: absolute;
	bottom: -8px;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url('img/box_image_shadow.png');
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100% 30px;
	-webkit-background-size: 100% 30px;
	-o-background-size: 100% 30px;
	-webkit-transition: all .4s ease-out 0s;
	-moz-transition: all .4s ease-out 0s;
	-o-transition: all .4s ease-out 0s;
	-ms-transition: all .4s ease-out 0s;
}

.box_image_with_border:hover .box_image_shadow{
	bottom: -13px;
	opacity: 0.2;
	
}

.box_image_holder .image_holder_inner{
	position: relative;
	display: inline-block;
	width: 100%;
	top: 0px;
	left: 0px;
	-webkit-transition: all .4s ease-out 0s;
	-moz-transition: all .4s ease-out 0s;
	-o-transition: all .4s ease-out 0s;
	-ms-transition: all .4s ease-out 0s;
}

.box_image_with_border:hover .box_image_holder .image_holder_inner{
	top: -15px;
}

.box_image_holder img{
	width: 100%;
}

.box_image_holder .box_icon{
	display: inline-block;
	position: absolute;
	left: 50%;
	bottom: 0px;
	-webkit-transform: translateZ(0px);
	-moz-transform: translateZ(0px);
}

.box_image_holder .box_icon .fa-stack{
	margin: 0 0 0 -50%;
	font-size: 4em;
}

.box_image_holder .box_icon .fa-stack i{
	margin: 35% 0 0;
}

.box_image_holder .box_icon .fa-stack i.fa-stack-base {
    color: #e9c70b;
}

.separator {
	position: relative;
	display: block;
	height: 1px;
	background-color: #eaeaea;
	margin: 10px 0;
}

.separator.transparent {
	background-color: transparent;
}

.separator.small {
    background-color: #303030;
    height: 2px;
    position: relative;
    width: 22px;
    display: block;
    margin: 10px auto 20px auto;
}

.wpb_column > .wpb_wrapper .separator.small {
    margin-bottom: 20px;
}

.separator.small.left {
    margin: 10px 0 20px 0;
}

.separator.small.right {
    margin: 10px 0 20px auto;
}

   
/* 4.   Icon list shortcode styles
********************************************************************************************
********************************************************************************************/  
   
   
   
.craftsman_construction_icon_list {
    margin-bottom: 21px;
}

.craftsman_construction_icon_list p{
	font-size: 15px;
	line-height: 27px;
	font-weight: 400;
	margin: 0 0 10px;
    padding: 0 0 0 38px;
	position: relative;
    color: #303030;
}

.craftsman_construction_icon_list i {
    background-color: #e9c70b;
    color: #fff;
    font-size: 18px;
    line-height: 27px;
    height: 27px;
    width: 27px;
    text-align: center;
    border-radius: 2em;
	-webkit-border-radius: 2em;
	-o-border-radius: 2em;
}

.craftsman_construction_icon_list i.transparent {
    background: transparent;
    border: 0;
    color: #ababab;
	margin-left:-4px;
}

.error404 .page_not_found h2{
	margin:0;
}
.separator50{
	margin-top:50px;
}
.separator20{
	margin-top:20px;
}

/* 5.  Progress bar shortcode styles
********************************************************************************************
********************************************************************************************/   
   
   
.craftsman_construction_progress_bar {
	position: relative;
	margin: 0 0 28px 0;
	width: 100%;
	overflow: hidden;
	text-align: left;
}

.craftsman_construction_progress_bar .progress_content_outer{
	background-color: #e3e3e3;
	position: relative;
	overflow: hidden;
    height: 13px;
}

.craftsman_construction_progress_bar .progress_content{
	position: absolute;
	top: 0;
	left: 0;
    max-width: 100%;
	overflow: hidden;
	background-color: #e9c70b;
    height: 13px;
    box-sizing: border-box;
}

.craftsman_construction_progress_bar .progress_title_holder {
    position: relative;
    margin: 0 0 7px 0;
}

.craftsman_construction_progress_bar .progress_title {
	display: inline-block;
	z-index: 100;
}

.craftsman_construction_progress_bar .progress_number_wrapper {
    text-align: right;
    position: absolute;
    left: 0px;
	z-index: 10;
	opacity: 0;
	
    color: #fff;
}

.craftsman_construction_progress_bar .progress_number {
    position: absolute;
    right: 0;
    font-size: 18px;
    font-weight: 500;
    top: -1px;
}
       
/* 6. Vertical progress bar shortcode styles
********************************************************************************************
********************************************************************************************/    
   
   
.craftsman_construction_progress_bars_vertical .progress_content_outer {
    height: 200px;
    position: relative;
    background-color: #e3e3e3;
}


.craftsman_construction_progress_bars_vertical .progress_number {
    font-size: 18px;
    line-height: 1em;
    color: #303030;
    display: block;
    position: relative;
    font-weight: 500;
    margin-bottom: 14px;
}

.craftsman_construction_progress_bars_vertical .progress_title {
    margin-bottom: 0.7777777777777778em;
    margin-top: 1em;
}



.craftsman_construction_progress_bars_vertical .progress_content_outer .progress_content {
    display: inline-block;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0px;
    background-color: #e9c70b;
    box-sizing: border-box;
}

/* 7. Counter shortcode styles
********************************************************************************************
********************************************************************************************/  
.craftsman_construction_counter_holder {
	display: block;
	opacity: 0;
	-webkit-transition: opacity .4s ease 0s;
	-moz-transition: opacity .4s ease 0s;
	-o-transition: opacity .4s ease 0s;
    padding: 20px 0;
}

.craftsman_construction_counter_holder.boxed_counter {
    border: 1px solid #eaeaea;
    padding: 20px 40px;
	background-color:#fff;
}

.craftsman_construction_counter_holder.left {
	text-align: left;
}

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

.craftsman_construction_counter_holder.center {
	text-align: center;
    padding: 0 40px;
}

.craftsman_construction_counter_holder span.counter {
	font-size: 60px;
	line-height: 1em;
	font-weight: 300;
	color: #e9c70b;
	display: inline-block !important;
	height: 1em;
    font-family: "Montserrat", sans-serif;
	font-weight:500;
}
.craftsman_construction_counter_holder p.counter_text {
	letter-spacing:1px;
	margin: 12px 0 0 0;
}
.craftsman_construction_counter_holder .separator.small {
    background-color: #eaeaea;
    margin: 19px auto 0px auto;
}

.craftsman_construction_counter_holder.left .separator.small {
    margin-left: 0;
    margin-right: auto;
}

.craftsman_construction_counter_holder.right .separator.small {
    margin-left: auto;
    margin-right: 0;
}

/* 8.  Box Holder shortcode styles
********************************************************************************************
********************************************************************************************/ 

.box_holder{
	display: block;
	position: relative;
	z-index: 200;
}

.box_holder_inner{
	padding: 30px 20px;
	display: block;
}


.box_holder.with_icon .box_holder_inner.tiny{
	padding: 29px 20px 30px;
}


.box_holder.with_icon .box_holder_inner.small{
	padding: 43px 20px 30px;
}


.box_holder.with_icon .holder_inner.tiny{
	padding:0 30px 30px 58px;
}

.box_holder.with_icon .holder_inner.small
{
	padding:0 30px 30px 86px;
}

.box_holder.with_icon .holder_inner.medium{
	padding:0 30px 30px 114px;
}



.box_holder.with_icon .box_holder_inner.medium{
	padding: 58px 20px 30px;
}


.box_holder.with_icon .box_holder_inner.large{
	padding: 71px 20px 30px;
}

.box_holder.with_icon .holder_inner.large
{
	padding: 0 30px 30px 142px;
}

.box_holder.with_icon .box_holder_inner.very_large{
	padding: 85px 20px 30px;
}

.box_holder.with_icon .holder_inner.very_large
{
	padding: 0 30px 30px 170px;
}

.box_holder_inner.left{
	text-align: left;
}

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

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

.image_inner{
    width:100%;
    line-height:0;
	}

.not_attach_image .image_inner{
	opacity:0;
}
.not_attach_image{
	background-color:#818181;
}


.box_holder_icon{
	position: absolute;
	display: block;
	left: 50%;
	z-index: 250;
}

.holder_icon{
	position: absolute;
	display: block;
	z-index: 250;
	}

.box_holder_icon_inner{
	margin: -50% 0 0 -50%;
}

.box_holder_icon_inner.circle,
.box_holder_icon_inner.square,
.box_holder_icon_inner.image{
	margin: -50% 0 0 -50%;
}

.box_holder_icon_inner.circle .fa-stack,
.circle .icon_holder .fa-stack{
	-o-border-radius: 2em;
	-webkit-border-radius: 2em;
	-ms-border-radius: 2em;
	border-radius: 2em;
}

.box_holder_icon .fa-stack i{
	color: #e9c70b;
}

.box_holder_icon_inner.tiny i.fa-circle{
	font-size: 40px;
}

.box_holder_icon_inner.image.tiny img{
	height: 35px;
}

.box_holder_icon_inner.image.small img{
	height: 52px;
}

.box_holder_icon_inner.image.medium img{
	height: 78px;
}

.box_holder_icon_inner.image.large img{
	height: 104px;
}

.box_holder_icon_inner.image.very_large img{
	height: 130px;
}

.box_holder h1,
.box_holder h2,
.box_holder h3,
.box_holder h4,
.box_holder h5,
.box_holder h6{
	margin:0;
}




/* 9.  Button shortcode styles
********************************************************************************************
********************************************************************************************/    
    
.craftsman_construction_button,
.load_more a,
.blog_load_more_button a,
#submit_comment,
.drop_down .wide .second ul li .craftsman_construction_button,
.drop_down .wide .second ul li ul li .craftsman_construction_button,
.page_not_found .craftsman_construction_button
 {
	position: relative;
	display: inline-block;
	width: 134px;
	height: 39px;
	line-height: 39px;
	margin: 0;
    border: 2px solid #e9c70b;
	border-radius:0;
	font-size: 13px;
	font-weight: 700;
    font-family: inherit;
	text-align: left;
	color: #333333;
	text-decoration: none;
	cursor: pointer;
	white-space: nowrap;
	outline: none;
	font-style: normal;
    text-transform: uppercase;
    letter-spacing: 1px;
     text-align:center;
	text-shadow: none;
    background-color: transparent;
    -webkit-transition: color 0.1s linear, background-color 0.1s linear,border-color 0.1s linear;
    -moz-transition: color 0.1s linear, background-color 0.1s linear,border-color 0.1s linear;
    -ms-transition: color 0.1s linear, background-color 0.1s linear,border-color 0.1s linear;
    -o-transition: color 0.1s linear, background-color 0.1s linear,border-color 0.1s linear;
    transition: color 0.1s linear, background-color 0.1s linear,border-color 0.1s linear;
    -webkit-box-sizing: initial !important;
	-moz-box-sizing: initial !important;
	box-sizing: initial !important;
}

.portfolio_paging .load_more a{
	color:#fff;
}

.page_not_found .craftsman_construction_button{
   
	width: 250px;
	height: 40px;
	line-height: 40px;
	margin:0 10px 20px;
	
}

input.craftsman_construction_button {
    line-height: 36px;
}

.craftsman_construction_button:hover,
.load_more a:hover,
.blog_load_more_button a:hover,
#submit_comment:hover,
.drop_down .wide .second ul li .craftsman_construction_button:hover,
.drop_down .wide .second ul li ul li .craftsman_construction_button:hover,
.page_not_found .craftsman_construction_button:hover
{
    background-color: #333333;
    border-color: #333333;
    color: #fff;
    text-decoration: none;
}

.craftsman_construction_button.left {
    text-align: left;
}

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

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

/* 9.1.  Button sizes styles
********************************************************************************************
********************************************************************************************/

.craftsman_construction_button.big_large{
	height: 58px;
	line-height: 58px;
	font-size: 20px;
 	padding: 0 22px;
}

.craftsman_construction_button.big_large_full_width{
	width:100%;
	height: 90px;
	line-height: 90px;
	font-size: 20px;
	padding:0;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}

.craftsman_construction_button.large {
	height: 47px;
	line-height: 47px;
	font-size: 16px;
	padding: 0px 29px;
}

.craftsman_construction_button.small {
    height: 30px;
    line-height: 30px;
    font-size: 12px;
	padding:0 17px;
}

/* 9.2. Button color styles
********************************************************************************************
********************************************************************************************/

.craftsman_construction_button.white {
     border-color: #fff;
	 color:#fff;
}
.craftsman_construction_button.white:hover {
     background-color: #e9c70b;
	 border-color: #e9c70b;
}

.craftsman_construction_button.orange{
	 border-color: #e9c70b;
	 color:#333333;
	 background-color: #e9c70b;
}
.craftsman_construction_button.orange:hover{
	 border-color:#333333;
	 color:#333333;
	  background-color: transparent;
}

/* 9.3.  Button with icon styles
********************************************************************************************
********************************************************************************************/


.craftsman_construction_button i {
	margin: 0 0 0 10px;
}
.craftsman_construction_button.large i {
	margin: 0 0 0 17px;
}
.craftsman_construction_button.medium i {
	margin: 0 0 0 15px;
}
.craftsman_construction_button.small i {
	margin: 0 0 0 10px;
}
.craftsman_construction_button.tiny i {
	margin: 0 0 0 8px;
}
.craftsman_construction_button.big_large i,
.craftsman_construction_button.big_large_full_width i {
	margin: 0 0 0 19px;
}

/* 9.4.  Button usage custom styles
********************************************************************************************
********************************************************************************************/

#submit_comment,
.load_more.tiny a {
    height: 39px;
    line-height: 39px;
    font-size: 12px;
}

#submit_comment {
    line-height: 41px;
}

/* 10.   Pie Charts and Pie Charts With Icon start styles
********************************************************************************************
********************************************************************************************/


.easyPieChart {
	position: relative;
}

.easyPieChart canvas {
	position: absolute;
	top: 0;
	left: 0;
}

.craftsman_construction_pie_chart_holder{
	display: block;
	margin: 0 0 30px;
	opacity: 0;
    -webkit-transition: opacity .3s ease 0s;
	-moz-transition: opacity .3s ease 0s;
	-o-transition: opacity .3s ease 0s;
}

.craftsman_construction_percentage {
	font-family: "Montserrat", sans-serif;
	font-size: 35px;
   font-weight:600;
	color: #303030;
	text-align: center;
	margin: 0 auto;
	opacity: 0;
	-webkit-transition: opacity .3s ease 0s;
	-moz-transition: opacity .3s ease 0s;
	-o-transition: opacity .3s ease 0s;
}

.craftsman_construction_pie_chart_holder .tocounter{
	float: none;
	margin: 0;
}

.craftsman_construction_pie_chart_holder .pie_chart_text{
	text-align: center;
	margin: 28px 0 0;
}

.craftsman_construction_pie_chart_holder .pie_chart_text .pie_title{
	margin: 0 0 0.35em;
}
.craftsman_construction_pie_chart_holder .separator.small {
	background-color: #eaeaea;
	margin: 10px auto 12px auto;
}

/* 11.   Parallax shortcode styles
********************************************************************************************
********************************************************************************************/
   
.full_width .parallax_content{
    width: 1100px;
    margin: 0px auto;
}

section.section section.parallax{
    margin: -50px 0px;
}

.boxed section.section section.parallax{
    margin: -50px -25px;
}

.boxed .full_width .parallax_content{
    width: auto;
    margin: 0px;
    padding: 0px 25px;
}

section.parallax_section_holder{
    position: static;
    padding: 0px;
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: center 0px;
    background-attachment: fixed;
    overflow: hidden;
	left:0;
    top:0;
    right:0;
    bottom:0;
    z-index:-1;
    display:block;
    background-size: cover;
    width:100%;
}

.parallax_content{
    z-index: 100;
    position: relative;
}

.parallax_content.left{
	text-align: left;
}

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

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

/* 12.   Portfolio styles
********************************************************************************************
********************************************************************************************/
 
.portfolio_single{
	display: block;
	position: relative;
}

.portfolio_single_text_holder,
.portfolio_detail,
.lightbox_single_portfolio{
	position: relative;
}

.portfolio_single .flexslider,
.portfolio_single .portfolio_single_text_holder{
	margin: 0 0 60px;
}
.portfolio_single .portfolio_images .fluid-width-video-wrapper,
.portfolio_single .portfolio_images img{
	margin: 0 0 100px;
}
.portfolio_single .portfolio_container{
	position: relative;
	z-index: 200;
}
.portfolio_single h2{
	margin: 0px 0 5px 0;
}

.portfolio_single h3{
	margin: 0px 0 15px 0;
}

.portfolio_detail.portfolio_single_follow {
    position: relative;
}

.portfolio_detail .info{
	margin: 15px 0 30px;
}

.portfolio_detail .info:last-child{
	border: 0px;
}
.portfolio_custom_field h6,
.portfolio_custom_date h6,
.portfolio_custom_share h6{
    margin: 0px 0 15px 0;
}
.portfolio_social_holder i,
.blog_like a:hover i,
.blog_like a.liked i
 {
    color: #e9c70b !important;
 
	}
.video{
	width:100% !important;
	height:100% !important;
}
	
	
	.video_holder{
	position: relative;
	width: 100%;
	display: block;
	min-height: 1px;
}

.portfolio_single .video .mobile-video-image {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	display: none;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 10;
}

.portfolio_single .video{
	margin: 0 0 44px;
	position: relative;
}

.portfolio_single .video .video-wrap {
	overflow: hidden;
	position: relative;
	width: 100%;
	z-index: 10;
}

.portfolio_single .video .video-wrap .mejs-poster {
	background-size: cover!important;
	-webkit-background-size: cover!important;
	-o-background-size: cover!important;
	width: 100% !important;
	height: 100% !important;
}

.portfolio_single .video .video-wrap .mejs-container {
	background-color: transparent!important;
	background-image: none!important;
	height: 100% !important;
	width: 100% !important;
	overflow: hidden;
}

.portfolio_single .video .video-wrap .mejs-mediaelement{
	background: none !important;
	border: 0px !important;
}

.portfolio_single .video .video-wrap .mejs-container .mejs-poster img {
	max-width: none!important;
	width: 100%!important;
}

.portfolio_single .mejs-container .mejs-controls{
	visibility: visible !important;
}

.portfolio_single .mejs-controls .mejs-volume-button .mejs-volume-slider{
	display: none !important;
}

.flexslider .slides .mejs-poster img{
	display: none;
}

.portfolio_single .flexslider .video .video-wrap{
	margin: 0px;
}

/* 12.1.    Portfolio navigation styles
********************************************************************************************
********************************************************************************************/
h1.portfolio_title,	
h2.portfolio_title,	
h3.portfolio_title,	
h4.portfolio_title,
h5.portfolio_title,
h6.portfolio_title
{
	margin:0;
}
.portfolio_single h6{
	margin-top:0;
}

.portfolio_navigation {
	display: inline-block;
	width: 100%;
	text-align: center;
	padding: 0 0 100px;
	z-index: 100;
	position: relative;
}

.portfolio_navigation .portfolio_prev,
.portfolio_navigation .portfolio_next,
.portfolio_navigation .portfolio_button{
	display: inline-block;
	height: 38px;
	line-height: 38px;
}

.portfolio_navigation .portfolio_prev{
	position: absolute;
	left: 0;

	width:38px;
	height:38px;
}

.portfolio_navigation .portfolio_next{
	position: absolute;
	right: 0;
	
	width:38px;
	height:38px;
}

.portfolio_navigation .portfolio_prev a ,
.portfolio_navigation .portfolio_next a{
    display: inline-block;  
	width:38px;
	height:38px;
    text-align:center;
    font-size: 18px;
    color: #333333;
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer;
    white-space: nowrap;
    border: 2px solid #333333;
    outline: none;
    text-shadow: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.portfolio_navigation .portfolio_prev a i,
.portfolio_navigation .portfolio_next a i{
	line-height: 38px;
   position: absolute;
    text-align:center;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
	
}
.portfolio_navigation .portfolio_prev a i{ 
  margin:0 2px 0 0; 
  }

.portfolio_navigation .portfolio_next a i{
	margin:0 0 0 2px; 
	}
	
.portfolio_navigation .portfolio_prev a:hover,
.portfolio_navigation .portfolio_next a:hover {
    color: #fff;
    background-color: #333333;
    border-color: #333333;
}

.portfolio_social_holder{
	width:100%;
	display: inline-block;
}

.portfolio_single .portfolio_social_holder .portfolio_share,
.portfolio_single .portfolio_social_holder .portfolio_like{
	display: inline-block;
	margin: 0;
}

.portfolio_gallery {
	display: inline-block;
	width: 100%;
	position: relative;
	margin: 0 0 15px 0;
}
.portfolio_single .portfolio_gallery{
	margin: 0 0 3px 0;
}
.portfolio_gallery a {
	position: relative;
	float: left;
	display: inline-block;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0px);
	-moz-transform: translateZ(0px);
}

.portfolio_gallery a.v2 {
	width: 49%;
	margin: 0 2% 2% 0;
}

.portfolio_gallery a.v3 {
	width: 32%;
	margin: 0 2% 2% 0;
}

.portfolio_gallery a.v4 {
	width: 23.5%;
	margin: 0 2% 2% 0;
}

.portfolio_gallery a.v2:nth-child(2n),
.portfolio_gallery a.v3:nth-child(3n),
.portfolio_gallery a.v4:nth-child(4n) {
	margin: 0 0 2% 0;
}

.portfolio_gallery a img,
.portfolio_gallery a frame {
	position: relative;
	display: block;
	width: 100%;
	z-index: 100;
}

.portfolio_gallery iframe{
	min-height: 200px;
}

.portfolio_gallery a .gallery_text_holder{
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.50);
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: inline-block;
	z-index: 200;
	opacity: 0;
	visibility: visible;
	-webkit-transition: opacity .4s;
	-moz-transition: opacity .4s;
	-o-transition: opacity .4s;
	-ms-transition: opacity .4s;
}

.portfolio_gallery a img{
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.portfolio_gallery a:hover .gallery_text_holder{
	opacity: 1;
	
}

.portfolio_gallery a .gallery_text_inner{
	display: table;
	text-align: center;
	vertical-align: middle;
	width: 100%;
	height: 100%;
}

.portfolio_gallery a .gallery_text_inner h6{
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0px 15px;
	color: #fff;
}

.projects_holder_outer{
	margin: 0;
	display: block;
	width: 100%;
}
.projects_holder_outer .container .container_inner{
	padding: 0px 0px 0px 0px;
}

.full_width .projects_holder_outer.v4 .standard {
	width: 95%;
	margin: 0 auto;
}

.full_width .section_inner .projects_holder_outer.v4 .standard {
    width: 100%;
}

.projects_holder{
	font-size: 0.1px;
	line-height: 0;
	list-style-type: none;
	text-align: justify;
}

.projects_holder:after,
.projects_holder:before{
    content: "";
    display: inline-block !important;
    width: 100%;
}

.projects_holder > .mix{
	display: none;
	position: relative;
	vertical-align: top;
	-webkit-transition: all 0.7s ease-out;
	-moz-transition: all 0.7s ease-out;
	-o-transition: all 0.7s ease-out;
	transition: all 0.7s ease-out;
	text-align: left;
}


.projects_holder .mix .image{
	position: relative;
	display: block;
	overflow: hidden;
	width: 100%;
	-moz-transform: translateZ(0px);
	-webkit-transform: translateZ(0px);
}

.projects_holder article .image img {
	position: relative;
	display:inline-block;
	width: 100%;
	z-index: 100;
}
.projects_holder.v.standard article{
	padding-bottom:30px;
}


.projects_holder article .image img{
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);

    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    -moz-transition: -moz-transform 0.3s ease-in-out;
    -ms-transition: -ms-transform 0.3s ease-in-out;
    -o-transition: -o-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;

}



.projects_holder article .image_holder,
.projects_holder article .portfolio_description{
	display: block;
	position: relative;
}

li.item .portfolio_description,
.projects_holder article .portfolio_description{
	padding:15px 90px 15px 15px;
	background-color:#fff;
	border-style:none;
	border-top:none !important;
	border-width:1px;
	border-color: #fefefe;
    position:relative;
	}
.caroufredsel_wrapper li.item{
	cursor:auto;
}
	

.portfolio_link_for_touch{
	width:74px;
	height:74px;
	position:absolute;
	right:0;
	top:0;
	background-color:#e9c70b;
    	
}
.portfolio_plus{
	font-size:50px;
	color:#333333;
	line-height:74px;
	text-align: center;
	 top: 0;
    left: 0;
    bottom: 0;
    right: 0;
	position:absolute;
}


.projects_holder article .portfolio_description.text_align_left {
	text-align: left;
}

.projects_holder article .portfolio_description.text_align_center {
	text-align: center;
}

.projects_holder article .portfolio_description.text_align_right {
	text-align: right;
}

.standard_no_space.projects_holder article .portfolio_description,
.standard_no_space.projects_holder article .image_holder
{
	margin: 0 -1px 0 0;
}

.projects_holder article .portfolio_description .portfolio_title {
	display: block;
	
}

.projects_holder article .hover_feature_holder_title .separator.small{
	background-color: #fff;
	margin-top: 10px;
	margin-bottom: 10px;
}

.projects_holder article .portfolio_description .separator.small{
	margin-top: 10px;
	margin-bottom: 10px;
}



.projects_holder article .portfolio_description .project_category,
.projects_holder article .portfolio_description .project_excerpt
 {
	line-height: 21px;
	display: block;
    font-size: 13px;
	font-weight:500;
}

.portfolio_single .portfolio_like{
	position: relative;
	display: inline-block;
	cursor: pointer;
	padding: 0px;

}

.portfolio_single .dots{
	padding: 0 7px 0 4px;
}
.portfolio_single .dots i{
	font-size: 3px;
	vertical-align: middle;
}
.portfolio_single .portfolio_like a{
	display: block;
	font-size: 13px;
	line-height: 13px;
	text-align: center;
}

.portfolio_single .portfolio_like span{
	line-height: 19px;
}



.projects_holder article  .portfolio_like a,
.projects_holder article .portfolio_like:hover a {
	color: #fff;
}

.projects_holder article span.text_holder {
	background-color: #000;
	background-color: rgba(21, 21, 21, 0.78);
    bottom: 0;
    display: inline-block;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    transition: opacity 0.4s ease-in-out;
    -webkit-transition: opacity 0.4s ease-in-out;
    -moz-transition: opacity 0.4s ease-in-out;
    -o-transition: opacity 0.4s ease-in-out;
    -ms-transition: opacity 0.4s ease-in-out;
    visibility: visible;
    overflow: hidden;
    width: 100%;
    z-index: 200;
}

.touch .projects_holder article span.text_holder{
	display: none !important;
	height: 0 !important;
	width: 0 !important;
	opacity: 0 !important;
	visibility: hidden !important;
}

.projects_holder article:hover span.text_holder{
	height:100% !important;
}

.projects_holder article .image_holder:hover span.text_holder{
	opacity: 1;
	
}

.projects_holder article span.text_holder span.text_outer{
	display: table;
	text-align: center;
	vertical-align: middle;
	width: 100%;
	height: 100%;
	overflow:hidden;

}

.projects_holder article span.text_holder span span.text_inner{
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

.projects_holder article span.text_holder span span.text_inner .project_category{
	color: #A6A6A6;
    display: block;
    font-size: 13px;
    line-height: 22px;
}

.projects_holder article .feature_holder,
.projects_holder article .feature_holder .feature_holder_icons{
	display: inline-block;
}


.projects_holder article a.lightbox,
.projects_holder article a.preview,
.projects_holder article .portfolio_like
{
	position: relative;
	display: inline-block;
	margin:0 0 5px 0;
	-webkit-backface-visibility: hidden;
}

.projects_holder article a.lightbox{
	margin: 0 10px 0 0;
}

.projects_holder article .portfolio_like{
	margin: 0 0 0 10px;
}

.projects_holder article .portfolio_like i{
	line-height: 20px;
	margin: 4px 0 0 0;
}

.portfolio_like .cr-like-count span{
	display:none;
}

.projects_holder article .portfolio_like .cr-like-count
{
	font-size: 13px;
	line-height: 13px;
	color: #fff;
}

.projects_holder .filler {
	display: inline-block;
	height: 0px;
}


.projects_holder.v4 .mix{
	width: 23.5%;
	margin: 0 0 2.5%;  
}

.projects_holder.v4 .filler{
	width: 23.5%;
}

.projects_holder.v4.standard_no_space .mix{
	width: 24.99%;
	margin: 0;
}

.projects_holder.v4.standard_no_space .mix{
	margin: 0 0 0;
}

.projects_holder.v4.standard_no_space .filler{
	width: 24.99%;
}

.projects_holder.v3 .mix{
	width: 32%;
	margin: 0 0 2.4%;
}

.projects_holder.v3 .filler{
	width: 32%;
}

.projects_holder.v3.standard_no_space .mix{
	width: 33.32%;
	margin: 0;
}

.projects_holder.v3.standard_no_space .mix{
	margin: 0 0 0%;
}

.projects_holder.v3.standard_no_space .filler{
	width: 33.32%;
}

.safari_browser .projects_holder.v3.standard_no_space .mix{
	width: 33.3%;
}

.safari_browser .projects_holder.v3.standard_no_space .filler{
	width: 33.3%;
}

.projects_holder.v2 .mix{
	width: 49%;
	margin: 0 0 2.4%;
}

.projects_holder.v2 .filler{
	width: 49%;
}

.projects_holder.v2.standard_no_space .mix{
	width: 49.99%;
	margin: 0;
}

.projects_holder.v2.standard_no_space .mix{
	margin: 0 0 0%;
}

.projects_holder.v2.standard_no_space .filler{
	width: 49.99%;
}

.portfolio_paging, .portfolio_paging_loading {
	text-align: center;
	margin: 40px 0 0;
}

.portfolio_paging_loading { display: none; }

.portfolio_with_space .portfolio_paging,
.portfolio_with_space .portfolio_paging_loading {
	margin: 15px 0 0;
}

.filter_outer{
	display: block;
	position: relative;
	height: 37px;
    margin:0 0 60px;
	text-align:center;
}

.vertical_menu_enabled .full_width .filter_outer{
    margin: 0 0 40px;
}

.filter_holder {
	display:inline-block;
}

.filter_holder ul {
    display: inline-block;
    list-style: none;
}

.filter_holder ul li {
    cursor: pointer;
    display: block;
    margin: 0;
	float:left;
    text-align: center;
}

.filter_holder ul li span {
    display: inline-block;
    padding: 0 22px;
    position: relative;
	letter-spacing:1px;
    font-weight: 600;
}




.portfolio_title{
	text-transform: uppercase;
	
}

.no_posts_criteria h5{
	color:#fff;
	padding-top:60px;
	text-align:center;
	font-family: "Montserrat", sans-serif;
	text-transform:uppercase;
	font-weight:700;
}

/* 13.   Tabs shortcode start styles
********************************************************************************************
********************************************************************************************/


.tabs-nav i.fa{
	padding:0 20px;
	float:left;
	font-size:20px;
	position:absolute;
	
}

.tabs-nav li.active i.fa{
	
	padding-left:18px;
}

/* 14.   Tour shortcode start styles
********************************************************************************************
********************************************************************************************/

   .wpb_tabstabs_holder{ 
    width: 1100px;
    margin: 0px auto;
    position: relative;
    z-index: 20;
   }
  
.vc_tta-tab:not(.vc_active) a{
	border-left:2px solid transparent !important;
	border-bottom:2px solid  transparent !important;
	border-top:2px solid  transparent !important;
	}
.vc_tta-tabs-position-right .vc_tta-tab:not(.vc_active) a{
	
	border-right:2px solid transparent !important;
}	
	
.vc_tta-panels{
	border:none !important;
}
.vc_tta-tabs .vc_tta-tabs-container,
.vc_tta-tabs .vc_tta-panels-container{
	padding-bottom:20px;
}

.vc_tta.vc_general ul{
	width:100%;
}

.vc_tta.vc_general.vc-tta_tour .vc_tta-tab>a{
	      height: 58px;
    line-height: normal;
    position:relative;
    padding:20px 0 !important;
    margin: 0;
    font-family: "Montserrat", sans-serif;
	font-weight:700;
    font-size: 14px;
    text-decoration: none;
    font-style: normal;
    color: #333333;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    -webkit-transition: color 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out;
  
}
.vc_tta.vc_general.vc-tta_tour .vc_tta-tab>a:hover{
	background-color:transparent !important;
	}

.vc_tta.vc_general.vc-tta_tour.vc_tta-controls-align-left .vc_tta-tab>a i{
	  padding-left:20px;
      }

.vc_tta.vc_general.vc-tta_tour.vc_tta-controls-align-left .vc_tta-tabs-list .vc_tta-tab a span{
  position:absolute;
  left:0;
  padding-left:56px;

  }
  
.vc_tta.vc_general.vc-tta_tour.vc_tta-controls-align-right .vc_tta-tab>a i{
	  padding-right:20px;
      }

.vc_tta.vc_general.vc-tta_tour.vc_tta-controls-align-right .vc_tta-tabs-list .vc_tta-tab a span{
  position:absolute;
  right:0;
  padding-right:70px;
  }
  
 .vc_tta.vc-tta_tour.vc_tta-tabs .vc_tta-tabs-container{
	 display:block !important;
 }
 
.vc-tta_tour.vc_tta-tabs .vc_tta-panels  .vc_tta-panel-heading{
	 display:none;
 }
 
.vc-tta_tour .vc_tta-panels .vc_tta-panel-body{
	  border:none !important;
  }
 
.vc_tta.vc_general.vc-tta_tour .vc_tta-panel-body{
	 padding:0 20px !important;
 }

.vc_tta-icon-color-blue .vc_tta-tab a i,
.vc_tta-section-color-blue .vc_tta-tab a span{
	 color:#5472d2;
 }
 
.vc_tta-icon-color-turquoise .vc_tta-tab a i,
.vc_tta-section-color-turquoise .vc_tta-tab a span{
	 color:#00c1cf;
 }  
 
.vc_tta-icon-color-pink .vc_tta-tab a i,
.vc_tta-section-color-pink .vc_tta-tab a span{
	 color:#fe5e52;
 } 
 
.vc_tta-icon-color-violet .vc_tta-tab a i,
.vc_tta-section-color-violet .vc_tta-tab a span{
	 color:#8d6dc4;
 }  
 
.vc_tta-icon-color-peacoc .vc_tta-tab a i,
.vc_tta-section-color-peacoc .vc_tta-tab a span{
	 color:#4cadc9;
 } 
 
.vc_tta-icon-color-chino .vc_tta-tab a i,
.vc_tta-section-color-chino .vc_tta-tab a span{
	 color:#cec2ab;
 } 
     
.vc_tta-icon-color-mulled-wine .vc_tta-tab a i,
.vc_tta-section-color-mulled-wine .vc_tta-tab a span{
	 color:#484152;
 }  
 
.vc_tta-icon-color-vista-blue .vc_tta-tab a i,
.vc_tta-section-color-vista-blue .vc_tta-tab a span{
	 color:#69d294;
 }   
 
.vc_tta-icon-color-black .vc_tta-tab a i,
.vc_tta-section-color-black .vc_tta-tab a span{
	 color:#222 ;
 }  
   
.vc_tta-icon-color-grey .vc_tta-tab a i,
.vc_tta-section-color-grey .vc_tta-tab a span{
	 color:#f8f8f8;
 } 
 
.vc_tta-icon-color-orange .vc_tta-tab a i,
.vc_tta-section-color-orange .vc_tta-tab a span{
	 color:#e9c70b;
 }   
    
.vc_tta-icon-color-sky .vc_tta-tab a i,
.vc_tta-section-color-sky .vc_tta-tab a span{
	 color:#4d9ae1;
 }  
 
.vc_tta-icon-color-green .vc_tta-tab a i,
.vc_tta-section-color-green .vc_tta-tab a span{
	 color:#6dab3c;
 }  
 
.vc_tta-icon-color-juicy-pink .vc_tta-tab a i,
.vc_tta-section-color-juicy-pink .vc_tta-tab a span{
	 color:#f4524d;
 }    
 
.vc_tta-icon-color-sandy-brown .vc_tta-tab a i,
.vc_tta-section-color-sandy-brown .vc_tta-tab a span{
	 color:#f79468;
 }   
 
.vc_tta-icon-color-purple .vc_tta-tab a i,
.vc_tta-section-color-purple .vc_tta-tab a span{
	 color:#b97ebb;
 }  
 
.vc_tta-icon-color-white .vc_tta-tab a i,
.vc_tta-section-color-white .vc_tta-tab a span{
	 color:#fff;
 }   
   
  .vc_tta-container{
	margin-bottom:0 !important;
} 
/* 15.   Accordion shortcode start styles
********************************************************************************************
********************************************************************************************/

 
.vc_tta-border-color-blue.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading,
.vc_tta-icon-color-blue .vc_tta-controls-icon::before,
.vc_tta-icon-color-blue .vc_tta-controls-icon::after{
	border-color:#5472d2 !important;
	
}
.vc_tta-border-color-turquoise.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading,
.vc_tta-icon-color-turquoise .vc_tta-controls-icon::before,
.vc_tta-icon-color-turquoise .vc_tta-controls-icon::after{
	border-color:#00c1cf !important;
	
}
.vc_tta-border-color-pink.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading,
.vc_tta-icon-color-pink .vc_tta-controls-icon::before,
.vc_tta-icon-color-pink .vc_tta-controls-icon::after{
	border-color:#fe5e52 !important;
	
}
.vc_tta-border-color-violet.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading,
.vc_tta-icon-color-violet .vc_tta-controls-icon::before,
.vc_tta-icon-color-violet .vc_tta-controls-icon::after{
	border-color:#8d6dc4 !important;
	
}

.vc_tta-border-color-peacoc.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading,
.vc_tta-icon-color-peacoc .vc_tta-controls-icon::before,
.vc_tta-icon-color-peacoc .vc_tta-controls-icon::after{
	border-color:#4cadc9 !important;
	
}
.vc_tta-border-color-chino.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading,
.vc_tta-icon-color-chino .vc_tta-controls-icon::before,
.vc_tta-icon-color-chino .vc_tta-controls-icon::after{
	border-color:#cec2ab !important;
	
}
.vc_tta-border-color-mulled-wine.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading,
.vc_tta-icon-color-mulled-wine .vc_tta-controls-icon::before,
.vc_tta-icon-color-mulled-wine .vc_tta-controls-icon::after{
	border-color:#484152 !important;
	
}
.vc_tta-border-color-vista-blue.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading,
.vc_tta-icon-color-vista-blue .vc_tta-controls-icon::before,
.vc_tta-icon-color-vista-blue .vc_tta-controls-icon::after{
	border-color:#69d294 !important;
	
}

.vc_tta-border-color-black.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading,
.vc_tta-icon-color-black .vc_tta-controls-icon::before,
.vc_tta-icon-color-black .vc_tta-controls-icon::after{
	border-color:#222 !important;
	
}
.vc_tta-border-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading,
.vc_tta-icon-color-grey .vc_tta-controls-icon::before,
.vc_tta-icon-color-grey .vc_tta-controls-icon::after{
	border-color:#f8f8f8 !important;
	
}
.vc_tta-border-color-orange.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading,
.vc_tta-icon-color-orange .vc_tta-controls-icon::before,
.vc_tta-icon-color-orange .vc_tta-controls-icon::after{
	border-color:#e9c70b !important;
	
}
.vc_tta-border-color-sky.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading,
.vc_tta-icon-color-sky .vc_tta-controls-icon::before,
.vc_tta-icon-color-sky .vc_tta-controls-icon::after{
	border-color:#4d9ae1 !important;
	
}

.vc_tta-border-color-green.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading,
.vc_tta-icon-color-green .vc_tta-controls-icon::before,
.vc_tta-icon-color-green .vc_tta-controls-icon::after{
	border-color:#6dab3c !important;
	
}
.vc_tta-border-color-juicy-pink.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading,
.vc_tta-icon-color-juicy-pink .vc_tta-controls-icon::before,
.vc_tta-icon-color-juicy-pink .vc_tta-controls-icon::after{
	border-color:#f4524d !important;
	
}
.vc_tta-border-color-sandy-brown.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading,
.vc_tta-icon-color-sandy-brown .vc_tta-controls-icon::before,
.vc_tta-icon-color-sandy-brown .vc_tta-controls-icon::after{
	border-color:#f79468 !important;
	
}
.vc_tta-border-color-purple.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading,
.vc_tta-icon-color-purple .vc_tta-controls-icon::before,
.vc_tta-icon-color-purple .vc_tta-controls-icon::after{
	border-color:#b97ebb !important;
	
}

.vc_tta-border-color-white.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading,
.vc_tta-icon-color-white .vc_tta-controls-icon::before,
.vc_tta-icon-color-white .vc_tta-controls-icon::after{
	border-color:#fff !important;
	
}
.vc_tta-color-white.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-heading{
	background-color:#fff !important;
}

.vc_tta-color-white.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body, 
.vc_tta-color-white.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body::after, 
.vc_tta-color-white.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body::before{
	border:none !important;
}
.vc_tta-panel-heading span{
	color:#333333;
	font-size:17px;
	font-weight: bold;
}

.vc_col-has-fill > .vc_column-inner{
	padding-top:0 !important;
}

.highlight{
	background-color: #e9c70b;
	color: #fff;
	padding: 0 3px;
}

/* 17. Calculator shortcode styles
********************************************************************************************
********************************************************************************************/

.calculator_title_section h5,
.calculator_holder h5,
.calculator_result h5
{
	margin:0;
}

  .calculator_title_section
  {
	  padding-bottom:14px;
	  text-transform:uppercase;
	  color:#333333;
	  border-bottom:3px solid  #e9c70b;
  }
  
  .calculator_holder{
	  display:table;
	  width:100%;
	  position:relative;
	margin-top:14px;
	
  }
  .calculator_holder_inner{
	  margin-bottom:14px;
	  height:42px;
      clear:left;
  }
  .calculator_name{
	     display: table; 
		 width:30%;
		 float:left;
		 height:42px;	
		 line-height:42px;
  }
  .calculator_name a{
	  display:table-cell;
	  vertical-align:middle;
	  }
  
  .calculator_typing_number,
  .calculator_slider,
  .calculator_dropdown
  {
	      display: table-cell;
		  width:70%;
		  float:left;
		  height:42px;
          line-height:42px; 
	   	  border:0;
	      outline:0;
	      position:relative;
		  border-radius:0;
  }
   .calculator_dropdown{
	   cursor:pointer;
   }
  
  span.calculator_position{
	  position:absolute;
	  top:0;
	  right:0;
	  bottom:0;
	 float:right;
	  font-size:24px;
	  padding-right:8px;
	
  }
  
  .calculator_slider{
	border-left:3px solid transparent;
  }
  .calculator_slider output{
      float:left;
      color:#333333;
	  width:15%;
	  padding-left:5px;
  }
  .calculator_slider:hover{
	   border-left:3px solid  #e9c70b;
  }
  
  .calculator_slider input{
     width: calc(85% - 4px);
  }
   .calculator_mozzila{
	   margin:0 -9px;
	   width: calc(85% + 10px) !important;
   }
 
  .calculator_holder select,
  .calculator_holder .calculator_typing_number input
  {
	  width:100%;
  }

 .calculator_holder input[type="number"]{
    height:42px;
	background-color:#f5f5f5;
	border:none;
	border-radius:0;
    padding-left:8px;
	font-family: 'Raleway', sans-serif;
	color:#333333;
	 -moz-appearance: textfield;
}

 .calculator_holder input[type="number"]:focus
 {
    border:0;
	outline:0;
	border-left:3px solid #e9c70b;
    padding-left:5px;
	resize:none;
  }
 
.calculator_holder input[type=number]::-webkit-inner-spin-button, 
.calculator_holder input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
   margin: 0; 
}


 .calculator_holder .calculator_dropdown select{
	 -webkit-appearance: none;
     -moz-appearance: none;
    color: #333333;
    background: #f5f5f5;
    font-size:14px;
    font-family: 'Raleway', sans-serif;
    padding: 4px 8px;
	border-radius:0;
    cursor:pointer;
	height:42px;
	border:0;
    outline:0;
	background-image: url(../img/expand38.png);
    background-position: right center;
    background-repeat: no-repeat;
    background-origin: content-box;
  }
 
  .calculator_holder .calculator_dropdown select:focus{
	  border-left:3px solid #e9c70b;
	  padding-left:5px;
  }
 
.calculator_result{
	color:#333333;
	padding-top:14px;
	padding-bottom:100px;
	border-top: 3px solid #e9c70b;
	width:50%;
}

.calcualtor_currency{
	padding-left:10px;
}
.calculator_price{
	padding:15px 0;
	    }
.calculator_price p span:first-child{
	font-family: "Montserrat", sans-serif;
 font-weight:700;
	padding-right:10px;
}

 .calculator_price{
	visibility:hidden;
	display:none;
 }
 
/* 18.  Gallery shortcode styles
********************************************************************************************
********************************************************************************************/

.gallery_holder{
	display: block;
	position: relative;

}
.wpb_image_grid .gallery_holder{
    width: 100.1%;
}
.gallery_holder ul{
	list-style: none;
	display: block;
	width: 100%;
	position: relative;
	margin: 0;
	padding: 0;
}

.gallery_holder ul li{
	position: relative;
	display: block;
	float: left;
    overflow: hidden;
}

.gallery_holder ul li a{
	display: block;
	position: relative;
	-webkit-backface-visibility: hidden;
}

.gallery_holder ul li a {
    display: block;
    overflow: hidden;
    -webkit-transform: translateZ(0px);
    -moz-transform: translateZ(0px);
}

.wpb_image_grid .gallery_holder ul li a {
	margin-right: -1px;
	margin-bottom: -1px !important;
}

.gallery_holder ul li a img {
	display: block;
    width: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
}

.gallery_holder ul li.grayscale a img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: url(img/desaturate.svg#grayscale);
}

.gallery_holder ul li.grayscale:hover a img {
    -webkit-filter: grayscale(0);
    filter: none;
}

.gallery_holder ul li:hover a img {
    -webkit-transform: scale(1.03, 1.03);
    -moz-transform: scale(1.03, 1.03);
    -ms-transform: scale(1.03, 1.03);
    -o-transform: scale(1.03, 1.03);
    transform: scale(1.03, 1.03);
}

.gallery_holder ul li .gallery_hover{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: inline-block;
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.81);
	visibility: visible;
	opacity: 0;
	-webkit-transition: opacity .4s;
	-moz-transition: opacity .4s;
	-o-transition: opacity .4s;
	-ms-transition: opacity .4s;
	-webkit-transform: translateZ(0px);
	-moz-transform: translateZ(0px);
	-webkit-backface-visibility: hidden;
    z-index: 1000;
}

.gallery_holder ul li:hover .gallery_hover{
	opacity: 1;
	
}

.gallery_holder ul li .gallery_hover i{
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -15px 0 0 -15px;
	font-size: 30px;
	color: #fff;
	width: 30px;
	height: 30px;
	line-height:30px;
	text-align: center;
	display: inline-block;
}
.gallery_holder ul.v5 li,
.wpb_gallery_slides .gallery_holder ul.v5 li{
	width: 20%;
	margin: 0;
}

.gallery_holder ul.v4 li,
.wpb_gallery_slides .gallery_holder ul.v4 li{
	width: 25%;
	margin: 0;
}

.gallery_holder ul.v3 li,
.wpb_gallery_slides .gallery_holder ul.v3 li{
	width: 33.33333333333333%;
	margin: 0;
}

.gallery_holder ul.v2 li,
.wpb_gallery_slides .gallery_holder ul.v2 li{
	width: 50%;
	margin: 0;
}

/* ==========================================================================
   Single image shortcode styles
   ========================================================================== */
.wpb_content_element.wpb_single_image img{
    vertical-align: middle;
}

/* 19.  Message box shortcode styles
********************************************************************************************
********************************************************************************************/

.craftsman_construction_message {
	position: relative;
	padding: 26px 30px;
    color: #fff;
    background-color: #e9c70b;

}

.craftsman_construction_message .craftsman_construction_message_inner{
	position: relative;
}

.craftsman_construction_message.with_icon .craftsman_construction_message_icon_holder{
	float:left;
	padding:0 27px 0 0;
}

.craftsman_construction_message.with_icon .craftsman_construction_message_icon{
	display: table;
	height: 100%;
}

.craftsman_construction_message.with_icon .craftsman_construction_message_icon_inner {
	display: table-cell;
	height: 100%;
	vertical-align: middle;
}

.craftsman_construction_message.with_icon > i {
	line-height: 1em;
}

.craftsman_construction_message.with_icon img {
	float: left;
}

.craftsman_construction_message a.close {
	position: absolute;
    top: -19px;
    right: -23px;
	line-height: 13px;
    color: #fff;
}

.craftsman_construction_message a.close i {
	width: 14px;
    height: 14px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
}

.craftsman_construction_message .message_text {
    display: table;
	height: 100%;
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.craftsman_construction_message .message_text_holder {
	padding: 0px 20px 0px 0px;
}

.craftsman_construction_message .message_text_inner {
	display: table-cell;
	height: 100%;
	vertical-align: middle;
}

.craftsman_construction_message.with_icon .message_text_holder {
	padding: 0px 20px 0px 0px;
}

/* 20.  Pricing table shorcode styles
********************************************************************************************
********************************************************************************************/

.price_table_inner ul {
	list-style: none outside none;
	margin: 0;
    padding-left: 0 !important;
}

.price_table_inner ul li {
	text-align: center;
	margin: 0;
	padding: 2px 20px 13px;
}

.price_table_inner ul li.pricing_table_content {
    padding: 20px 27px 10px;
}

.price_table_inner ul li.pricing_table_content li {
    font-size: 13px;
}

.price_table_inner ul li.pricing_table_content li:last-child {
    border-bottom: none;
}

.price_table_inner ul li.prices {
    padding-top: 0;
    padding-bottom: 3px;
}

.price_table_inner ul li.table_title {
    padding: 25px 25px 3px;
}

.price_table_inner ul li.table_title .title_content {
    color: #fff;
    font-weight: 700;
    font-size: 17px;
}

.price_in_table {
	text-align: center;
}

.price_in_table .value {
    font-size: 20px;
    font-weight: 600;
    vertical-align: top;
    position: relative;
    top: 17px;
}

.price_in_table .price {
    font-size: 83px;
    line-height: 1em;
    padding: 0 3px;
    font-weight: 200;
    vertical-align: middle;
}

.price_in_table .mark {
    vertical-align: bottom;
    position: relative;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    top: 10px;
}

.price_table_inner .price_button{
    padding: 0 0 32px;
}

.price_button .craftsman_construction_button{
	margin:0 7px;
}

/* 21. Icon with text shortcode styles
********************************************************************************************
********************************************************************************************/


.holder_icon_inner.craftsman_construction_icon_animation,
.box_holder_icon_inner.craftsman_construction_icon_animation
{
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-backface-visibility: hidden;
}


.holder_icon_inner.craftsman_construction_icon_animation.craftsman_construction_show_animation,
.box_holder_icon_inner.craftsman_construction_icon_animation.craftsman_construction_show_animation
{
    -webkit-transform: scale(1.0);
    -moz-transform: scale(1.0);
    -ms-transform: scale(1.0);
    -o-transform: scale(1.0);
    transform: scale(1.0);
}


.box_holder.with_icon span.fa-stack i:last-child{
    font-size: 0.7em;
    color: #c0c0c0;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s ease-in-out;
}

.craftsman_construction_icon_shortcode.fa-stack a {
	display: inline-block;
	width: 100%;
	height: 100%;
}

/* 22. Generic icon styles
********************************************************************************************
********************************************************************************************/

.box_holder.with_icon .box_holder_icon_inner .fa-stack i.fa-stack-base{
	color: #e9c70b;
    -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	-webkit-backface-visibility: hidden;
}


.box_holder_icon_inner.square .fa-stack,
.box_holder_icon_inner .fa-stack,
.holder_icon_inner.square .fa-stack
{
  
    line-height: 1.7em;
}
.holder_icon_inner .fa-stack
{
   
	line-height: 1.7em;
}

.box_holder_icon_inner.square .fa-stack:hover,
.box_holder_icon_inner.circle .fa-stack:hover,
.circle .icon_holder .fa-stack:hover{
	background-color: #e9c70b;
    border-color: transparent !important;
}

.box_holder.with_icon .box_holder_icon_inner .fa-stack:hover i.fa-stack-base{
    color: #f3f3f3 !important;
}

.box_holder.with_icon span.fa-stack:hover i:last-child,
.box_holder_icon_inner.square:hover i{
    color: #fff;
}


.box_holder.with_icon .tiny span.fa-stack i:last-child {
    top: 1px;
}

/* 23. Icon shortcode
********************************************************************************************
********************************************************************************************/
   
   
#back_to_top span,
.craftsman_construction_social_icon_holder .fa-stack,
.box_holder_icon_inner.square .fa-stack,
.box_holder_icon_inner .fa-stack,
.holder_icon_inner.square .fa-stack{
	text-align: center;
}
.holder_icon_inner .fa-stack{
	text-align: center;
}

.drop_down .wide .second ul li div.flexslider li:nth-child(4n+1){
	clear: none;
}

.drop_down .wide .second ul li .flexslider ul {
	padding:0;
	border:none;
}

.drop_down .wide .second ul li ul.flex-direction-nav a{
	position:absolute;
	top:0;
	border:none;
	margin:0px 0 0 0;
}

.drop_down .wide .second ul li ul.flex-direction-nav{
	position:absolute;
	top:45px;
	left:0px;
	overflow:visible;
	width: 100%;
}

.drop_down .wide .second ul li div.flexslider{
	margin: 0;
}

.drop_down .wide .second ul li .flexslider.widget_flexslider ul.flex-direction-nav li{
	width: 100%;
}

.flexslider.widget_flexslider h3,
.drop_down .wide .second ul li ul li .flexslider.widget_flexslider h3,
.drop_down .wide .second ul li ul li .flexslider.widget_flexslider h3 a{
	color: #fff;
	font-size: 15px;
	font-weight: 400;
	line-height: 22px;
	padding: 20px 0 20px !important;
}

.flexslider.widget_flexslider ul li h3 a,
.drop_down .wide .second .inner ul li.flexslider.widget_flexslider ul li h3 a{
	color: #000;
	font-size: 18px;
    font-weight: 300;
    line-height: 22px;
}

.flexslider.widget_flexslider ul.flex-direction-nav a.flex-prev,
.drop_down .wide .second .inner ul li.sub .flexslider.widget_flexslider ul.flex-direction-nav a.flex-prev{
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.4);
	width: 40px;
	height: 40px;
	line-height: 40px;
}

.drop_down .second .flexslider.widget_flexslider ul.flex-direction-nav  i {
	display:inline;
}

.drop_down .wide.icons .second .flexslider.widget_flexslider ul.flex-direction-nav  i {
	width:auto;
	float:none;
	height:auto;
	color: #fff;
}

.flexslider.widget_flexslider ul.flex-direction-nav a.flex-next,
.drop_down .wide .second .inner ul li.sub .flexslider.widget_flexslider ul.flex-direction-nav a.flex-next{
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.4);
	width: 40px;
	height: 40px;
	line-height: 40px;
}

.flexslider.widget_flexslider ul.flex-direction-nav a.flex-next:hover,
.drop_down .wide .second .inner ul li.sub .flexslider.widget_flexslider ul.flex-direction-nav a.flex-next:hover,
.flexslider.widget_flexslider ul.flex-direction-nav a.flex-prev:hover,
.drop_down .wide .second .inner ul li.sub .flexslider.widget_flexslider ul.flex-direction-nav a.flex-prev:hover{
	background-color:#000;
}

.drop_down .wide .second .inner ul li.sub .flexslider.widget_flexslider .menu_recent_post_text {
	padding: 10px 0;
}

.drop_down .wide .second .inner ul li.sub .flexslider.widget_flexslider .menu_recent_post_text a{
	display: inline;
    padding: 0;
}

.drop_down .wide .second .inner ul li.sub .flexslider.widget_flexslider .menu_recent_post_text a:hover{
	color:#fff;
}

.drop_down .wide .second .inner ul li.sub .flexslider.widget_flexslider a,
.drop_down .wide .second ul li .flexslider.widget_flexslider a{
	padding: 0;
	margin: 0;
}

.drop_down .wide .second .inner ul li.sub .flexslider.widget_flexslider a i,
.drop_down .wide .second ul li .flexslider.widget_flexslider a i{
	font-size: 20px;
}

ul.flickr_widget{
	display: inline-block;
	position: relative;
	padding:0;
}

ul.flickr_widget li{
	float: left;
	margin: 0px 5px  5px 0px;
}

ul.flickr_widget li:nth-child(3n){
	margin: 0 0 5px;
}

ul.flickr_widget li a img{
	float: left;
}

.menu_recent_post_text{
	display: block;
	margin-bottom:35px;
	}

.menu_recent_post_text a{
	display: inline-block !important;
}

.menu_recent_post_text_color,
.menu_recent_post_text_color a:hover
{
	color:#e9c70b !important;
}

.widget_latest_posts_menu .flex-direction-nav{
	position:relative;
	margin-top:-6px;
}
.widget_latest_posts_menu .flex-direction-nav .flex-prev{
	margin-left:-16px;
}
.widget_latest_posts_menu .flex-direction-nav .flex-next{
	margin-right:-16px;
}
.widget_latest_posts_menu li{
	padding-bottom:20px !important;
}
.widget_latest_posts_menu .flexslider.widget_flexslider ul.flex-direction-nav a.flex-prev, 
.widget_latest_posts_menu .flexslider.widget_flexslider ul.flex-direction-nav a.flex-next{
	background-color:transparent;
	border-color:#e9c70b;
}
.widget_latest_posts_menu .flexslider.widget_flexslider ul.flex-direction-nav a.flex-prev i, 
.widget_latest_posts_menu .flexslider.widget_flexslider ul.flex-direction-nav a.flex-next i{
	color:inherit;
}

.widget_latest_posts_menu .flexslider li h3{
	margin:0;
}

.more_facts_outer{
	position: relative;
	display: block;
    height: 0;
    overflow: hidden;
}

.more_facts_inner_holder{
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: middle;
}

.more_facts_inner{
	display: inline-block;
	width: 100%;
	padding: 70px 0 0;
	position: relative;
}
.more_facts_holder{
	background-color: #f6f6f6;
}
.more_facts_button {
	display: block;
	position: relative;
	margin: 0;
	padding: 39px 0 15px;
	color: #303030;
	font-size: 19px;
	line-height: 22px;
	cursor: pointer;
	z-index: 90;

}
.more_facts_button:hover{
	color: #e9c70b;
}
.more_facts_button .more_facts_button_text,
.more_facts_button .more_facts_button_arrow{
	display: block;
}
.more_facts_button .more_facts_button_text{
	display: block;
	font-size: 17px;
	font-weight: 600;
	letter-spacing: 1px;
	text-transform: uppercase;
	padding: 0px 0 5px;
}
.more_facts_button .more_facts_button_arrow{
	-webkit-transition: -webkit-transform 300ms ease-in-out;
	-moz-transition: -moz-transform 300ms ease-in-out;
	-ms-transition: -ms-transform 300ms ease-in-out;
	-o-transition: -o-transform 300ms ease-in-out;
	transition: transform 300ms ease-in-out;

}
.more_facts_button .more_facts_button_arrow.rotate_arrow {
	-webkit-transform: rotate(-180deg);
	-moz-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	-o-transform: rotate(-180deg);
	transform: rotate(-180deg);
}
.more_facts_button_holder{
	display: block;
	position: relative;
}

.more_facts_button_holder.left{
	text-align: left;
}

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

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

.ordered ul, .ordered ol {
	counter-reset: li;
	display: block;
	list-style-type: decimal;
	background-position: left center;
	background-repeat: no-repeat;
	margin: 0 0 30px;
	padding: 0 0 0 20px;
}

.ordered ol li {
	margin: 0px 0px 21px;
	padding: 0 0 0 4px;
    color: #303030;
}

/* 24. Social icon shortcode styles
********************************************************************************************
********************************************************************************************/  
   
.craftsman_construction_social_icon_holder{
	display: inline-block;
	position: relative;
}
.craftsman_construction_social_icon_holder.normal_social{
	margin: 0 6px;
}
header .header_top .craftsman_construction_social_icon_holder {
    float: left;
    margin: 0;
    width: 32px;
}

.craftsman_construction_social_icon_holder i.simple_social {
    color: #bcbcbc;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.craftsman_construction_social_icon_holder:hover i.simple_social{
    color: #e9c70b;
}

header .header_top .craftsman_construction_social_icon_holder a {
    display: block;
}

header .header_top .craftsman_construction_social_icon_holder:last-child {
    border-right: 0;
}

header .header_top .craftsman_construction_social_icon_holder i.simple_social.fa-lg{
	font-size: 13px;
}

.craftsman_construction_social_icon_holder .fa-stack {
    background-color: #e3e3e3;
    border: 0px solid #f0f0f0;
    -o-border-radius: 2em;
   
    -webkit-border-radius: 2em;
    border-radius: 2em;
    margin: 0.2307692307692308em;

    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;

}
.craftsman_construction_social_icon_holder.square_social .fa-stack {
    -o-border-radius: 0;
     -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.craftsman_construction_social_icon_holder .fa-stack
.header_top .craftsman_construction_social_icon_holder .fa-stack {
    background: transparent;
    border: 0;
    padding: 0;
    margin: 0;
    box-shadow: none;
    border-radius: 0;
    font-size: 13px;
}

.header_top .craftsman_construction_social_icon_holder .fa-stack:hover i {
    color: #fff;
}

.craftsman_construction_social_icon_holder .fa-stack i {
    color: #b9b9b9;
    -webkit-transition: color 0.3s ease-out;
	-moz-transition: color 0.3s ease-out;
	-o-transition: color 0.3s ease-out;
	transition: color 0.3s ease-out;
}

.header_top .craftsman_construction_social_icon_holder .fa-stack i {
    color: #7b7b7b;
}

.craftsman_construction_social_icon_holder.circle_social .fa-stack:hover {
    background-color: #e9c70b;
    border-color: transparent;
}

.craftsman_construction_social_icon_holder.circle_social .fa-stack:hover i {
    color: #fff;
}

.craftsman_construction_social_icon_holder .fa-stack i.fa-circle{
    color: #fbfbfb;
}

.craftsman_construction_social_icon_holder .fa-stack.fa-2x {
	width:36px;
	height:36px;
	line-height:31px;
}

.craftsman_construction_social_icon_holder .fa-stack.fa-lg i:last-child {
    font-size: 1em;
}

/* 24.1.  Social share shortcode styles
********************************************************************************************
********************************************************************************************/
   
.social_share_holder{
    position: relative;
    display: inline-block;
}

.social_share_holder:hover .social_share_title {
    cursor: pointer;
}

.social_share_holder:hover .social_share_dropdown{
    visibility: visible;
}

.social_share_title{
    display: inline-block;
}

.social_share_dropdown{
    display: block;
    left: -11px; 
    margin: 0px 0 0;
    padding: 10px 0 0 0;
    position: absolute;
    top: 100%;
    width: 35px;
    visibility: hidden;
    z-index: 950;
}

.social_share_dropdown .inner_arrow {
    display: block;
    position: absolute;
    top: -6px;
    left: 8px;
    width: 0;
    height: 0;
    border-color: transparent transparent #323232 transparent;
    border-style: solid;
    border-width: 9px;
    z-index: 999;
}

.social_share_dropdown ul
 {
    list-style: none;
    position: relative;
    display: block;
    background-color: #323232;
    z-index: 990;

    padding: 4px 0px !important;
    width:35px;
}




.page_share{
    position: relative;
}

.social_share_dropdown ul li{
    display: block;
    position: relative;
    text-align: center;
}

.social_share_dropdown ul li.share_title {
    display: block;
    text-align: center;
    color: #fff;
    background-color: #e9c70b;
    padding: 10px 20px;
}

.social_share_dropdown ul li a {
    display: block;
    height: 20px;
    line-height: 20px;
    padding: 5px 0;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	margin: 0 !important;
}

.social_share_dropdown ul li:last-child a {
    border-bottom: 0;
}

.social_share_dropdown ul li i{
    font-size: 17px;
    width: 22px;
    height: 22px;
    line-height: 22px;
    color: #fff;
    text-align: center;
}
.social_share_dropdown ul li img{
    width: 22px;
    float: left;
    margin: 0 13px 0 0;
}



/* 24.2.  Social share list shortcode styles
********************************************************************************************
********************************************************************************************/   
   
   
.social_share_list_holder ul {
    list-style: none;
    display: inline-block;
}

.social_share_list_holder ul li {
    display: inline;
    margin-right: 10px;
}

.social_share_list_holder ul li i {
    color: #bcbcbc;
    -webkit-transition: color 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out;
    -ms-transition: color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out;
}

.social_share_list_holder ul li i:hover {
    color: #e9c70b;
}

/* 24.  Blog Masonry Shortcode
********************************************************************************************
********************************************************************************************/   
   
.craftsman_construction_masonry_blog {
    transition: none !important;
    overflow: visible !important;
    opacity: 0;
	margin-top:70px;
	margin-bottom:80px !important;
	}

.craftsman_construction_masonry_blog article
{
	width:calc(100% / 3 - 10px);
	margin: 0 0 20px;
	padding: 0;
	text-align: left;
	vertical-align: top;
    z-index: 100;
    border: 0;
	background-color: #fff;
    float: left;
    display: block;
}

.craftsman_construction_masonry_blog article .video{
	position:relative;
}

article .post_info{
	
	background-color: #fff;  
}
.blog_single .post_info{
	background-color:inherit;
}
.blog_single .post_info .attachment img{
	width:100%;
}


.craftsman_construction_masonry_blog article .craftsman_construction_masonry_blog_post_text .post_title blockquote h4.craftsman_construction_blog_title{
	margin:0;
}
.craftsman_construction_masonry_blog article table td{
	padding:4px 8px;
}

.craftsman_construction_masonry_blog article.format-link:hover,
.craftsman_construction_masonry_blog article.format-quote:hover{
	background-color: #e9c70b;
}

.craftsman_construction_masonry_blog article.format-quote .craftsman_construction_masonry_blog_post_text p,
.craftsman_construction_masonry_blog article.format-link .craftsman_construction_masonry_blog_post_text p{
	font-size: 21px;
	line-height: 35px;
	color: #303030;
}

.two_columns_75_25 .craftsman_construction_masonry_blog article,
.two_columns_66_33 .craftsman_construction_masonry_blog article,
.two_columns_33_66 .craftsman_construction_masonry_blog article,
.two_columns_25_75 .craftsman_construction_masonry_blog article{
	width:48%;
}

.craftsman_construction_masonry_blog article:hover{
	z-index: 200;
}

.craftsman_construction_masonry_blog article .craftsman_construction_masonry_blog_post_image{
	margin: 0;
    width: auto;
}
.craftsman_construction_masonry_blog article .craftsman_construction_masonry_blog_post_image img{
    vertical-align: middle;
   
	}

.craftsman_construction_masonry_blog article .quote_author {
    font-family: inherit;
    font-weight: 400;
    display: block;
    font-size: 21px;
    line-height: 35px;
    color: #333333;
}


.home .craftsman_construction_masonry_blog{
	margin-top:30px;
}


.blog_single  article .craftsman_construction_blog_post_text{
	padding: 5px 25px 25px 75px;
	}
.blog_single  article .post_content{
	padding:0 25px 25px 75px;
}
	
h2.craftsman_construction_blog_title{
	margin:0;
}
h2.craftsman_construction_blog_title p a {
	font-size:24px;
}

.blog_single  article .craftsman_construction_blog_post_text .craftsman_construction_blog_title{
	padding-top:20px;
}

.blog_single article .quote .craftsman_construction_blog_post_text .craftsman_construction_blog_title,
.blog_single article .link .craftsman_construction_blog_post_text .craftsman_construction_blog_title
{
	padding-top:0;
}
.blog_single article .quote .craftsman_construction_blog_post_text .craftsman_construction_blog_title .post_excerpt{
	padding-bottom:0;
}
.blog_single article .link .craftsman_construction_blog_post_text .craftsman_construction_blog_title .post_excerpt
{
  padding-bottom:20px;
}
.post_excerpt > :first-child,
.post_excerpt a > :first-child{
	margin-top:0 !important;
	}

.blog_single .post_text > :nth-child(2){
		margin-top:0 !important;
	}

 article .craftsman_construction_blog_post_text{
	padding: 25px 0 25px 75px;
     }

 article .craftsman_construction_masonry_blog_post_text{
	 	padding: 5px 0 25px 75px;
 }
 article .quote .craftsman_construction_masonry_blog_post_text{
	 padding: 25px 0 5px 75px;
 }
  article .link .craftsman_construction_masonry_blog_post_text{
	  padding: 25px 0 25px 75px;
  }


.blog_large_image{
	padding-bottom:40px;
}

.blog_large_image article .craftsman_construction_blog_post_text,
.blog_large_image article .craftsman_construction_masonry_blog_post_text,
.craftsman_construction_masonry_blog  article .craftsman_construction_masonry_blog_post_text{
	padding-right:25px;
}

.blog_single .quote .craftsman_construction_blog_post_text,
.blog_single .link .craftsman_construction_blog_post_text
{
padding: 25px 25px 25px 75px;
}
.craftsman_construction_masonry_blog article h1.craftsman_construction_masonry_blog_title,	
.craftsman_construction_masonry_blog article h2.craftsman_construction_masonry_blog_title,
.craftsman_construction_masonry_blog article h3.craftsman_construction_masonry_blog_title,
.craftsman_construction_masonry_blog article h4.craftsman_construction_masonry_blog_title,	
.craftsman_construction_masonry_blog article h5.craftsman_construction_masonry_blog_title,
.craftsman_construction_masonry_blog article h6.craftsman_construction_masonry_blog_title
{
	margin:0px;
}

.craftsman_construction_masonry_blog article .flexslider{
    margin-bottom: 0;
}

.craftsman_construction_blog_title{
	margin-right:140px;	
	}
.blog_large_image .craftsman_construction_blog_title{
	padding-bottom:20px;
}
.blog_single .link .craftsman_construction_blog_post_text_admin_and_category
{
	padding:20px 0;
}
.blog_single .quote .craftsman_construction_blog_post_text_admin_and_category{
	padding:20px 0 0 0;
}

.craftsman_construction_masonry_blog_title{
	margin-right:0;
padding-top:20px;	
}
.quote .craftsman_construction_masonry_blog_title,
.link .craftsman_construction_masonry_blog_title{
	padding-top:0;
}

.craftsman_construction_blog_post_date,
.craftsman_construction_masonry_blog_post_date{
position:absolute;
width:50px;	
height:70px;
background-color:#333333;	
}
.craftsman_construction_blog_post_date span,
.craftsman_construction_masonry_blog_post_date span{
	display:block;
	text-align:center;
	color:white;
	}

.craftsman_construction_blog_post_date span:first-child,
.craftsman_construction_masonry_blog_post_date span:first-child {
	 font-size: 20px;
    margin:7px 10px 0 10px;
	padding-bottom:9px;
	border-bottom: 2px solid white;
}

.craftsman_construction_blog_post_date span:last-child,
.craftsman_construction_masonry_blog_post_date span:last-child {
	   margin:0 10px 0 10px; 
	   font-size: 10px;
}
.quote .craftsman_construction_blog_post_text_admin_and_category{
	padding-bottom:0px;	
}

.craftsman_construction_blog_post_text_admin_and_category
{
padding-bottom:20px;	
}

.link .craftsman_construction_blog_post_text_admin_and_category,
.quote .craftsman_construction_blog_post_text_admin_and_category
{
	padding-top:20px;
}
.link .craftsman_construction_blog_title,
.quote .craftsman_construction_blog_title{
	padding-bottom:0;
}

 .quote .craftsman_construction_blog_post_text blockquote p,
 .blog_single .quote blockquote p
 {
	 margin-left:-20px !important;
 }


.single .craftsman_construction_blog_post_text_admin_and_category
{
padding:0;	
}

.craftsman_construction_masonry_blog_post_text_admin_and_category{
	padding-top:20px;
	margin-bottom:20px;
}


.quote .craftsman_construction_masonry_blog_post_text_admin_and_category{
	padding:20px 0 0 0;
	margin-bottom:20px;
}
.blog_large_image article .quote .craftsman_construction_blog_post_text blockquote div h2,
.blog_large_image article .link .craftsman_construction_blog_post_text .post_title a h2
{
	margin:0;
}

.quote .craftsman_construction_blog_post_text_admin_and_category,
.quote .craftsman_construction_blog_post_text_admin_and_category div,
.quote .craftsman_construction_blog_post_text_admin_and_category div a,
.quote .craftsman_construction_blog_post_text_admin_and_category div a:hover,
.link .craftsman_construction_blog_post_text_admin_and_category,
.link .craftsman_construction_blog_post_text_admin_and_category div,
.link .craftsman_construction_blog_post_text_admin_and_category div a,
.link .craftsman_construction_blog_post_text_admin_and_category div a:hover
{
	color:#fff !important;
}

.craftsman_construction_masonry_blog_excerpt{
	
	padding-top:20px;
}

.blog_single .craftsman_construction_blog_post_text_admin_and_category{
	width:100%;
	display:inline-block;
}

.blog_single .craftsman_construction_blog_post_text_admin_and_category span:first-child{
float:left;

}
.blog_single .craftsman_construction_blog_post_text_admin_and_category .holder_name{padding-top:20px;}



.blog_single .craftsman_construction_blog_post_text_admin_and_category .craftsman_construction_blog_share_comment_like{
	padding-top:20px;
}

.craftsman_construction_masonry_blog_post_text_admin_and_category a{
	 color:inherit; 
}
.post_content_holder .craftsman_construction_blog_post_text_admin_and_category,
.post_content_holder .craftsman_construction_blog_post_text_admin_and_category span a,
.post_content_holder .craftsman_construction_blog_post_text_admin_and_category span a:hover
{
	color:#e9c70b !important;
	}
.post_content_holder .craftsman_construction_blog_post_text_admin_and_category span a span,	
.post_content_holder .craftsman_construction_blog_post_text_admin_and_category span a span:hover
{
	color:#000000 !important;	
	}
	
.post_content_holder .link .craftsman_construction_masonry_blog_post_text_admin_and_category,
.post_content_holder .quote .craftsman_construction_masonry_blog_post_text_admin_and_category
{
	color:#fff;
	}

.link .link_author,
.quote .quote_author,
.link p a{
	font-size: 21px;
	color:#333333;
	}	
.quote p a{
	font-size:24px;
	color:#333333;
}	

.blog_large_image .post_title,
.blog_single .post_title
{	
padding:0 0 20px 0;	
}

.blog_large_image .post_title a,
.blog_large_image .post_title p a,
.blog_single .post_title a,
.blog_single .post_title p a,
.quote .craftsman_construction_blog_post_text blockquote p,
.quote .craftsman_construction_blog_post_text blockquote div,
.quote .craftsman_construction_blog_post_text blockquote a
.blog_single .quote blockquote p
{	
font-size: 24px;
line-height: 1.384615384615385em;
letter-spacing: 1px;
font-weight: 600;
font-family: "Montserrat", sans-serif;
color: #333333;
font-weight:700;
}
.craftsman_construction_masonry_blog article .post_title .quote_author blockquote
{
font-size: 19px;
line-height: 1.375em;
font-weight: 600;
letter-spacing: 1px;
font-family: "Montserrat", sans-serif;
font-weight:700;
color: #333333;
}
.craftsman_construction_masonry_blog article .post_info .craftsman_construction_masonry_blog_post_text .wp-caption
{
	width:100% !important;
}

	.post_text div.wp-caption{
		max-width:100%;
	}


	
.quote .craftsman_construction_masonry_blog_post_text .post_title p{
	font-style: italic;
	
}
.craftsman_construction_blog_post_sticky{
	text-align:center;
    background-color: #333333;
	font-family:"Montserrat", sans-serif;
	font-weight:700;
}

.craftsman_construction_blog_post_sticky span
{
	color:#fff;
	font-size: 14px;
    line-height: 26px;
	padding:0 10px;
}
.craftsman_construction_blog_post_sticky span i{
	color:#fff !important;
	padding-right:5px;
   
}

	
/* 25.  Blog
********************************************************************************************
********************************************************************************************/  

.blog_holder article{
	display: inline-block;
	width: 100%;
	margin: 0 0 60px;
}

.blog_holder.blog_large_image_simple article{
	margin: 0 0 23px;
}
.blog_holder.blog_single article{
	margin:0;
}
.blog_holder article .post_info li i{
	color:#fff;
}


.single-post .blog_single .quote p{
    margin-bottom: 0;
}


.single-post .blog_single p:last-child {
    margin-bottom: 0;
}
.blog_single.blog_holder article .post_text .post_text_inner{
	padding-left:0;
	padding-right:0;
	padding-bottom:0;
	background-color:transparent;
}
.blog_single.blog_holder article.format-link .post_text .post_text_inner,
.blog_single.blog_holder article.format-quote .post_text .post_text_inner{
	padding: 23px 23px 35px 23px;
	background-color: #fff;
	margin:0 0 30px 0;
}
.blog_holder article .post_content_holder{
	width: 100%;
}

.blog_single article{
	background-color:#fff;
}

.post_text{
	z-index:50;
}

.mejs-fullscreen header,
.mejs-fullscreen .title_outer,
.mejs-fullscreen .flex-direction-nav,
.mejs-fullscreen #back_to_top
{
	display:none;
}
.post_image{
	max-width:1100px;
	height:auto;
}

.blog_holder article .post_image,
.blog_holder article .post_image > a,
.blog_holder article .post_image img{
	position: relative;
	display: block;
	margin:auto;
	
}
.blog_holder article .post_text .post_text_inner{
	padding:23px 23px 35px 23px;
	background-color:#fff;
}
.blog_holder.blog_large_image_simple article .post_text .post_text_inner{
	background-color: transparent;
	padding-left: 195px;
	padding-right: 195px;
	padding-top: 45px;
	padding-bottom: 45px;
	text-align: center;
}

.blog_large_image_simple .minimalist_date{
	padding-bottom: 9px;
	color:#e9c70b;
}
.blog_large_image_simple .separator.small{
	margin-top: 22px;
}
.blog_holder article .post_text h5 {
	margin:0 0 10px;
}
.blog_holder article .post_text h2 .date{
	color:#bebebe;
}
.blog_holder article .post_info {
	display:inline-block;
	width:100%;
	color:#818181;
	font-weight:500;
}

.vertical_menu_enabled .blog_holder article .post_info {
	max-width:1100px;
	margin:auto;
	display:block;
}
.vertical_menu_enabled .blog_single{
	max-width:1100px;
	margin:auto;
}

.blog_holder article .post_info .post_excerpt ul,
.blog_holder article .post_info .post_excerpt ol,
.blog_holder article .post_info .post_excerpt p,
.blog_holder article .post_info .post_excerpt .gallery-item,
.blog_holder article .post_info .quote_author{
	color:#333333;	
}

.craftsman_construction_blog_share_comment_like{
    display: inline-block;	
}

.blog_large_image .craftsman_construction_blog_share_comment_like{
	padding-top:0px;
	}
.blog_large_image .post_excerpt{
	margin-bottom:20px;
}	
	
.blog_large_image .link .craftsman_construction_blog_share_comment_like,
.blog_large_image .quote .craftsman_construction_blog_share_comment_like
{
	padding-top:0px;
}


.post_info iframe{
	width:100%;
	}
	
.craftsman_construction_masonry_blog .post_info iframe{
	height:100%;
}	
	
	
.post_excerpt a dl ~ p{
	display:none;
}

.post_excerpt p iframe{
 width: 100%;
}
.post_excerpt form.post-password-form{
	width:100%;
}

.post_excerpt .alignnone {
	width:100% !important;
}

.blog_single article .post_text p iframe{
	width:100%;
}

span.craftsman_construction_blog_share_comment_like,
.single div.craftsman_construction_blog_share_comment_like
{
	float:right;
}
.single.single-format-link div.craftsman_construction_blog_share_comment_like,
.single.single-format-quote div.craftsman_construction_blog_share_comment_like{
	float:none;
}


.blog_holder article .post_info .craftsman_construction_blog_share_comment_like a,
.blog_holder article .post_info .craftsman_construction_blog_share_comment_like a:hover
{
	
	color:#333333 !important;
}

.blog_space{
	min-width:30px;
	height:14px;
	display:inline-block;
	padding-left:5px;
}

.blog_holder article .craftsman_construction_masonry_blog_post_text_admin_and_category a{
	color:inherit;
}
.blog_holder article .post_info i{
	color:#e9c70b;
	  margin: 4px 0 0 0; 
}

.quote_and_link_size i{
	color:#333333;
	font-size:30px;
}


.blog_holder article .post_info.link i,
  .blog_holder article .post_info.quote i{
	  color:#fff;
	  
  }
  .social_share_dropdown ul li :hover i{
	color:#fff;  
  }
  
  .blog_holder article .post_info.link i.fa-heart,
  .blog_holder article .post_info.quote i.fa-heart{
	  color:#fff !important;
	  
  } 
  
  .blog_holder article .post_info.quote i.fa-quote-right,
  .blog_holder article .post_info.link i.fa-link
  {
	  color:#333333;
	  
  } 
 
.blog_holder article .post_info a:hover{
	color:#333333;
}

.blog_holder article .post_info.link a:hover,
.blog_holder article .post_info.quote a:hover{
	color:#333333;
}


.blog_single article.format-quote .post_info{
	margin:0 0 25px;
}

.blog_holder article .post_info .dots{
	padding: 0 7px 0 4px;
}
.blog_holder article .post_info .dots i{
	font-size: 3px;
	vertical-align: middle;
}
.blog_holder article .post_more{
	margin:30px 0 0;
}
.blog_holder article .video .mobile-video-image {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	display: none;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 10;
}

.blog_holder article .video{
	position: relative;
}

.blog_holder article .video .video-wrap {
	overflow: hidden;
	position: relative;
	width: 100% !important;
	z-index: 10;
}

.blog_holder article .video .video-wrap .mejs-poster {
	background-size: cover!important;
	
	-webkit-background-size: cover!important;
	-o-background-size: cover!important;
	width: 100% !important;
	height: 100% !important;
}

.blog_holder article .video .video-wrap .mejs-container
 {
	background-color: #262626 !important;
	background-image: none!important;
	height: 100% !important;
	width: 100% !important;
	overflow: hidden;
}

.blog_holder article .video .video-wrap .mejs-mediaelement{
	background: none !important;
	border: 0px !important;
}

.blog_holder article .video .video-wrap .mejs-container .mejs-poster img {
	max-width: none!important;
	width: 100%!important;
}

.blog_holder article .post_image .mejs-poster img{
	display: none !important;
}

.img-container {
    position: relative;
    overflow: hidden;
}

.img-container img {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 100%;
   
}

.blog_holder article.format-gallery .flexslider{
	margin: 0px;
	overflow: hidden;
}

.portfolio_single .flexslider{
	overflow: hidden;
}

.blog_holder article .post_description{
	margin: 2px 0 10px;
}

.latest_post_inner .post_comments i {
	font-size:16px;
	color: #adadad;
	padding:0 8px 0 0;
}

.latest_post_inner .post_comments:hover i {
	color:#e9c70b;
}


.blog_holder article .post_info .post_info_left a.post_author_avatar {
	display:inline-block;
	float:left;
	padding:0 10px 0 0;
}

.blog_holder article .post_info .post_info_left a.post_author {
	display:inline-block;
	line-height:64px;
	float:left;
}

.post_author_avatar img{
	border-radius:60px;
	border:2px solid #eaeaea;
}

.blog_holder article .post_description a:hover,
.blog_holder article .post_description .post_comments:hover{
	color: #e9c70b;
}

.blog_like{
	display: inline-block;
}

.blog_like a{
	display: block;
	line-height: 14px;
}

.blog_like a i{
	color: #adadad;
	font-size: 14px;
}
.more_read{
	font-weight:bold;
}

.blog_holder.blog_single article .blog_like a i,
.blog_holder.blog_large_image article .blog_like a i{
	display: inline-block;
}

.blog_like a:hover span{
	color: #333333;
}

.blog_like span{
	padding: 0 0 0 4px;
}


.blog_holder.blog_single article .blog_like span,
.blog_holder.blog_large_image article .blog_like span{
	display: inline-block;
	padding:0 0 0 5px;
}

.blog_holder article .post_info .craftsman_construction_button.dark {
    text-transform: none;
}

.blog_share{
	display: inline-block;
}

.blog_holder article.format-quote .post_text i.qoute_mark,
.blog_holder article.format-link .post_text i.link_mark{
	margin: 7px 0 0;
	color:#c0c0c0;
	font-size: 36px;
}

.blog_large_image_simple.blog_holder article.format-quote .post_text i.qoute_mark,
.blog_large_image_simple.blog_holder article.format-link .post_text i.link_mark{
	margin: 20px 0;
	float: none;
}

.blog_holder article.format-quote .post_text .post_title,
.blog_holder article.format-link .post_text .post_title{
	padding: 0 0 0 60px;
}
.blog_large_image_simple.blog_holder article.format-quote .post_text .post_title,
.blog_large_image_simple.blog_holder article.format-link .post_text .post_title{
	padding: 0 0 0 0px;
}
.blog_holder article.format-quote .post_text .post_title p,
.blog_holder article.format-link .post_text .post_title p{
	font-size:21px;
	line-height:35px;
	color:#303030;
}

.blog_holder article.format-quote .post_text .quote_author{
	font-family: inherit;
    font-weight: 400;
	display:block;
	font-size: 21px;
    line-height: 35px;
	color:#c0c0c0;
}

.blog_holder article.format-link .post_text:hover .post_text_inner,
.blog_holder article.format-quote .post_text:hover .post_text_inner {
	background-color: #e9c70b !important; /* it should be important so it can override default color from options */
}

.blog_holder article.format-link .post_text:hover .post_text_inner,
.blog_holder article.format-quote .post_text:hover .post_text_inner {
	border-color: #e9c70b !important; /* it should be important so it can override default color from options */
}

.blog_holder article.format-link .post_text:hover .post_info,
.blog_holder article.format-link .post_text:hover .post_info a,
.blog_holder article.format-quote .post_text:hover .post_info,
.blog_holder article.format-quote .post_text:hover .post_info a,

.blog_holder article.format-quote .post_text:hover .quote_author,
.blog_holder article.format-quote .post_text:hover i.qoute_mark,
.blog_holder article.format-link .post_text:hover i.link_mark,

.blog_holder article.format-quote .post_text:hover p a,
.blog_holder article.format-link .post_text:hover p a,
.blog_holder.blog_single article.format-quote .post_text:hover p,
.blog_holder.blog_single article.format-link .post_text:hover p,
.blog_large_image_simple article.format-quote .post_text:hover .minimalist_date,
.blog_large_image_simple article.format-link .post_text:hover .minimalist_date
{
	color:#fff;
}
.blog_holder article .blog_like a:hover span,
.blog_single article .blog_like a span
{
	color:#333333;
}

.blog_holder.blog_single article h2{
	display: block;
}
.blog_load_more_button_holder {
	text-align: center;
	padding:0 0 40px;
}

.blog_load_more_button_loading {
	display: none;
}

.single_links_pages{
	margin: 50px 0 0;
	display: block;
	text-align:center;
	display: block;
	text-decoration: none;
}

.single_links_pages span{
	position: relative;
	display: inline-block;
	width: 38px;
	height: 38px;
	line-height: 38px;
	margin: 0 11px 0 0;
	text-align: center;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	cursor: pointer;
	white-space: nowrap;
	border: 2px solid #333333;
	background-color: #333333;
	outline: none;
	
	text-shadow: none;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;

}
.single_links_pages a span {
	color: #333333;
	background-color:transparent;
	border-color: #333333;
	border-radius:0;
}
.single_links_pages a:hover span{
	background-color: #333333;
	border-color: #333333;
	color: #fff;
}
.author_description{
	display: block;
	position: relative;
	margin: 34px 0 0;
	background-color:#fff;
	padding:23px 23px;
}

.author_description_inner{
	display: block;
}

.author_description_inner .image{
	display: block;
	width: 75px;
	height: 75px;
	float: left;
    border-radius: 75px;
	overflow:hidden;
}

.author_text_holder {
	padding: 0 0 0 100px;
	min-height: 100px;
	position:relative;
}

.author_text_holder .author_name {
	display: block;
	margin: 0px 0 4px 0;
}

.author_text_holder .author_email{
	display:block;
	margin: 0px 0 6px 0;

}
.single_tags {
	margin:50px 0px 0px 0px;
}
.single_tags  a,
.widget .tagcloud a {
	letter-spacing:1px;
}
.single_tags h5{
	display:inline-block;
}

.widget .tagcloud a {
	display: inline-block;
	font-size: 13px !important;
}

.blog_social_and_comments{
	display: inline-block;
	width: 100%;
	margin: 0 0 20px;
}

.comment_number_holder{
	display: inline-block;
	float: left;
}

.blog_single_social{
	display: inline-block;
	float: right;
}

.blog_single_social .blog_like{
	float: right;
	margin: 0 0 0 15px;
}

.comment_holder{
	padding: 70px 0 100px;
	margin: 0 0 0;
	clear:left;
}

.comment_number_holder .comment_number{
	color: #000;
}

.comment_holder .comment_number{
	margin:0 0 30px;
}

.comment_number .comment_number_inner i{
	position: relative;
	top: -1px;
	padding:0 10px 0 0;
}

.comment_holder  ul.comment-list{
	list-style: none;
	position: relative;
	z-index: 150;
	padding:0;
}

.comment_holder .comment-list{
	margin: 0;
}

.comment_holder .comment-list li{
	display: inline-block;
	position: relative;
	width: 100%;
}

.comment_holder .comment-list li ul.children li:last-child{
	padding:0 0 0px;
}

.comment_holder .comment-list > li{
	margin: 0 0 18px;
}

.comment_holder .comment-list > li:last-child{
	margin: 0;
}

.comment_holder .comment{
    padding: 30px;
	background-color:inherit;
}

.comment_holder .comment .image {
	display: block;
	width: 75px;
	height: 75px;
	float: left;
	border-radius: 75px;
	overflow: hidden;
}

.comment_holder .comment .text {
	padding: 0 0 0 135px;
	min-height: 80px;
	position:relative;
}

.comment_holder .comment .text .name {
	display: block;
	color: #303030;
}

.comment_holder .comment .text .replay,
.comment_holder .comment .text .comment-reply-link {
	color: #e9c70b;
	font-size:14px;
	font-weight:400;
	
}

.comment_holder .comment .text .text_holder {
	display: block;
	margin:20px 0 0 0;
}

.comment_holder .comment .logged-in-as {
	margin: 10px 0;
}

.comment_holder .comment .form-submit {
	margin: 0 0 20px;
}

.comment_holder .comment-list li ul.children {
	margin: 10px 0 0 0;
	padding: 0 0 0 20px;
}

.comment_holder .comment-list li ul.children li{
	margin: 0px;
	border-bottom:none;
}
.comment .name{
	padding-bottom:20px;
}
#respond h3 {
	margin: 0 0 15px 0;
}
#respond h3.comment-reply-title{
	margin:0;

}
#respond small {
	display: block;
	margin: 0 0 12px;
	position: relative;
}
.comment_holder .comment .comment-respond{
	margin-top: 20px;
}

#respond textarea,
#respond input[type='text'],
.contact_form input[type='text'],
.contact_form  textarea {
	width:100%;
	margin: 0 0 20px 0;
	padding: 15px 12px;
	border: 0;
	border-radius:0;
	outline: 0;
	resize: none;
	font-size: 13px;
	line-height:17px;
	background-color:#f5f5f5;
	color: #818181;
    font-family: 'Raleway';
	font-weight:400;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#respond textarea,
#respond input[type='text']{
	background-color:#fff;
	
}

#respond textarea {
	padding: 12px;
}

.comment_holder #respond textarea,
.comment_holder #respond input[type='text']{
	background-color: #fff;
}
.comment_holder .comment #respond textarea,
.comment_holder .comment #respond input[type='text']{
	background-color: #fff;
}
.comment_holder #respond textarea {
    margin: 0 0 12px;
}

div.comment_form {
	display: inline-block;
	margin: 0 0 100px;
	width: 100%;
}

div.comment_form form p.form-submit,
div.comment_holder .comment p.form-submit {
	margin: 0;
	text-align: right;
}

div.comment_form form p.form-submit .success p{
	margin: 10px 0 0;
}

div.comment_form form p.logged-in-as{
	margin: 0 0 17px;
}

#cancel-comment-reply-link {
	margin: 0px;
	display: inline-block;
	width: 100%;
}
body.page-template-blog-masonry-full-width-php .content .full_width {
	padding: 0 20px 25px 45px;
}

body.page-template-blog-masonry-full-width-php.vertical_menu_enabled .content .full_width{
	padding-left:305px;
}


#infscr-loading{
	position: absolute;
	bottom:-15px;
	left: 50%;
}
.blog_infinite_scroll_button{
	display: none;
}

.blog_holder article.format-quote h3{
	margin:0 0 10px;
	line-height:35px;
}

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

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


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

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

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

/*************************** BLOG END **************************/

/* 26. Blockquote shortcode styles
********************************************************************************************
********************************************************************************************/    
   
blockquote {
    position: relative;
	margin:20px 0;
}

blockquote p {
    line-height: 1.5625em;
    text-transform: none;
    font-size: 24px;
    letter-spacing: normal;
    font-weight: 600;
    margin: 0 !important;
	padding-left:20px;

}

blockquote.with_quote_icon p {
    padding:10px 20px 10px 60px;
}
.blog_large_image blockquote.with_quote_icon p{
	 padding:10px 20px 10px 20px;
}

blockquote i.pull-left {
    font-size: 24px;
    color: #c1c0c0;
    margin: 20px !important;
}
.quote .post_excerpt blockquote{
	padding:0;
}

.blockuote_one{
	font-size:30px;
	}
	
	
/* 27.  Pagination styles
********************************************************************************************
********************************************************************************************/     
   
   
.craftsman_construction_pagination {
	display: inline-block;
	width: 100%;
	text-align: center;
	margin: 0px 0px 50px;
	position:relative;
}

.craftsman_construction_pagination ul {
	display: inline-block;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.craftsman_construction_pagination ul li {
	float: left;
}

.craftsman_construction_pagination ul li span,
.craftsman_construction_pagination ul li a{
	position: relative;
	display: inline-block;
	width: 38px;
	height: 38px;
	line-height:34px;
	margin: 0 11px 0 0;
	text-align:center;
	color: #333333;
    font-size: 16px;
	text-decoration: none;
	text-transform: uppercase;
	cursor: pointer;
	white-space: nowrap;
	border: 2px solid #333333;
	outline: none;
    text-shadow: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.craftsman_construction_pagination ul li.active span,
.craftsman_construction_pagination ul li a:hover{
	color: #fff;
	background-color: #333333;
    border-color: #333333;
}

/* ==========================================================================
   End of Pagination styles
   ========================================================================== */



.contact_form h5{
	margin:0 0 18px;
}
.gmnoprint{
	display:none !important;
	
}
.gm-style div a div img{
	display:none;
}


.contact_info .craftsman_construction_social_icon_holder .fa-stack {
	margin:0.2307692307692308em 0.4615384615384616em 0.2307692307692308em 0;
}
.contact-error{
	display: block;
    margin: 0;
    position: relative;
    top: -20px;
}
.contact_section{
	text-align:center;
	padding:0 0 55px;
}
.contact_section.contact_section_position_left{
	text-align: left;
}
.contact_section.contact_section_position_right{
	text-align: right;
}
.contact_section .separator,
.contact_section .separator.small.right,
.contact_section .separator.small.left
{
	margin-top:6px;
	margin-bottom:35px;
}
span.submit_button_contact {
    display: block;
    text-align: right;
}

.contact_form {
	margin:0 0 100px;
}



.header-widget.widget_nav_menu {
   padding:0 15px 0 0;
   position:relative;
   font-size:12px;
}

.header-widget.widget_nav_menu ul ul {
	display:none;
	height: auto;
	border-top: none;
	background-color: #262626;
	z-index: 1010;
	position: absolute;
	top: 33px;
	left: -1px;
	width: 180px;
	padding:0px;
}

.header-widget.widget_nav_menu ul li:hover ul{
	display:block;
}

.header-widget.widget_nav_menu ul li{
	list-style:none;
}

.header-widget.widget_nav_menu ul.menu > li {
    display: inline-block;
	float:left;
	position:relative;
}

.header-widget.widget_nav_menu ul.menu li a{
    display: inline-block;
	padding:0 0px 0 15px;
	color:#777;
}

.header-widget.widget_nav_menu ul.menu > li.menu-item-has-children > a:after {
	content: "\f107";
	font-family: 'FontAwesome', sans-serif;
	margin-left: 5px;
}

.header-widget.widget_nav_menu ul.menu li a:hover{
	color:#e9c70b;
}

.header-widget.widget_nav_menu ul.menu li ul li a{
	color: #9d9d9d;
	display: block;
	white-space: nowrap;
	font-size: 11px;
	font-weight: 600;
	line-height: 38px;
	padding: 0 15px;
	border-bottom: 1px solid #303030;
	text-transform: uppercase;
}

.header-widget.widget_nav_menu ul.menu li ul li:last-child a{
	border-bottom:0;
}

.header-widget ul.menu li:last-child {
    margin-right: 0;
}

.header-left-from-logo-widget,
.header-right-from-logo-widget{
    display: block;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 0px 50px;
}

.header-right-from-logo-widget{
    left: auto;
    right: 0px;
}

header .container_inner .header-left-from-logo-widget,
header .container_inner .header-right-from-logo-widget{
    padding: 0px;
}

.header-left-from-logo-widget-inner,
.header-right-from-logo-widget-inner{
    display: table;
    height: 100%;
}

.header-left-from-logo-widget-inner2,
.header-right-from-logo-widget-inner2{
    display: table-cell;
    height: 100%;
    vertical-align: middle;
}

header.sticky .header-left-from-logo-widget,
header.sticky .header-right-from-logo-widget{
    display: none;
}
/* 28. Sidebar and side menu styles
********************************************************************************************
********************************************************************************************/ 

/* 28.1.   Common sidebar, side menu and widgets styles that are placed in this widget areas
********************************************************************************************
********************************************************************************************/ 


.container aside {
	z-index: 11;
}

aside .widget a,
.side_menu a,
.side_menu .widget li {
    font-weight: 400;
    -webkit-transition: color 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out;
    -ms-transition: color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out;
}

aside .widget a:hover{
    color: #333333;
}

.side_menu .widget a:hover,
.side_menu .widget li:hover,
.side_menu .widget li:hover > a {
	color: #fff;
}

aside .widget ul,
.side_menu .widget ul{
    list-style: none;
  
	
}
 .widget.posts_holder ul li ul{
	  padding-top:14px;
	padding-left:1.25em;
 }

.vertical_menu_area .widget ul li ul{
	padding-top:14px;
	padding-left:1.25em;
}
.vertical_menu_area .widget.widget_search form,
.vertical_menu_area .widget.widget_archive select,
.vertical_menu_area .widget.widget_categories select,
.vertical_menu_area .widget.widget_text form select
{
	border:1px solid #818181;
}
aside.vertical_menu_area .widget_nav_menu .sub-menu{
	margin:0;
}
aside.sidebar .widget_categories select,
aside.sidebar .widget_archive select,
aside.sidebar .widget_search form#searchform,
aside.sidebar .widget_text form select
{
	border:1px solid #818181;
}

.sidebar ul{
	padding:0;
}
 
.sidebar h5{
	margin-top:0;
}

.vertical_menu_area .widget .wp-caption-text{
	padding-bottom:14px;
}

.side_menu .widget li{
    margin: 0 0 10px;
}
aside .widget li{
	margin:0;
}
aside .widget li:last-child,
.side_menu .widget li:last-child{
    margin: 0;
}

.widget.widget_rss li a.rsswidget,
#wp-calendar caption{
    color: #333333;
}

.footer_top .widget.widget_rss li a.rsswidget,
.footer_top #wp-calendar caption{
    color: #fff;
}

#wp-calendar th,
#wp-calendar td{
    padding: 3px 4px;
}

#wp-calendar td#today {
    color: #818181;
    background-color: transparent;
	border:2px solid #e9c70b;
   
}

#wp-calendar{
    width: 100%;
    text-align: center;
}


#wp-calendar caption{
    margin: 0 0 15px;
}
.widget.widget_rss li span.rss-date,
.widget ul li cite{
	display:block;
	font-weight:bold;
    font-style: normal;
    line-height: 1.615384615;
    margin-bottom: 0.538461538em;
}
.widget.widget_rss ul li{
	
	border-bottom:1px solid #e9c70b;
}

.widget .wp-caption-text{
font-style: italic;
line-height: 1.6153846154;
padding-top: 0.5384615385em;
}


#wp-calendar caption,
#wp-calendar tfoot tr td a,
.widget_archive label,
.widget_categories label
{
	font-weight:bold;
}
footer .wp-caption{
	padding-bottom:22px;
}

.widget_archive label{
	margin-top:14px;
	}
 
.widget.widget_rss li{
    margin: 0 0 14px;
}

aside #recentcomments .recentcomments{
	color:#e9c70b;
}
aside #recentcomments .recentcomments span,
aside #recentcomments .recentcomments a{
	color:#333333;
}
aside #recentcomments .recentcomments span ~ a{
	
	color:#333333;
}
.widget.widget_recent_entries li a,
.widget.widget_rss li a
{
	
	color:#333333;
}
			


/* 28.2. Sidebar specific styles
********************************************************************************************
********************************************************************************************/ 

aside .widget.widget_search{
	border-bottom: 0px;
	padding: 0;
}

aside .widget h5 {
    margin-bottom: 21px;
	text-transform: uppercase;
	
}
aside .widget.posts_holder ul li:first-child,
aside.vertical_menu_area .widget ul li:first-child
{
	padding-top:0px;
}


aside .widget.posts_holder li,
aside.vertical_menu_area .widget li
 {
    padding: 14px 0px 0px 0px;
    margin: 0;
}

aside .widget.widget_latest_posts_menu.posts_holder li{
	padding-top:0;
}

aside .widget.posts_holder li.page_item_has_children > ul.children li:last-child,
aside .widget.posts_holder li.menu-item-has-children > ul.sub-menu li:last-child{
    border-bottom: 0;
}

aside .widget.posts_holder li:hover{
    color: #333333;
}

aside .widget.posts_holder li.page_item_has_children > ul.children,
aside .widget.posts_holder li.menu-item-has-children > ul.sub-menu {
    padding-left: 1.25em;
}
aside.vertical_menu_area .widget_text .textwidget form{
	padding-top:21px;
}
aside .widget.posts_holder li.page_item_has_children > a,
aside .widget.posts_holder li.menu-item-has-children > a {
    display: block;
}

aside .widget a
 {
    color: inherit;
}


aside .widget.widget_latest_posts_menu{
    margin: 0 0 62px;
}



/* 28.3. Side menu specific styles
********************************************************************************************
********************************************************************************************/ 

.side_menu {
    background-color: #1b1b1b;
    height: 100%;
    min-height: 100%;
    overflow: hidden;
    padding: 30px;
    position: fixed;
    top: 0;
    right: -270px;
    width: 210px;
    z-index: 90;
    visibility: hidden;
}

.side_menu h5,
.side_menu h6{
	margin: 0 0 12px 0;
	color: #fff;
}

.side_menu .widget li {
	position:relative;
}

.side_menu .widget ul li.page_item_has_children,
.side_menu .widget ul li.menu-item-has-children{
	padding-right: 0;
	border-bottom:none;
}

.side_menu .widget ul ul{
	padding: 6px 0 0 20px;
}

.side_menu .widget{
	margin: 0 0 43px;
}

.side_menu a,
.side_menu li,
.side_menu span,
.side_menu p,
.side_menu .widget.widget_rss li a.rsswidget,
.side_menu #wp-calendar caption,
.side_menu #wp-calendar th,
.side_menu #wp-calendar td{
    color: #818181;
}

.side_menu .side_menu_title{
	display: block;
	margin: 0 0 12px;
}

.side_menu .widget.widget_nav_menu li:last-child,
.side_menu .widget.widget_nav_menu li a{
	margin: 0;
}

.side_menu a.close_side_menu {
    display: inline-block;
    position: absolute;
    top: 29px;
    right: 25px;
    width: 13px;
    height: 13px;
    line-height: 13px;
    background-image: url('img/close_side_menu.png');
    background-repeat: no-repeat;
    z-index: 1000;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
.side_menu a.close_side_menu:hover{
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
}
@media only screen and (min--moz-device-pixel-ratio:2.0),  only screen and (min-resolution:210dpi) {
    .side_menu a.close_side_menu {
        background-image: url("img/close_side_menu@2x.png");
        -o-background-size: 13px 13px;
        -webkit-background-size: 13px 13px;
        
        background-size: 13px 13px;
    }
}

@media only screen and (min--moz-device-pixel-ratio:1.5), only screen and (min-resolution:160dpi) {
    .side_menu a.close_side_menu {
        background-image: url("img/close_side_menu@2x.png");
		-o-background-size: 13px 13px;
		-webkit-background-size: 13px 13px;
		
		background-size: 13px 13px;
    }
}

.side_menu.dark a.close_side_menu {
	background-image: url('img/close_side_menu_dark.png');
}

@media only screen and (min--moz-device-pixel-ratio:2.0),only screen and (min-resolution:210dpi) {
	.side_menu.dark a.close_side_menu {
		background-image: url("img/close_side_menu_dark@2x.png");
		-o-background-size: 13px 13px;
		-webkit-background-size: 13px 13px;
		
		background-size: 13px 13px;
	}
}

@media only screen and (min--moz-device-pixel-ratio:1.5), only screen and (min-resolution:160dpi) {
	.side_menu.dark a.close_side_menu {
		background-image: url("img/close_side_menu_dark@2x.png");
		-o-background-size: 13px 13px;
		-webkit-background-size: 13px 13px;
		
		background-size: 13px 13px;
	}
}

/* ==========================================================================
   End of sidebar and side menu styles
   ========================================================================== */

.footer_top .widget.widget_nav_menu li{
	margin: 0 0 0px;
    line-height: 22px;
}
footer div.widget{
	padding-bottom:44px;
}
footer div.widget ul li ul{
	padding-left: 1.25em;
}



.widget.widget_archive select,
.widget.widget_categories select,
.widget.widget_text select {
    width: 100%;
    overflow: hidden;
    border: 1px solid transparent;
    font-size: 13px;
    background-color: #fff;
    outline: 0px;
    color: #818181;
    font-family: inherit;
    padding: 2px 4%;
    height: 37px;
}

.widget #searchform {
    display: inline-block;
    width: 100%;
    overflow: hidden;
    background-color: #fff;
}

.footer_top .widget #searchform{
	background-color: transparent;
	border: 1px solid #6a6a6a;
}
.header_top #searchform {
    padding: 0 10px;
    height: 33px;
}

.widget.widget_search form.form_focus {
    border-color: #e9c70b;
}

.widget.widget_search form input[type="submit"],
.header_top #searchform input[type="submit"]{
	width: 37px;
	height: 37px;
	line-height: 37px;
	display: inline-block;
	margin: 0;
	padding: 0 4%;
	outline: none;
	border: none;
	text-decoration: none;
    background-color: transparent;
    color: #b9b9b9;
    font-family: 'FontAwesome', sans-serif;
	cursor: pointer;
	white-space: nowrap;
	float: right;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
}

.footer_top .widget  #searchform input[type="submit"]{
	color: #6a6a6a;
}

.header_top #searchform input[type="submit"]{
	width: 22px;
	height: 25px;
	line-height: 25px;
	margin: 4px 0 0;
    background: none;
}

.widget.widget_search form .screen-reader-text,
.header_top #searchform .screen-reader-text{
	display: none;
}

.widget.widget_search form input[type="text"],
.header_top #searchform input[type="text"]{
	display: inline-block;
	text-decoration: none;
	border: 0;
	outline: 0px;
	color: #818181;
    background-color: transparent;
	font-family: inherit;
	margin: 0;
	padding: 2px 4%;
	width: 74%;
	height: 37px;
	float: left;
}
.footer_top .widget #searchform input[type="text"]{
	color: #6a6a6a;
}


.header_top #searchform input[type="text"]{
	height: 29px;
	font-size: 12px;
}

.side_menu .widget #searchform input[type="text"],
.footer_top .widget.widget_search form input[type="text"]{
	width: 70% !important;
}

.widget .tagcloud {
	display:inline-block;
	width:100%;
}

.widget .tagcloud a {
    margin: 0 0px 3px 0;
	border:2px solid #e9c70b;
	padding:0 7px;
}

.side_menu .widget .tagcloud a {
    color: #fff;
}
/* 29. Footer
********************************************************************************************
********************************************************************************************/ 
footer{
	display: block;
	width: 100%;
	margin: 0px auto;
	z-index: 99;
	position: relative;
}

footer.uncover{
	position: fixed;
	bottom: 0px;
	left: 0px;
	z-index: 99;
	-webkit-transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
	-moz-transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
	-o-transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
	-ms-transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
	transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
	-webkit-backface-visibility: hidden;
}

.boxed footer{
    width: 100% !important;
    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
}



footer .container_inner{
	position: relative;
}

.footer_top_holder{
	display: block;
	background-color: #262626;
}

.footer_top{
	padding: 100px 0px 56px;
}

.footer_top.footer_top_full{
	padding: 48px 24px;
}

.footer_top h5{
	color: #fff;
	margin: 0 0 22px;
}

.footer_top ul{
	list-style: none;
}

.footer_top a,
.footer_top p,
.footer_top span,
.footer_top li,
.footer_top .textwidget
{
	color: #818181;
    word-wrap: break-word;
}

footer #recentcomments .recentcomments{
	color:#e9c70b;
}
footer .footer_top #recentcomments .recentcomments span a,
footer .footer_top #recentcomments .recentcomments span ~ a,
footer .widget.widget_recent_entries li a
{
	color: #e6e6e6;
}


.footer_top a{
	-webkit-transition: color 0.2s ease-in-out;
	-moz-transition: color 0.2s ease-in-out;
	-o-transition: color 0.2s ease-in-out;
	-ms-transition: color 0.2s ease-in-out;
}

.footer_top a:hover{
	color:#fff !important;
}

.footer_top .three_columns .column2 .column_inner > div,
.footer_top .two_columns_50_50 .column2 .column_inner > div{
	margin: 0 0 0 15px;
}

.footer_top .four_columns .column1 .column_inner > div,
.footer_top .four_columns .column2 .column_inner > div,
.footer_top .four_columns .column3 .column_inner > div,
.footer_top .four_columns .column4 .column_inner > div{
	margin:0;
}

.footer_top .three_columns .column3 .column_inner > div{
	margin: 0 0 0 10px;
}

.footer_top .widget_nav_menu li.menu-item a {
    margin-bottom: 0;
}

.footer_top .widget_nav_menu ul  li,
.footer_top .widget_recent_entries > ul > li,
.footer_top .widget_pages ul li,
.footer_top .widget_meta > ul > li,
.footer_top .widget_recent_comments > ul > li
 {
	position: relative;
}
.footer_top .widget_nav_menu ul  li ul,
.footer_top .widget_pages ul  li ul{
	padding:0 0 0 10px;
}

.footer_top .widget_recent_entries > ul > li > a,
.footer_top .widget_pages > ul > li > a,
.footer_top .widget_meta > ul > li > a,
.footer_top .widget_nav_menu ul li  a,
.footer_top .widget_recent_comments > ul > li > a,
.footer_top .widget_recent_entries > ul > li > span {
    display: block;
}
.footer_top .widget_recent_entries > ul > li > span {
	color:#9d9d9d;
}
.footer_bottom_holder {
	display: block;
	background-color: #1b1b1b;
}

footer .four_columns > .column1 > .column_inner{
	padding:0 24px 0 0;
}

footer .four_columns > .column2 > .column_inner{
	padding:0 16px 0 8px;
	
}
footer .four_columns > .column3 > .column_inner{
	padding:0 8px 0 16px;
}

footer .four_columns > .column4 > .column_inner{
	padding:0 0 0 24px;
}

.footer_bottom {
	display: table-cell;
	text-align: center;
	font-size: 12px;
	line-height: 22px;
	height: 70px;
	width: 1%;
	vertical-align: middle;
}

.footer_bottom p,
.footer_bottom span {
	margin: 0px;
	color:#fff;
}

.footer_bottom .footer_text_title {
	display: none;
}

.footer_bottom ul {
	list-style: none;
	text-align: center;
}

.footer_bottom ul li {
	display: inline-block;
	margin-right: 46px;
}

.footer_bottom ul li:last-child {
	margin-right: 0;
}

.footer_bottom ul li a {
	color: #fff;
	text-transform: uppercase;
	font-weight: 500;
	letter-spacing: 1px;
	font-size: 13px;
	-webkit-transition: color 0.3s ease-in-out;
	-moz-transition: color 0.3s ease-in-out;
	-ms-transition: color 0.3s ease-in-out;
	-o-transition: color 0.3s ease-in-out;
	transition: color 0.3s ease-in-out;
}

.footer_bottom ul li a:hover {
	color: #818181;
}

.footer_top .craftsman_construction_social_icon_holder i.simple_social {
	margin-right:16px;
}
.footer_top .craftsman_construction_social_icon_holder i.simple_social,
.side_menu .craftsman_construction_social_icon_holder i.simple_social{
	color: #818181;
}
.footer_top .craftsman_construction_social_icon_holder:hover i.simple_social,
.side_menu  .craftsman_construction_social_icon_holder:hover i.simple_social
{
	color: #fff !important;
}
.footer_top .craftsman_construction_social_icon_holder.normal_social{
	margin:0 0 0 0;
}
.footer_top .craftsman_construction_social_icon_holder:last-child i.simple_social{
	margin-right:0;
}

.footer_top .craftsman_construction_social_icon_holder i.simple_social{
	-webkit-transition:all 0.3s ease 0s;
	-moz-transition:all 0.3s ease 0s;
	-o-transition:all 0.3s ease 0s;
	transition:all 0.3s ease 0s;
}

#back_to_top{
	color: #cdcdcd;
	height: auto;
	position: fixed;
	bottom: 65px;
	margin: 0px;
	z-index: 10000;
	-webkit-transition:all 0.3s ease 0s;
	-moz-transition:all 0.3s ease 0s;
	-o-transition:all 0.3s ease 0s;
	transition:all 0.3s ease 0s;
	right: 25px;
	opacity: 0;
    visibility: hidden;
	-webkit-backface-visibility: hidden;
}

#back_to_top.off{
	opacity: 0;
	
	right: 25px;
}

#back_to_top.on{
	opacity: 1;
	
    visibility: visible;
	right: 25px;
}

#back_to_top .hover{
	display: none;
}

#back_to_top span{
	width: 52px;
	height: 52px;
	line-height: 52px;
	text-decoration: none;

	-webkit-transition:all 0.2s ease 0s;
	-moz-transition:all 0.2s ease 0s;
	-o-transition:all 0.2s ease 0s;
	border:2px solid #e8e8e8;
	background:transparent;
}

#back_to_top span i{
	font-size: 22px;
	-webkit-transition: color 0.2s ease 0s;
	-moz-transition: color 0.2s ease 0s;
	-o-transition: color 0.2s ease 0s;
	color:#b0b0b0;
	line-height: 52px;
}

#back_to_top:hover span{
	background-color:#e8e8e8;
}



/* 30. Separator with text shortcode styles
********************************************************************************************
********************************************************************************************/   
   
.vc_text_separator.full{
	padding-bottom: 20px;
	border-top: 1px solid #eaeaea;
	margin-top: 20px;
	border-bottom:0;
}
.vc_text_separator.full.separator_align_center{
	text-align: center;
}
.vc_text_separator.full.separator_align_right{
	text-align: right;
}
.vc_text_separator.full div{
	padding: 0px 35px;
	line-height: 36px;
	top: -19px;
	font-size: 12px;
	color: #fff;
	font-weight: 700;
	background-color: #e9c70b;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	
	-o-border-radius: 2px;
	border:1px solid transparent;
	display: inline-block;
	position: relative;
}

/* ==========================================================================
   Separator with text shortcode end styles
   ========================================================================== */



.page_not_found {
	text-align:center;
    margin-top:-8px;
}

.page_not_found h2{
	
	padding:25px 0;
    font-size:50px;
	line-height:50px;
	
	background-color:#e9c70b;
	height:100px;
}
.page_not_found p{
    
	font-family: "Montserrat", sans-serif;
    color: #333333;
	    text-transform: uppercase;
		font-weight:700;
}
.custom_font_holder{
	display: block;
	position: relative;
}



body div.pp_default .pp_loaderIcon{
    background-color: #ffffff;
    border-radius: 20px;
}
/* 31. Pretty Photo style start
********************************************************************************************
********************************************************************************************/ 

div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px}
div.pp_default .pp_top .pp_left{background:url(img/prettyPhoto/sprite.png) -78px -93px no-repeat}
div.pp_default .pp_top .pp_middle{background:url(img/prettyPhoto/sprite_x.png) top left repeat-x}
div.pp_default .pp_top .pp_right{background:url(img/prettyPhoto/sprite.png) -112px -93px no-repeat}
div.pp_default .pp_content .ppt{color:#f8f8f8}
div.pp_default .pp_content_container .pp_left{background:url(img/prettyPhoto/sprite_y.png) -7px 0 repeat-y;padding-left:13px}
div.pp_default .pp_content_container .pp_right{background:url(img/prettyPhoto/sprite_y.png) top right repeat-y;padding-right:13px}
div.pp_default .pp_next:hover{background:url(img/prettyPhoto/sprite_next.png) center right no-repeat;cursor:pointer}
div.pp_default .pp_previous:hover{background:url(img/prettyPhoto/sprite_prev.png) center left no-repeat;cursor:pointer}
div.pp_default .pp_expand{background:url(img/prettyPhoto/sprite.png) 0 -29px no-repeat;cursor:pointer;width:28px;height:28px}
div.pp_default .pp_expand:hover{background:url(img/prettyPhoto/sprite.png) 0 -56px no-repeat;cursor:pointer}
div.pp_default .pp_contract{background:url(img/prettyPhoto/sprite.png) 0 -84px no-repeat;cursor:pointer;width:28px;height:28px}
div.pp_default .pp_contract:hover{background:url(img/prettyPhoto/sprite.png) 0 -113px no-repeat;cursor:pointer}
div.pp_default .pp_close{width:30px;height:30px;background:url(img/prettyPhoto/sprite.png) 2px 1px no-repeat;cursor:pointer}
div.pp_default .pp_gallery ul li a{background:url(img/prettyPhoto/default_thumb.png) center center #f8f8f8;border:1px solid #aaa}
div.pp_default .pp_social{margin-top:7px}
div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{position:static;left:auto}
div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(img/prettyPhoto/sprite.png) -51px 1px no-repeat;height:30px;width:30px}
div.pp_default .pp_nav .pp_pause{background-position:-51px -29px}
div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(img/prettyPhoto/sprite.png) -31px -3px no-repeat;height:20px;width:20px;margin:4px 0 0}
div.pp_default a.pp_arrow_next{left:52px;background-position:-82px -3px}
div.pp_default .pp_content_container .pp_details{margin-top:5px}
div.pp_default .pp_nav{clear:none;height:30px;width:110px;position:relative}
div.pp_default .pp_nav .currentTextHolder{font-family:inherit;color:#999;font-size:13px;left:65px;line-height:25px;position:absolute;top:2px;margin:0;padding:0 0 0 10px}
div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7}
div.pp_default .pp_description{font-size:15px;font-weight:300;line-height:14px;margin:10px 50px 10px 0}
div.pp_default .pp_bottom .pp_left{background:url(img/prettyPhoto/sprite.png) -78px -127px no-repeat}
div.pp_default .pp_bottom .pp_middle{background:url(img/prettyPhoto/sprite_x.png) bottom left repeat-x}
div.pp_default .pp_bottom .pp_right{background:url(img/prettyPhoto/sprite.png) -112px -127px no-repeat}
div.pp_default .pp_loaderIcon{background:url(img/prettyPhoto/loader.gif) center center no-repeat}
div.pp_pic_holder a:focus{outline:none}
div.pp_overlay{background-color:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500}
div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000}
.pp_content{height:40px;min-width:40px}
* html .pp_content{width:40px}
.pp_content_container{position:relative;text-align:left;width:100%}
.pp_content_container .pp_left{padding-left:20px}
.pp_content_container .pp_right{padding-right:20px}
.pp_content_container .pp_details{float:left;margin:10px 0 2px}
.pp_description{display:none;margin:0}
.pp_social{float:left;margin:0}
.pp_social .facebook{float:left;margin-left:5px;width:55px;overflow:hidden}
.pp_social .twitter{float:left}
.pp_nav{clear:right;float:left;margin:3px 10px 0 0}
.pp_nav p{float:left;white-space:nowrap;margin:2px 4px}
.pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px}
a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px}
.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000}
.pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000}
.pp_gallery div{float:left;overflow:hidden;position:relative}
.pp_gallery ul{float:left;height:35px;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0}
.pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden}
.pp_gallery ul a img{border:0}
.pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0}
.pp_gallery li.default a{background:url(../images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px}
.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important}
a.pp_next{display:block;float:right;height:100%;text-indent:-10000px;width:49%}
a.pp_previous{display:block;float:left;height:100%;text-indent:-10000px;width:49%}
a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000}
a.pp_close{position:absolute;right:0;top:0;display:block;line-height:22px;text-indent:-10000px}
.pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px}
#pp_full_res{line-height:1!important}
#pp_full_res .pp_inline{text-align:left}
#pp_full_res .pp_inline p{margin:0 0 15px}
div.ppt{color:#fff;display:none;font-size:17px;z-index:9999;margin:0 0 5px 15px}
div.pp_default .pp_content{background-color:#fff}
div.pp_default #pp_full_res .pp_inline{color:#000}
div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff}
div.pp_default .pp_details{position:relative}
.pp_top,.pp_bottom{height:20px;position:relative}
* html .pp_top,* html .pp_bottom{padding:0 20px}
.pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px}
.pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px}
* html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static}
.pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}
.pp_fade,.pp_gallery li.default a img{display:none}

body div.pp_overlay{
    opacity: 0.7 !important;
}

body div.pp_default .pp_content_container .pp_left{background: none; padding: 0px;}
body div.pp_default .pp_content_container .pp_right{background: none; padding: 0px;}
body div.pp_default .pp_top,
body div.pp_default .pp_top .pp_middle,
body div.pp_default .pp_top .pp_left,
body div.pp_default .pp_top .pp_right,
body div.pp_default .pp_bottom,
body div.pp_default .pp_bottom .pp_left,
body div.pp_default .pp_bottom .pp_middle,
body div.pp_default .pp_bottom .pp_right{
    background: none;
    display: none;
}

body div.pp_default .pp_expand{
    display: none !important;
}

body div.pp_default .pp_content{
    background: none;
}

body a.pp_next,
body a.pp_previous{
    background: none !important;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}

body div.pp_default .pp_content:hover a.pp_next,
body div.pp_default .pp_content:hover a.pp_previous{
    opacity: 1;
}

body a.pp_next:after {
    border: 2px solid #FFFFFF;
    color: #FFFFFF;
    content: "\f105";
    display: block !important;
    font-family: 'FontAwesome',serif;
    font-size: 30px;
    height: 54px;
    line-height: 54px;
    margin: -27px 0 0;
    position: absolute;
    right: 25px;
    text-align: center;
    top: 50%;
    width: 54px;
    text-indent: 0px;
}

body a.pp_previous:after {
    border: 2px solid #FFFFFF;
    color: #FFFFFF;
    content: "\f104";
    display: block !important;
    font-family: 'FontAwesome',serif;
    font-size: 30px;
    height: 54px;
    line-height: 54px;
    margin: -27px 0 0;
    position: absolute;
    left: 25px;
    text-align: center;
    top: 50%;
    width: 54px;
    text-indent: 0px;
}

body div.pp_default .pp_content_container .pp_details{
    opacity: 0.7;
}

body div.pp_default .pp_description{
    display: none !important;
}

body div.pp_default .pp_nav{
    float: none;
    width: auto;
    margin: 0px;
}

body div.pp_default .pp_nav .currentTextHolder{
    left: auto;
    position: relative;
    float: left;
    padding: 0px 20px;
    font-family: 'Raleway', sans-serif;
    font-size: 15px;
    color: #ffffff;
    font-weight: 600;
}

body .pp_gallery{
    display: none !important;
}

body div.pp_default .pp_nav .pp_play,
body div.pp_default .pp_nav .pp_pause{
    display: none;
}

body div.pp_default a.pp_arrow_previous,
body div.pp_default a.pp_arrow_next{
    background: none;
    position: relative;
    left: 0px;
}

body div.pp_default a.pp_arrow_previous:after{
    color: #FFFFFF;
    content: "\f104";
    font-family: 'FontAwesome',serif;
    font-size: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    width: 20px;
    text-indent: 0px;
    position: absolute;
    top: 0px;
    left: 0px;
}

body div.pp_default a.pp_arrow_next:after{
    color: #FFFFFF;
    content: "\f105";
    font-family: 'FontAwesome',serif;
    font-size: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    width: 20px;
    text-indent: 0px;
    position: absolute;
    top: 0px;
    right: 0px;
}

body div.pp_default .pp_close{
    background: none;
    opacity: 1 !important;
}

body div.pp_default .pp_close:after{
    color: #FFFFFF;
    content: "\f00d";
    font-family: 'FontAwesome',serif;
    font-size: 15px;
    height: 15px;
    line-height: 30px;
    text-align: center;
    width: 30px;
    text-indent: 0px;
    position: absolute;
    top: 0px;
    left: 0px;
}

/* ==========================================================================
   Pretty Photo style end
   ========================================================================== */

/* 32. Audio css
********************************************************************************************
********************************************************************************************/ 

.mejs-container
 {
	position: relative;
	text-align: left;
	vertical-align: top;
	text-indent: 0;
    width: 100%;
	background-color:#e9c70b;
}
.blog_holder.blog_large_image .mejs-container,
.blog_holder.blog_single .mejs-container:not(.mejs-video),
.craftsman_construction_masonry_blog article .mejs-container:not(.mejs-video)
{
	height:42px !important;
}

.section .video-wrap .mejs-container {
	position: relative;
	text-align: left;
	vertical-align: top;
	text-indent: 0;
	height: 100% !important;
    width: 100% !important;
	background-color:#e9c70b;
}

.mejs-container.wp-audio-shortcode {
	border-radius: 0;
	-webkit-border-radius: 0;
}


.blog_holder.small_images article .post_text .post_inner .mejs-container{
	margin: 0 0 15px;
}

.me-plugin {
	position: absolute;
}

.mejs-embed, .mejs-embed body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.mejs-fullscreen {
	/* set it to not show scroll bars so 100% will work */
	overflow: hidden !important;
}

.mejs-container-fullscreen
 {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	z-index: 1000;
}
.mejs-container-fullscreen .mejs-mediaelement,
.mejs-container-fullscreen video {
	width: 100%;
	height: 100%;
}

.mejs-clear {
	clear: both;
}

/* Start: LAYERS */
.mejs-background {
	position: absolute;
	top: 0;
	left: 0;
}

.mejs-mediaelement {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
  
	
}
.section .video-wrap .mejs-mediaelement {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.mejs-poster {
	position: absolute;
	top: 0;
	left: 0;
    background-size: contain;
	background-position: 50% 50% ;
	background-repeat: no-repeat ;
	width:100% !important;
	height:100% !important;
	
	
}
:root .mejs-poster img {
	display: none ;
}

.mejs-poster img {
	border: 0;
	padding: 0;
	border: 0;
}

.mejs-overlay {
	position: absolute;
	top: 0;
	left: 0;
}

.mejs-overlay-play {
	cursor: pointer;
}

/* End: LAYERS */

/* Start: CONTROL BAR */

.mejs-container .mejs-controls,
article.attachment .mejs-container .mejs-controls
 {
	position: absolute;
	list-style-type: none;
	margin: 0;
	padding: 0;
	bottom: 0;
	left: 0;
	height: 42px;
	width: 100%;
	background-color:#e9c70b;
}
 .video-wrap .mejs-container .mejs-controls {
	position:absolute;
	list-style-type: none;
	margin: 0;
	padding: 0;
	bottom: 0;
	left: 0;
	height: 42px;
	right:0;

	width: 100%;
	background-color: #e9c70b;
  
}

.mejs-container .mejs-controls div,
article.attachment .mejs-container .mejs-controls div
{
	list-style-type: none;
	background-image: none;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	width: 42px;
	height: 42px;
	border: 0;
	background-color:#e9c70b;
	display: table-cell;
}

.mejs-controls .mejs-button button,
article.attachment .mejs-controls .mejs-button button {
	cursor: pointer;
	display: block;
	font-size: 0;
	line-height: 0;
	text-decoration: none;
	margin: 14px 15px 13px 15px;
	padding: 0;
	position: absolute;
	width: 16px;
	height: 16px;
	border: 0;
	background: transparent;
	background-image: url(img/audio/fullscreen.png);
}

.no-svg .mejs-controls .mejs-button button,
article.attachment .no-svg .mejs-controls .mejs-button button
 {
	background-image: url(img/audio/controls.png);
}

/* :focus for accessibility */
.mejs-controls .mejs-button button:focus,
article.attachment .mejs-controls .mejs-button button:focus
 {
	outline: none !important;
}

/* End: CONTROL BAR */

/* Start: Time (Current / Duration) */
.mejs-container .mejs-controls .mejs-time,
article.attachment .mejs-container .mejs-controls .mejs-time
 {
	color: #000;
	display: block;
	height: 42px;
	width: 35px;
	padding: 0;
	overflow: hidden;
	text-align: center;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	display: table-cell;
}

.mejs-container .mejs-controls .mejs-time span,
article.attachment .mejs-container .mejs-controls .mejs-time span
 {
	color: #000;
	font-size: 13px;
	font-weight: 400;
	line-height: 42px;
	display: block;
	float: left;
	margin: 0;
	width: auto;
	font-family: 'Raleway', sans-serif;
}
/* End: Time (Current / Duration) */

/* Start: Play/Pause/Stop */

.mejs-controls .mejs-play button,
article.attachment .mejs-controls .mejs-play button{
	background-image: url(img/audio/play.png);
	background-repeat: no-repeat;
	background-position: center;
	display: table-cell;
}
.table-row {
    display: table-row;
    width: 100%;
}
.table-cell {
    display: table-cell;
}

.mejs-control{
	visibility:visible !important;
}


.mejs-controls .mejs-pause button,
article.attachment .mejs-controls .mejs-pause button
 {
	background-image: url(img/audio/pause.png);
	background-repeat: no-repeat;
	background-position: center;
}

.mejs-controls .mejs-stop button {
	background-image: url(img/audio/stop.png);
	background-repeat: no-repeat;
	background-position: center;
}
/* Start: Play/Pause/Stop */

/* Start: Progress Bar */

.mejs-controls div.mejs-time-rail
 {
	direction: ltr;
	width: calc(100% - 196px) !important;
	display: table-cell;
	
}
article.attachment .mejs-controls div.mejs-time-rail{
	width: calc(100% - 210px) !important;
}
article.attachment .mejs-video .mejs-controls div.mejs-time-rail{
	width: calc(100% - 196px) !important;
}


.mejs-controls .mejs-time-rail .mejs-time-total{
	width: calc(100% - 226px) !important;
	
}
article.attachment .mejs-controls .mejs-time-rail .mejs-time-total{
	width: calc(100% - 240px) !important;
	}

.mejs-controls .mejs-time-rail span,
article.attachment .mejs-controls .mejs-time-rail span
 {
	display: block;
	position: absolute;
	width: auto;
	height: 8px;
	margin: 16px 15px;
	cursor: pointer;
	
}

.mejs-controls .mejs-time-rail .mejs-time-total,
article.attachment .mejs-controls .mejs-time-rail .mejs-time-total
 {
	background-color:#fff;
}

.mejs-controls .mejs-time-rail .mejs-time-buffering,
article.attachment .mejs-controls .mejs-time-rail .mejs-time-buffering
 {
	width: 100%;
	 background-image: linear-gradient(-45deg, rgba(224, 222, 222, 0.15) 25%, transparent 25%, transparent 50%, rgba(224, 222, 222, 0.15) 50%, rgba(224, 222, 222, 0.15) 75%, transparent 75%, transparent);
	-webkit-background-size: 15px 15px;
	-o-background-size: 15px 15px;
	background-size: 15px 15px;
	-webkit-animation: buffering-stripes 2s linear infinite;
	-moz-animation: buffering-stripes 2s linear infinite;
	-ms-animation: buffering-stripes 2s linear infinite;
	-o-animation: buffering-stripes 2s linear infinite;
	animation: buffering-stripes 2s linear infinite;
	
}

@-webkit-keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} }
@-moz-keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} }
@-ms-keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} }
@-o-keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} }
@keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} }

.mejs-controls .mejs-time-rail .mejs-time-loaded,
article.attachment .mejs-controls .mejs-time-rail .mejs-time-loaded
 {
	width: 0;
	margin: 0px;
	
}

.mejs-controls .mejs-time-rail .mejs-time-current,
article.attachment .mejs-controls .mejs-time-rail .mejs-time-current
 {
	background-color: #333333;
	margin: 0px;
	
}

.mejs-controls .mejs-time-rail .mejs-time-handle,
article.attachment .mejs-controls .mejs-time-rail .mejs-time-handle
 {
	display: none;
	position: absolute;
	margin: 0;
	width: 10px;
	background-color: #333333;
	cursor: pointer;
	top: 0px;
	text-align: center;
}

.mejs-controls .mejs-time-rail .mejs-time-float,
article.attachment .mejs-controls .mejs-time-rail .mejs-time-float
 {
	position: absolute;
	display: none;
	width: 36px;
	height: 15px;
	top: -35px;
	margin-left: -18px;
	text-align: center;
	color: #000;
}

.mejs-controls .mejs-time-rail .mejs-time-float-current {
	margin: 2px;
	width: 30px;
	display: block;
	text-align: center;
	left: 0;
}

.mejs-controls .mejs-time-rail .mejs-time-float-corner {
	display: none;
}

.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float {
	width: 48px;
}

.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-current {
	width: 44px;
}

.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-corner {
	left: 18px;
}

/* End: Progress Bar */

/* Start: Mute/Volume */
.mejs-controls .mejs-volume-button,
article.attachment .mejs-controls .mejs-volume-button
 {
	background-image: url(img/audio/sound.png);
	background-repeat: no-repeat;
	background-position: center;
}

.mejs-controls .mejs-mute button,
article.attachment .mejs-controls .mejs-mute button
{
	background-image: url(img/audio/sound.png);
	background-repeat: no-repeat;
	background-position: center;
}

.mejs-controls .mejs-unmute button,
article.attachment .mejs-controls .mejs-unmute button
 {
	background-image: url(img/audio/mute.png);
	background-repeat: no-repeat;
	background-position: center;
}

.mejs-controls .mejs-volume-button,
article.attachment .mejs-controls .mejs-volume-button
 {
	position: relative;
}

.mejs-controls .mejs-volume-button button,
article.attachment .mejs-controls .mejs-volume-button
{
	width: 18px;
	height: 16px;
	margin: 12px 6px 12px 15px;
}

.mejs-controls .mejs-volume-button .mejs-volume-slider,
article.attachment .mejs-controls .mejs-volume-button .mejs-volume-slider
 {
	height: 115px;
	width: 18px;
	background-repeat: no-repeat;
	background-position: center;
	top: -115px;
	left: 15px;
	background-color:#e9c70b;
	z-index: 1;
	position:absolute;
	display: none;
	margin: 0;
}

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total,
article.attachment .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total
 {
	position: absolute;
	left: 5px;
	top: 8px;
	width: 8px;
	height: 100px;
	margin: 0;
	background-color: #fff;
	
}

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current,
article.attachment .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current
 {
	position: absolute;
	left: 5px;
	top: 8px;
	width: 8px;
	height: 100px;
	margin: 0;
	background-color: #333333;
}

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle,
article.attachment .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle
 {
	position: absolute;
	left: 5px;
	top:8px;
	width: 8px;
	height: 6px;
	cursor: N-resize;
	margin: 0;
	background-color: transparent;
}

/* horizontal version */
.mejs-controls div.mejs-horizontal-volume-slider,
article.attachment .mejs-controls div.mejs-horizontal-volume-slider
 {
	height: 42px;
	width: 42px;
	position: relative;
	display: table-cell;
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
article.attachment .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total
 {
	position: absolute;
	left: 0;
	top: 16px;
	width:calc(100% - 15px) !important;
	height: 8px;
	margin: 0;
	padding: 0;
	font-size: 1px;
	background-color: #fff;
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
article.attachment .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current
 {
	position: absolute;
	left: 0;
	top: 16px;
	width: 40px;
	height: 8px;
	margin: 0;
	padding: 0;
	font-size: 1px;
	background-color: #333333;
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {
	display: none;
}

/* End: Mute/Volume */

/* Start: Error */
.me-cannotplay {
}

.me-cannotplay a {
	color: #fff;
	font-weight: bold;
}

.me-cannotplay span {
	padding: 15px;
	display: block;
}
/* End: Error */


/* Start: Loop */
.mejs-controls .mejs-loop-off button {
	background-position: -64px -16px;
}

.mejs-controls .mejs-loop-on button {
	background-position: -64px 0;
}

/* End: Loop */

/* Start: backlight */
.mejs-controls .mejs-backlight-off button {
	background-position: -80px -16px;
}

.mejs-controls .mejs-backlight-on button {
	background-position: -80px 0;
}


 .mejs-controls .mejs-pause button {
	background-image: url(img/audio/pause.png);
	background-repeat: no-repeat;
	background-position: center;
}
	
/* End: backlight */

/* 33. WPML styles
********************************************************************************************
********************************************************************************************/ 

.header_top .right #lang_sel ul ul img.iclflag,
.header_top .right #lang_sel_click ul ul img.iclflag {
    float: right;
    top: 11px;
    margin-right: 0;
    margin-left: 15px;
}

.header_top .left #lang_sel ul ul img.iclflag,
.header_top .left #lang_sel_click ul ul img.iclflag {
    float: left;
    top: 11px;
}

.header_top .right  #lang_sel ul ul,
.header_top .right  #lang_sel_click ul ul {
    left: auto;
    right: 0;
}

.header_top  #lang_sel_click ul ul{
	padding: 5px 15px !important;
}

.header_top .right #lang_sel ul ul li ,
.header_top .right #lang_sel_click ul ul li {
    width: 100%;
    text-align: right;
}

.header_top .left #lang_sel ul ul li ,
.header_top .left #lang_sel_click ul ul li {
    width: 100%;
}

.header_top #lang_sel ul ul li img.iclflag,
.header_top #lang_sel_click ul ul li img.iclflag {
    position: relative;
    top: 11px;
}

.header_top #lang_sel li,
.header_top #lang_sel_click li {
    width: auto;
}

.header_top #lang_sel, .header_top #lang_sel_click  {
	font-family: inherit;
	float: left;
	padding: 0 0 0 0px;
	z-index: 1000;
    height: 33px;
    position: relative;
}

.header_top #lang_sel ul > li > a,
.header_top #lang_sel_click ul > li > a {
	width: auto;
	float: none;
    padding: 0 15px !important;
}

.header_top #lang_sel > ul > li:hover,
.header_top #lang_sel_click > ul > li:hover {
    border-bottom: none !important;
}

.header_top #lang_sel > ul > li > a,
.header_top #lang_sel_click > ul > li> a {
    color: #777 !important;
    line-height: 33px !important;
    height: 33px;
    z-index: 2500;
	font-size:13px;
}

.header_top #lang_sel > ul > li > a:hover,
.header_top #lang_sel_click > ul > li> a:hover{
	color: #e9c70b !important;
}

.header_top .left #lang_sel > ul > li > a,
.header_top .left #lang_sel_click > ul > li> a {
    left: 0;
    right: auto;
}

.header_top #lang_sel > ul > li > a:hover,
.header_top #lang_sel_click > ul > li> a:hover,
.header_top #lang_sel > ul > li:hover > a,
.header_top #lang_sel_click > ul > li:hover > a {
    top: 0px;
}

.header_top #lang_sel ul > li ul > li,
.header_top #lang_sel_click ul > li ul > li{
	padding:0px !important;
}

.header_top #lang_sel ul > li a.lang_sel_sel,
.header_top #lang_sel_click ul > li a.lang_sel_sel {
	background: 0;
	line-height: 30px;
	border: 0;
	padding: 0;
}

.header_top .right #lang_sel ul > li a.lang_sel_sel,
.header_top .right #lang_sel_click ul > li a.lang_sel_sel {
    text-align: right;
}

.header_top .right #lang_sel ul > li a.lang_sel_sel {
    padding-right: 0 !important;
}

.header_top .left #lang_sel ul > li a.lang_sel_sel {
    padding-left: 0 !important;
}

.header_top #lang_sel .lang_sel_sel:after,
.header_top #lang_sel_click .lang_sel_sel:after {
    content: "\f107";
    font-family: 'FontAwesome', sans-serif;
    margin-left: 5px;
}

.header_top .left #lang_sel ul > li a.lang_sel_sel,
.header_top .left #lang_sel_click ul > li a.lang_sel_sel {
    text-align: left;
}

.header_top #lang_sel ul ul ,
.header_top #lang_sel_click ul ul {
	height: auto;
    border-top: none;
	background-color: #262626;
	z-index:1000;
	position:absolute;
    top: 33px;
    left: -1px;
    width: 180px;
    list-style: none;
}

.header_top #lang_sel ul li ul li a,
.header_top #lang_sel ul li ul li a:visited,
.header_top #lang_sel_click ul li ul li a,
.header_top #lang_sel_click ul li ul li a:visited {
	background: 0;
	border: 0;
	color: #9d9d9d;
	display: block;
	height: 38px;
	white-space: nowrap;
	font-weight: 600;
    font-size: 11px;
    text-transform: uppercase;
    line-height: 38px;
	padding: 0 15px !important;
    border-bottom: 1px solid #303030;

    -webkit-transition: color 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out;
    -ms-transition: color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out;
}

.header_top #lang_sel ul li ul li:last-child a,
.header_top #lang_sel_click ul li ul li:last-child a{
	border-bottom: none;
}

.header_top #lang_sel ul li ul li a:hover,
.header_top #lang_sel_click ul li ul li a:hover{
	color: #fff;
}

.header_top #lang_sel_list {
	font-family: inherit;
	height: auto;
	width: auto;
	float: left;
}

.header_top #lang_sel_list ul {
	border: 0;
	padding: 0 !important;
	width: auto;
}

.header_top #lang_sel_list li {
	display: inline-block;
	float: none;
	width: auto;
}

.header_top #lang_sel_list ul li a,
.header_top #lang_sel_list ul li a:visited {
	padding: 0 8px 0 8px;
	border: 0;
	background: none repeat scroll 0 0 transparent;
	line-height: 33px;
	font-size: 13px;
	color: #818181;
    margin: 0 !important;

    -webkit-transition: color 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out;
    -ms-transition: color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out;
}

.header_top #lang_sel_list ul li a.lang_sel_sel,
.header_top #lang_sel_list ul li a:hover{
	color: #e9c70b;
}

.header_top #lang_sel img.iclflag,
.header_top #lang_sel_click img.iclflag,
.header_top #lang_sel_list img.iclflag {
    display: inline;
    float: none;
    top: 1px;
    position: relative;
    margin-right: 5px;
}

aside .widget.posts_holder #lang_sel  li:after,
aside .widget.posts_holder #lang_sel_click  li:after{
	content:none;
}

aside .widget #lang_sel_list,
section.side_menu #lang_sel_list,
footer #lang_sel_list {
    height: auto;
	font-family: inherit;
	width:100%;
}

aside .widget #lang_sel_list li,
section.side_menu #lang_sel_list li,
footer #lang_sel_list li{
    float: none;
    margin-bottom: 0px !important;
	padding: 9px 10px 9px 0px !important;
	width:auto;
}

footer #lang_sel_list li{
	padding: 5px 5px 5px 0px !important;
}

aside .widget #lang_sel_list li a,
aside .widget #lang_sel li a,
aside .widget #lang_sel_click li a,
section.side_menu #lang_sel_list li a,
section.side_menu #lang_sel li a,
section.side_menu #lang_sel_click li a,
footer #lang_sel_list li a,
footer #lang_sel li a,
footer #lang_sel_click li a {
    font-family: inherit;
    font-size: 13px;
    font-weight: 400;
	border: 0;
	color: #777;
}

aside .widget #lang_sel_list li a,
section.side_menu #lang_sel_list li a,
aside .widget #lang_sel_list li a,
footer #lang_sel_list li a {
    display: inline;
}

aside .widget #lang_sel li,
aside .widget #lang_sel_click li,
section.side_menu #lang_sel li,
section.side_menu #lang_sel_click li,
footer #lang_sel li,
footer #lang_sel_click li {
    margin-bottom: 0;
}

aside .widget #lang_sel,
aside .widget #lang_sel_click,
section.side_menu #lang_sel,
section.side_menu #lang_sel_click,
footer #lang_sel,
footer #lang_sel_click {
    width: 100%;
}

aside .widget #lang_sel > ul > li > a,
aside .widget #lang_sel_click > ul > li > a,
section.side_menu #lang_sel > ul > li > a,
section.side_menu #lang_sel_click > ul > li > a,
footer #lang_sel > ul > li > a,
footer #lang_sel_click > ul > li > a {
    height: 35px;
    line-height: 35px !important;
    font-family: inherit;
    font-weight: 300;
    padding-left: 13px;
    font-weight: 300;
    background-image: url(img/wc_select_arrow.png) !important;
    background-repeat: no-repeat;
    background-position: right;
}

footer #lang_sel > ul > li > a,
footer #lang_sel_click > ul > li > a,
section.side_menu #lang_sel > ul > li > a,
section.side_menu #lang_sel_click > ul > li > a {
    background-image: url(img/wc_select_arrow_footer.png) !important;
    background-repeat: no-repeat;
    background-position: right;
}

aside .widget #lang_sel > ul > li a,
aside .widget #lang_sel_click > ul > li a{
	background-color: #fff;
}

footer #lang_sel > ul > li a,
footer #lang_sel_click > ul > li a,
section.side_menu #lang_sel > ul > li a,
section.side_menu #lang_sel_click > ul > li a{
	background-color: #262626 !important;
}

footer #lang_sel ul li a,
footer #lang_sel ul ul a,
footer #lang_sel_click ul li a,
footer #lang_sel_click ul ul a,
footer #lang_sel_click ul ul a span,
section.side_menu #lang_sel ul li a,
section.side_menu #lang_sel ul ul a,
section.side_menu #lang_sel ul ul a:visited,
section.side_menu #lang_sel_click > ul > li > a,
section.side_menu #lang_sel_click ul ul a,
section.side_menu #lang_sel_click ul ul a:visited{
    color: #777 !important;
}

aside .widget #lang_sel > ul li a,
aside .widget #lang_sel ul ul a,
aside .widget #lang_sel_click > ul li a,
aside .widget #lang_sel_click ul ul a,
aside .widget #lang_sel_list li a{
    color: #adadad;
    font-family: 'Raleway', sans-serif;
	background-color: #fff;
}

aside .widget #lang_sel a.lang_sel_sel:hover,
aside .widget #lang_sel_click a.lang_sel_sel:hover,
aside .widget #lang_sel ul ul a:hover,
aside .widget #lang_sel_click ul ul a:hover,
aside .widget #lang_sel_list li a.lang_sel_sel,
aside .widget #lang_sel_list li a:hover{
	color: #e9c70b;
}

footer #lang_sel_list li a:hover,
footer #lang_sel a.lang_sel_sel,
footer #lang_sel a.lang_sel_sel:hover,
footer #lang_sel ul ul a:hover,
footer #lang_sel_click a.lang_sel_sel,
footer #lang_sel_click ul ul a:hover,
footer #lang_sel_click ul ul a:hover span,
footer #lang_sel_list a.lang_sel_sel,
footer #lang_sel_list ul ul a:hover,
footer #lang_sel_list ul ul a:hover span,
section.side_menu a.lang_sel_sel,
section.side_menu #lang_sel ul li a.lang_sel_sel,
section.side_menu #lang_sel_click ul li a.lang_sel_sel,
section.side_menu #lang_sel_list li a:hover,
section.side_menu #lang_sel ul ul a:hover,
section.side_menu #lang_sel_click ul ul a:hover,
section.side_menu #lang_sel_click ul ul a:hover span{
    color: #fff !important;
}

aside .widget #lang_sel li,
aside .widget #lang_sel_click li,
section.side_menu #lang_sel li,
section.side_menu #lang_sel_click li,
footer #lang_sel li,
footer #lang_sel_click li {
    width: 100%;
	padding:0;
	border:none;
}

aside .widget #lang_sel ul ul,
aside .widget #lang_sel_click ul ul{
    width: 100%;
    top:32px;
    height: auto;
    border: 0;
    z-index: 1000;
	padding:3px 0 0 0;
	overflow:hidden;
}

footer #lang_sel ul ul,
footer #lang_sel_click ul ul ,
section.side_menu #lang_sel ul ul,
section.side_menu #lang_sel_click ul ul{
	width: 100%;
	top:32px;
	border: 0;
}

section.side_menu #lang_sel li a:after,
section.side_menu #lang_sel li:before{
	display:none;
}

section.side_menu #lang_sel ul ul a, #lang_sel ul ul a:visited{
	padding: 8px 10px;
}

footer #lang_sel ul ul,
footer #lang_sel_click ul ul,
section.side_menu #lang_selul ul,
section.side_menu #lang_sel_click ul ul {
    left: 0 !important;
}

aside .widget #lang_sel ul ul a,
aside .widget #lang_sel_click ul ul a,
aside .widget #lang_sel ul ul a:visited,
aside .widget #lang_sel_click ul ul a:visited{
    padding: 10px 13px;
}

footer #lang_sel ul ul a,
footer #lang_sel_click ul ul a,
footer #lang_sel ul ul a:visited,
footer #lang_sel_click ul ul a:visited{
	padding: 10px 13px;
}

aside .widget #lang_sel_list.lang_sel_list_vertical ul,
section.side_menu #lang_sel_list.lang_sel_list_vertical ul,
footer #lang_sel_list.lang_sel_list_vertical ul {
    height: auto;
    border-top: none;
}

aside .widget #lang_sel_list.lang_sel_list_vertical a,
aside .widget #lang_sel_list.lang_sel_list_vertical a:visited,
section.side_menu #lang_sel_list.lang_sel_list_vertical a,
section.side_menu #lang_sel_list.lang_sel_list_vertical a:visited,
footer #lang_sel_list.lang_sel_list_vertical a,
footer #lang_sel_list.lang_sel_list_vertical a:visited {
    border: none;
    padding: 0;
}

.widget_separator{
	margin-top:10px;
}
.widget_social_icon{
width: 30px;
height: 30px;
background-color: transparent;
font-size: 15px;
border:2px solid rgb(238, 200, 77);
text-align:center;
margin-right:10px;
}


section.side_menu #lang_sel_list.lang_sel_list_vertical a,
section.side_menu #lang_sel_list.lang_sel_list_vertical a:visited,
section.side_menu #lang_sel_list.lang_sel_list_horizontal a,
section.side_menu #lang_sel_list.lang_sel_list_horizontal a:visited,
footer #lang_sel_list.lang_sel_list_vertical a,
footer #lang_sel_list.lang_sel_list_vertical a:visited,
footer #lang_sel_list.lang_sel_list_horizontal a,
footer #lang_sel_list.lang_sel_list_horizontal a:visited {
    background: transparent;
}

aside #lang_sel img.iclflag,
aside #lang_sel_click img.iclflag,
section.side_menu #lang_sel img.iclflag,
section.side_menu #lang_sel_click img.iclflag,
footer #lang_sel img.iclflag,
footer #lang_sel_click img.iclflag,
footer #lang_sel_list.lang_sel_list_horizontal a img,
footer #lang_sel_list.lang_sel_list_vertical a img {
    margin-right: 5px;
}

footer #lang_sel_list.lang_sel_list_horizontal a:hover,
footer #lang_sel_list.lang_sel_list_vertical a:hover,
.side_menu #lang_sel_list.lang_sel_list_horizontal a:hover,
.side_menu #lang_sel_list.lang_sel_list_vertical a:hover {
    color: #fff;
}

footer #lang_sel_list.lang_sel_list_horizontal a,
footer #lang_sel_list.lang_sel_list_vertical a,
.side_menu #lang_sel_list.lang_sel_list_horizontal a,
.side_menu #lang_sel_list.lang_sel_list_vertical a {
    color: #777;
}

#lang_sel_footer {
    background-color: #111111;
    border: none;
    z-index: 1500;
    position: relative;
	font-family: 'Roboto', sans-serif;
}

#lang_sel_footer a {
    font-size: 13px;
    color: #777;
    -webkit-transition: color 0.3s ease 0s !important;
    -moz-transition: color 0.3s ease 0s !important;
    -o-transition: color 0.3s ease 0s !important;
    -ms-transition: color 0.3s ease 0s !important;
    transition: color 0.3s ease 0s !important;
}

#lang_sel_footer a:hover {
    color: #fff;
    -webkit-transition: color 0.3s ease 0s !important;
    -moz-transition: color 0.3s ease 0s !important;
    -o-transition: color 0.3s ease 0s !important;
    -ms-transition: color 0.3s ease 0s !important;
    transition: color 0.3s ease 0s !important;
}

#lang_sel_footer a img {
    margin-right: 15px;
}

/* ==========================================================================
   End of WPML styles
   ========================================================================== */

.ls-nav-prev,
.ls-nav-next {
	position: absolute;
	display: block !important;
	line-height: 40px;
	margin: -20px 0 0;
	top: 60%;
	z-index: 90;
	cursor: pointer;
	opacity: 0.6 !important;
	
}

.ls-nav-prev{
	background-image:none !important;
	background-color: transparent !important;
	height: 50px !important;
	width: 50px !important;
	border: 2px solid #fff !important;
	line-height: 54px;
	font-size: 14px;
	position: absolute;
	top: 50%;
	margin-top: -27px;
	text-align: center;
	z-index: 10;
	-webkit-transition: opacity .3s ease 0s !important;
	-moz-transition: opacity .3s ease 0s !important;
	-o-transition: opacity .3s ease 0s !important;
	transition: opacity .3s ease-in-out !important;
	opacity: 0.7;
	position: absolute;
	left: 23px;
}
.ls-nav-prev:after {
	color: #fff;
	content: "\f104";
	font-family: 'FontAwesome', serif;
	line-height: 50px;
	text-align:center;
	display: block !important;
	font-size:30px;
	margin-right:2px;
}
.ls-nav-next{
	background-image:none !important;
	background-color: transparent !important;
	height: 50px !important;
	width: 50px !important;
	border: 2px solid #fff !important;
	line-height: 54px;
	font-size: 14px;
	position: absolute;
	top: 50%;
	margin-top: -27px;
	text-align: center;
	z-index: 10;
	-webkit-transition: opacity .3s ease 0s;
	-moz-transition: opacity .3s ease 0s;
	-o-transition: opacity .3s ease 0s;
	transition: opacity .3s ease-in-out;
	opacity: 0;
	right: 23px;
}
.ls-nav-next:after {
	color: #fff;
	content: "\f105";
	font-family: 'FontAwesome', serif;
	line-height: 50px;
	text-align:center;
	display: block !important;
	font-size:30px;
	margin-right:-2px;
}

.ls-nav-prev:hover,
.ls-nav-next:hover{
	opacity: 1 !important;
}

.element_from_left,
.element_from_right,
.element_from_top,
.element_from_bottom,
.element_from_fade{
	display: inline-block;
	width: 100%;
}

.touch .no_animation_on_touch .element_from_left>div,
.touch .no_animation_on_touch .element_from_right>div,
.touch .no_animation_on_touch .element_from_top>div,
.touch .no_animation_on_touch .element_from_bottom>div,
.touch .no_animation_on_touch .element_from_fade>div,
.touch .no_animation_on_touch .element_transform>div{
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-animation: none;
	-moz-animation: none;
	-o-animation: none;
	animation: none;
}

.element_from_left > div,
.element_from_right > div,
.element_from_top > div,
.element_from_bottom > div,
.element_from_fade > div {
	opacity: 0;
	display: inline-block;
	width: 100%;
	
}

.element_transform > div{
	opacity: .2;
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	-o-transform: scale(0.5);
	transform: scale(0.5);
}

.element_from_fade.element_from_fade_on > div {
	opacity: 1;
	-webkit-transition: opacity .8s ease 0s;
	-moz-transition: opacity .8s ease 0s;
	-o-transition: opacity .8s ease 0s;
	-webkit-backface-visibility: hidden;
}

.element_from_left.element_from_left_on > div {
	-webkit-animation: element-from-left 0.7s 1 ease-in-out;
	-moz-animation: element-from-left 0.7s 1 ease-in-out;
	-o-animation: element-from-left 0.7s 1 ease-in-out;
	animation: element-from-left 0.7s 1 ease-in-out;
	opacity: 1;
	-webkit-backface-visibility: hidden;
}

.element_from_right.element_from_right_on>div {
	-webkit-animation: element-from-right 0.7s 1 ease-in-out;
	-moz-animation: element-from-right 0.7s 1 ease-in-out;
	-o-animation: element-from-right 0.7s 1 ease-in-out;
	animation: element-from-right 0.7s 1 ease-in-out;
	opacity: 1;
	-webkit-backface-visibility: hidden;
}

.element_from_top.element_from_top_on>div {
	-webkit-animation: element-from-top 0.7s 1 ease-in-out;
	-moz-animation: element-from-top 0.7s 1 ease-in-out;
	-o-animation: element-from-top 0.7s 1 ease-in-out;
	animation: element-from-top 0.7s 1 ease-in-out;
	opacity: 1;
	-webkit-backface-visibility: hidden;
}

.element_from_bottom.element_from_bottom_on>div {
	-webkit-animation: element-from-bottom 0.7s 1 ease-in-out;
	-moz-animation: element-from-bottom 0.7s 1 ease-in-out;
	-o-animation: element-from-bottom 0.7s 1 ease-in-out;
	animation: element-from-bottom 0.7s 1 ease-in-out;
	opacity: 1;
	-webkit-backface-visibility: hidden;
}

.element_transform.element_transform_on>div {
	-webkit-animation: element-transform .4s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
	-moz-animation: element-transform .4s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
	-o-animation: element-transform .4s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
	animation: element-transform .4s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

@-webkit-keyframes element-from-left {
	0% {
		-webkit-transform: translate(-20%, 0);
		opacity: 0;
	}
	100% {
		-webkit-transform: translate(0, 0);
		opacity: 1;
	}
}

@-moz-keyframes element-from-left {
	0% {
		-moz-transform: translate(-20%, 0);
		opacity: 0;
	}
	100% {
		-moz-transform: translate(0, 0);
		opacity: 1;
	}
}

@-o-keyframes element-from-left {
	0% {
		-o-transform: translate(-20%, 0);
		opacity: 0;
	}
	100% {
		-o-transform: translate(0, 0);
		opacity: 1;
	}
}

@keyframes element-from-left {
	0% {
		transform: translate(-20%, 0);
		opacity: 0;
	}
	100% {
		transform: translate(0, 0);
		opacity: 1;
	}
}

@-webkit-keyframes element-from-right {
	0% {
		-webkit-transform: translate(20%, 0);
		opacity: 0;
	}
	100% {
		-webkit-transform: translate(0, 0);
		opacity: 1;
	}
}

@-moz-keyframes element-from-right {
	0% {
		-moz-transform: translate(20%, 0);
		opacity: 0;
	}
	100% {
		-moz-transform: translate(0, 0);
		opacity: 1;
	}
}

@-o-keyframes element-from-right {
	0% {
		-o-transform: translate(20%, 0);
		opacity: 0;
	}
	100% {
		-o-transform: translate(0, 0);
		opacity: 1;
	}
}

@keyframes element-from-right {
	0% {
		transform: translate(20%, 0);
		opacity: 0;
	}
	100% {
		transform: translate(0, 0);
		opacity: 1;
	}
}

@-webkit-keyframes element-from-bottom {
	0% {
		-webkit-transform: translate(0, 30%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translate(0, 0);
		opacity: 1;
	}
}

@-moz-keyframes element-from-bottom {
	0% {
		-moz-transform: translate(0, 30%);
		opacity: 0;
	}
	100% {
		-moz-transform: translate(0, 0);
		opacity: 1;
	}
}

@-o-keyframes element-from-bottom {
	0% {
		-o-transform: translate(0, 30%);
		opacity: 0;
	}
	100% {
		-o-transform: translate(0, 0);
		opacity: 1;
	}
}

@keyframes element-from-bottom {
	0% {
		transform: translate(0, 30%);
		opacity: 0;
	}
	100% {
		transform: translate(0, 0);
		opacity: 1;
	}
}

@-webkit-keyframes element-from-top {
	0% {
		-webkit-transform: translate(0, -30%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translate(0, 0);
		opacity: 1;
	}
}

@-moz-keyframes element-from-top {
	0% {
		-moz-transform: translate(0, -30%);
		opacity: 0;
	}
	100% {
		-moz-transform: translate(0, 0);
		opacity: 1;
	}
}

@-o-keyframes element-from-top {
	0% {
		-o-transform: translate(0, -30%);
		opacity: 0;
	}
	100% {
		-o-transform: translate(0, 0);
		opacity: 1;
	}
}

@keyframes element-from-top {
	0% {
		transform: translate(0, -30%);
		opacity: 0;
	}
	100% {
		transform: translate(0, 0);
		opacity: 1;
	}
}

@-webkit-keyframes element-transform {
	0% {
		-webkit-transform: scale(0.3);
		opacity: .1;
	}
	100% {
		-webkit-transform: scale(1);
		opacity: 1;
	}
}

@-moz-keyframes element-transform {
	0% {
		-moz-transform: scale(0.3);
		opacity: .1;
	}
	100% {
		-moz-transform: scale(1);
		opacity: 1;
	}
}

@-o-keyframes element-transform {
	0% {
		-o-transform: scale(0.3);
		opacity: .1;
	}
	100% {
		-o-transform: scale(1);
		opacity: 1;
	}
}

@keyframes element-transform {
	0% {
		transform: scale(0.3);
		opacity: .1;
	}
	100% {
		transform: scale(1);
		opacity: 1;
	}
}

/* 34.  Team styles
********************************************************************************************
********************************************************************************************/ 
     
.team{
	background-color:#fff;
	overflow:hidden;
 }
 .team_inner{
	overflow:hidden;
	width: 100%;
 }
.team .team_image{
	position:relative;
	overflow:hidden;
}
.team .team_image img{
	width:100%;
	vertical-align: middle;
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;

}
.team .team_description_wrapper{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-color:#e9c70b;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
    cursor: pointer;
}
.team .team_image:hover img{
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
	transform: scale(1.5);
}


.team .team_image:hover .team_description_wrapper{
    opacity: 0.7;
}

.team .team_title_holder{
	
	line-height: 17px;
}


.team .team_title_holder .team_name{
	margin-bottom: 20px;
	
}
.team_description_holder{
	line-height: 26px;
	}


.team .team_social_holder{
   width: 100%;
  height: 35px; 
   text-align: center;
   margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
    cursor: pointer;
}
.team .team_image:hover .team_social_holder {
    opacity: 1;
}


.team .team_social_holder .craftsman_construction_social_icon_holder i.simple_social{
    font-size: 26px;
    color: #333333;
	border:2px solid #333333;
	width:35px;
	height:35px;
	text-align: center;
    opacity:1;
    line-height:35px;
	
}


.team .team_social_holder .craftsman_construction_social_icon_holder:hover i.simple_social{
    color: #333333;
}
.team_text{
	display:block;
	width:100%;
	height:100%;
	position:relative;
}
.team_text_inner{
	margin:20px 0;
}
.team_title_holder .team_position{
	margin-bottom:20px;
}

/* 35.   Service shortcode styles
********************************************************************************************
********************************************************************************************/   
   
   
.circle_item .circle {
	font-size: 15px;
	line-height: 13px;
	width: 155px;
	height: 155px;
	display: inline-block;
	text-align: center;
	color: #000;
	background-color: #fbfbfb;
	-o-border-radius: 182px;
	-webkit-border-radius: 182px;
	border-radius: 182px;
	-webkit-transition: all .5s ease 0s;
	-moz-transition: all .5s ease 0s;
	-o-transition: all .5s ease 0s;
	-webkit-transform: translateZ(0px);
	-moz-transform: translateZ(0px);
}

.circle_item .circle div {
	padding: 69.5px 0;
}

.circle_left {
	width: 100%;
	display: inline-block;
	margin: 0 0 25px 0;
}

.circle_left .circle {
	float: left;
}

.circle_left .text {
	padding: 0 10px 0 170px;
}

.circle_top {
	width: 100%;
	display: inline-block;
	text-align: center;
	margin: 0 0 25px 0;
}

.circle_top .circle {
	margin: 0 auto;
}

.circle_top .text {
	margin: 25px 0 0;
}

.circle_top .text p {
	margin: 0;
}

.circle_item .circle a {
	text-decoration: none;
}

.circle_item .circle:hover {
	background-color: #e9c70b;
	color: #fff;
}

.circle_item .circle.hover {
    cursor: pointer;
}

.circle_item .circle:hover a {
	color: #fff;
}

.fade_in_circle_holder {
	display: block;
	cursor: pointer;
	overflow: hidden;
}

.fade_in_circle_holder.animate_circle {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.fade_in_circle_holder {
	display: table;
	position: relative;
	overflow: hidden;
	opacity: 0;
	-webkit-transform: scale(0.1);
	-moz-transform: scale(0.1);
	-o-transform: scale(0.1);
	-ms-transform: scale(0.1);
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	-webkit-backface-visibility: hidden;
	z-index: 2000;
}

.touch .no_animation_on_touch .fade_in_circle_holder{
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

/* 36. Bootstrap
********************************************************************************************
********************************************************************************************/   

/* ==========================================================================
 * Bootstrap v3.0.0
 *
 * Copyright 2013 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world by @mdo and @fat.
 * normalize.css v2.1.0 | MIT License | git.io/normalize
    ========================================================================== */
.carousel {
	position: relative;
}

.carousel-inner {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.boxed .carousel-inner{
	width: 1150px;
	left: auto !important;
}

.carousel-inner .video{
    position: static; 
    left: 0; 
    direction: ltr;
}

.carousel-inner > .item {
	position: relative;
	display: none;
	-webkit-transition: 0.6s ease-in-out left;
	transition: 0.6s ease-in-out left;
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
	display: block;
	height: auto;
	max-width: 100%;
	line-height: 1;
}

.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
	display: block;
}

.carousel-inner > .active {
	left: 0;
}

.carousel-inner > .next,
.carousel-inner > .prev {
	position: absolute;
	top: 0;
	width: 100%;
}

.carousel-inner > .next {
	left: 100%;
}

.carousel-inner > .prev {
	left: -100%;
}

.carousel-inner > .next.left,
.carousel-inner > .prev.right {
	left: 0;
}

.carousel-inner > .active.left {
	left: -100%;
}

.carousel-inner > .active.right {
	left: 100%;
}

/* part for fading adnimation - start */
.carousel.fade .item {
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
    opacity: 1;
}

.carousel.fade .active.left,
.carousel.fade .active.right {
    opacity: 0;
    
}

.carousel.fade .active.item {
    opacity: 1;
    
}

.carousel.fade .active.left,
.carousel.fade .active.right {
    left: 0;
    z-index: 2;
    opacity: 0;
 
}

.carousel.fade .next,
.carousel.fade .prev {
    left: 0;
    z-index: 1;
}

/* part for fading adnimation - end */

.carousel-indicators {
	position: absolute;
	bottom: 20px;
	left: 50%;
	z-index: 15;
	width: 60%;
	padding-left: 0;
	margin-left: -30%;
	text-align: center;
	list-style: none;
}

.carousel-indicators li {
	display: inline-block;
	width: 8px;
	height: 8px;
	margin: 1px;
	text-indent: -999px;
	cursor: pointer;
	border-radius: 10px;
}

.carousel-caption {
	position: absolute;
	right: 15%;
	bottom: 40px;
	left: 15%;
	z-index: 10;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #fff;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

.carousel-caption .btn {
	text-shadow: none;
}

@media screen and (min-width: 768px) {
	.carousel-control .icon-prev,
	.carousel-control .icon-next {
		width: 30px;
		height: 30px;
		margin-top: -15px;
		margin-left: -15px;
		font-size: 30px;
	}

	.carousel-caption {
		right: 20%;
		left: 20%;
		padding-bottom: 30px;
	}
}


/* ==== Carousel Custom - Start ==== */

.carousel {
	margin-bottom: 0;
}

.carousel.full_screen {
	height: 1500px;
}



.carousel-inner .slider_content_outer{
	position: relative;
	height: 100%;
	width: 1100px;
	margin: 0px auto;
	z-index: 12;
}

.carousel-inner .slider_content {
	position: absolute;
	width: 100%;
}

.carousel-inner .slider_content .slide_anchor_holder {
    margin-top: 8%;
}

.carousel-inner .item.dark .slider_content .text .slide_anchor_holder .slide_anchor_button {
    color: #000;
}

.carousel-inner .slider_content .slide_anchor_holder .slide_anchor_button {
    font-size: 51px;
    color: #fff;
}

.carousel-inner .slider_content .thumb{
	opacity: 0;
	
	text-align: center;
	height: 100%;
}

@media only screen and (max-height: 850px){
	.full_screen .carousel-inner .slider_content{
		height: 35%;
	}
}

@media only screen and (max-height: 600px){
	.full_screen .carousel-inner .slider_content{
		height: 25%;
	}
}

.carousel-inner .slider_content.left .thumb{
	text-align: left;
}

.carousel-inner .slider_content.right .thumb{
	text-align: right;
}

.carousel-inner .active .slider_content .thumb{
	-webkit-animation: rotate 1s 1 ease-out;
	-moz-animation: rotate 1s 1 ease-out;
	-o-animation: rotate 1s 1 ease-out;
	animation: rotate 1s 1 ease-out;
	opacity: 1;

}

.carousel-inner .active .slider_content .thumb.fade{
	-webkit-animation: fade 1s 1 ease-out;
	-moz-animation: fade 1s 1 ease-out;
	-o-animation: fade 1s 1 ease-out;
	animation: fade 1s 1 ease-out;
}

.carousel-inner .slider_content .thumb img{
	max-height: 100%;
}

.carousel-inner .slider_content .text{
	text-align: center;
	opacity: 0;
	
	position: relative;
	display: inline-block;
	width: 100%;
	margin: 10px 0px 10px 0px;

    -webkit-transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    transform: translateZ(0px);
}

.carousel-inner .active .slider_content .text {
	-webkit-animation: text-from-bottom 1.5s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000);
	-moz-animation: text-from-bottom 1.5s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000);
	-o-animation: text-from-bottom 1.5s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000);
	animation: text-from-bottom 1.5s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000);
	opacity: 1;
	
}

/* one by one element animation - start */

.carousel-inner .slider_content .text.one_by_one{
    -webkit-animation: none;
    -moz-animation: none;
    -o-animation: none;
    animation: none;
    opacity: 1;
}

.carousel-inner .slider_content .text.one_by_one h2,
.carousel-inner .slider_content .text.one_by_one h4,
.carousel-inner .slider_content .text.one_by_one .separator,
.carousel-inner .slider_content .text.one_by_one p,
.carousel-inner .slider_content .text.one_by_one a.craftsman_construction_button,
.carousel-inner .slider_content .text.one_by_one .slide_anchor_holder{
    opacity: 0;
  
    position: relative;
    top: 70px;
}

.carousel-inner .active .slider_content .text.one_by_one h2,
.carousel-inner .active .slider_content .text.one_by_one h4,
.carousel-inner .active .slider_content .text.one_by_one .separator,
.carousel-inner .active .slider_content .text.one_by_one p,
.carousel-inner .active .slider_content .text.one_by_one a.craftsman_construction_button,
.carousel-inner .active .slider_content .text.one_by_one .slide_anchor_holder{
    -webkit-animation: text-from-bottom-one-by-one 1.2s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000) 0s;
    -moz-animation: text-from-bottom-one-by-one 1.2s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000) 0s;
    -o-animation: text-from-bottom-one-by-one 1.2s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000) 0s;
    animation: text-from-bottom-one-by-one 1.2s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000) 0s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    opacity: 1;
    
}

/* without separator and subtitle above - start */
.carousel-inner .active .slider_content .text.one_by_one.subtitle_above_title.no_separator h2{
    animation-delay:0.15s;
    -webkit-animation-delay:0.15s;
}

.carousel-inner .active .slider_content .text.one_by_one.subtitle_above_title.no_separator p{
    animation-delay:0.3s;
    -webkit-animation-delay:0.3s;
}

.carousel-inner .active .slider_content .text.one_by_one.subtitle_above_title.no_separator a.craftsman_construction_button{
    animation-delay:0.45s;
    -webkit-animation-delay:0.45s;
}

.carousel-inner .active .slider_content .text.one_by_one.subtitle_above_title.no_separator .slide_anchor_holder {
    animation-delay: 0.6s;
    -webkit-animation-delay: 0.6s;
}
/* without separator and subtitle above - end */

/* with separator and subtitle above - start */
.carousel-inner .active .slider_content .text.one_by_one.subtitle_above_title.has_separator h2{
    animation-delay:0.15s;
    -webkit-animation-delay:0.15s;
}

.carousel-inner .active .slider_content .text.one_by_one.subtitle_above_title.has_separator .separator{
    animation-delay:0.3s;
    -webkit-animation-delay:0.3s;
}

.carousel-inner .active .slider_content .text.one_by_one.subtitle_above_title.has_separator p{
    animation-delay:0.45s;
    -webkit-animation-delay:0.45s;
}

.carousel-inner .active .slider_content .text.one_by_one.subtitle_above_title.has_separator a.craftsman_construction_button{
    animation-delay:0.6s;
    -webkit-animation-delay:0.6s;
}

.carousel-inner .active .slider_content .text.one_by_one.subtitle_above_title.has_separator .slide_anchor_holder {
    animation-delay: 0.75s;
    -webkit-animation-delay: 0.75s;
}
/* with separator and subtitle above - end */

/* without separator and subtitle bellow - start */
.carousel-inner .active .slider_content .text.one_by_one.subtitle_bellow_title.no_separator h4{
    animation-delay:0.15s;
    -webkit-animation-delay:0.15s;
}

.carousel-inner .active .slider_content .text.one_by_one.subtitle_bellow_title.no_separator p{
    animation-delay:0.3s;
    -webkit-animation-delay:0.3s;
}

.carousel-inner .active .slider_content .text.one_by_one.subtitle_bellow_title.no_separator a.craftsman_construction_button{
    animation-delay:0.45s;
    -webkit-animation-delay:0.45s;
}

.carousel-inner .active .slider_content .text.one_by_one.subtitle_bellow_title.no_separator .slide_anchor_holder {
    animation-delay: 0.6s;
    -webkit-animation-delay: 0.6s;
}
/* without separator and subtitle bellow - end */

/* with separator and subtitle bellow - start */
.carousel-inner .active .slider_content .text.one_by_one.subtitle_bellow_title.has_separator h4{
    animation-delay:0.15s;
    -webkit-animation-delay:0.15s;
}

.carousel-inner .active .slider_content .text.one_by_one.subtitle_bellow_title.has_separator .separator{
    animation-delay:0.3s;
    -webkit-animation-delay:0.3s;
}

.carousel-inner .active .slider_content .text.one_by_one.subtitle_bellow_title.has_separator p{
    animation-delay:0.45s;
    -webkit-animation-delay:0.45s;
}

.carousel-inner .active .slider_content .text.one_by_one.subtitle_bellow_title.has_separator a.craftsman_construction_button{
    animation-delay:0.6s;
    -webkit-animation-delay:0.6s;
}

.carousel-inner .active .slider_content .text.one_by_one.subtitle_bellow_title.has_separator .slide_anchor_holder {
    animation-delay: 0.75s;
    -webkit-animation-delay: 0.75s;
}
/* with separator and subtitle bellow - end */

/* without separator and no subtitle - start */
.carousel-inner .active .slider_content .text.one_by_one.no_subtitle.no_separator p{
    animation-delay:0.2s;
    -webkit-animation-delay:0.2s;
}

.carousel-inner .active .slider_content .text.one_by_one.no_subtitle.no_separator a.craftsman_construction_button{
    animation-delay:0.4s;
    -webkit-animation-delay:0.4s;
}

.carousel-inner .active .slider_content .text.one_by_one.no_subtitle.no_separator .slide_anchor_holder {
    animation-delay: 0.6s;
    -webkit-animation-delay: 0.6s;
}
/* without separator and no subtitle - end */

/* with separator and no subtitle - start */

.carousel-inner .active .slider_content .text.one_by_one.no_subtitle.has_separator .separator{
    animation-delay:0.15s;
    -webkit-animation-delay:0.15s;
}

.carousel-inner .active .slider_content .text.one_by_one.no_subtitle.has_separator p{
    animation-delay:0.3s;
    -webkit-animation-delay:0.3s;
}

.carousel-inner .active .slider_content .text.one_by_one.no_subtitle.has_separator a.craftsman_construction_button{
    animation-delay:0.45s;
    -webkit-animation-delay:0.45s;
}

.carousel-inner .active .slider_content .text.one_by_one.no_subtitle.has_separator .slide_anchor_holder {
    animation-delay: 0.6s;
    -webkit-animation-delay: 0.6s;
}
/* with separator and no subtitle - end */

/* one by one element animation - end */

.carousel-inner .slider_content .text .craftsman_construction_button {
	margin: 10px 0px 0px 0px;
}

.carousel-inner .item.dark .slider_content .text .craftsman_construction_button {
    border-color: #303030;
	background-color: #303030;
    color: #fff;
}

.carousel-inner .item.dark .slider_content .text .craftsman_construction_button:hover {
	background-color: transparent;
    color: #303030;

}

.carousel-inner .item.dark .slider_content .text .craftsman_construction_button.white{
	background-color: transparent;
	color: #303030;
}

.carousel-inner .item.dark .slider_content .text .craftsman_construction_button.white:hover{
	background-color: #303030;
	color: #fff !important;
	border-color: #303030;
}

.carousel-inner .slider_content .text .craftsman_construction_button.white{
	margin: 10px 0 0 10px;
}

.carousel-inner h2 {
	margin: 10px 0 20px 0;
	font-size: 45px;
	line-height: 1.071428571428571em; /* 48px / 45px */
}

.carousel-inner h2.with_title_border {
	margin: 20px 0 30px 0;
}

.carousel-inner h2.with_title_border span {
	display: inline-block;
	padding: 0.3em 1.1em;
}

.carousel-inner h2,
.carousel-inner .slide_subtitle {
	font-weight: 600;
	color: #fff;
	text-align: center;
	padding: 0px;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
}

.carousel-inner h2.with_background_color span {
	padding: 10px;
}

.carousel-inner .slide_subtitle {
	font-size: 26px;
	letter-spacing: 1px;
}

.carousel-inner .slide_subtitle span {
	font-size: 1em;
	margin-bottom: 13px;
	display: inline-block;
}

.carousel-inner .slide_subtitle.with_background_color span {
	padding: 10px;
	margin-bottom: 12px;
}

.carousel-inner p {
	color: #fff;
	text-align: center;
	font-size: 21px;
	line-height: 1.363157894736842em; /* 29px / 21px */
	font-weight: 400;
	margin: 10px 0px 15px 0px;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
}

.carousel-inner .dark h2,
.carousel-inner .dark .slide_subtitle,
.carousel-inner .dark p{
	color: #000;
}

.carousel-inner .left .text,
.carousel-inner .left h2,
.carousel-inner .left .slide_subtitle,
.carousel-inner .left p{
	text-align: left;
}

.carousel-inner .right .text,
.carousel-inner .right h2,
.carousel-inner .right .slide_subtitle,
.carousel-inner .right p{
	text-align: right;
}

.carousel-inner {
	left: 0 !important;
 	position: fixed;
	overflow: hidden;
	width: 100%;
	z-index: 1;
	transform: translate(0px, 0px);
	-ms-transform: translate(0px, 0px);
	-moz-transform: translate(0px, 0px);
	-webkit-transform: translate(0px, 0px);
	-o-transform: translate(0px, 0px);
	-webkit-transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1), margin 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
	-moz-transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1), margin 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
	-o-transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1), margin 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
	-ms-transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1), margin 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
	transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1), margin 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
}

.carousel-inner.relative_position{
    position: relative;
}

.carousel-inner .item img {
	display: inline-block !important;
}

.touch .carousel-inner .item {
	background-position: center 0px !important;
}

.carousel-inner .item .image{
	position: absolute;
	top: 0px;
	left: 0px;
	background-position: center 0px;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 100%;
}

.carousel-inner .item .image img{
	display: none !important;
	width: 0px;
	height: 0px;
}

.carousel-inner .item .image_pattern {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-position: 0 0;
	background-repeat: repeat;
	z-index: 2;
}

.carousel-control {
	top: 0px;
	width: 23%;
	color: #303030;
	font-size: 13px;
	height: 100%;
	background: none;
	text-shadow: none;
	position: absolute;
	border-radius: 0;
	-webkit-border-radius: 0;
	border: none;
	z-index: 2 !important;
	margin: 0px;
	outline: none;
	cursor: pointer;
	-webkit-transition: color 0.6s ease-in-out, opacity 0.3s ease-in-out;
	-moz-transition: color 0.6s ease-in-out, opacity 0.3s ease-in-out;
	-o-transition: color 0.6s ease-in-out, opacity 0.3s ease-in-out;
	-ms-transform: color 0.6s ease-in-out, opacity 0.3s ease-in-out;
	transition: color 0.6s ease-in-out, opacity 0.3s ease-in-out;
}

.carousel-control.right {
	right: 0;
	left: auto;
}

.carousel-control:hover{
	color: #303030;
	opacity: 1 !important;
}

.carousel-control.dark,
.carousel-control.dark:hover{
	color: #fff;
}

.carousel-control .prev_nav,
.carousel-control .next_nav{
	height: 54px;
	width: 54px;
	border: 2px solid #fff;
	line-height: 54px;
	font-size: 14px;
	position: absolute;
	top: 50%;
	margin-top: -27px;
	text-align: center;
	z-index: 10;
	-webkit-transition: opacity 0.3s ease 0s;
	-moz-transition: opacity 0.3s ease 0s;
	-o-transition: opacity 0.3s ease 0s;
	transition: opacity 0.3s ease-in-out;
	opacity: 0;
	

}
.carousel-control i{
	font-size:30px;
	color: #fff;
	line-height: 50px;
	
}
.carousel-control i.fa-angle-left{
	margin-right:2px;
} 
.carousel-control i.fa-angle-right{
	margin-left:2px;
} 

.carousel-control.dark i{
	color: #000;
}

.carousel-control.dark .prev_nav,
.carousel-control.dark .next_nav{
	border-color: #000;
}

.carousel-control .prev_nav{
	left: 23px;
}

.craftsman_construction_slider:hover .carousel-control .prev_nav{
	opacity: 1;
}

.carousel-control .next_nav{
	right: 23px;
}

.craftsman_construction_slider:hover .carousel-control .next_nav{
	opacity: 1;
}
.craftsman_construction_slider:hover .carousel-control .next_nav:hover,
.craftsman_construction_slider:hover .carousel-control .prev_nav:hover{
	opacity: 1;

}

.carousel-control .thumb_holder{
	width: 150px;
	display: block;
	position: absolute;
	margin: -20px 0px 0px 0px;
	top: 50%;
	z-index: 9;
}

.carousel-control .thumb_holder .thumb_top{
	background-color: #fff;
	display: block;
	position: relative;
}

.carousel-control.dark .thumb_holder .thumb_top{
	background-color: #000;
}

.carousel-control.left .thumb_holder .thumb_top{
	-webkit-border-radius:0px 3px 0px 0px;
	
	-ms-border-radius: 0px 3px 0px 0px;
	border-radius:0px 3px 0px 0px;
}

.carousel-control.right .thumb_holder .thumb_top{
	-webkit-border-radius:3px 0px 0px 0px;
	
	-ms-border-radius: 3px 0px 0px 0px;
	border-radius:3px 0px 0px 0px;
}

.carousel-control.left .thumb_holder{
	left: -100%;
	-webkit-transition: left 0.2s ease-in-out;
	-moz-transition: left 0.2s ease-in-out;
	-o-transition: left 0.2s ease-in-out;
	-ms-transform: left 0.2s ease-in-out;
	transition: left 0.2s ease-in-out;
	-webkit-border-radius:0px 3px 3px 0px;
	-ms-border-radius: 0px 3px 3px 0px;
	border-radius:0px 3px 3px 0px;
	display: none;
}

.slider_thumbs .carousel-control.left:hover .thumb_holder{
	left: 0px;
}

.in_progress.slider_thumbs .carousel-control.left .thumb_holder{
	left: -100% !important;
}

.carousel-control.right .thumb_holder{
	right: -100%;
	-webkit-transition: right 0.2s ease-in-out;
	-moz-transition: right 0.2s ease-in-out;
	-o-transition: right 0.2s ease-in-out;
	-ms-transform: right 0.2s ease-in-out;
	transition: right 0.2s ease-in-out;
	-webkit-border-radius:3px 0px 0px 3px;
	-ms-border-radius: 3px 0px 0px 3px;
	border-radius:3px 0px 0px 3px;
	display: none;
}

.slider_thumbs .carousel-control.right:hover .thumb_holder{
	right: 0px;
}

.in_progress.slider_thumbs .carousel-control.right .thumb_holder{
	right: -100% !important;
}

.carousel-control.left .arrow_left{
	float: left;
	height: 40px;
	line-height: 40px;
	padding: 0px 0px 0px 15px;
}

.carousel-control.left .numbers{
	float: right;
	height: 40px;
	line-height: 40px;
	padding: 0px 20px 0px 0px;
}

.carousel-control.right .arrow_right{
	float: right;
	height: 40px;
	line-height: 40px;
	padding: 0px 15px 0px 0px;
}

.carousel-control.right .numbers{
	float: left;
	height: 40px;
	line-height: 40px;
	padding: 0px 0px 0px 20px;
}

.carousel-control .img_outer{
	top: 0px;
	clear: both;
	width: 150px;
	height: 47px;
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0px 0px -2px 0px;
}

.carousel-control .img{
	top: -47px;
	width: 150px;
	height: 47px;
	position: relative;
	display: block;
	overflow: hidden;
}

.in_progress .carousel-control:hover .img{
	top: -47px !important;
}

.carousel-control:hover .img{
	top: 0px;
	-webkit-transition: top 0.2s ease-in-out 0.2s;
	-moz-transition: top 0.2s ease-in-out 0.2s;
	-o-transition: top 0.2s ease-in-out 0.2s;
	-ms-transform: top 0.2s ease-in-out 0.2s;
	transition: top 0.2s ease-in-out 0.2s;
}

.carousel-control.right .img{
	float: right;
}

.carousel-control .img img,
.carousel-control .img .video{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2;
}

.carousel-control .img .video{
  left: -1px;
}

.carousel-control .img .old{
	z-index: 1;
}

@media only screen and (max-width: 1300px){
	.carousel-control {
		width: 15%;
	}
}

@media only screen and (max-width: 1000px){
	.carousel-control{
		width: 10%;
	}

	.carousel-control .prev_nav{
		left: 0px;
		opacity: 1;
	}

	.carousel-control.left .thumb_holder{
		display: none;
	}

	.carousel-control .next_nav{
		right: 0px;
		opacity: 1;
	}

	.carousel-control.right .thumb_holder{
		display: none;
	}
}

.touch .carousel-control{
	width: 10%;
}

.touch .carousel-control.left{
	background-position: 30px center !important;
}

.touch .carousel-control.left .thumb_holder{
	display: none;
}

.touch .carousel-control.right{
	background-position: 100% center !important;
}

.touch .carousel-control.right .thumb_holder{
	display: none;
}

@media (max-width: 1200px) {

	.carousel-inner h2 {
		margin-top: 0;
	}

    .carousel-inner h2 span	{
        font-size: 0.625em !important;
		line-height: 1.4em !important;
    }

	.carousel-inner .slide_subtitle span {
		font-size: 0.8em;
	}

    .carousel-inner h2 {
        line-height: inherit !important;
    }
}

@media (max-width: 1024px) {
	.carousel-inner{
		position: relative;
	}

	.carousel-inner .craftsman_construction_button {
		font-size: 12px;
		line-height: 31px;
		height: 31px;
	}

	.carousel-inner .craftsman_construction_button i{
		margin: 0px 0px 0px 20px;
	}
}

@media only screen and (max-width: 800px) {
    .carousel .carousel-inner .slider_content_outer {
        display: table;
    }

    .carousel-inner .slider_content .thumb {
        height: auto;
    }

    .carousel .carousel-inner .slider_content {
        display: table-cell;
        vertical-align: middle;
        position: static;
        top: 0 !important;
        left: 0 !important;
    }

	.carousel-inner h2.large span {
		font-size: .425em!important;
	}
}

@media (max-width: 768px) {
	.carousel-inner .craftsman_construction_button {
		font-size: 11px;
		line-height: 27px;
		height: 27px;
	}

	.carousel-inner .craftsman_construction_button i {
		margin: 0px 0px 0px 17px;
	}

	.carousel-inner h2.with_title_border span {
		padding: .3em 0.8em;
	}
}

@media (max-width: 567px) {

	.carousel-inner .craftsman_construction_button{
		font-size: 10px;
		line-height: 23px;
		height: 23px;
	}
	.carousel-inner .craftsman_construction_button i{
		margin: 0px 0px 0px 14px;
	}

    .carousel-inner p {
        line-height: 1.4em !important;
    }

	.carousel-inner h2.large span {
		font-size: .38em !important;
	}

	.carousel-inner h2 span {
		font-size: .525em !important;
	}
}

@media (max-width: 480px) {
	.carousel-inner h2.large span {
		font-size: .3em !important;
	}
}

@media (max-width: 320px) {
	.carousel-inner h2.large span {
		font-size: 0.2em !important;
	}

	.carousel-inner h2 span {
		font-size: 0.4em !important;
		line-height: 1em !important;
	}

    .carousel-inner p span {
        font-size: 60% !important;
    }

    .carousel-inner p {
        line-height: 1em !important;
    }

	.carousel-inner .craftsman_construction_button{
		font-size: 9px;
		line-height: 20px;
		height: 20px;
	}

	.carousel-inner .craftsman_construction_button i{
		margin: 0px 0px 0px 10px;
	}

	.carousel-inner h2.with_title_border {
		margin: 0 0 10px;
	}
}

@media (max-width: 768px) {
	.carousel-control.left {
		left: 0;
	}
	.carousel-control.right {
		right: 0;
	}
}

.carousel-indicators li{
	background-color: #fff;
	margin: 0px;
	opacity: 0.4;
	margin: 0px 3px;
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	-ms-transform: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}

.carousel-indicators.dark li{
	background-color: #000;
}

.carousel-indicators .active{
	opacity: 1;
	margin: 0px 3px;
}

@-webkit-keyframes text-from-bottom {
	0% {
		-webkit-transform: translate(0, 15%);
		opacity: 0;
	}
	50% {
		-webkit-transform: translate(0, 15%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translate(0, 0);
		opacity: 1;
	}
}

@-moz-keyframes text-from-bottom {
	0% {
		-moz-transform: translate(0, 15%);
		opacity: 0;
	}
	50% {
		-moz-transform: translate(0, 15%);
		opacity: 0;
	}
	100% {
		-moz-transform: translate(0, 0);
		opacity: 1;
	}
}

@-o-keyframes text-from-bottom {
	0% {
		-o-transform: translate(0, 15%);
		opacity: 0;
	}
	50% {
		-o-transform: translate(0, 15%);
		opacity: 0;
	}
	100% {
		-o-transform: translate(0, 0);
		opacity: 1;
	}
}

@keyframes text-from-bottom {
	0% {
		transform: translate(0, 15%);
		opacity: 0;
	}
	50% {
		transform: translate(0, 15%);
		opacity: 0;
	}
	100% {
		transform: translate(0, 0);
		opacity: 1;
	}
}

@-webkit-keyframes rotate {
	0% {
		-webkit-transform: perspective(600px) rotateX(90deg) scale(.5);
		opacity: 0;
	}
	50% {
		-webkit-transform: perspective(600px) rotateX(90deg) scale(.5);
		opacity: 0;
	}
	100% {
		-webkit-transform: perspective(600px) rotateX(0deg) scale(1);
		opacity: 1;
	}
}

@-moz-keyframes rotate {
	0% {
		-moz-transform: perspective(600px) rotateX(90deg) scale(.5);
		opacity: 0;
	}
	50% {
		-moz-transform: perspective(600px) rotateX(90deg) scale(.5);
		opacity: 0;
	}
	100% {
		-moz-transform: perspective(600px) rotateX(0deg) scale(1);
		opacity: 1;
	}
}

@-o-keyframes rotate {
	0% {
		-o-transform: perspective(600px) rotateX(90deg) scale(.5);
		opacity: 0.2;
	}
	50% {
		-o-transform: perspective(600px) rotateX(90deg) scale(.5);
		opacity: 0.2;
	}
	100% {
		-o-transform: perspective(600px) rotateX(0deg) scale(1);
		opacity: 1;
	}
}

@keyframes rotate {
	0% {
		transform: perspective(600px) rotateX(90deg) scale(.5);
		opacity: 0;
	}
	50% {
		transform: perspective(600px) rotateX(90deg) scale(.5);
		opacity: 0;
	}
	100% {
		transform: perspective(600px) rotateX(0deg) scale(1);
		opacity: 1;
	}
}

@-webkit-keyframes fade {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@-moz-keyframes fade {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@-o-keyframes fade {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@keyframes fade {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@-webkit-keyframes text-from-bottom-one-by-one {
    0% {
        top: 70px;
        opacity: 0;
    }
    50% {
        top: 45px;
        opacity: 0;
    }
    100% {
        top: 0px;
        opacity: 1;
    }
}

@-moz-keyframes text-from-bottom-one-by-one {
    0% {
        top: 70px;
        opacity: 0;
    }
    50% {
        top: 45px;
        opacity: 0;
    }
    100% {
        top: 0px;
        opacity: 1;
    }
}

@-o-keyframes text-from-bottom-one-by-one {
    0% {
        top: 70px;
        opacity: 0;
    }
    50% {
        top: 45px;
        opacity: 0;
    }
    100% {
        top: 0px;
        opacity: 1;
    }
}

@keyframes text-from-bottom-one-by-one {
    0% {
        top: 70px;
        opacity: 0;
    }
    50% {
        top: 45px;
        opacity: 0;
    }
    100% {
        top: 0px;
        opacity: 1;
    }
}

.carousel .video .mobile-video-image {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	display: none;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 10;
}

.carousel .video .video-overlay {
	height: 3000px;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 11;
}

.carousel .video .video-overlay.active {
	background-image: url("img/pixel-video.png");
	background-position: 0px 0px;
	background-repeat: repeat;
	opacity: 1;
}

.carousel .video .video-overlay img{
	display: none !important;
}

.carousel .video .video-wrap {
	top: 0px;
	left: 0px;
	overflow: hidden;
	position: absolute;
	width: 100%;
	z-index: 10;
}

.carousel .video .video-wrap .mejs-poster {
	background-size: cover !important;
	
	-webkit-background-size: cover !important;
	-o-background-size: cover !important;
}

.carousel .video .video-wrap .mejs-container .mejs-controls {
	display: none !important;
}

.carousel .video .video-wrap .mejs-controls .mejs-button button:focus {
	outline: none !important;
}

.carousel .video .video-wrap .mejs-controls .mejs-time-rail .mejs-time-loaded {
	background-color: rgba(255, 255, 255, 0.18) !important;
}

.carousel .video .video-wrap .mejs-container {
	background-color: transparent !important;
	background-image: none !important;
	height: auto !important;
}

.carousel .video .video-wrap .mejs-mediaelement{
	background: none !important;
	border: 0px !important;
}

.carousel .video .video-wrap .mejs-container .mejs-poster img {
	max-width: none !important;
	width: 100% !important;
}

.carousel .video .video-wrap .mejs-controls button { opacity: 0.8; }
.carousel .video .video-wrap .mejs-controls button:hover, .mejs-controls .mejs-fullscreen-button:hover button { opacity: 1!important;}

.carousel .video .video-wrap .mejs-controls .mejs-time-rail .mejs-time-total {
	background: #1f1f1f none repeat scroll 0 0 !important;
}

.carousel .video .video-wrap .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
	background: transparent !important;
}

.carousel .item .text .separator {
	margin-top: 40px;
	margin-bottom: 40px;
	width: 68%;
}
.carousel .item .left .text .separator{
	margin-left: 0;
}
.carousel .item .right .text .separator{
	margin-right: 0;
}
/* ==== Carousel Custom - End ==== */

/* ====  Portfolio Single Slider - Start ==== */

.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus
{
	outline: 0;
}

.slides,
.flex-control-nav,
.flex-direction-nav,
.caroufredsel-direction-nav
{
    margin-top:0;
    padding: 0;
   list-style:none;
	
	
}
.flex-control-paging{
	margin-top:30px;
	
}


.flex-control-nav li{ 

display:inline-block;



}
.flex-control-nav li a{
border:2px solid #818181;
margin:0 20px;
font-size:0;
 width:10px;
 height:10px;
border-radius:100%;
display:block;
}
.flex-control-nav li a.flex-active{

 border-color:#818181;
 background:#818181;
}

.flexslider .slides>li{
    background-color: transparent;
    display: none;
    position: relative;
    margin: 0;
}

.caroufredsel_wrapper {
    cursor: grab!important;
    cursor: -moz-grab!important;
   
    margin: 0px!important;
}


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

.gallery_frame{
	width: 100%;
	height:100%;
	position: absolute;
	top: 0;
	text-align: center;

}
.wpb_flexslider.flexslider.have_frame{
	width: 645px;
	margin: 0 auto;
	overflow: visible;
}

.frame_holder > .wpb_wrapper {
	padding: 34px 0 102px 0;
	position: relative;
}
.frame_holder.frame_holder2 > .wpb_wrapper{
	padding: 48px 0 75px 0;
}
.slides:after{
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

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

* html .slides{
	height: 1%;
}

.no-js .slides>li:first-child{
	display: block;
}

.flexslider
{
	margin: 0 0 60px;
	position: relative;
	transform:scale(1);

}
.wpb_flexslider.flexslider{
	overflow:hidden;
}


.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 .slides
{
	transform:scale(1);
}
.flexslider ul{
	padding:0;
}

.flexslider .flex-direction-nav{
	height: 0;
}

.flex-direction-nav a,
.caroufredsel-direction-nav a
{
	width: 42px;
	height: 42px;
	line-height: 42px;
	margin: -23px 0 0;
	display: block;
	position: absolute;
	top: 50%;
	z-index: 10;
	cursor: pointer;
	text-align: center;
	-webkit-transition: all .3s ease 0s;
	-moz-transition: all .3s ease 0s;
	-o-transition: all .3s ease 0s;
	color: #8a8a8a;
	background-color:transparent;
	text-align:center;
    z-index: 200;
	border:2px solid #fff !important;
}
.sidebar .flex-direction-nav a{
	border:2px solid #818181 !important;
}
.sidebar .widget_latest_posts_menu .flexslider.widget_flexslider ul.flex-direction-nav a.flex-prev i,
.sidebar .widget_latest_posts_menu .flexslider.widget_flexslider ul.flex-direction-nav a.flex-next i
{
	color:#818181;
}
.sidebar .widget:not(.widget_search){
	margin-bottom:42px;
}


.flex-direction-nav a {
	-webkit-box-sizing: initial;
	-moz-box-sizing: initial;
	box-sizing: initial;
}

.flexslider:hover .flex-direction-nav a.flex-prev:hover,
.flexslider:hover .flex-direction-nav a.flex-next:hover
{
	background-color: #fff;
}
.flexslider:hover .flex-direction-nav a.flex-prev:hover i,
.flexslider:hover .flex-direction-nav a.flex-next:hover i
{

	color:#8a8a8a;
}
.flex-direction-nav a i,
.caroufredsel-direction-nav a i
{
	line-height: 40px;
	color: #fff;
	font-size: 22px;
	
}
.portfolio_single .flex-direction-nav a i,
.portfolio_single .caroufredsel-direction-nav a i{
	line-height: 42px;
	color: #fff;
	font-size: 22px;
}

.portfolio_single .flex-direction-nav a.flex-prev i{
	 margin-right:2px;
}
.portfolio_single .flex-direction-nav a.flex-next i{
	 margin-left:2px;
}

.caroufredsel-prev i {
	padding-right:2px;
}
.caroufredsel-next i{
	padding-left:2px;
}

.flex-direction-nav a.flex-prev i{
	 margin: 0 2px 0 0;
}
.flex-direction-nav a.flex-next i{
	 margin: 0 0 0 4px;
}

.have_frame .flex-direction-nav a i{
	display: none;
}
.flexslider .flex-next
{
	right: 15px;

}
.have_frame.flexslider .flex-next{
	right: -80px;
	-webkit-border-radius:0;
	-ms-border-radius: 0;
	border-radius:0;
	background-image: url('img/frame_arrow_right.png');
	background-repeat: no-repeat;
	background-position: center center;
	width: 25px;
	height: 67px;
	border: none;
}
.have_frame.flexslider .flex-next:hover{
	background-color: transparent !important;
	background-image: url('img/frame_arrow_right_hover.png');
}
.flexslider .flex-prev
{
	left: 15px;

}
.have_frame.flexslider .flex-prev{
	left: -80px;
	-webkit-border-radius:0;
	-ms-border-radius: 0;
	border-radius:0;
	background-image: url('img/frame_arrow_left.png');
	background-repeat: no-repeat;
	background-position: center center;
	width: 25px;
	height: 67px;
	border: none;
}
.have_frame.flexslider .flex-prev:hover{
	background-color: transparent !important;;
	background-image: url('img/frame_arrow_left_hover.png');
}
@media only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-resolution:160dpi) {
	.have_frame.flexslider .flex-prev{
		background-image: url('img/frame_arrow_left@1_5x.png');
		-o-background-size: 25px 67px;
		-webkit-background-size: 25px 67px;
		
		background-size: 25px 67px;
	}
	.have_frame.flexslider .flex-prev:hover{
		background-image: url('img/frame_arrow_left_hover@1_5x.png');
	}
	.have_frame.flexslider .flex-next{
		background-image: url('img/frame_arrow_right@1_5x.png');
		-o-background-size: 25px 67px;
		-webkit-background-size: 25px 67px;
		
		background-size: 25px 67px;
	}
	.have_frame.flexslider .flex-next:hover{
		background-image: url('img/frame_arrow_right_hover@1_5x.png');
	}
}

@media only screen and (min--moz-device-pixel-ratio:2.0),only screen and (min-resolution:210dpi) {
	.have_frame.flexslider .flex-prev{
		background-image: url('img/frame_arrow_left@2x.png');
		-o-background-size: 25px 67px;
		-webkit-background-size: 25px 67px;
		
		background-size: 25px 67px;
	}
	.have_frame.flexslider .flex-prev:hover{
		background-image: url('img/frame_arrow_left_hover@2x.png');
	}
	.have_frame.flexslider .flex-next{
		background-image: url('img/frame_arrow_right@2x.png');
		-o-background-size: 25px 67px;
		-webkit-background-size: 25px 67px;
		
		background-size: 25px 67px;
	}
	.have_frame.flexslider .flex-next:hover{
		background-image: url('img/frame_arrow_right_hover@2x.png');
	}
}

.flex-direction-nav .flex-disabled{
	cursor: default;
}

/* ==== Portfolio Slider, Portfolio Single Slider - End ==== */


.wpb_row, .wpb_content_element,
ul.wpb_thumbnails-fluid > li,
.last_toggle_el_margin, .wpb_button {
    margin-bottom: 0 !important;
}



/* 37. Service table shorcode styles
********************************************************************************************
********************************************************************************************/ 

.service_table_holder{
	display: block;
	position: relative;
	border-color: #f6f6f6;
	border-width: 1px;
	border-style: none;
}

.service_table_inner{
	display: block;
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
}

.service_table_inner ul{
	padding: 0 !important;
}
.service_table_holder h1.service_title,
.service_table_holder h2.service_title,
.service_table_holder h3.service_title,
.service_table_holder h4.service_title,
.service_table_holder h5.service_title,
.service_table_holder h6.service_title,
.service_table_holder .service_table_content ul
{
	margin:0;
}


.service_table_inner li{
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
	border-bottom: 1px solid #f6f6f6;
}

.service_table_inner > li{
	background-color: #fff;
}

.service_table_inner li li{
	padding: 9px 20px;
}

.service_table_inner li:last-child{
	border-bottom: 0;
}

.service_table_inner li.service_table_title_holder{
	display: block;
	position: relative;
	padding: 25px 20px;
	background-color: #fff;
	border: none;
}
.service_table_inner li.service_table_title_holder i{
    color: #e9c70b;

}
.service_table_title_inner{
	position: relative;
	display: table;
	width: 100%;
	height: 100%;
	text-align: center;
}

.service_table_title_inner2{
	display: table-cell;
	width: 100%;
	height: 100%;
	vertical-align: middle;
}

.service_table_inner li.service_table_title_holder.background_image_type{
	background-color: transparent !important;
	border: 0 !important;
	padding: 0;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.service_table_inner li.service_table_title_holder.background_color_type .service_table_title_inner2{
	padding: 0;
}

.service_table_title_holder .service_title{
	display: block;
}

.service_table_title_holder i

{
	
	padding-bottom: 25px;
	
}
.service_table_title_holder i{
	line-height: 1em;
	padding:25px 0;
}
.service_table_title_holder p{
	line-height: 1;
}
.service_table_content li{
	margin:0 10px;
}


.price{
	padding:15px 0;
	    }
.price p span:first-child{
	font-family: "Montserrat", sans-serif;
  
	padding-right:10px;
	font-weight:700;
}		
.calculator_typing_number .price{
	display:none;
}		
		
.service_subtitle{
	
	display: block;
}
.service_table_content ul li a{
	border-radius:0;
}

/* ==========================================================================
   Service table shorcode end styles
   ========================================================================== */
/* ==========================================================================
   End Clients styles
   ========================================================================== */
.header_top_bottom_holder{
	position: relative;
}

.craftsman_construction_search_form{
	background: none repeat scroll 0 0 #262626;
	color: #fff;
	margin: 0;
	overflow: hidden;
	width: 100%;
	height: 0px;
	position: absolute;
	top:0;
	left:0;
}

.craftsman_construction_search_form i{
	color: #959595;
	font-size: 13px;
	display: inline-block;
	padding: 0px 0px 0px 45px;
	float: left;
	line-height: 50px;
}

.craftsman_construction_search_form input,
.craftsman_construction_search_form input:focus{
	background-color: #262626;
	border: medium none;
	box-shadow: none;
	color: #959595;
	display: inline-block;
	font-size: 13px;
	line-height: 20px;
	height: 20px;
	margin: 15px 15px;
	width: 90%;
	padding: 0px 45px 0px 60px;
	font-family: inherit;
	outline: none;
	outline-offset:0px;
	-webkit-appearance: none;
	border-radius: 0;
	float: left;
}

.craftsman_construction_search_form input:focus{
	outline-offset: 0px !important;
}

::-webkit-input-placeholder,
:-moz-placeholder,
::-moz-placeholder,
:-ms-input-placeholder{
	color: #959595;
	margin: 10px 0px 0px 0px;
}

@media only screen and (max-width: 1200px){
	.craftsman_construction_search_form input{
		width: 80%;
	}
}

@media only screen and (max-width: 768px){
	.craftsman_construction_search_form input{
		width: 70%;
	}
}

@media only screen and (max-width: 500px){
	.craftsman_construction_search_form input{
		width: 65%;
	}
}

.craftsman_construction_search_form .container_inner{
	position: relative;
}

.craftsman_construction_search_form .container i{
	padding: 0px;
}

.craftsman_construction_search_form .container input{
	width: 90%;
	padding: 0px 0px 0px 10px;
}

.craftsman_construction_search_form input[type="submit"] {
	border: 0 none;
	clip: rect(0px, 0px, 0px, 0px);
	height: 1px;
	margin: -1px;
	padding: 0;
	position: absolute;
	width: 1px;
	visibility: hidden;
}

.craftsman_construction_search_form .craftsman_construction_search_close{
	color: #959595;
	font-size: 13px;
	position: absolute;
	line-height: 50px;
	height: 50px;
	top: 0px;
	right: 45px;
}

.craftsman_construction_search_form .container .craftsman_construction_search_close{
	right: 0px;
}


/******** Content Menu - Start ********/

nav.content_menu{
	position: relative;
	text-align: left;
	display: block;
	z-index: 1001;
	background-color: #ffffff;
	-webkit-transform: translateZ(0px);
	width: 100%;
    -webkit-transition: left .33s cubic-bezier(0.694,0.0482,0.335,1);
    -moz-transition: left .33s cubic-bezier(0.694,0.0482,0.335,1);
    -o-transition: left .33s cubic-bezier(0.694,0.0482,0.335,1);
    -ms-transform: left .33s cubic-bezier(0.694,0.0482,0.335,1);
}

.full_width nav.content_menu.fixed {
    left: 0;
}



.container_inner nav.content_menu{
    width: 1100px;
}
.container_inner nav.content_menu.fixed{
	
	-webkit-box-shadow: 0 4px 4px -4px rgba(0,0,0,0.11);
	box-shadow: 0 4px 4px -4px rgba(0,0,0,0.11);
}
nav.content_menu ul{
	width: 1100px;
	margin: 0px auto;
	position: relative;
	list-style: none outside none;
	padding: 0px;
	text-align: center;
	-webkit-backface-visibility: hidden;
}

nav.content_menu ul li{
	display: inline-block;
	padding: 0px;
	text-align: center;
	position: relative;
	-webkit-backface-visibility: hidden;
}

nav.content_menu ul li .arrow{
	background-image: url("img/content_menu_arrow.png");
	background-position: 0px 0px;
	background-repeat: no-repeat;
	display: none;
	width: 11px;
	height: 7px;
	position: absolute;
	left: 50%;
	margin: -1px 0px 0px -5px;
	-webkit-backface-visibility: hidden;
}

nav.content_menu.fixed ul li.active .arrow{
	display: none;
}

nav.content_menu ul li a{
	color: #c3c3c3;
	font-size: 13px;
	text-decoration: none;
	display: inline-block;
	position: relative;
	cursor: pointer;
	padding: 21px 20px;
	margin: 0px;
}
nav.content_menu ul li a span{
	display: block;
	width: 100%;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 18px;
	padding: 12px 0 0 0;
	font-weight: 600;
}
nav.content_menu ul li i{
	color: #c3c3c3;
	margin: 4px 0px 0px 0px;
	font-size:24px;
	line-height: 1em;
	display: block;
}

nav.content_menu ul li i.undefined{
	display: none;
}

nav.content_menu ul li.active:hover i,
nav.content_menu ul li:hover i,
nav.content_menu ul li.active:hover a,
nav.content_menu ul li:hover a{
	color: #e9c70b;
}
nav.content_menu ul li.active i,
nav.content_menu ul li.active a{
	color: #303030;
}
nav.content_menu .nav_select_menu{
	display: none;
	border: 1px solid #eaeaea;
}

nav.content_menu .nav_select_menu .nav_select_button{
	cursor: pointer;
	display: block;
	height: 40px;
	position: relative;
	width: 40px;
	line-height: 40px;
	text-align: center;
	float: right;
}

nav.content_menu .nav_select_menu ul{
	display: none;
	border: 0px;
	width: 100%;
	position: relative;
	top: 0px;
	text-align: left;
	padding: 0px 0px 10px 0px;
	float: left;
	z-index: 100;
	transform:scale(1);
}

nav.content_menu .nav_select_menu ul li{
	display: block;
	border: 0px;
	float: none;
	padding: 0px;
	margin: 0px;
	text-align: left;
	position: relative;
	-webkit-backface-visibility: hidden;
}

nav.content_menu .nav_select_menu ul li a{
	line-height: 30px;
}

nav.content_menu .nav_select_menu ul li a i{
	width: 12px;
	text-align: center;
}

.boxed nav.content_menu.fixed{
	padding: 0px;
	width: 1100px;
}

/******** Content Menu - End ********/

/******** Visual Composer - Start ********/

.section_inner_margin,
.parallax_section_inner_margin
{
	margin-left: -15px;
	margin-right: -15px;
}

/******** Visual Composer - End ********/

/* 38. Contact form 7 styles
********************************************************************************************
********************************************************************************************/ 

/* ==========================================================================
   Contact form 7 styles
   ========================================================================== */
.wpcf7 form.wpcf7-form p {
    margin-bottom: 20px;
}

input.wpcf7-form-control.wpcf7-text,
input.wpcf7-form-control.wpcf7-number,
input.wpcf7-form-control.wpcf7-date,
textarea.wpcf7-form-control.wpcf7-textarea,
select.wpcf7-form-control.wpcf7-select {
    width: 100%;
}

input.wpcf7-form-control.wpcf7-text,
input.wpcf7-form-control.wpcf7-number,
input.wpcf7-form-control.wpcf7-date,
textarea.wpcf7-form-control.wpcf7-textarea,
select.wpcf7-form-control.wpcf7-select,
input.wpcf7-form-control.wpcf7-quiz {
    margin: 5px 0 0;
    padding: 15px;
    border: 0;
    outline: 0;
    resize: none;
    font-size: 13px;
    line-height: 17px;
    background-color: #fff;
    color: #ffffff;
    font-family: 'Raleway';
    font-weight: 400;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

input.wpcf7-form-control.wpcf7-quiz {
    margin-left: 15px;
}

span.wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-checkbox input[type="checkbox"],
span.wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-radio input[type="radio"] {
    position: relative;
    top: 2px;
}

span.wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-checkbox input[type="checkbox"] {
    margin-left: 5px;
}

input.wpcf7-form-control.wpcf7-submit {
    position: relative;
    display: inline-block;
    width: auto;
    height: 39px;
    line-height: 36px;
    margin: 0;
    padding: 0px 23px;

    font-size: 13px;
    font-weight: 700;
    font-family: 'Raleway', sans-serif;
    text-align: left;

    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
    outline: none;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 1px;

    -o-border-radius: 4px;
    
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    text-shadow: none;

    background-color: transparent;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;

	-webkit-box-sizing: initial;
	-moz-box-sizing: initial;
	box-sizing: initial;
}
input.wpcf7-form-control{
	border-radius:0 !important;
}
.wpb_gmaps_widget .wpb_wrapper{
	padding:0 !important;
}

input.wpcf7-form-control.wpcf7-submit[disabled] {
    color: #818181;
    border: 2px solid #818181;
    cursor: not-allowed;
}

input.wpcf7-form-control.wpcf7-submit:not([disabled]) {
    border: 2px solid #303030;
    color: #303030;
}

input.wpcf7-form-control.wpcf7-submit:not([disabled]):hover {
    background-color: #e9c70b;
    border-color: #e9c70b;
    color: #fff;
    text-decoration: none;
}

input.wpcf7-form-control.wpcf7-range {
    width: 100%;
}

div.wpcf7-response-output {
    position: relative;
    padding: 17px 30px 17px 55px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    margin-left: 0;
    margin-right: 0;
    font-weight: 500;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: none;
}

div.wpcf7-response-output:before {
    font-family: 'FontAwesome', sans-serif;
    width: 20px;
    height: 20px;
    display: inline-block;
    color: #fff;
    position: absolute;
    left: 25px;
}

div.wpcf7-response-output.wpcf7-mail-sent-ok {
    background-color: #e9c70b;
}

div.wpcf7-response-output.wpcf7-mail-sent-ok:before {
    content: "\f087";
}


div.wpcf7-response-output.wpcf7-validation-errors:before {
    content: "\f12a";
}

/* ==========================================================================
   End Contact form 7 styles
   ========================================================================== */

/* 39. Gravity forms styles
********************************************************************************************
********************************************************************************************/ 


body .gform_wrapper .gform_fields .gfield{
    margin: 0 0 20px 0;
}

body .gform_wrapper .gf_progressbar,
body .gform_wrapper .gf_progressbar_wrapper,
body .gform_wrapper .top_label input.large,
body .gform_wrapper .top_label select.large,
body .gform_wrapper .top_label textarea.textarea {
    /*width: 100%;*/
}

body .gform_wrapper  .gf_progressbar_percentage,
body .gform_wrapper  .gf_step,
body .gform_wrapper  .gf_step span.gf_step_number,
body .gform_wrapper  .gfield_description,
body .gform_wrapper  input[type=text],
body .gform_wrapper  input[type=url],
body .gform_wrapper  input[type=email],
body .gform_wrapper  input[type=tel],
body .gform_wrapper  input[type=number],
body .gform_wrapper  input[type=password],
body .gform_wrapper  textarea,
body .gform_wrapper  input[type="button"],
body .gform_wrapper  input[type="submit"],
body .gform_wrapper  input[type="reset"],
body .gform_wrapper .chzn-container .chzn-single,
body .gform_wrapper .chzn-container-single .chzn-single,
body .gform_wrapper select  {
    font-family: 'Raleway', sans-serif;
}

body .gform_wrapper .gf_progressbar,
body .gform_wrapper .chzn-container .chzn-single,
body .gform_wrapper .chzn-container-single .chzn-single,
body .gform_wrapper .chzn-container-single .chzn-drop,
body .gform_wrapper .chzn-container-multi .chzn-drop,
body .gform_wrapper .chzn-container-active .chzn-single,
body .gform_wrapper .chzn-container-active .chzn-choices {
    -webkit-border-radius: 0;
    
    border-radius: 0;
    
    -webkit-box-shadow: none;
    box-shadow: none;
}

body .gform_wrapper  .gf_progressbar,
body .gform_wrapper  .chzn-container .chzn-single,
body .gform_wrapper  .chzn-container-single .chzn-single,
body .gform_wrapper  input[type=text],
body .gform_wrapper  input[type=url],
body .gform_wrapper  input[type=email],
body .gform_wrapper  input[type=tel],
body .gform_wrapper  input[type=number],
body .gform_wrapper  input[type=password],
body .gform_wrapper  textarea,
body .gform_wrapper  .chzn-container-single .chzn-single div,
body .gform_wrapper  .chzn-container-single .chzn-single  b,
body .gform_wrapper  .chzn-container .chzn-drop,
body .gform_wrapper  .chzn-choices,
body .gform_wrapper .chzn-container-multi .chzn-choices,
body .gform_wrapper  li.gfield.gfield_error,
body .gform_wrapper  li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning,
body .gform_wrapper  select{
    border: 0;
}

body .gform_wrapper  .gf_progressbar,
body .gform_wrapper  .chzn-container .chzn-single,
body .gform_wrapper  .chzn-container-single .chzn-single{
    background-image: none;
}

body .gform_wrapper  .top_label .gfield_label,
body .gform_wrapper  input[type=text],
body .gform_wrapper  input[type=url],
body .gform_wrapper  input[type=email],
body .gform_wrapper  input[type=tel],
body .gform_wrapper  input[type=number],
body .gform_wrapper  input[type=password],
body .gform_wrapper  textarea,
body .gform_wrapper  .ginput_left input:focus+label,
body .gform_wrapper  .ginput_right input:focus+label,
body .gform_wrapper  .ginput_full input:focus+label,
body .gform_wrapper  table.gfield_list thead th {
    font-weight: 400;
}

body .gform_wrapper  .charleft{
    margin-top: 0;
}

body .gform_wrapper  .gfield_description {
    padding: 5px 0 0 0;
}

body .gform_wrapper  input[type=text],
body .gform_wrapper  input[type=url],
body .gform_wrapper  input[type=email],
body .gform_wrapper  input[type=tel],
body .gform_wrapper  input[type=number],
body .gform_wrapper  input[type=password],
body .gform_wrapper  textarea,
body .gform_wrapper  select,
body .gform_wrapper.gf_browser_chrome .ginput_complex select,
body .gform_wrapper.gf_browser_chrome .ginput_complex .ginput_right select {
    padding: 15px;
    outline: 0;
    resize: none;
	box-sizing: border-box;
}

body .gform_wrapper  input[type=text],
body .gform_wrapper  input[type=url],
body .gform_wrapper  input[type=email],
body .gform_wrapper  input[type=tel],
body .gform_wrapper  input[type=number],
body .gform_wrapper  input[type=password],
body .gform_wrapper  textarea,
body .gform_wrapper   input[type="button"],
body .gform_wrapper   input[type="submit"],
body .gform_wrapper   input[type="reset"],
body .gform_wrapper  .chzn-container .chzn-single,
body .gform_wrapper  .chzn-container-single .chzn-single,
body .gform_wrapper  select{
    font-size: 13px;
}

body .gform_wrapper  input[type=text],
body .gform_wrapper  input[type=url],
body .gform_wrapper  input[type=email],
body .gform_wrapper  input[type=tel],
body .gform_wrapper  input[type=number],
body .gform_wrapper  input[type=password],
body .gform_wrapper  textarea,
body .gform_wrapper  .chzn-container .chzn-single,
body .gform_wrapper  .chzn-container-single .chzn-single {
    line-height: 17px;
}

body .gform_wrapper  input[type=text],
body .gform_wrapper  input[type=url],
body .gform_wrapper  input[type=email],
body .gform_wrapper  input[type=tel],
body .gform_wrapper  input[type=number],
body .gform_wrapper  input[type=password],
body .gform_wrapper  textarea,
body .gform_wrapper  input[type=text],
body .gform_wrapper  input[type=url],
body .gform_wrapper  input[type=email],
body .gform_wrapper  input[type=tel],
body .gform_wrapper  input[type=number],
body .gform_wrapper  input[type=password],
body .gform_wrapper  .chzn-container .chzn-single,
body .gform_wrapper  .chzn-container-single .chzn-single,
body .gform_wrapper  .chzn-container-single .chzn-single  b   {
    background-color: #ffffff;
}

body .gform_wrapper  input[type=text],
body .gform_wrapper  input[type=url],
body .gform_wrapper  input[type=email],
body .gform_wrapper  input[type=tel],
body .gform_wrapper  input[type=number],
body .gform_wrapper  input[type=password],
body .gform_wrapper  textarea,
body .gform_wrapper  .chzn-container-single .chzn-single span,
body .gform_wrapper  select{
    color: #818181;
}

body .gform_wrapper  input[type=text],
body .gform_wrapper  input[type=url],
body .gform_wrapper  input[type=email],
body .gform_wrapper  input[type=tel],
body .gform_wrapper  input[type=number],
body .gform_wrapper  input[type=password],
body .gform_wrapper  textarea,
body .gform_wrapper  .chzn-container,
body .gform_wrapper  select{
    margin: 5px 0 0;
}

body .gform_wrapper   input[type="button"],
body .gform_wrapper   input[type="submit"],
body .gform_wrapper   input[type="reset"]{
    position: relative;
    display: inline-block;
    width: auto;
    height: 39px;
    line-height: 36px;
    margin: 0;
    padding: 0px 23px;
    border: 2px solid #303030;
    font-weight: 700;
    text-align: left;
    color: #303030;
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
    outline: none;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 1px;
    -o-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    text-shadow: none;
    background-color: transparent;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
}

body .gform_wrapper   input[type="button"]:hover,
body .gform_wrapper   input[type="submit"]:hover,
body .gform_wrapper   input[type="reset"]:hover{
    background-color: #e9c70b;
    border-color: #e9c70b;
    color: #ffffff;
    text-decoration: none;
}

body .gform_wrapper  .chzn-container .chzn-single,
body .gform_wrapper  .chzn-container-single .chzn-single {
    height: auto;
    padding: 15px 2%;
}

body .gform_wrapper .chzn-container-single .chzn-single div b{
    background-position: -18px 10px;
}

body .gform_wrapper  .chzn-container-single .chzn-single-with-drop div b{
    background-position: -1px 10px;
}

body .gform_wrapper  .chzn-container-single .chzn-search input{
    border: 1px solid #aaaaaa;
}


body .gform_wrapper  .chzn-choices{
    background-image: linear-gradient(to right, #000000, #ffffff) !important;
}

body .gform_wrapper  .chzn-choices .search-field .default{
    padding-left: 10%;
}

body .gform_wrapper .chzn-container-multi .chzn-choices .search-field input {
    padding: 15px;
}

body .gform_wrapper  div.validation_error,
body .gform_wrapper  .gform_confirmation_message {
	position: relative;
	padding: 17px 30px 17px 30px;
	color: #fff;
	text-transform: uppercase;
	margin-left: 0;
	margin-right: 0;
	font-weight: 500;
	font-size: 15px;
	text-transform: uppercase;
	letter-spacing: 1px;
	border: none;
}

body .gform_wrapper  div.validation_error {
	background-color: #f1c40f;
}

body .gform_wrapper  .gform_confirmation_message{
	background-color: #e9c70b;
}

body .gform_wrapper  .ginput_complex .name_prefix,
body .gform_wrapper  .ginput_complex .name_suffix,
body .gform_wrapper  input.ginput_quantity{
	width: 60px !important;
}

body .gform_wrapper  .datepicker {
	width: 105px !important;
}

body .gform_wrapper  .gfield_time_ampm select {
	min-width: 80px;
}

body .gform_wrapper  .gfield_time_hour{
	vertical-align: middle;
}

body .gform_wrapper  .button.gform_button_select_files{
    height: 31px;
    line-height: 24px;
    padding: 0 9px;
    font-size: 12px;
    margin-left: 10px;
}


/* 40.  Vertical menu styles
********************************************************************************************
********************************************************************************************/ 


.vertical_menu_enabled .craftsman_construction_slider{
	padding-left:260px;
}
.vertical_menu_enabled .content .container
.vertical_menu_enabled .title_outer{
	padding-left:300px;
}
.vertical_menu_enabled .full_width,
.vertical_menu_enabled .title_outer,
.vertical_menu_enabled footer{
	padding-left: 260px;
}

.boxed.vertical_menu_enabled .craftsman_construction_slider,
.boxed.vertical_menu_enabled .full_width,
.boxed.vertical_menu_enabled .content .container,
.boxed.vertical_menu_enabled .title_outer,
.boxed.vertical_menu_enabled footer{
    padding-left: 0px;
}

.boxed.vertical_menu_enabled,
.boxed.vertical_menu_enabled footer.uncover{
    padding-left: 260px;
}

.vertical_menu_enabled .content .title .container{
    padding-left: 0px;
}

.vertical_menu_enabled .content .container,
.vertical_menu_enabled .craftsman_construction_slider,
.vertical_menu_enabled footer{
    width: auto;
}

aside.vertical_menu_area {
	position: fixed;
	width: 260px;
	top: 0;
	left: 0;
	padding:10px 30px;
	background-color: #fff;
	height: 100%;
	z-index: 101;
	-webkit-backface-visibility:hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    -webkit-transition: background-color 0.3s ease;
    -moz-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    -ms-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
    outline: none;
}

aside.vertical_menu_area.with_scroll {
    overflow: hidden;
}

aside.vertical_menu_area .vertical_menu_area_widget_holder{
	font-size:14px;
    position: relative;
}
.vertical_menu_enabled.vertical_area_transparent .content{
	padding-left: 0px;
}

.vertical_menu_transparency_on aside.vertical_menu_area.light .vertical_menu_area_widget_holder,
.vertical_menu_transparency_on aside.vertical_menu_area.light .widget a,
.vertical_menu_transparency_on aside.vertical_menu_area.light .craftsman_construction_social_icon_holder i.simple_social{
    color: #fff;
}

.vertical_menu_transparency_on aside.vertical_menu_area.dark .vertical_menu_area_widget_holder,
.vertical_menu_transparency_on aside.vertical_menu_area.dark .widget a,
.vertical_menu_transparency_on aside.vertical_menu_area.dark .craftsman_construction_social_icon_holder i.simple_social{
    color: #000;
}

.vertical_menu_enabled header{
	display: block;
}

.vertical_menu_enabled header .header_inner{
    display: none;
}

.vertical_area_background{
    position: fixed;
    width: 260px;
    height: 100%;
    background-position: right top;
    background-repeat: no-repeat;
    background-size: cover;
    top: 0px;
    left: 0px;
    z-index: 0;
    -webkit-transition: opacity 0.6s ease;
    -moz-transition: opacity 0.6s ease;
    -o-transition: opacity 0.6s ease;
    -ms-transition: opacity 0.6s ease;
    transition: opacity 0.6s ease;
    opacity: 1;
}

.vertical_logo_wrapper{
    z-index: 100;
    position: relative;
    padding-top:50px;
}

.vertical_logo_wrapper img{
	max-width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

.c_logo_vertical img.normal{
    position: relative;
}

.c_logo_vertical img.light,
.c_logo_vertical img.dark{
    opacity: 0;
}

.vertical_menu_transparency_on .light .c_logo_vertical img.normal{
    opacity:0;
}

.vertical_menu_transparency_on .light .c_logo_vertical img.light{
    opacity:1;
}

.vertical_menu_transparency_on .light .c_logo_vertical img.dark{
    opacity:0;
}

.vertical_menu_transparency_on .dark .c_logo_vertical img.normal{
    opacity:0;
}

.vertical_menu_transparency_on .dark .c_logo_vertical img.light{
    opacity:0;
}

.vertical_menu_transparency_on .dark .c_logo_vertical img.dark{
    opacity:1;
}

nav.vertical_menu {
	position: relative;
	z-index: 101;
	margin: 45px 0 0 0;
}

.vertical_menu ul{
	list-style: none;
}

.vertical_menu ul li{
	position: relative;
}

nav.vertical_menu > ul > li > a {
	position: relative;
	color: #303030;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 1px;
	text-decoration: none;
	text-transform: uppercase;
	display: block;
	position: relative;
	line-height: 34px;
	padding: 0 0px;
	margin: 0;
	cursor: pointer;
    -webkit-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    -ms-transition: color 0.3s ease;
    transition: color 0.3s ease;
}

.vertical_menu_transparency_on .light nav.vertical_menu > ul > li > a{
    color: #ffffff;
}

.vertical_menu_transparency_on .dark nav.vertical_menu > ul > li > a{
    color: #000000;
}

.vertical_menu .second .inner{
	position: relative;
	display: block;
	padding: 0;
	z-index: 997;
}

.vertical_menu_toggle .second .inner_arrow{
	display: none;
}

.vertical_menu .second .inner > ul > li > a:hover{
	color: #303030;
}

.vertical_menu_toggle .second{
	margin: 0px;
	display: none;
	overflow: hidden;
	z-index: 10;
}

.vertical_menu_toggle .second ul ul{
	display: none;
}
nav.vertical_menu_toggle ul li a{
	display: block;
}
nav.vertical_menu_toggle ul li  a .line{
	display: none;
}

nav.vertical_menu_toggle ul > li.menu-item-has-children > a > .plus{
	float: right;
	width: 20px;
	height: 8px;
	margin: 12px 0 0 0;
	z-index: 10000;
	display: block;
	position: relative;
	background-image: url('img/vertical_menu_cross.png');
	background-repeat: no-repeat;
	background-position: 100%;
    -o-background-size: 8px 8px;
    -webkit-background-size: 8px 8px; 
    background-size: 8px 8px;
}

nav.vertical_menu_toggle ul li ul > li.menu-item-has-children > a > .plus{
	margin: 5px 0 0 0;
}

.no-touch nav.vertical_menu_toggle ul > li.menu-item-has-children > a:hover > .plus{
	background-image: url('img/vertical_menu_minus.png');
}

.touch nav.vertical_menu_toggle ul > li.menu-item-has-children.open > a > .plus {
	background-image: url('img/vertical_menu_minus.png');
}

nav.vertical_menu_toggle ul li.menu-item-has-children a span{
	display: inline-block;
	max-width: 180px;
}

.vertical_menu_transparency_on .light nav.vertical_menu_toggle ul > li.menu-item-has-children > a > .plus{
    background-image: url('img/vertical_menu_cross_white.png');
}

.vertical_menu_transparency_on .light nav.vertical_menu_toggle ul > li.menu-item-has-children > a:hover > .plus{
    background-image: url('img/vertical_menu_minus_white.png');
}

.vertical_menu_transparency_on .dark nav.vertical_menu_toggle ul > li.menu-item-has-children > a > .plus{
    background-image: url('img/vertical_menu_cross_black.png');
}

.vertical_menu_transparency_on .dark nav.vertical_menu_toggle ul > li.menu-item-has-children > a:hover > .plus{
    background-image: url('img/vertical_menu_minus_black.png');
}

@media only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-resolution:160dpi) {
	nav.vertical_menu_toggle ul li.menu-item-has-children  a .plus{
		background-image: url('img/vertical_menu_cross@1_5x.png');
	}
	.no-touch nav.vertical_menu_toggle ul > li.menu-item-has-children > a:hover > .plus
	{
		background-image: url('img/vertical_menu_minus@1_5x.png');
	}

	.touch nav.vertical_menu_toggle ul > li.menu-item-has-children.open > a > .plus {
		background-image: url('img/vertical_menu_minus@1_5x.png');
	}

    .vertical_menu_transparency_on .light nav.vertical_menu_toggle ul li.menu-item-has-children  a .plus{
        background-image: url('img/vertical_menu_cross_white@1_5x.png');
    }
    .vertical_menu_transparency_on .light nav.vertical_menu_toggle ul > li.menu-item-has-children > a:hover > .plus
    {
        background-image: url('img/vertical_menu_minus_white@1_5x.png');
    }

    .vertical_menu_transparency_on .dark nav.vertical_menu_toggle ul li.menu-item-has-children  a .plus{
        background-image: url('img/vertical_menu_cross_black@1_5x.png');
    }
    .vertical_menu_transparency_on .dark nav.vertical_menu_toggle ul > li.menu-item-has-children > a:hover > .plus
    {
        background-image: url('img/vertical_menu_minus_black@1_5x.png');
    }

}
@media only screen and (min--moz-device-pixel-ratio:2.0),only screen and (min-resolution:210dpi) {
	nav.vertical_menu_toggle ul li.menu-item-has-children  a .plus{
		background-image: url('img/vertical_menu_cross@2x.png');
	}

	.no-touch nav.vertical_menu_toggle ul > li.menu-item-has-children > a:hover > .plus
	{
		background-image: url('img/vertical_menu_minus@2x.png');
	}

	.touch nav.vertical_menu_toggle ul > li.menu-item-has-children.open > a > .plus {
		background-image: url('img/vertical_menu_minus@2x.png');
	}

    .vertical_menu_transparency_on .light nav.vertical_menu_toggle ul li.menu-item-has-children  a .plus{
        background-image: url('img/vertical_menu_cross_white@2x.png');
    }
    .vertical_menu_transparency_on .light nav.vertical_menu_toggle ul > li.menu-item-has-children > a:hover > .plus
    {
        background-image: url('img/vertical_menu_minus_white@2x.png');
    }

    .vertical_menu_transparency_on .dark nav.vertical_menu_toggle ul li.menu-item-has-children  a .plus{
        background-image: url('img/vertical_menu_cross_black@2x.png');
    }
    .vertical_menu_transparency_on .dark nav.vertical_menu_toggle ul > li.menu-item-has-children > a:hover > .plus
    {
        background-image: url('img/vertical_menu_minus_black@2x.png');
    }
}


nav.vertical_menu_toggle li.narrow .second .inner ul{
	background-color: transparent;
	padding:0;
	width: 100%;
}
nav.vertical_menu_toggle li.narrow .second .inner ul ul{
	display: none;
}
.vertical_menu_toggle .second .inner ul li a{
	display: block;
	height: auto;
	font-family: inherit;
	font-size: 13px;
	line-height: 18px;
	color: #818181;
	margin: 0;
	padding: 5px 0px 5px 0px;
	text-decoration: none;
    -webkit-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    -ms-transition: color 0.3s ease;
    transition: color 0.3s ease;
}

.vertical_menu_transparency_on .light .vertical_menu_toggle .second .inner ul li a{
    color: #ffffff;
}

.vertical_menu_transparency_on .dark .vertical_menu_toggle .second .inner ul li a{
    color: #000000;
}

.vertical_menu_toggle .second .inner ul ul li a{
	padding-left: 15px;
}
.vertical_menu_area_widget_holder{
	margin:60px 0 0 0;
}
.vertical_menu_enabled .carousel-inner:not(.relative_position){
	left: 260px !important;

}

.vertical_menu_area .craftsman_construction_social_icon_holder{
	margin: 0 8px 2px 0 !important;
}
.vertical_menu_enabled  .content{
	margin-top:0 !important;
	padding-top:0 !important;

}
.boxed.vertical_menu_enabled .carousel-inner{
	width: 1150px !important;
	left: auto !important;
}

.vertical_menu_enabled.vertical_menu_transparency .full_section_inner{
    overflow: hidden;
}

.vertical_menu_enabled.vertical_menu_transparency_on:not(.vertical_menu_hidden) aside.vertical_menu_area{
    background-color: transparent !important;
}

.vertical_menu_enabled.vertical_menu_transparency_on:not(.vertical_menu_hidden) aside.vertical_menu_area .vertical_area_background{
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    opacity: 0 !important;
}

.vertical_menu_enabled.vertical_menu_transparency .craftsman_construction_slider{
    padding-left: 0px;
}

.vertical_menu_enabled.vertical_menu_enabled.vertical_menu_transparency .carousel-inner:not(.relative_position){
    left: 0px !important;
}

.boxed.vertical_menu_enabled.vertical_menu_enabled.vertical_menu_transparency .carousel-inner:not(.relative_position){
    left: auto !important;
}

.vertical_menu_enabled.vertical_menu_transparency .carousel-control.left{
    bottom: 60px;
    height: 44px;
    right: 105px;
    top: auto;
    width: 44px;
}

.vertical_menu_enabled.vertical_menu_transparency .carousel-control.right{
    bottom: 60px;
    height: 44px;
    right: 50px;
    top: auto;
    width: 44px;
}

.vertical_menu_enabled.vertical_menu_transparency .carousel-control .prev_nav {
    left: 0;
    margin: 0 !important;
    top: 0;
    height: 40px;
    width: 40px;
    line-height: 40px;
}

.vertical_menu_enabled.vertical_menu_transparency .carousel-control .next_nav {
    margin: 0 !important;
    right: 0;
    top: 0;
    height: 40px;
    width: 40px;
    line-height: 40px;
}

.vertical_menu_enabled.vertical_menu_transparency .carousel-control i {
    font-size: 24px;
    line-height: 40px;
}

.vertical_menu_enabled.vertical_menu_transparency .carousel-indicators{
    display: none !important;
}

.vertical_menu_enabled.page-template-landing_page-php .craftsman_construction_slider,
.vertical_menu_enabled.page-template-landing_page-php .full_width,
.vertical_menu_enabled.page-template-landing_page-php .content .container,
.vertical_menu_enabled.page-template-landing_page-php .title_outer,
.boxed.vertical_menu_enabled.page-template-landing_page-php,
.vertical_menu_enabled.page-template-landing_page-php .full_screen_holder{
    padding-left: 0px !important;
}

.vertical_menu_enabled.page-template-landing_page-php .carousel-inner:not(.relative_position){
    left: 0px !important;
}

/* vertical menu - hidden type START */

.vertical_menu_hidden aside.vertical_menu_area{
    -webkit-box-shadow: 0px 0px 2px 2px rgba(0,0,0,.15);
    box-shadow: 0px 0px 2px 2px rgba(0,0,0,.15);
    left: -220px;
    padding: 10px 40px;
    -webkit-transition: left 0.15s ease-out;
    -moz-transition: left 0.15s ease-out;
    -o-transition: left 0.15s ease-out;
    -ms-transform: left 0.15s ease-out;
    transition: left 0.15s ease-out;
}

.vertical_menu_hidden .vertical_area_background{
    left: -220px;
    -webkit-transition: left 0.15s ease-out;
    -moz-transition: left 0.15s ease-out;
    -o-transition: left 0.15s ease-out;
    -ms-transform: left 0.15s ease-out;
    transition: left 0.15s ease-out;
}

.vertical_menu_hidden aside.vertical_menu_area.active,
.vertical_menu_hidden aside.vertical_menu_area.active .vertical_area_background{
    left: 0px;
}

.vertical_menu_enabled.vertical_menu_hidden .full_screen_holder,
.vertical_menu_enabled.vertical_menu_hidden .craftsman_construction_slider,
.vertical_menu_enabled.vertical_menu_hidden .full_width,
body.page-template-blog-masonry-full-width-php.vertical_menu_enabled.vertical_menu_hidden .content .full_width,
.vertical_menu_enabled.vertical_menu_hidden .content .container,
.vertical_menu_enabled.vertical_menu_hidden .title_outer,
.vertical_menu_enabled.vertical_menu_hidden footer,
.boxed.vertical_menu_enabled.vertical_menu_hidden,
.boxed.vertical_menu_enabled.vertical_menu_hidden footer.uncover,
.vertical_menu_enabled.vertical_menu_hidden .full_screen_holder{
    padding-left: 40px;
}

.vertical_menu_enabled.vertical_menu_hidden .carousel-inner:not(.relative_position){
    left: 40px !important;
}

.vertical_menu_enabled.vertical_menu_hidden .carousel-control .prev_nav,
.vertical_menu_enabled.vertical_menu_hidden .carousel-control .next_nav{
    margin-top: -27px !important;
}

.vertical_menu_hidden_button{
    position: fixed;
    top: 40px;
    left: 0px;
    width: 40px;
    height: 40px;
    z-index: 11;
    display: block;
}

.vertical_menu_hidden_button_line {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 30px;
    display: block;
    margin-left: -11px;
    width: 22px;
    height: 3px;
    background: #303030;
}
.vertical_menu_hidden_button_line:after,.vertical_menu_hidden_button_line:before{
    content: '';
    position: absolute;
    width: 100%;
    height: 3px;
    background: #303030;
    left: 0;
    -webkit-transform-origin:center center;
    -moz-transform-origin:center center;
    -ms-transform-origin:center center;
    -o-transform-origin:center center;
    transform-origin:center center;
}
.vertical_menu_hidden_button_line:before{
    top: -6px;
}
.vertical_menu_hidden_button_line:after{
    bottom: -6px;
}

.vertical_menu_area.active .vertical_menu_hidden_button .vertical_menu_hidden_button_line{
    background: rgba(220, 151, 31,0);
}
.vertical_menu_area.active .vertical_menu_hidden_button .vertical_menu_hidden_button_line:after{
    -webkit-transform: rotate(-45deg) translate(2px,-8px);
    -moz-transform: rotate(-45deg) translate(3px,-8px);
    -ms-transform: rotate(-45deg) translate(3px,-8px);
    -o-transform: rotate(-45deg) translate(3px,-8px);
    transform: rotate(-45deg) translate(3px,-8px);
}

.vertical_menu_area.active .vertical_menu_hidden_button .vertical_menu_hidden_button_line:before{
    -webkit-transform: rotate(45deg) translate(4px,9px);
    -moz-transform: rotate(45deg) translate(3px,8px);
    -ms-transform: rotate(45deg) translate(3px,8px);
    -o-transform: rotate(45deg) translate(3px,8px);
    transform: rotate(45deg) translate(3px,8px);

}
.vertical_menu_hidden_button_line,
.vertical_menu_hidden_button_line:before,
.vertical_menu_hidden_button_line:after{
    -webkit-transition: all 0.3s cubic-bezier(0.585, -0.600, 0.430, 1.650);
    -moz-transition: all 0.3s cubic-bezier(0.585, -0.600, 0.430, 1.650);
    -ms-transition: all 0.3s cubic-bezier(0.585, -0.600, 0.430, 1.650);
    -o-transition: all 0.3s cubic-bezier(0.585, -0.600, 0.430, 1.650);
    transition: all 0.3s cubic-bezier(0.585, -0.600, 0.430, 1.650);
}

.vertical_menu_hidden_button:hover .vertical_menu_hidden_button_line:before{
    top: -8px;
}

.vertical_menu_hidden_button:hover .vertical_menu_hidden_button_line:after{
    bottom: -8px;
}

.vertical_menu_area.active .vertical_menu_hidden_button .vertical_menu_hidden_button_line:after{
    bottom: -8px;
}
.vertical_menu_area.active .vertical_menu_hidden_button .vertical_menu_hidden_button_line:before{
    top: -8px;
}

/* vertical menu - hidden type END */


   
/* 41.   Popup menu start styles
********************************************************************************************
********************************************************************************************/  
   

.popup_menu_inner{
    display: inline-block;
    height: 2px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 20px;
    position: relative;
    width: 20px;
	margin-left:-4px;
}

.popup_menu .line{
    background-color: #333333;
    height: 2px;
    margin: 0px;
    width: 13px;
	top:50%;
	left:40%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transform: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    position: absolute;
    display: inline-block;
}

.popup_menu .line:after, .popup_menu .line:before {
    background-color: #333333;
    content: "";
    display: block;
    height: 2px;
    position: absolute;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transform: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    width: 13px;
    z-index: -1;
    -webkit-backface-visibility: hidden; /*because X sign jumps on hover in Chrome*/
}


 header.scroll_header_top_area.scrolled i.fa-search{
		height:50px !important;
		width:50px !important;
		line-height:50px !important;
    }
	
	header.scroll_header_top_area.scrolled span.popup_menu_inner{
		height:50px !important;
		width:50px !important;
		
	}
 header.scroll_header_top_area.fixed_hiding.scrolled i.fa-search{
		height:50px !important;
		width:50px !important;
		line-height:50px !important;
    }
	
	header.scroll_header_top_area.fixed_hiding.scrolled span.popup_menu_inner{
		height:50px !important;
		width:50px !important;
		
	}



@media only screen and (min-width: 1000px) {

    .dark:not(.sticky):not(.scrolled) .popup_menu:not(.opened) .line,
    .dark:not(.sticky):not(.scrolled) .popup_menu:not(.opened) .line:before,
    .dark:not(.sticky):not(.scrolled) .popup_menu:not(.opened) .line:after{
        background-color: #000;
    }

    .light:not(.sticky):not(.scrolled) .popup_menu:not(.opened) .line,
    .light:not(.sticky):not(.scrolled) .popup_menu:not(.opened) .line:before,
    .light:not(.sticky):not(.scrolled) .popup_menu:not(.opened) .line:after{
        background-color: #fff;
    }

}

.popup_menu .line:before {
    top: -4px;
}

.popup_menu .line:after {
    top: 4px;
}

.side_menu_button .popup_menu:hover{
    opacity: 0.8;
}

.popup_menu.opened .line{
    background-color: transparent !important;
}

.popup_menu.opened .line:after {
    background-color: #ffffff;
    top: 0 !important;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.popup_menu.opened .line:before {
    background-color: #ffffff;
    top: 0 !important;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.popup_menu_holder_outer{
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    visibility: hidden;
    opacity: 0;
    z-index: 105; /* this have to be between header z-index and content z-index */
}

.popup_menu_holder{
    width: 100%;
    height: 100%;
    background-color: rgba(48,48,48,0.95);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    display: table;
}

.popup_menu_holder_inner{
    display: table-cell;
    vertical-align: middle;
    padding: 100px 0px;
}

.popup_menu_opened .main_menu,
.popup_menu_opened .side_menu_button a:not(.popup_menu),
.popup_menu_opened #back_to_top,
.popup_menu_opened .header_top,
.popup_menu_opened header .tooltip,
.popup_menu_opened .mobile_menu_button{
    visibility: hidden !important;
}


.popup_menu_opened .popup_menu_holder_outer{
    visibility: visible;
    opacity: 1;
}

.touch .popup_menu_holder_outer{
    display: none;
}

.touch .popup_menu_opened .popup_menu_holder_outer{
    display: block;
}

.popup_menu_opened header.scrolled .header_bottom,
.popup_menu_opened header.sticky .header_bottom{
    background-color: transparent !important;
    box-shadow: none;
}

.popup_menu_opened .header_top,
.popup_menu_opened .header_bottom{
    background-color: transparent !important;
    border: 0px !important;
}

.popup_menu_opened .craftsman_construction_logo img.normal,
.popup_menu_opened .craftsman_construction_logo img.light,
.popup_menu_opened .craftsman_construction_logo img.sticky,
.popup_menu_opened .craftsman_construction_logo img.dark{
    opacity: 0 !important;
}

.popup_menu_opened header .craftsman_construction_logo img.popup{
    opacity: 1 !important;
}

nav.popup_menu{
    margin: 0px auto;
    position: relative;
    top: 0px;
    text-align: left;
}

nav.popup_menu ul{
    display: none;
    position: relative;
    list-style: none;
    padding: 0;
    margin: 0;
}

nav.popup_menu > ul{
    display: block;
}

nav.popup_menu ul li{
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 45px;
    line-height: 50px;
}

nav.popup_menu ul.sub_menu ul.sub_menu li a span{
	margin:10px 0;
}



nav.popup_menu ul li a,
nav.popup_menu ul li h6{
    font-size: 24px;
    font-weight: 500;
    line-height: 50px;
    letter-spacing: 2px;
    color: #ffffff;
    padding: 0px;
    display: block;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer;
}

nav.popup_menu ul li a:hover,
nav.popup_menu ul li h6:hover{
    color: #9c9c9c;
}

nav.popup_menu ul li a span,
nav.popup_menu ul li h6 span{
    display: inline-block;
    vertical-align: middle;
}


nav.popup_menu ul li ul li a,
nav.popup_menu ul li ul li h6{
    font-size: 14px;
    text-transform: none;
}

nav.popup_menu ul li ul li ul li a,
nav.popup_menu ul li ul li ul li h6{
    font-size: 0.5em;
    line-height: 1em;
}

.popup_menu.medium .popup_menu_inner,
.popup_menu.medium .line,
.popup_menu.medium .line:after, .popup_menu.medium .line:before {
    height: 3px;
    width: 19px;
}

.popup_menu.medium .line:before{
    top: -6px;
}

.popup_menu.medium .line:after {
    top: 6px;
}

.popup_menu.large .popup_menu_inner,
.popup_menu.large .line,
.popup_menu.large .line:after, .popup_menu.large .line:before {
    height: 4px;
    width: 24px;
}

.popup_menu.large .line:before{
    top: -8px;
}

.popup_menu.large .line:after {
    top: 8px;
}

/* ==========================================================================
   Popup menu end styles
   ========================================================================== */


/* ==========================================================================
   Start of content with negative margin style
   ========================================================================== */

.content_top_margin .content .container .container_inner.page_container_inner{
    padding: 0px;
}

.content_top_margin .content .container .container_inner .call_to_action{
    margin: 0px -15px;
}

.content_top_margin .content .container .container_inner .call_to_action .container_inner{
    width: 100%;
}

/* ==========================================================================
   End of content with negative margin style
   ========================================================================== */

/* ==========================================================================
   Password protected box styles
   ========================================================================== */
.post-password-form {
	width: 300px;
}

.post-password-form p {
	margin-bottom: 20px;
}

.post-password-form input[type='password'] {
	display: block;
	margin: 5px 0 20px;
	padding: 15px 12px;
	outline: 0;
	resize: none;
	font-size: 13px;
	line-height:17px;
	color: #818181;
	font-family: inherit;
	font-weight:400;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border:2px solid #333333;
	background-color:#f5f5f5;
}

.post-password-form input[type='submit'] {
	position: relative;
	display: inline-block;
	width: auto;
	height: 39px;
	line-height: 39px;
	margin: 0;
	padding: 0px 23px;
	border: 2px solid #303030;
	font-size: 13px;
	font-weight: 700;
	font-family: inherit;
	text-align: left;
	color: #303030;
	text-decoration: none;
	cursor: pointer;
	white-space: nowrap;
	outline: none;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 20px;
	
	border-radius: 0;
	text-shadow: none;
	background-color: transparent;
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-ms-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	transition: all 0.1s linear;
	-webkit-box-sizing: initial !important;
	-moz-box-sizing: initial !important;
	box-sizing: initial !important;
}

.post-password-form input[type='submit']:hover {
	background-color: #333333;
	border-color: #333333;
	color: #fff;
	text-decoration: none;
}

/* ==========================================================================
   End of password protected box styles
   ========================================================================== */

/* ==========================================================================
   Image Gallery slider with no space
   ========================================================================== */

.craftsman_construction_image_gallery_no_space {
    opacity: 0;
}

.craftsman_construction_image_gallery_no_space .craftsman_construction_image_gallery_holder {
    overflow: hidden;
    position: relative;
    width: 100%;
}

.craftsman_construction_image_gallery_no_space ul {
    margin: 0;
    overflow: hidden;
    padding: 0;
}

.craftsman_construction_image_gallery_no_space ul li {
    float: left;
    list-style: none outside none;
    margin: 0px;
}

@media only screen and (min-width: 800px) {
    .craftsman_construction_image_gallery_no_space.highlight_active ul li:not(.active) {
        opacity: 0.2;
    }

    .craftsman_construction_image_gallery_no_space.highlight_active ul li {
        -webkit-transition: opacity 0.3s ease-in-out;
        -moz-transition: opacity 0.3s ease-in-out;
        -ms-transition: opacity 0.3s ease-in-out;
        -o-transition: opacity 0.3s ease-in-out;
        transition: opacity 0.3s ease-in-out;
    }
}


.craftsman_construction_image_gallery_no_space ul li:not(.active) a {
    cursor: default;
}

.craftsman_construction_image_gallery_no_space a.prettyphoto {
    display: block;
    width: 100%;
    height: 100%;
}

.craftsman_construction_image_gallery_no_space ul li img {
    display: block;
    position: relative;
}

.craftsman_construction_image_gallery_no_space .controls {
    width: 100%;
}

.craftsman_construction_image_gallery_no_space .controls a.prev-slide,
.craftsman_construction_image_gallery_no_space .controls a.next-slide {
    vertical-align: middle;
    font-size: 30px;
    position: absolute;
    top: 0;
    height: 100%;
    width: 10%;
}

.craftsman_construction_image_gallery_no_space .controls a.prev-slide span,
.craftsman_construction_image_gallery_no_space .controls a.next-slide span {
    margin-top: -27px;
    margin-left: -27px;
    position: absolute;
    left: 50%;
    top: 50%;
    background-color: transparent;
    border: 2px solid #303030;
    color: #303030;
    cursor: pointer;
    display: block;
    height: 54px;
    line-height: 54px;
    text-align: center;
    width: 54px;
    -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out;
    -moz-transition: color .15s ease-in-out, background-color .15s ease-in-out;
    -ms-transition: color .15s ease-in-out, background-color .15s ease-in-out;
    -o-transition: color .15s ease-in-out, background-color .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out;
	padding-bottom:2px;
}
.craftsman_construction_image_gallery_no_space .controls a.prev-slide span{
	padding-right:2px;
}

.craftsman_construction_image_gallery_no_space .controls a.next-slide span{
	padding-left:2px;
}


.craftsman_construction_image_gallery_no_space.light .controls a.prev-slide span,
.craftsman_construction_image_gallery_no_space.light .controls a.next-slide span{
    color: #fff;
    border-color: #fff;
}
.craftsman_construction_image_gallery_no_space.dark .controls a.prev-slide span,
.craftsman_construction_image_gallery_no_space.dark .controls a.next-slide span{
    color: #000;
    border-color: #000;
}
.craftsman_construction_image_gallery_no_space .controls a.prev-slide:hover span,
.craftsman_construction_image_gallery_no_space .controls a.next-slide:hover span{
    background-color: #303030;
    color: #fff;
}
.craftsman_construction_image_gallery_no_space.light .controls a.prev-slide:hover span,
.craftsman_construction_image_gallery_no_space.light .controls a.next-slide:hover span{
    background-color: #fff;
    color: #8a8a8a;
}
.craftsman_construction_image_gallery_no_space.dark .controls a.prev-slide:hover span,
.craftsman_construction_image_gallery_no_space.dark .controls a.next-slide:hover span{
    background-color: #000;
    color: #fff;
}
.craftsman_construction_image_gallery_no_space .controls a.next-slide {
    right: 20px;
}

@media only screen and (max-width: 800px) {
    .craftsman_construction_image_gallery_no_space .craftsman_construction_image_gallery_holder {
        height: auto !important;
    }

    .craftsman_construction_image_gallery_no_space ul {
        height: auto !important;
        width: 100% !important;
    }

    .craftsman_construction_image_gallery_no_space ul li {
        float: none;
    }

    .craftsman_construction_image_gallery_no_space ul li.-before,
    .craftsman_construction_image_gallery_no_space ul li.-after {
        display: none;
    }

    .craftsman_construction_image_gallery_no_space ul li div {
        height: auto !important;
        width: 100% !important;
    }

    .craftsman_construction_image_gallery_no_space ul li img {
        height: auto;
        width: 100%;
    }

    .craftsman_construction_image_gallery_no_space .controls { display: none; }
}

/* ==========================================================================
   End of Image Gallery slider with no space
   ========================================================================== */
.wpb_gmaps_widget .wpb_map_wraper iframe{
	height:285px;
	opacity:0.7;
} 
.wpcf7-form p label{
	color:#fff;
}
.text_white{
	color:#fff;
}
.text_white_title{
	font-family:Montserrat;
	color:#fff;
	font-weight:700;
}



.youtube {
    background-color: #000;
    margin-bottom: 30px;
    position: relative;
    padding-top: 56.25%;
    overflow: hidden;
    cursor: pointer;
}
.youtube img {
    width: 100%;
    top: -16.82%;
    left: 0;
    opacity: 0.7;
}
.youtube .play-button {
    width: 90px;
    height: 60px;
    background-color: #333;
    box-shadow: 0 0 30px rgba( 0,0,0,0.6 );
    z-index: 1;
    opacity: 0.8;
    border-radius: 6px;
}
.youtube .play-button:before {
    content: "";
    border-style: solid;
    border-width: 15px 0 15px 26.0px;
    border-color: transparent transparent transparent #fff;
}
.youtube img,
.youtube .play-button {
    cursor: pointer;
}
.youtube img,
.youtube iframe,
.youtube .play-button,
.youtube .play-button:before {
    position: absolute;
}
.youtube .play-button,
.youtube .play-button:before {
    top: 50%;
    left: 50%;
    transform: translate3d( -50%, -50%, 0 );
}
.youtube iframe {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}