/*
Theme Name: VG design II
Author: LinkLab wordpress development
Author URI: http://www.linklab.co.il/
Description: Bespoke Wordpress Theme
Version: 2.2.1
Text Domain: vgd-theme
*/

html {
    font-family: sans-serif;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {	
    border: 0;	
    font-family: inherit;	
    font-size: 101%;	
    font-style: inherit;	
    font-weight: inherit;	
    margin: 0;	
    outline: 0;	
    padding: 0;	
    vertical-align: baseline;
	font-family: 'Assistant', sans-serif;
}
html, body  {	
    background: #ebebeb;		
    background-image: url(images/bg001.jpg); 
    background-repeat: repeat;	
    margin: 0; 	
    padding: 0;	
    color: #333333;	
    line-height: 1.250em;				
}
a {	
    color: #9462a9;
    text-decoration: none;
    -moz-transition: all 0.35s;
    -webkit-transition: all 0.35s;
    transition: all 0.35s;	
}
a:hover {	
    color: #533062 ;
}
.icon {
	display: inline-block;
	width: 1em;
	height: 1em;
	stroke-width: 0;
	stroke: currentColor;
	fill: currentColor;
	vertical-align: middle;
}
h1 {	
    color: #3d3d3d;	
    font-weight: 900;	
    font-size: 1.375em;	
    margin-bottom: 1.250em;
}
h2 {	
    color: #3d3d3d;	
    font-weight: 700;	
    font-size: 1.250em;
    margin-bottom: 0.750em;
}
h3 {	
    color: #525252;	
    font-weight: 700;	
    margin-bottom: 0.750em;
}
p { 
	margin-bottom: 0.750em;
	line-height: 1.5;
}
img { border: 0; }
.entry-attachment img {max-width:100%; height:auto;}
em { font-style: italic; }
blockquote { font-style: italic; margin: 1.250em 0.625em 0.625em 1.250em; }
.small { font-size: 0.875em; }
ol {	direction: rtl;	margin: 5px 34px;}
strong { color: #000; }
.fa {padding-left:6px;}

.wp-caption-text {
    font-style: italic;
    font-size: 12px;
    margin-bottom: 8px;
}
.alignright {
    margin: 8px 0 0 22px;
    float: right;
}
.clear:after {
    content:'';
    display:block;
    clear: both;
}

/* --------------------header-----------------------   */
#headwarp {	
    background: url(images/bg004.png) repeat-x top;	
    margin: 0 auto;	
	width:100%;
    max-width: 1150px;	
	display:block;
	position:relative;
}
#headwarp:after {
    content:'';
    display:block;
    clear: both;
}
#logo {	
    width: 300px;	
    height: 76px;	
    float: right;	
    margin: 20px 0;
	position:relative;
}
#logo:after {
	content:' ';
	display:block;
	position:absolute;
	top:0; left:0;
	width:50%;
	height:100%;
	background: url(images/bg001.jpg) repeat;
	z-index:0;
}
#logo a img {
  display: block;
  position: relative;
  z-index: 100;	
}
/*
#menu-buttons { 	
	position:absolute;
	top: 10px;
	left: 8px;
}
#lang_switcher {
	list-style:none;
	padding:0;
	margin:0;
}
#lang_switcher .lang-item  {
    font-size: 0.750em;	
    font-style: italic;	
	display:inline-block;
}
#lang_switcher .lang-item-first:after {
	content: ' | ';
	display:inline-block;
    padding: 0 7px 0 2px;	
}
*/
#menu-toggle {
	font-weight: 600;
	padding: 0 10px;
	height: 30px;
	border: 0;
	display: inline-block;
	text-align: center;
	color: #5f4972;
	display:none;
	visibility: hidden;
}
#menu {	
    /*width: 650px;	*/
    float: left;	
    margin: 60px 0 30px 0;
}
#menu ul {	
    list-style: none;	
    font-size: 14px;	
    font-weight: 600;	
    float: left; 
}
#menu ul li {	
    float: right;	
    height: 24px;	
    display: block;	
    margin: 0 4px;	
    padding: 10px 10px 6px;
	font-size: 1.1em;
}
#menu ul .current_page_item, #menu ul .current_page_parent,
body.archive.tax-portfolio-cat #menu ul #menu-item-29,
body.single-home #menu ul #menu-item-735,
body.single-tips #menu ul #menu-item-28,
body.single-article #menu ul #menu-item-477{	
    background: url(images/bg005.png) repeat;
	border-top: 1px solid #8f7bb5;
	border-bottom: 1px solid #8f7bb5;
}
#menu a {	
    color: #7c7c7c;
	transition: 0.35s;
	-moz-transition: 0.35s;
	-o-transition: 0.35s;
	-ms-transition: 0.35s;
	-webkit-transition: 0.35s;
}
#menu a:hover {	color: #5f4972;}
#menu ul .current_page_item a, #menu ul .current_page_parent a, 
body.archive.tax-portfolio-cat #menu ul #menu-item-29 a,
body.single-tips #menu ul #menu-item-28 a, body.single-article #menu ul #menu-item-477 a
{color: #5f4972 ;}
#menu ul li.lang-url { padding-right: 0; }
#menu ul li.lang-url::before {
    content: '|';
    padding-left: 18px;
}

/* --------------------footer-----------------------   */

#footwarp {	
    margin: 1.750em auto;	
	width:100%;
    max-width: 978px;	
    min-height: 4.375em;	
    color: #828282;
}
#footwarp .col1 {	
    float: right;	
    width: 25%;		
	padding-left:20px;
	box-sizing: border-box;
}
#footwarp .col2 {	
    float: right;	
    width: 50%;	
	text-align:center;		
	color: #615f5f;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 0 20px;
	box-sizing: border-box;
}
/*#footwarp .col2 a {color: #615f5f;}*/
#footwarp .col3 {	    
	float: right;	    
	width: 25%;	
	padding-right:20px;	
	box-sizing: border-box;
}
#footwarp ul {	
    list-style: none;	
}
#footwarp ul li {
	padding-left:6px; 
	font-size: 0.850em;
	color:#d1d1d1;
}
/*#footwarp ul li:after{content:" | ";}
#footwarp ul li:last-child:after {content:"";}*/
#footwarp .kidum p {
	font-size:0.875em;
	padding-top:2em;
	color:#d1d1d1;
}
#footwarp .footer-dis { 
    display:block; 
    width:50%;		
	margin: 0 auto;
    padding: 16px 0;  		
	text-align:center;
}
.credit { 	
    display: table;	
	width: 100%;	
    max-width: 978px;	
    text-align: center;	
    padding-top: 0.500em;	
    font-size: 0.813em;
}

#footwarp .wpcf7-form-control-wrap input, #footwarp .wpcf7-form-control-wrap textarea {
    width: 100%;
    line-height: 2em;
    font-size: 0.875em;
    margin-bottom: 8px;
    box-sizing: border-box;
    background: #a290c4;	
}
#footwarp h3 {
    margin: 0 0  0.750em;
}
#footwarp input.wpcf7-submit {
    width: 100%;
    padding: 0;
    line-height: 2em;
    width: 100%;
    background: transparent;
    color: #533062;
    border: 1px solid #533062;
    cursor: pointer;
    font-weight: 600;	
    font-size: 0.875em;	
    -moz-transition: all 0.35s;
    -webkit-transition: all 0.35s;
    transition: all 0.35s;	
}
#footwarp input.wpcf7-submit:hover {
    background: #533062;
    color: #fff;
}
#footwarp span.wpcf7-not-valid-tip {
    margin-top: -0.5em;
    font-size: 0.850em;	
}
#footwarp div.wpcf7-response-output {
    margin: 0;
    border: none !important;
    padding: 0;
}

/* --------------------main-----------------------   */
/* ----------------- main - image --------------------   */

#main_top {	
    background: url(images/bg002.jpg) repeat-x bottom;	
    width: 100%;	
    margin: 0 auto;
}
#img_main {	
    height: 330px;	
    width: 100%;	
    max-width: 1150px;	
    margin: 0 auto; 	
    position: relative;	
    overflow: hidden;
}
#img_main.wide_col1 {

}
#img_main.home img {margin: 0; padding: 0;  }
#img_main.home ul li { position:absolute;  }
#img_main.wide_col1 img { 
	position: absolute; 
	width: 100%; 
	height: auto;
    top: 50%;
    -webkit-transform: translate(0 , -50%);
    -ms-transform: translate(0 , -50%);	
    transform: translate(0 , -50%);	
}

/* ----------------- main - image - NEW --------------------   */
#top_banner {	
	display:block;
    height: 330px;	
    width: 100%;	
    max-width: 1150px;	
    margin: 0 auto; 	
    position: relative;	
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    background-color: #f6f6f6;	
}
#top_banner.no_image {
	background-image:url(images/pg05.jpg);
}

/* ----------------- main - projects colms -------------------- */
.proj h1.page-title {
    max-width: 1150px;
    margin: 0 auto 1.250em;
}
#main_top.proj {	
    height: 640px;	
    background: url(images/bg002b.jpg) repeat-x top;
}
#img_main.projmen {height: 445px;}
#img_main.projpg {height: 330px;}
#projmenu {	
    width: 100%;	
    height: auto;	
    float: right;	
    position: absolute;
}
#projects_category_navigation {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.procol {	
    height: 445px;	
    width: 16%;	
    float: right;	
    margin-right: 0.79%;	
    color: #FFFFFF;	
    text-align: center;
    overflow: hidden;
} 
#projects_category_navigation .procol  {
    float: none;	
    margin: 0 0;	
    display: inline-block;	
}
.procol a { 
    color: #FFFFFF; 
    font-size: 1.12em;
	text-shadow: 1px 1px 3px #666666;
}
.procol._pg {height: 330px;}
#pro_39 { background-color: #9462a9; } 
#pro_36 { background-color: #a290c4; } 
#pro_34 { background-color: #4b5fa3; margin: 0;  }
#pro_41 { background-color: #7783ab;  }
#pro_581 { background-color: #9c879b; }
#pro_32 { background-color: #533062; }

.procol:nth-child(6) { background-color: #9462a9; } 
.procol:nth-child(3) { background-color: #a290c4; } 
.procol:nth-child(1) { background-color: #4b5fa3; margin: 0;  }
.procol:nth-child(5) { background-color: #7783ab;  }
.procol:nth-child(4) { background-color: #9c879b; }
.procol:nth-child(2) { background-color: #533062; }

.proImg {	
    width: 100%; 
    height: 410px;	
    margin-bottom: 8px;	
    border-bottom: #d1d1d1 2px solid;	
    overflow: hidden;	
    position: relative;
}
.proImg._pg { 	
    height: 250px;	
    background: #e6e6e6; 	
    border-bottom: #697170 2px solid; 
}
.proImg img {  
    position: absolute; 
    right: 0; 
}
#projmenu .procol .proImg img, .proImg._pg img  {
	-webkit-filter: grayscale(1);
	-moz-filter: grayscale(1);
	filter: grayscale(1);	
	transition: all 0.8s ease;
}
.proImg._pg img {	
    opacity:0.7;	
    filter:alpha(opacity=70);
}
#projmenu .procol.current .proImg._pg img, #projmenu .procol:hover .proImg._pg img, #projmenu .procol:hover .proImg img {	
	-webkit-filter: grayscale(0);
	-moz-filter: grayscale(0);
	filter: grayscale(0);	
}
.proImg._pg .color {	
    opacity: 0;	
    filter:alpha(opacity=0);
} 
.procol.current_proj_item a { color: #3d3d3d;   text-shadow: 0px 1px 3px #ccc; }
.procol.current_proj_item a { color: #bbb;   text-shadow: 0px 1px 3px #5a5a5a; }
#pro_36.procol.current_proj_item a, #pro_34.procol.current_proj_item a, .procol.current a { color: #bbb; text-shadow: 1px 1px 3px #666666;}
.procol.current_proj_item .proImg._pg img  {	
    opacity:0;	
    filter:alpha(opacity=0);
}
.procol.current_proj_item .proImg._pg .color  {	
    opacity:0.8;	
    filter:alpha(opacity=80);
} 
.fbic {
    background: url(images/iconfacebook.gif) no-repeat right; 
    padding-right: 30px; 
    line-height: 22px; 
    display: inline-block;
}
.eng .fbic  { 
    background: url(images/iconfacebook.gif) no-repeat left; 
    padding-left: 30px; 
}
#menu-mobile-projects, #menu-mobile-projects-en {display:none;}

.mobile-pbanner  {
	display:none;
}

/* ----------------- Q and A -------------------- */
#projects_list:after {
	content:'';
	display:block;
	clear:both;
}
#qa {

}
#qa .icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
}
#qa ul {
	list-style:none;
	padding:0;
	margin:0;
}
#qa .qa_item {
	padding: 10px 0;
	border-bottom:2px solid #e3e3e3;
}
#qa .qa_item:last-child {
	border-bottom:none;
}
#qa .qa_item p {
	margin: 14px 0;
	font-size:0.938em;
	position:relative;
	padding-right:50px;
}
#qa .qa_item p.closed {
	display:none;
}
#qa .qa_item p .icon {
	position:absolute;
	right:0;
	width:28px;
	height:28px;
}
#qa .qa_item .a .icon {
	color:#919191;
}
#qa .qa_item .q {
	color:#9462a9;
	font-weight:bold;
	cursor:pointer;
}
#qa .qa_item p .close_btn  {
	position:absolute;
	left:0; top:0;
	display:inline-block;
}
#qa .qa_item p .close_btn .icon {
	width:30px;
	height:22px;
	position:initial;
	color:#919191;
    -webkit-transition: all 0.35s;
    transition: all 0.35s;		
}
#qa .qa_item p.expand_item.active .close_btn .icon {
    -ms-transform: rotate(180deg); 
    -webkit-transform: rotate(180deg); 
    transform: rotate(180deg);
}	

/* ----------------- main - content --------------------   */

#contentwarp {	
    background: #d1d1d1 url(images/bg003.jpg) repeat;	
    width: 100%;	
    margin: 0 auto;	
    padding: 1.250em 0 2.500em 0;	
    min-height: 15.000em;
}
#content {	
	width: 100%;	
    max-width: 978px;	
    margin: 0 auto;	
    display: block;	
    min-height: 6.250em;	
    border-spacing: 3px;
}
#content:after {
    content:'';
    display:block;
    clear: both;
}
#content p {	margin-left: 10px;}
/*#content a { color: #333333; } 
#content a:hover { color: #666666; } */
.tablerow {	display: table-row;}

/* ----------------- Changes June 2017 --------------------   */
#content.new {	
    display: block;
    min-height: initial;
    border-spacing: initial;	
}

/* ------------- main - CONTENT COLS ------------------   */

.col_1 {	
    width: 23.517%; 	
    display: table-cell;	
    height: 100%;
}
.col_2 {	
    width: 48.977%;	
    display: table-cell;	
    height: 100%;	
    padding: 0 16px;	
    padding-bottom: 24px;
}
.col_3 {	
    width: 74.539%;	
    display: table-cell;	
    height: 100%;	
    padding: 0 16px;	
    padding-bottom: 24px;
}
.col_4 {	
    width: 100%;	
    display: table-cell;	
    height: 100%;
}
.col_color {	
    background: url(images/bg006.png) repeat;	
    padding: 10px 0; 
}
.col_white {	
    background: #eeeeee url(images/bg007.png) repeat;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.cell_1 {	
    width: 50%;	
    float: right;	
    padding-top: 1.125em;
}
.cell_1.eng { float: left; }
.cell_1 p { text-align: justify; }
.col_1.col_color a {
    color: #f6f6f6;	
}
.col_1.col_color a:hover {
    color: #d8d8d8;
}	
.w_style {	
    margin: 12px 38px 20px 0; 	
    font-size: 0.875em;
}
#homecol1 h2 {	
    color: #2d823e ;	
    font-weight: bold; 
    /*padding-right: 28px; 	*/
    font-size: 1em;	
    /*background: url(images/greydot.png) no-repeat top right; */
}
.eng {	
    direction: ltr;	
    text-align: left;	 	
}
.col_2.eng p {	
    padding: 2px 0;	
    padding-right: 10px;	
    font-size: 13px;
}
.eng h4 { 	
    margin: 0 0 10px 10px;	
    padding-left: 28px;	
    background: url(images/greydot.png) no-repeat top left;  
}
.eng .w_style { margin: 12px 0 20px 38px; }

/* ------------- main - homepage ------------------   */
/*
#mobile-slider.flexslider { display:none; }
#homeslider.flexslider, #mobile-slider.flexslider {
	border: none;
	background:transparent;
	max-width: 100%;
	width: 1200px;
	margin: 0 auto;
}
#homeslider.flexslider .flex-control-nav, #mobile-slider.flexslider .flex-control-nav {
	bottom: -2em;
}
#homeslider.flexslider .flex-control-paging li a, #mobile-slider.flexslider .flex-control-paging li a {
	width: 8px;
	height: 8px;
}
*/
#homeslider {
	width: 100%;
	max-width: 1150px;
	height: 330px;
	margin: 0 auto;
	overflow: hidden;
}
#home-banner-slider {
	list-style: none;
	margin: 0;
	padding: 0;
}


.page-template-home-page #main_top {	
	background: url(images/bg002.jpg) repeat-x bottom;
	padding-bottom:2em;
}

#homecol1 {	
    width: 25%;	
    margin-right: 10px;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
	float:right;
	margin-right:1.5%;
}
#homecol2  {	
    width: 73.5%;	
    padding: 0;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
	float:right;
}
#homecol1 .col_1 { 	
    display: block;	
    width: 100%;	
	padding: 0.6em;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
}
#homecol1 .col_1.col_white .border-w {
	border: 1px dashed #ccc;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 0.8em;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
}
#homecol1 .col_1 a { color: #2d823e ; }
#homecol1 .col_1 a:hover { color: #006633 ; }
#homecol1 .col_1.col_white p a {	color: #333333;}
#homecol1 .col_1.col_white p {	
    margin: 0.875em 0;	
	line-height: 2;
	font-size: 0.875em;
	font-weight: 700;
}
#homecol1 h2 { 	
    margin: 0; line-height: 20px;   text-align: center;
}

.quicknav-warps {
	width:100%;
	float:right;
}
.quicknav-block {
	background:#fff;
	background-color: rgba(255, 255, 255, 0.3);
	width:100%;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
	padding: 1.6em;
	margin: 2em 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.quicknav-block .more  {
	text-align:left;
}
.quicknav-block .more.index {
	margin-bottom:0;
	border-top:1px dashed #fff;
	padding-top:0.750em;
	text-align:center;
}
/*
#content .quicknav-block .more.index a {
	color:#9c879b;
}
#content .quicknav-block .more a:hover {
	color: #533062;
}
*/

#portmenu {	
    list-style: none;	
    width: 100%;	
    float: right;
}
#portmenu li {	
    float: right;		
    width: 15.66667%;	
	padding: 0.6em 0;
    margin: 26px 0 26px 1.2%;	
    text-align: center;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-shadow: 1px 1px 3px #666666;
}
#portmenu li:last-child {margin-left: 0;}
#portmenu li a { 
    color: #FFFFFF; 
    font-size: 1.125em; 
	transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	-ms-transition: 0.4s;
	-webkit-transition: 0.4s;
}
#portmenu li a:hover { color: #dfdfdf; }
#portmenu li.page-item-21 { background: #533062;  }
#portmenu li.page-item-20 { background: #4b5fa3;  }
#portmenu li.page-item-19 { background: #7783ab;  }
#portmenu li.page-item-18 { background: #9462a9;  }
#portmenu li.page-item-22 { background: #a290c4;  }
#portmenu li.page-item-17 { background: #9c879b; }

#hp_homeDesign {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
#hp_homeDesign .col-25 {	
    width: calc(100% - 680px);	
	-moz-box-sizing: border-box;
    box-sizing: border-box;
	padding:18px 50px 0 0;
}
#hp_homeDesign .col-75 {	
    width: 680px;	
	display:inline-block;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
}
#homeDesign_posts {
	list-style:none;
	margin:0;
	padding:0;
	width:100%;
}
#homeDesign_posts button.slick-arrow {
    position: absolute;
    top: 50%;
	margin-top:-15px;
    border: none;
    background: transparent;
	color:#fff;
    font-size: 40px;
    height: 30px;
    line-height: 26px;
    width: 28px;
    overflow: hidden;
	z-index:100;
	cursor:pointer;
    -moz-transition: all 0.35s;
    -webkit-transition: all 0.35s;	
	transition: all 0.35s;	
}
#homeDesign_posts button.slick-arrow:hover { opacity:.4; }
#homeDesign_posts button.slick-arrow:before {
	display:block;
	height:30px;
}
#homeDesign_posts button.slick-arrow.slick-prev {
	left:5px;
}
#homeDesign_posts button.slick-arrow.slick-next {
	right:5px;
}
#homeDesign_posts li .img_w {
	border: 5px solid #dedede;
	overflow:hidden;
    position: relative;	
	display: inline-block;	
}
#homeDesign_posts li .img_w  span {
	max-width:140px;
}
#homeDesign_posts li .img_w img {
    display: block;
    width: 100%;
    height: auto;
    -moz-transition: all 0.9s;
    -webkit-transition: all 0.9s;
    transition: all 0.9s;
}
#homeDesign_posts li .img_w:hover img {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
#homeDesign_posts li span.title {
	display:block;
	font-size:0.813em;
	font-weight:bold;
	color:#9c879b;
}
/*
#hp_homeDesign .intro a {
	color:#9c879b;
    -moz-transition: all 0.35s;
    -webkit-transition: all 0.35s;	
	transition: all 0.35s;
}
#hp_homeDesign .intro a:hover {
	color:#9462a9;
}
*/

/* ------------- main - about page ------------------   */

#aboutimg {	
    position: absolute;
    height: 220px;
    overflow: hidden;
    margin: -8px 2px 0;
    box-sizing: border-box;
    width: calc(100% - 4px);
}
#aboutimg img {
	width:100%;
	height:auto;
}

/* ----------------- main - projects gallery -------------------- */
.title_header span {font-size: 0.875em;}
.page-template-portfolio-cat h1 {margin-bottom:0;}
#projects_list {
	margin:0 auto 30px;
}
#gallery {	
	list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
#gallery li {	
    position: relative;
}
#gallery li .click2open {	
    display: block;
    font-weight: bold;
    color: #686868;
    font-size: 0.875em;
    position: absolute;
    left: 1px;
    top: 20px;
    z-index: 100;
    width: 40%;
    padding: 5px 8px;
    line-height: 1;
    background: rgba(255, 255, 255, 0.55);
	opacity:0;
	-moz-transition: opacity 0.9s;
	-webkit-transition: opacity 0.9s;
	transition: opacity 0.9s;		
}
#gallery li:hover .click2open {
	opacity:1;
}
#gallery li .pic0 img, #homeDesign_grid li .homeThumb img { 
	display: block;
    width: auto;
    height: 100%;
    -moz-transition: all 0.9s;
    -webkit-transition: all 0.9s;
    transition: all 0.9s;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transform-origin: 0 0;
}
#gallery li .pic0:hover img, #homeDesign_grid li .homeThumb:hover img {
	-moz-transform: scale(1.1) translate(-50%, -50%);
    -webkit-transform: scale(1.1) translate(-50%, -50%);
    transform: scale(1.1) translate(-50%, -50%);
}

/* ------------- main - lobby home design ------------------  */

#homeDesign_grid {
	list-style:none;
	margin:0;
	padding:0;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;	
}
#homeDesign_grid > li, #homeDesign_grid > .gap, #gallery li, #gallery .gap {
    display: inline-block;
    margin: 0 0 30px;
    width: calc(33.333% - 20px);
}
#homeDesign_grid > li a.home_thumb {
	display:inline-block;
}
#homeDesign_grid li .homeThumb, #gallery li .pic0  {
    overflow: hidden;
    width: 100%;
    border: 1px solid #828282;
    position: relative;
    background: #f8f8f8;
    padding-top: calc(100% - 2px);
    box-sizing: border-box;
}
#homeDesign_grid li .homeThumb span,
#homeDesign_posts li.slick-slide .img_w  span {
	width: 40%;
    padding: 0 5px;
    display: block;
    background: rgba(249, 249, 249, 0.65);
    position: absolute;
    left: 0;
    top: 20px;
	z-index:100;
    opacity: 0;
    font-weight: bold;
    color: #686868;
    font-size: 0.875rem;
    line-height: 30px;
    -webkit-transition: all 0.65s;
    transition: all 0.65s;		
}
#homeDesign_grid li .homeThumb:hover span, #homeDesign_posts li.slick-slide .img_w:hover span {opacity:1;}


/* ------------- main - single home design ------------------  */

#img_main.homeDesign_header img {
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
} 
#content.homeDesign {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 1.250em;	
}
.homeDesign_slider {
	display:inline-block;
	width:706px;
	visibility: hidden;
}
.homeDesign_slider.slick-initialized {visibility: visible;}
.homeDesign_content {
	display:inline-block;
	width:calc(100% - 706px);
	padding: 0 0 36px 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;	
    position: relative;	
}
.homeDesign_content .archive {
	position:absolute;
    bottom: 10px;
	font-size: 1.2em;	
}
.archive .icon {
	padding-left: 5px;
}
/*
#content .homeDesign_content .archive a {
    color: #6c4e87;
}
*/
.homeDesign h1.page-title span {
	display:block;
	font-weight:500;
	font-size: 1.125rem;
	margin-top: 1.250rem;
}
ul.homeDesign_slider {
	list-style:none;
	margin:0;
	padding:0;
	text-align: center;	
}
ul.homeDesign_slider li.slick-slide img {
    margin: 0 auto;
}
ul.homeDesign_slider li.slick-slide a {
	display:inline-block;
	position:relative;		
}
ul.homeDesign_slider li.slick-slide .icon  {
    height: 30px;
	width:32px;
	position:absolute;
	top:15px;
	left:15px;
	color:#fff;
	opacity:0;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;	
}
ul.homeDesign_slider li.slick-slide:hover .icon {
	opacity:1;
}

ul.slick-dots li {
	display: inline-block;
    padding: 16px 7px 10px;
}
ul.slick-dots li button {
    width: 10px;
    height: 10px;
    display: block;
    padding: 0;
    text-indent: 999px;
    overflow: hidden;
    background: #421c53;
    border: 1px solid #421c53;
    border-radius: 5px;
	outline:0;
	cursor:pointer;
}
ul.slick-dots li.slick-active button {
    background: #8f7bb5;
	border-color: #8f7bb5;
}

/* ------------- main - tips page ------------------   */

#tipslist {	
    color: #77438b;	
    list-style: decimal-leading-zero;	
    margin: 0 0; margin-right: -10px;
}
#tipslist li { padding-right: 10px; margin-bottom: 1.6em; }
#tipslist li p {	
    color: #525252;	
}
/*#tipslist h2 a { color: #525252; } */

/* ------------- main - articles page ------------------   */

#articlelist { list-style: none; }#articlelist li { 	float:right;	clear:both;	margin-bottom: 22px;  }
#articlelist .attachment-lobbythumb {
    float: right;
    margin-left: 22px;
    border: 1px solid #828282;
} 
/*
#articlelist .read-more, #tipslist .read-more {
    color: #81659a;
}
*/
.s-article strong {	font-weight:bold; }
/*#content .s-article  a , #content .next-posts a{	color: #81659a;}*/
hr { margin: 22px 0; clear: both; }
.halfcon {	float:right;	width:50%;}
.thirdcon {	float:right;	width:33%;}
.halfcon.alileft, .thirdcon.alileft { text-align:left; }
.s-article h2 {
	line-height: 1.4em;
	font-weight: 400;
}
.tip-article .thirdcon:nth-child(1) {width:25%;}
.tip-article .thirdcon:nth-child(2), .tip-article .thirdcon:nth-child(3) {width:37.5%;}

/* ------------- main - contact page ------------------  */

.page-template-page-contact #homecol2 {
	width: 64%;
}
.page-template-page-contact #homecol1 {
  width: 33%;
}


/* ------------- main - contact form ------------------  */

.wpcf7-form-control-wrap input, .wpcf7-form-control-wrap textarea { 
	border: 0;	
	background: #9c879b; 
	width: 75%;
	line-height: 1.8em;
	font-size: 1em;
	margin-bottom: 1em;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 0 6px;
	font-family: 'Assistant', sans-serif;
}
.wpcf7-form-control-wrap textarea { height: 5em;}
input.wpcf7-submit {
	background: #533062;
	color:#fff;
	font-size: 1em;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 0 6px;
	font-family: 'Assistant', sans-serif;
	padding: 6px 30px;
}
span.wpcf7-not-valid-tip {margin-top:-1em;}

.ie11 .wpcf7-form-control-wrap input, .ie11 .wpcf7-form-control-wrap textarea, .ie11 input.wpcf7-submit,
.ie10 .wpcf7-form-control-wrap input, .ie10 .wpcf7-form-control-wrap textarea, .ie10 input.wpcf7-submit {
font-family: Arial, sans-serif; height: 2.8em;
}
::-webkit-input-placeholder {
   color: #fff;
}
:-moz-placeholder { /* Firefox 18- */
   color: #fff;  
}
::-moz-placeholder {  /* Firefox 19+ */
   color: #fff;  
}
:-ms-input-placeholder {  
   color: #fff;  
}


label { color: #FFFFFF; vertical-align: top;}
input { border: 0;	background: #8c95b3; }
#sender_name {	
    background: #8c95b3;	
    display: inline-block;	
    padding: 0 5px;	
    margin: 12px 0 10px 10px;
	width: 36%;
}
#name { line-height: 1.375em; margin-right: 4px; }
#emailad {		
    background: #8c95b3;	
    display: inline-block;	
    padding: 0 5px;
	width: 40%;
}
#email { line-height: 1.375em; margin-right: 4px; }
#extrainfo {	
    background: #8c95b3;	
    width: 80%;
    margin-bottom: 1em;		
    padding: 3px 5px;
}
#extrainfo textarea {border: 0;	background: #8c95b3;}
#ishor input {	
    width: 85px; 
    height: 25px;	
    background: #9c879b;	
    font-style: italic;	
    color: #FFFFFF; 
    font-size: 14px;
}
.eng #sender_name {	margin: 12px 10px 10px 0; }
.eng #name { width: 150px; }
.eng #email {   margin-right: 0; margin-left: 4px; }


.fb-warp {     width: 978px;    margin: 20px auto;  }
p img.aligncenter { display:block; margin:0 auto; }
p img.alignleft { float:left; }
p img.alignright { float:right; }
.tip-article p { margin-bottom: 10px; }
.tip-article p img { margin-bottom: 16px; margin-top: 16px; max-width:98%; height: auto; }
.tip-article strong { font-weight: bold; color: #3d3d3d; }
.tip-article h2 { font-weight: bold; color: #3d3d3d; margin-bottom: 10px;  }
.mce-content-body{font-size: 16px;}

/*----- English New -------*/

.en #content p {	
	margin-left: 0;
	font-size: 0.938em;
}
.en .fa {
  padding-right: 6px;
  padding-left: 0px;
}
.page-id-218.en #homecol2, .page-id-218.en #homecol1 {
	direction: ltr;
}
.page-id-218.en #homecol2 {float:left;}
.page-id-218.en #homecol1 {float:right; margin-right: 0; margin-left: 1.5%;}


/**
 * Sticky popup form
 *
 * -----------------------------------------------------------------------------
 */
#sticky_subscribe {
	width:600px;
	position:fixed;
	top:50%;
	margin-top:-190px;
	right:0;
    transform: translate(600px, 0);
    transition: all 0.5s ease-out;	
    z-index: 100;	
}
#sticky_subscribe.open {
    transform: translate(0, 0);
}
#sticky_toggle_button {
    cursor: pointer;
    position: absolute;
    top: 50px;
    left: -80px;
    width: 80px;
    height: 100px;
    background-color: #8f7bb5;
    line-height: 1;
    text-align: center;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
}
#sticky_toggle_button span {
	display:block;
    font-size:1.25em;
    font-weight:600;
	color:#fff;
}
#sticky_toggle_button span .icon{	
    margin: 22px auto 5px;
	padding: 0;
    display: block;
    font-size: 26px;	
}
/*
#sticky_toggle_button span:before {	
    margin: 22px auto 10px;
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-left: 10px solid white;
    border-bottom: 8px solid transparent;
    border-top: 8px solid transparent;	
}
*/
#sticky_toggle_button:hover {
    background-color: #9f8ebf;
}	
#sticky_main {
	width:100%;
	min-height:380px;
	padding: 35px 35px 75px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;	
	background:#ffffff;
	transition: all 0.25s ease-out;	
    position: relative;	
}
#sticky_subscribe.open {
	-webkit-box-shadow: 0px 2px 20px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 2px 20px 0px rgba(0,0,0,0.4);
	box-shadow: 0px 2px 20px 0px rgba(0,0,0,0.4);
}
#sticky_main div {
	position:relative;
	z-index:100;
}
#sticky_main .wpcf7-form-control-wrap input, #sticky_main .wpcf7-form-control-wrap textarea {
	width: 100%;
    box-sizing: border-box;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
	background: transparent;
    border-bottom: 1px solid #ccc;
}
#sticky_main input.wpcf7-submit {
    margin: 0 auto;
    display: block;
}
#sticky_main div.wpcf7 .ajax-loader {
	position: absolute;
    bottom: 0;
}
#sticky_main span.wpcf7-not-valid-tip {
    color: #ab3232;
    font-size: 0.95em;	
}
#sticky_main div.wpcf7-response-output {
    margin: 2em 0 1em;
    padding: 0;
    font-size: 0.95em;
}
#sticky_main div.wpcf7-validation-errors {
    border: none;
}
#sticky_main ::-webkit-input-placeholder {
   color: #9c879b;
}
#sticky_main :-moz-placeholder {
   color: #9c879b;  
   opacity:1;
}
#sticky_main ::-moz-placeholder { 
   color:#9c879b;  
    opacity:1;  
}
#sticky_main :-ms-input-placeholder {  
   color:#9c879b;  
}
#sticky_main .sticky_main_contact_icons {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    bottom: 25px;
}
#sticky_main .sticky_main_contact_icons a {
	margin:0 4px;
}
#sticky_main .sticky_main_contact_icons .icon {
    font-size: 18px;
	padding-left: 5px;
}	


/*----- Responsive -------*/

@media only screen and (max-width: 840px)  {

/*
#mobile-slider.flexslider { display:block; }
#homeslider.flexslider { display:none; }
*/
	#primary {
		display: block;
		width: 100vw;
		box-sizing: border-box;
	}
	.col_1, .col_2, .col_3 {
		width:100%;
		margin:0;
		padding:0 25px;
		box-sizing: border-box;
		display:block;
	}
	.col_1 .small {
		float:none !important;
		line-height: initial !important;
		display: block;
		padding: 0.3em 0;
		margin-bottom: 0;
		background:transparent;
		text-align:right !important;
	}
	.thirdcon, .halfcon {
		width:96%;
		margin:0.2em auto;
	}
	#headwarp {
		height: 90px;
		background: transparent;
		box-sizing: border-box;
		padding: 0 25px;
	}
	#logo { 
		text-align: center;   
		height: auto;
		width: 190px;
		margin: 20px 0;
		float: left;
	}
	#logo a img {
		margin:0;
		width: 100%;
		height: auto;
	}
	#menu-toggle {
		display:inline-block;
		visibility: visible;
		margin: 30px -10px 30px 0;
		font-size: 1em;
		font-family: 'Assistant', sans-serif;
	}
	#menu-toggle .icon {
		font-size: 1.25em;
    	padding-left: 3px;
	}
	#menu {
		width: 100vw;
		float: none;
		margin: 0;
		position: absolute;
		top: 90px;
		right: 0;
		z-index: 10000;
		display: none;
		background-color: #fff;
	}
	#menu ul {
		font-size: 1em;
		float: none;
		padding: 0;
		margin: 0;
	}
	#menu ul li {
		width:100%;
		padding:10px 0;
		margin: 0;
		text-align:center;
		border-top:1px solid #ccc;
		float: none;
	}
	#menu ul li:last-child {border-bottom:1px solid #ccc;}
	#menu ul li.lang-url::before {display: none;}
	/*
	#menu-buttons {
		top: 100px;
		right: 8px;
	}
	#menu-buttons .lanb { float:left; line-height:3em; font-size: 1em; }
	*/
	#lang_switcher {
		position: absolute;
		bottom: 12px;
		left: 10px;
	}	
	.page-template-home-page #main_top {	
		padding-bottom:0.1em;
	}
	#footwarp .col1, #footwarp .col2, #footwarp .col3 {
		width: 100%;
		margin: 1em 0;
		border: none;
		box-sizing: border-box;
		padding: 0 25px;
		text-align: center;
	}
	#footwarp .col2 p.wdetail { font-size: 1.125em; }
	#footwarp ul li { 
		font-size:1em;
		padding:0.4em 0;
	}
	#menu-footer {
		border-bottom:1px solid #ccc;
		padding-bottom:1em;
	}
	#footwarp { margin: 0 auto; } 
	/*#footwarp ul li:after{content:" | ";}
	#footwarp ul li:last-child:after {content:"";}*/
	
	#homecol2, #homecol1, .page-template-page-contact #homecol1, .page-template-page-contact #homecol2 {
		width:100%;
		margin: 20px 0;
		display: block;
		float: none;
		box-sizing: border-box;
		padding: 0 25px;
	}
	.page-template-page-contact #homecol2 {text-align:center;}
	
	#img_main {height:8em;}
	#portmenu li {
		width: 30%;
		margin: 1.5%;
		font-size: 0.85rem;
	}
	#homecol1 .col_1.col_white p {text-align:center;}
	.quicknav-block {
		width: 100%;
		margin: 0;
		padding: 25px;
		box-sizing: border-box;
	}
	.quicknav-warps {
		float: none;
		width: 100vw;
		box-sizing: border-box;
		padding: 0 25px;
	}
	#tipslist {margin-right:2em;}
	.cell_1 { width: 96%; margin: 0 auto; }	
	.aim {
		width:42%;
		float:right; 
		right:0;
		margin-left:2%;
	}
	.en .aim {
		float:left;
		margin-right:2%;	
		margin-left:0;		
	}
	#aboutimg {  
		position: initial;
		/* width: 98%; */
		height: auto;
		margin: 12px 2px;
	}
	#aboutimg img { width:100%; height: auto; }
	#articlelist li {
		margin-bottom:2em;
		padding-bottom:1em;
		border-bottom:1px solid #acacac;
	}
	#articlelist li:last-child {border-bottom:none;}
	#articlelist .attachment-lobbythumb {
		margin-left: 1em;
		height:120px;
		width:120px;
	}
	.s-article .alignright {
		float:none;
		margin:1em auto;
		padding-bottom: 3em;
	}
	#main_top.proj {
		height: auto;
		float: right;
	}
	#img_main.projpg {
	  height: auto;
	}
	#img_main.projmen {
		height:auto;
		overflow: visible;
	}
	.proj h1.page-title {
		margin-top: 0.750em;
		padding: 0 20px;
	}	
	#projmenu {
		position: initial;
		padding: 0 20px;
		box-sizing: border-box;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: space-between;
		justify-content: space-between;		
	    margin: 0 0 30px;	
	}
	#projmenu .procol {
		width: 32%;
		float: none;
		margin: 6px 0;
	    height: 198px;	
	}	
	#projmenu .procol._pg {
	    height: 150px;
	}
	.procol {
		width:48%;
		height: 220px;
		margin: 0 1% 0.4em 1%;
	}
	#pro_34 {margin: 0 1% 0.4em 1%;}
	.proImg._pg {
		height: 110px;
	}
	.proImg img {
		width:100%;
		height:auto;
	}
	.procol._pg {
	  height: auto;
	}
	.mobile-pbanner  {
		display:block;
	}
	.mobile-pbanner img {
		width:120%;
		height:auto;
		display:block;
		margin-bottom:0.6em;
	}
	.procol a { 
		font-size:1em;
		margin-top:0.6em;
	}
	.procol.current_proj_item a {
		color:#fff;
	}
	
	#menu-mobile-projects, #menu-mobile-projects-en {
		display:block;
		list-style:none;
		width: 90%;
		margin:0.6em auto 1em auto;
	}
	#menu-mobile-projects-en { direction: ltr; }
	#menu-mobile-projects li, #menu-mobile-projects-en li {	
		display: inline-block;
		margin: 0.2em 5px;
		border-top:1px solid #828282;
	}
	#menu-mobile-projects li a, #menu-mobile-projects-en li a {color: #828282;}
	#menu-mobile-projects li.current_page_item, #menu-mobile-projects-en li.current_page_item  {
		display: none;
	}
	.page-template-portfolio-cat .procol {
		display:none;
	}	
	.page-template-portfolio-cat .procol.current_proj_item {
		display:block;
		width:90%;
		margin:0 5%;
		padding-bottom: 0.6em;
	}
	.page-template-portfolio-cat #pro_34.procol {margin:0 5%;}
	.page-template-portfolio-cat .proImg {
		height: 88%;
		display: none;
	}
	#gallery  {
		margin: 0 20px;
	}
	.cat-title {
		width:90%;
		margin-right: 5% !important;
		margin-left: 5% !important;
	}
	.tip-article p img.alignright {
		max-width:48%;
	}
	.tip-article .wp-caption, .s-article .wp-caption {
		width:98% !important;
	}
	.tip-article .wp-caption img, .s-article .wp-caption img {
		max-width:98%;
		height:auto;
	}
	
	#homeDesign_grid {
		margin: 0 50px;
	}	
	.homeDesign_slider {
		width:100%;
	}
	.homeDesign_content {
		width: 100%;
		padding: 0 20px 36px;
	    margin-bottom: 40px;	
	}	
	#img_main.homeDesign_header {
		height: auto;
	}
	#img_main.homeDesign_header img {
		position: initial;
		width: 100%;
		height: auto;
	}	
	ul.homeDesign_slider li.slick-slide img {
	    max-width: 100%;
		height: auto;
	}
	
	#hp_homeDesign .col-75 {
		width:100%;
		margin:20px auto;
	}
	#hp_homeDesign .col-25 {
		width: 100%;
		max-width: 680px;
		padding: 10px 0 0 0;
		margin: 0 auto;
	}
	#content p {
		margin-left: 0;
	}
	#homeDesign_posts {width: 100%;}
}

@media only screen and (min-width: 480px) and (max-width: 840px)  {
	/*
	#mobile-slider.flexslider { display:none; }
	#homeslider.flexslider { display:block; }
	*/
	#logo:after {
		  left: 25%;
		  width: 50%;
	}
	.procol { width: 18%; }
	.page-template-portfolio-cat .procol {
		display:inline-block;
		width:18%;
		margin:0 1%;
		padding-bottom: 0.6em;
	}	
	.page-template-portfolio-cat .procol.current_proj_item {
		width:18%;
		margin:0 1%;
	}
	.page-template-portfolio-cat #pro_34.procol {margin:0 1%;}
	.mobile-pbanner  {
		display:none;
	}
	.page-template-portfolio-cat .proImg { display:block;   height: 100px; }
	#menu-mobile-projects, #menu-mobile-projects-en {display:none;}
	#projmenu .procol {
		width: 16%;
		margin: 0 0;	
		height: auto;	
		padding-bottom: 8px;		
	}	
	#projmenu .procol .proImg {height: auto;}
	#projmenu #projects_category_navigation .procol .proImg {height: 120px;}
	#projmenu .procol .proImg img {
		height: auto;
		position: initial;
		display: block;
	}
}

@media only screen and (max-width: 768px)  {
	
	#homeDesign_grid {
		margin: 0 20px;
	}	
	.home #content {display:block;}
	#hp_homeDesign { margin: 30px 0; padding: 0 25px; box-sizing: border-box; width: 100vw;}
	
	#projmenu .procol {	
		height: auto;	
		padding-bottom: 8px;		
	}	
	#projmenu .procol .proImg {height: auto;}
	#projmenu #projects_category_navigation .procol .proImg {height: 120px;}
	#projmenu .procol .proImg img {
		height: auto;
		position: initial;
		display: block;
	}	
	#qa {
		padding: 0 5px;
	}	
	.entry-attachment, .entry-attachment-pagetitle {padding:0 25px;}
	#homeDesign_grid > li, #homeDesign_grid > .gap, #gallery li, #gallery .gap {
		width: calc(50% - 15px);
	}
	#homeslider {height: 200px;}
	#home-banner-slider li img {
		height: 200px;
		width: auto;
	}	
}	

@media only screen and (max-width: 650px)  {
	#homeDesign_grid > li, #homeDesign_grid > .gap, #gallery li, #gallery .gap {
		width: 100%;
	}
	#sticky_subscribe {
		width: 100vw;
		transform: translate(0, 100%);
		top: auto;
		bottom: 0;
		margin-top: 0;
	}
	#sticky_subscribe.open {
		transform: translate(0, 0);
	}	
	#sticky_main {
		height: calc(100vh - 100px);
		padding: 30px 20px 75px;
	}
	#sticky_toggle_button {
		top: -45px;
		margin-top: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 45px;
	}
	/*
	#sticky_toggle_button span:before {
		margin:6px 10px 0;
		display: inline-block;
		border-left: 8px solid transparent;
		border-right: 8px solid transparent;
		border-top: 10px solid white;		
		vertical-align:middle;
	}
	*/
	#sticky_toggle_button span .icon {
		margin: 0;
		padding: 0 8px;
		font-size: 18px;
		display: inline-block;
	}	
	#sticky_toggle_button span {    padding-top: 15px;}
	#footwarp {   margin-bottom: 60px;}
}