@charset "utf-8";

@import "css/reset.css";

.top-pc {
display:block;
}

@media only screen and (max-width: 767px) {
.top-pc {
display: none;
}
#footer { float:left; clear:both; width:100%; padding-bottom: 50px !important;}
}

.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.map2 iframe {
    margin-top: 20px;
    width: 100%;
}

.top-sp {
display: none;
}

.ct01 {cursor:pointer !important; }

@media only screen and (max-width: 767px) {
.top-sp {
display:block;
}
}

.top-sp2 {
display: none !important;
}

@media only screen and (max-width: 767px) {
.top-sp2 {
display:inline-block !important;
}
}

.nav_sp {
display: none;
}

@media only screen and (max-width: 767px) {
.nav_sp {
        display:block;
        padding: 12px 0 2px 0;
        text-align: center;
        background: #fc9f3b;
        font-size: 1.2em;
        margin: 0 0 5px 0;
    }
}

.img-column {
    margin: 15px 0 0 0;
}

@media only screen and (max-width: 767px) {
.img-column {
    margin:0 0 0 0.5em;
    width: 98%;
}
}

.img-column2 {
    margin: 5px 0 0 0;
}

@media only screen and (max-width: 767px) {
.img-column2 {
    margin:0 0 0 5px;
    width: 96%;
}
}

@media only screen and (max-width: 767px) {
.container { width:1170px; margin:0 !important; position:relative; clear:both; }
.wdt1000 {
    width: 100%;
    max-width: 1000px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    font-size: 105%;
}
	.top-bar { width:100%; clear:both; float:left; padding:0px; line-height:20px;  border-bottom:0px dashed #ededed; border-top:0px dashed #ededed; background-color:#fff; position:relative;}
}

.title {
  padding: 0.5em 0.5em 0.5em 0.5em;
  color: #333333;
  background: #fffaf4;
  border-left: solid 5px #fd8000;
  line-height: 1.3;
  font-weight:bold;
  margin:0 0 0.5em 0.5em;
}

.title2 {
    margin: 20px 0 5px 0;
    padding-left: 45px !important;
    background: url(../img/img-ic02a.png) no-repeat left top;
}

.title3 {
    margin: 20px 0 5px 0;
    padding-left: 45px !important;
    background: url(../img2/img-ic03a.png) no-repeat left top;
}


.title_u{
	position: relative;
	line-height: 1.4;
	padding: 0.4em 0 0.3em calc(1em + 5px);	
	color: #333333;
}
.title_u:before{
	position: absolute;
	left: 0;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
}
.title_u:after{
	position: absolute;
	bottom: 0px;
	display: block;
	width: 100%;
	height: 2px;
	background: rgba(253, 128, 0, 1);
	background: -moz-linear-gradient(left, rgba(253, 128, 0, 1) 0%, rgba(253, 128, 0, 0) 100%);
	background: -webkit-linear-gradient(left, rgba(253, 128, 0, 1) 0%, rgba(253, 128, 0, 0) 100%);
	background: linear-gradient(to right, rgba(253, 128, 0, 1) 0%, rgba(253, 128, 0, 0) 100%);
	left: 0;
	content: '';
}

.nav_sp .sp_txt {
    font-size: 20px;
   line-height: 1.7 !important;
}

.line-h14 {
	line-height: 1.4 !important;
}

.section01 {
  background: #ceeec4;;
  position: relative;
  margin-bottom: calc(5vw + 10px);
}

.section01 :after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  width: 0;
  height: 0;
  border-width: 5vw 49.5vw 0vw 49vw;
  border-style: solid;
  border-color: #97c44c transparent transparent transparent;  
}

@media only screen and (max-width: 951px) {
.section01 :after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  width: 0;
  height: 0;
  border-width: 5vw 49vw 0vw 49vw;
  border-style: solid;
  border-color: #97c44c transparent transparent transparent;  
}
}

@media only screen and (max-width: 767px) {
.section01 :after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  width: 0;
  height: 0;
  border-width: 5vw 49vw 0vw 48vw;
  border-style: solid;
  border-color: #97c44c transparent transparent transparent;  
}
}

/*ベース*/
.toggle {
	display: none;
}
.Label {		/*タイトル*/
	padding: 1em;
	display: block;
	color: #333;
	background:#f5f5f5;
    font-size: 120%;
    font-weight:bold;
    border-radius: 3px;
}
.Label::before{		/*タイトル横の矢印*/
	content:"";
	width: 6px;
	height: 6px;
	border-top: 2px solid #333;
	border-right: 2px solid #333;
	-webkit-transform: rotate(45deg);
	position: absolute;
	top:calc( 50% - 3px );
	right: 12px;
	transform: rotate(135deg);
}
.Label,
.content2 {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: translateZ(0);
	transition: all 0.3s;
}
.content2 {		/*本文*/
	height: 0;
	margin-bottom:10px;
	padding:0 10px;
	overflow: hidden;
    font-size: 120%;
}
.toggle:checked + .Label + .content2 {	/*開閉時*/
	height: auto;
	padding:10px ;
	transition: all .3s;
}
.toggle:checked + .Label::before {
	transform: rotate(-45deg) !important;
}


	/*---*******--- << 1.1. Body >> ---*******---*/
		
	body { font-weight:normal; font-size:14px; line-height:1.5; background:#ffffff; color:#333333;}
	
	/*---*******--- << 1.2. Fonts >> ---*******---*/
	
	body, .intro-text h2, .intro-text h4, .dt-sc-button, #main-menu ul li a, .entry-detail .read-more, #footer .widget ul li h6, .dt-sc-testimonial-wrapper h5, #main-menu ul li a, #commentform input[type="text"], #commentform input[type="password"], #commentform input[type="email"], #commentform input[type="url"], #commentform input[type="tel"], #commentform input[type="number"], #commentform input[type="range"], #commentform input[type="date"], #commentform input[type="search"], #commentform textarea, #commentform input.text { font-family: 'Noto Sans JP','游ゴシック', '游ゴシック体', 'YuGothic', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; }	
	
	h1, h2, h3, h4, h5, h6, input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="tel"], input[type="number"], input[type="range"], input[type="date"], textarea, input.text, select, input[type="search"], input[type="submit"], input[type="button"], .add_to_cart_button, .product_type_variable, .product-details .button, .add_to_wishlist, .features li a, .dt-sc-team p, .read-more, .intro-text .dt-sc-button, .entry-post .post-comments a, .entry-post .date p, .entry-post .dt-sc-button.small, .entry-post .entry-detail h6, .intro-text.type3 h2, .events .event-meta p, .entry-meta-data p, .intro-text.type4 h2, .pagination ul li a, .pagination .next-post a, .pagination .prev-post a, .breadcrumb, ul.commentlist li .author-name, ul.commentlist li .commentmetadata, ul.commentlist li .reply a, .blog-entry .entry-metadata, .post-nav-container a, .price_label, .widget_top_rated_products ul.product_list_widget li .amount, .intro-text.type5 h2, .woocommerce table.shop_table th, .woocommerce-page table.shop_table th, .woocommerce table.shop_table .product-subtotal span, label, .woocommerce .cart-collaterals .cart_totals th, .woocommerce-product-rating .price, .summary .description, blockquote, .dt-rev-author span, .side-nav-container ul li a, .error-info .back-menu a, .portfolio-detail .views a, .dom-pack .dom-range, .dom-pack del, .dom-pack > span, .dom-prices { font-family: 'Noto Sans JP','游ゴシック', '游ゴシック体', 'YuGothic', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; }
	
	/*---*******--- << 1.3. Headings >> ---*******---*/
	
	h1, h2, h3, h4, h5, h6 { color:#333333; font-weight:normal; line-height:normal; margin-bottom:0px; }	
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color:#333333; }
	
	h1{ font-size:36px; }
	h2{ font-size:32px; }
	h3{ font-size:28px; }
	h4{ font-size:20px; }
	h5{ font-size:18px; }
	h6{ font-size:16px; margin-bottom:20px; }
	
	/*---*******--- << 1.4. Text Elements >> ---*******---*/
	
	a { text-decoration:none; color: #328c1e;}
	a img{ border:none; }
	img { max-width: 100%; }
	
	a:hover { color:#333333; }
	
	strong{ font-weight: bold; }
	em{ font-style: italic; }
	
	address { display:block; margin:10px 0px 20px; }
	abbr {  border-bottom:1px dotted #868686; cursor:help; }
	ins { background:#FFF9C0; color:#868686; }
	sub, sup { font-size:75%; position:relative; vertical-align:baseline; }
	sub { bottom: -3px; }
	sup { top: -5px; }	
	
	p { line-height:1.5; margin-bottom:10px; }	
	ul, ol, pre, code{ margin-bottom:20px; }
	
	ul{ list-style-type:none; list-style-position:inside; }
	ul li { padding-bottom:10px; }
	ul li ul { list-style-type:disc; padding-left:20px; margin:10px 0px 0px; }
	ul ul ul { margin-bottom:0px; list-style-type:circle; }
	
	ol{ list-style-type:decimal; list-style-position:outside; padding-left:20px; }
	ol li { padding-bottom:10px; }
	ol li ol { margin-bottom:0px; list-style-type:lower-alpha; }
	ol ol ol { margin-bottom:0px; list-style-type:lower-roman; }	
	
	blockquote { clear: left; display: block; margin: 0; padding: 0; position: relative; border-left:5px solid; font-size:16px; font-style:italic;  padding:10px 2%; line-height:28px; }
	blockquote p { margin-bottom:0px; }
	blockquote cite { float:right; margin:10px 0px 0px; font-size:14px; }
	
	blockquote.alignleft { margin-right:20px; text-align:left; width:30%; float:left; }
	blockquote.alignright { margin-left:20px; text-align:left; width:30%; float:right; }
	blockquote.aligncenter { width:100%; text-align:center; }
	
	pre, code{ border-left:3px solid #f8cc6e; background-color:#e6e2d6; display:block; padding:10px; font-size:11px; font-family: monospace; width:96.5%; overflow:auto; }
	
	hr { background-color:#e6e2d6; border:none; height:1px; margin:30px 0; }
		
	/* due to IE <HR> margin bugs I had to made classed and apply them to div to achieve the effect of a <HR> */
	
	.dt-sc-hr { background:url(images/splitter.png); height:10px; width:100%; clear:both; display:block; float:left; margin:40px 0px; position:relative; z-index:1; }
	
	.dt-sc-hr.top, .hr-border.top { width:97%; }
	.dt-sc-hr.top, .hr-border.top { background-position:right center; text-align:right; }
	.dt-sc-hr.top a, .hr-border.top a { color:#999589; background:transparent; font-size:11px; line-height:16px; padding-left:5px; position:absolute; right:-21px; top:-5px; }
	
	.dt-sc-one-half pre, .dt-sc-one-half code { width:94.7%; }		
	
	.clear { float:none; clear:both; margin:0px; padding:0px; }
	.float-right { float:right; }
	.float-left { float:left; }
	.middle-align { text-align:center; }
	.hidden { display:none; }
	
	.post-edit-link { background:#e5e5e5; color:#5a5a5a; float:right; clear:both; margin:20px 0px 0px; line-height:24px; padding:0px 10px; font-size:12px; }
	.post-edit-link:hover { background:#4C4C4C; color:#ffffff; text-shadow:0px 1px 0px #0e4b6e; }

    .dt-sc-margin50 {
    margin: 10px 0px;
    }

    .dt-sc-margin10 {
    margin: 5px 0px;
    }

    .top-title01 {
    color: #328c1e;
    font-size: 150%;
    font-weight: bold;
    margin: 0 0 0.5em;
    line-height: 1.2;
    }

    .top-title01 span {
    background: linear-gradient(rgba(0,0,0,0) 40%,#fefe7d 40%);
    margin: 0 2px;
    padding: 0 6px;
    }

    .highlight {
    background: linear-gradient(rgba(0,0,0,0) 40%,#fefe7d 40%);
    margin: 0 2px;
    padding: 0 6px;
    font-weight:bold;
    }
	

.title01 {
  color: #6cb4e4;
  text-align: center;
  padding: 0.25em;
  border-top: solid 2px #6cb4e4;
  border-bottom: solid 2px #6cb4e4;
  background: -webkit-repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
  background: repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
}


.step {
    font-size: 110%;
    border: 2px solid #328c1e;
    background: #fffef5;
    padding: 24px;
    margin: 16px 0;
    position: relative;
    overflow: hidden;
    z-index: 1;
    border-radius: 5px;
}

.step .step-n {
    background: #328c1e;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    line-height: 20px;
    width: 48px;
    height: 48px;
    padding: 8px;
    margin: 0 16px 4px 0;
    float: left;
    border-radius: 10px;
}

.step .step-n span {
    font-size: 24px;
    margin: 4px 0 0;
    display: block;
}

.step .step-t {
    border-bottom: 2px solid #328c1e;
    font-size: 130%;
    font-weight: bold;
    margin: 0 0 12px 0;
    padding: 0 0 4px 0.5em;
    position: relative;
    overflow: hidden;
    line-height: 1.2;
    text-align: left;
}

.step .step-c {
    padding: 0 16px;
    overflow: hidden;
}

.triangle3{
  width: 0;
  height: 0;
  border-left: 40px solid transparent;
  border-right: 40px solid transparent;
  border-top: 30px solid #328c1e;
}

.qa {
    margin: 0 0 30px;
    padding-left: 0.3em;
}

.question {
    font-size: 110%;
    font-weight: bold;
    line-height: 56px;
    height: 56px;
    margin: 0 0 0.5em;
    padding: 0 0 0 80px;
    position: relative;
}

.qa .question span.text-q {
    background: #328c1e;
    color: #fff;
    text-align: center;
    line-height: 56px;
    width: 56px;
    height: 56px;
    position: absolute;
    top: 50%;
    left: 0;
    margin: -28px 0 0;
    border-radius: 10px;
}

.qa .answer {
    position: relative;
    overflow: hidden;
    padding-left: 1em;
}

.qa .answer span.text-a {
    background: #328c1e;
    color: #fff;
    font-size: 110%;
    font-weight: bold;
    text-align: center;
    line-height: 56px;
    width: 56px;
    height: 56px;
    float: left;
    margin: 0 24px 0 0;
    border-radius: 10px;
}

.qa .answer p {
    overflow: hidden;
}

.map {
    border: 5px solid #eee;
    background: #fff;
    line-height: 0;
    margin: 12px 0;
}

.btn01 {
    text-align: center;
    max-width: 320px;
    margin: 12px auto;
    position: relative;
}

.btn01 a {
    border: 4px solid #ccc;
    background: #fff;
    color: #328c1e;
    font-size: 120%;
    font-weight: normal;
    text-align: center;
    text-decoration: none;
    padding: 14px 16px;
    display: block;
    position: relative;
    -moz-transition: opacity 0.1s ease;
    -o-transition: opacity 0.1s ease;
    -webkit-transition: opacity 0.1s ease;
    transition: opacity 0.1s ease;
}

.btn01 a:hover {
    border: 4px solid #328c1e;
    -moz-transition: border 0.1s ease 0s,width 0s ease 0s,height 0s ease 0s;
    -o-transition: border 0.1s ease 0s,width 0s ease 0s,height 0s ease 0s;
    -webkit-transition: border 0.1s ease,width 0s ease,height 0s ease;
    -webkit-transition-delay: 0s,0s,0s;
    transition: border 0.1s ease 0s,width 0s ease 0s,height 0s ease 0s;
}


span.icon {
    width: 36px;
    margin: 0 4px 0 0;
    position: relative;
    top: 1px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.box01{
    display: inline-block;
    padding: 1em 1em 1px 1em;
    margin: 2em 0;
    color: #5d627b;
    background: white;
    border-top: solid 5px #328c1e;
    box-shadow: 0 0 4px rgba(0,0,0,0.15);
    
    max-width: 940px;
height: auto;
}

.toi01 img {
    display: block;
}

.toi02 {
    display:none;
}

.footer01 {
    padding-top: 1em;
padding-left: 1em;
}

.footer01 a {
    color: #328c1e;
    padding-left: 2.5em;
}

.footer01 a:hover {
    color: #328c1e;
}

.footer01 li {
  line-height: 1.7;
  padding: 0.5em 0;
  list-style-type: none!important;
}

.footer01 li:before {
  
  font-family: FontAwesome;
  content: "\f138";
  position: absolute;
  left : 1em;
  color: #328c1e;
}

#footer {
    float: left;
    clear: both;
    width: 100%;
    padding-bottom: 0px;
}




.anchor {
    display: block;
    padding-top: 150px;
    margin-top: -150px;
}

.tel-fax {
    font-size: 200%;
}

.top-c p {
    line-height: 1.2;
    margin-bottom: 5px;
}

.contact01 {
background: #fff;
    margin: 10px 0;
    padding: 0px 2em;
    position: relative;
    -moz-box-shadow: 0 0 4px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.1);
    box-shadow: 0 0 4px rgba(0,0,0,0.1);
    border: 2px solid #328c1e; 
    border-radius: 8px;
}



.top-link {
 display: none;
}


.fixed01 {
    position: fixed;
    top: 0;
    width: 100%;
    background-color: #fff;
    animation: fixed01 0.2s ease .1s forwards;
    padding-top: 3px;
}

@keyframes fixed01 {
  0% { transform: translate3d(0, -3px, 0); }
  40% { transform: translate3d(0px, -2px, 0); }
  80% { transform: translate3d(0px, -1px, 0); }
  100% { transform: translate3d(0, 0px, 0); }
}


@media screen and (max-width: 767px) {
.fixed01 {
    position: fixed;
    top: 0 !important;
    width: 100%;
}
.fixed01 #logo { width: 50%; text-align:center; padding-top: 3px; padding-bottom: 0px; }
.fixed01 #logo001 { width: 50%; text-align:center; padding: 3px; padding-bottom: 0px; }
.fixed01 #logo002 { width: 50%; text-align:center; padding: 3px; padding-bottom: 0px; }
}

.fixed01 #logo01 { width: 50%; text-align:center; padding-top: 3px; padding-bottom: 0px; }
}








	/*---*******--- << 1.5. Forms >> ---*******---*/
	
	label { color: #333333; }
	label span{ color:#b4b4b4; }

	fieldset{ border:1px solid #eaeaea; padding:15px; margin:0 0 20px 0; }
	legend{ font-weight: bold; }

	input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="tel"], input[type="number"], input[type="range"], input[type="date"], input[type="search"], textarea, input.text { background-color:#f8f8f8; border-radius: 2px; border: 1px solid #eaeaea; color: #333333; display: inline-block; font-size: 13px; margin: 10px 0; padding: 16px 15px; width: 100%; -webkit-appearance: none; -moz-appearance: none; }
	
	input[type="text"]:hover, input[type="password"]:hover, input[type="email"]:hover, textarea:hover, input[type="date"]:hover { color:#000000; }
	
	textarea { height: 190px; overflow: auto; resize: none; padding: 16px 15px; width:100%; }
	
	input[type="submit"]:hover, input[type="reset"]:hover { background-color:#546d87; }
	
	input[type="submit"], input[type="reset"], input[type="button"], button, .add_to_cart_button, .product_type_variable, .product-details .button, .add_to_wishlist{ color: #ffffff; cursor: pointer; float: left; font-size: 15px; padding:16px 16px 15px 16px; border-radius:2px; }
	
	#searchform .search-icon { background: url("images/search.png") no-repeat scroll center center rgba(0, 0, 0, 0); border: medium none; border-radius: 0 2px 2px 0; margin-top: 0; min-height: 47px; min-width: 52px; padding: 10px 23px; position: absolute; left: 0; text-indent: -9999px; top: 0; }
	
	.error, input.error[type="text"], input.error[type="email"], input.error[type="password"], textarea.error, input.error[type="tel"] { border-color: #F92C2C; }
	 #footer .widget .mailchimp-form input.error[type="email"] { border:1px solid #F92C2C; }
	.error-msg, .success-msg { display:inline-block; padding:5px 35px; border: 1px solid; position: relative; }
	.error-msg { border-color:#ff9999; color: #d01313; }
	.success-msg { border-color:#77be32; color: #77be32; }
	.error-msg:before, .success-msg:before { font-family: FontAwesome; font-size: 17px; font-style: normal; font-weight: normal; left: 13px; position: absolute; text-decoration: inherit; top: 5px; }
	.error-msg:before { content:"\f00d"; color:#c54228; }
	.success-msg:before { content:"\f00c"; color:#77be32; }
	
	input[type=submit], input[type=button], input[type=reset] { -webkit-appearance: none; appearance: none; }
	
	/*.align-center{ text-align:center; }*/
	/*.alignleft{ float:left; width:100%; margin-top:15px; }
	.alignright { float:right; }*/
	/*.aligncenter, img.aligncenter { display:block; margin-left:auto; margin-right:auto; text-align:center; }
	
	.alignleft, .alignright, .aligncenter, .alignnone, img.alignleft, img.alignright, img.aligncenter { margin-bottom: 20px; }
	p.aligncenter { margin-bottom:10px; }*/
	
	/*---*******--- << 1.6. Transition >> ---*******---*/
	
	a, .carousel-arrows a, .product-carousel a, .portfolio:hover .portfolio-detail, .portfolio .image-overlay a, .portfolio .image-overlay, #main-menu ul li a, .entry-detail h5 a:hover, .read-more span, .sorting-container a, .portfolio .views, .portfolio-title h5 a, .portfolio-title h5, .portfolio .views a, .portfolio-title p, .mailchimp .dt-sc-social-icons li, input[type="submit"], input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="tel"], input[type="number"], input[type="range"], input[type="date"], input[type="search"], textarea, input.text, .products .product-title a, .products .product-title, .events .event-detail h5 a, .events .event-meta p a, .entry-meta-data p a, .widget_categories ul li a, .widget_categories ul li a:before, .widget.widget_tag_cloud .tagcloud a, .blog-post.type3 .entry-detail h4 a, .pagination ul li a, .pagination .next-post a, .pagination .prev-post a, .pagination .next-post a:before, .pagination .prev-post a:before, .breadcrumb a, .blog-entry h4 a, .blog-entry .entry-metadata p a, .project-details ul li p a, .post-nav-container .post-prev-link, .post-nav-container .post-next-link, .widget_product_categories ul li a, .widget_product_categories ul li a:before, .woocommerce table.cart a.remove, .woocommerce table.shop_table .product-name a, .woocommerce .button, .woocommerce-review-link, .product .summary .quantity .plus, .product .summary .quantity .minus, .side-nav-container ul li:hover .fa, .image-overlay, .partner-carousel a, .side-nav-container ul li, .portfolio-thumb img, .read-more, .top-bar, .is-sticky .header.header4 #logo, .is-sticky .header.header4 #logo01, .is-sticky .header.header4 #logo001, .dt-sc-icon-list li a, .top-social-icons .fa, .header8 #main-menu > ul > li > a, .header8 #main-menu > ul > li:before, .product_cart_list li a .remove:hover, .bg-content p a, .button, .parallax-content-bg2 .parallax-content p a, input[type="reset"], #dt-style-picker .theme-picker li a:before  { -webkit-transition:all 300ms linear 0s; -moz-transition:all 300ms linear 0s; -o-transition:all 300ms linear 0s; -ms-transition:all 300ms linear 0s; transition:all 300ms linear 0s; }
	
	/*---*******--- << 1.7. Box sizing >> ---*******---*/
	
	input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="tel"], input[type="number"], input[type="range"], input[type="date"], input[type="search"], textarea, input.text, .portfolio-detail, .portfolio-title, .widget ul.tweet_list p, .entry-post-content, ul.commentlist li .comment-details, .side-nav-container ul li, .products .product-container, .intro-text, .author-desc, .widget ul.tweet_list li, .products .product-title a, .products .product-title, .header7 .main-menu, .footer-widgets-wrapper .widget-content, #footer .widget.widget_links ul, .shopping-cart, .shopping-cart .buttons a, .events-carousel-wrapper.type2 .events .event-detail, .newsletter-content, #footer .footer-widgets-wrapper.type5 .widget.widget_text .textwidget { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
	
	/*---*******--- << 1.8. Images >> ---*******---*/
	
	#primary img { max-width:100%; }
	
	.wp-caption { background:#C4C1AE; border:1px solid #C4C1AE; margin-bottom:10px; margin-top:10px; max-width:96%; padding:5px 7px 7px 5px; }
	.wp-caption img { display:block; margin: 0 auto; padding:6px; max-width:98%; }
	.wp-caption .wp-caption-text { text-align:center; padding-top:0px; margin:0px; }
	
	img.size-auto, img.size-large, img.size-full, img.size-medium { max-width:99.6%; height: auto; }
	.alignleft, img.alignleft { display: inline; float: left; margin-right: 15px; }
	.alignright, img.alignright { display: inline; float: right; margin-left: 15px; text-align:right; }
	.aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; text-align:center; }
	.alignleft, .alignright, .aligncenter, .alignnone, img.alignleft, img.alignright, img.aligncenter { margin-bottom:10px; }
	
	.align-center { margin:0 auto; display:block; }
	
	/*---*******--- << 1.9. Tables >> ---*******---*/
	
	table { clear: both; margin-bottom: 20px; width: 100%; }
	th { border-bottom: 1px solid #eaeaea; color: #333333; font-size: 15px; font-weight: 400; line-height: normal; padding: 15px; text-align: left; }
	tbody tr:nth-child(2n+1) td { background-color: #ffffff; }
	td { background-color: #ffffff; border-bottom: 1px solid #eaeaea; font-size: 15px; line-height: normal; padding: 13px 15px; text-align: left; color:#333333; }
	
	
	/*---*******--- << 1.10. Widgets >> ---*******---*/
	
	.widget { float:left; width:100%; padding:0px 0px 40px; margin:0px; position:relative; }
	
	#primary { float: left; margin:0; padding: 0; width: 870px; }
	#secondary, #secondary-left, #secondary-right { float: left; padding: 0; width: 270px; }
	#secondary img { height: auto; max-width: 100%; }
	#primary.content-full-width { width: 100%; }
	#primary.with-left-sidebar { margin:0px 0px 0px 30px; }
	#primary.with-right-sidebar { margin:0 30px 0 0; }
	#primary.page-with-both-sidebar { float: left; margin: 0 30px; width: 570px; }
	
	.widget_popular_entries ul, .widget_recent_entries ul, .widget_categories ul, .widget ul.tweet_list, .widget.widget_text { margin:0; width:100%; }
	
	.widget ul ul { margin: 10px 0px 10px 7%; width: 93%; }
	.widget ul ul li { width: 100%; }
	.widget ul { float: left; margin: 0; padding: 0; width: 100%; }
	.widget_categories ul li, .widget.widget_archive ul li, .widget_product_categories ul li { display: inline; float: left; margin: 0; padding: 0; position: relative; width:100%; }
	.widget_categories ul { margin-bottom:10px; }
	.widget h3 { font-size:24px; }
	.widget_categories ul li a, .widget.widget_archive ul li a, .widget_product_categories ul li a { display:block; padding:7px 0px 10px 0px; color:#333333; border-bottom:1px dashed #d9d9d9; }
	.widget_product_categories ul li span:last-child { opacity: 0; }
	.widget_product_categories ul li .active span:first-child { opacity: 0; }
	.widget_product_categories ul li .active span:last-child { margin-right: -12px; opacity: 1; }
	.widget_categories ul li:first-child a,  .widget_product_categories ul li:first-child a{ padding:0px 0px 10px 0px; }
	.widget_categories ul li a:before, .widget_product_categories ul li a:before {  content: "\f105"; font-family: FontAwesome; font-style: normal; font-weight: normal; margin:0px 15px 0px 8px; color:#252525; }
	.widget_product_categories ul li span { float:right; line-height:25px; margin-right:20px; font-size:14px; }
	.widget_recent_entries ul li h4 { font-size:13px; font-weight:400; margin-bottom:12px; line-height:20px; }
	.widget_recent_entries ul li h4 a { color:#333333; }
	.widget_recent_entries ul li { margin-bottom:10px; display:inline-block; width:100%; padding:0; }
	.widget.widget_recent_entries .recent-posts-widget .thumb { float:left; width:85px; margin:5px 15px 10px 0px; }
	
	.widget_recent_entries ul li:last-child { margin-bottom:0; }
	.widget.widget_recent_entries .recent-posts-widget .entry-meta-data { width:59%; margin-bottom:0; }
	.widget.widget_recent_entries .recent-posts-widget .entry-meta-data p { margin:0px; padding:7px 10px 7px 0px; }
	
	.widget.widget_recent_entries .recent-posts-widget .entry-meta-data p:last-child { padding:7px 0px; }
	.widget.widget_recent_entries .recent-posts-widget .entry-meta-data p:last-child span { margin:0px 5px 0px 10px; }
	.widget.widget_text .textwidget { margin-bottom:5px; float:left; width:100%; }
	.widget.widget_text h4, .widget.tweetbox h4 { margin-bottom:25px; }
	.widget.widget_text h5.dt-sc-toggle-accordion { font-size:14px; padding: 0px 0 0px 75px; min-height:50px; line-height:45px; }
	.widget.widget_text h5.dt-sc-toggle-accordion a { display:inline-block; vertical-align:middle; line-height:normal; }
	.widget.widget_text h5.dt-sc-toggle-accordion:before { width:60px; height:50px; background-position:5px bottom; }
	.widget.widget_text h5.dt-sc-toggle-accordion.active:before { background-position:5px top; }
	
	.widget.widget_tag_cloud .tagcloud a { float: left; margin: 0 1px 1px 0; padding: 8px 10px; color:#333333; background-color:#f8f8f8; border-radius:2px; }
	.widget.widget_tag_cloud .tagcloud a:hover { color:#ffffff; }
	.tagcloud { display: inline-block; margin-top: 5px; }
	
	.widget.tweetbox ul.tweet_list li { position:relative; padding:13px 10px 13px 60px; background-color:#f8f8f8; margin-bottom:1px; width:100%; }
	.widget.tweetbox ul.tweet_list li:before { width:50px; height:100%; float:left; text-align:center; color:#ffffff; position:absolute; left:0; top:0; line-height:70px; content:"\f099"; font-family:FontAwesome; font-size:22px; }
	.widget.tweetbox ul.tweet_list .tweet_time, .widget ul.tweet_list a:hover, .widget.tweetbox ul.tweet_list .tweet_time a { color:#34495e; }
	.widget.tweetbox ul.tweet_list .tweet_time { float:left; margin-right:5px; }
	.widget.tweetbox ul.tweet_list .tweet_text { color:#333333; display:block; }
	.widget.tweetbox ul.tweet_list .tweet_time a:hover { color:#575757; }
	.widget.tweetbox .tweet_list li .tweet_text a:hover { color:#34495e; }
	
	.widget.widget_recent_reviews blockquote { display: inline-block; font-size: 16px; font-weight: 300; padding: 0; font-style:italic; border:none; line-height:24px; margin-bottom:15px; }
	.dt-review { margin-bottom:35px; }
	.dt-rev-author { text-align:center; }
	.dt-rev-author img { border-radius:50%; margin-bottom:10px; }
	.dt-rev-author h4 { font-size:15px; margin-bottom:0px; }
	.dt-rev-author span { font-size:12px; font-style:italic; }
	
	.widget_featured_products .products .product-wrapper, .widget_featured_products .products .product-details { margin:0; }
	
	.widget_price_filter form { clear:both; float:left; width:100%; margin:0; }
	.widget_price_filter .price_slider_wrapper .ui-widget-content { background-color: #d7d7d7; border-radius: 10px; box-shadow: 1px 1px 2px #dadada inset; height: 9px; margin-bottom: 35px; position: relative; z-index: 1; width:100%; }
	.widget_price_filter .ui-slider .ui-slider-range { background-color: #eaeaea; left:0; width:100%; position:absolute; height:100%; }
	.widget_price_filter .ui-slider .ui-slider-handle:before { background-color: #eaeaea; border-radius: 50%; content: ""; display: inline-block; height: 14px; left: -5px; padding: 5px; position: relative; top: -5px; width: 14px; z-index: -1; }
	.widget_price_filter .ui-slider .ui-slider-handle { border-radius: 50%; cursor: pointer; height: 14px; outline: 0 none; position: absolute; top: -3px; width: 14px; }
	.price_label { float: right; font-size:14px; color:#616161; }
	.widget_price_filter .price_slider_wrapper .ui-widget-content a:first-child { left:0; }
	.widget_price_filter .price_slider_wrapper .ui-widget-content a:last-child { left:inherit; right:4px; }
	
	.widget_top_rated_products ul.product_list_widget li a { display:block; }
	.widget_top_rated_products ul.product_list_widget li a img { float:left; width:85px; margin-right:10px; border:1px solid #eaeaea; }
	.widget_top_rated_products ul.product_list_widget li h4 { font-size:13px; margin-bottom:12px; }
	.star-rating { float:left; overflow:hidden; position:relative; font-size:1.2em; height:1em; line-height:1em; color:#1e2b38; font-size:13px; font-family:FontAwesome;  width:50%; margin-bottom:10px; }
	.star-rating:before { content:"\f006\f006\f006\f006\f006"; color:#1e2b38; float:left; top:0; left:0; position:absolute; }
	.star-rating span { overflow:hidden; float:left; top:0; left:0; position:absolute; padding-top:1.5em }
	.star-rating span:before { content:"\f005\f005\f005\f005\f005"; top:0; position:absolute; left:0; }
	.widget_top_rated_products ul.product_list_widget li .amount { font-size:16px; }
	.widget_top_rated_products ul.product_list_widget li { float:left; width:100%; margin-bottom:30px; padding:0; }
	.widget_top_rated_products ul.product_list_widget li:last-child { margin-bottom:0; }
	
	/*---*******--- << 1.11. Definition Lists >> ---*******---*/
	
	dl { margin:0px 20px; }
	dl.gallery-item { margin:0px; }
	.gallery-caption { margin-bottom:10px; }
	.gallery-item img { border:2px solid #C4C1AE !important; }
	dt { font-weight:bold; font-size:14px; margin-bottom:10px; }
	dd { margin-bottom:20px; line-height:20px; }
	
	/*---*******--- << 1.12. Woocommerce >> ---*******---*/

	.woocommerce table.shop_table, .woocommerce-page table.shop_table { border-collapse: separate; margin: 0 -1px 24px 0; text-align: left; width: 100%; }
	
	
	.woocommerce table.cart th, .woocommerce-page table.cart th, .woocommerce #content table.cart th, .woocommerce-page #content table.cart th, .woocommerce table.cart td, .woocommerce-page table.cart td, .woocommerce #content table.cart td, .woocommerce-page #content table.cart td { vertical-align: middle; }
	.woocommerce table.shop_table th, .woocommerce-page table.shop_table th { font-size: 16px; font-weight: 400; line-height: 18px; padding: 15px 12px; background-color:#f8f8f8; }
	.woocommerce table.cart .product-thumbnail, .woocommerce-page table.cart .product-thumbnail, .woocommerce #content table.cart .product-thumbnail, .woocommerce-page #content table.cart .product-thumbnail { min-width: 32px; }
	.woocommerce table.shop_table td, .woocommerce-page table.shop_table td { padding: 6px 10px 0px 10px; vertical-align: middle; }
	
	.woocommerce table.cart td.actions, .woocommerce-page table.cart td.actions, .woocommerce #content table.cart td.actions, .woocommerce-page #content table.cart td.actions { text-align: right; }
	.woocommerce table.cart td.actions .coupon, .woocommerce-page table.cart td.actions .coupon, .woocommerce #content table.cart td.actions .coupon, .woocommerce-page #content table.cart td.actions .coupon { float:left; display:inline-block; margin-right:20px; }
	.woocommerce table.cart td.actions, .woocommerce-page table.cart td.actions { padding:6px 0px 30px 125px; float:right; }
	.woocommerce table.cart td.actions-space { border-bottom:none; }
	.woocommerce table.cart tr { position:relative; }
	.woocommerce .cart-collaterals:after, .woocommerce-page .cart-collaterals:after { clear: both; content: ""; display: block; }
	.woocommerce .cart-collaterals, .woocommerce-page .cart-collaterals { width: 100%; }
	.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { float: right; text-align: right; width: 48%; }
	.woocommerce .cart-collaterals .cart_totals table, .woocommerce-page .cart-collaterals .cart_totals table { border-collapse: separate; border-radius: 5px; margin: 0 0 30px 0; padding: 0; }
	.woocommerce .cart-collaterals .cart_totals table tr:first-child th, .woocommerce-page .cart-collaterals .cart_totals table tr:first-child th, .woocommerce .cart-collaterals .cart_totals table tr:first-child td, .woocommerce-page .cart-collaterals .cart_totals table tr:first-child td { border-top: 0 none; }
	.woocommerce .cart-collaterals .cart_totals tr td, .woocommerce-page .cart-collaterals .cart_totals tr td, .woocommerce .cart-collaterals .cart_totals tr th, .woocommerce-page .cart-collaterals .cart_totals tr th { padding: 12px; background-color:#fbfbfb; font-size:13px; }
	.woocommerce .cart-collaterals .cart_totals th { border-bottom-width: 1px; font-size: 13px; }
	.woocommerce form .form-row-wide, .woocommerce-page form .form-row-wide { clear:both; margin: 0 0 6px; }
	.woocommerce form .form-row:after, .woocommerce-page form .form-row:after { clear: both; content: ""; display: block; }
	
	.selection-box:before { border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #fff; bottom: 0; height: 0; margin: auto; right: 17px; top: 3px; z-index: 1; }
	.selection-box:before, .selection-box:after { content: ""; pointer-events: none; position: absolute; }
	.selection-box:after { border-radius: 0 2px 2px 0; height: 50px; right: 0; top: 0px; width: 50px; }
	
	.woocommerce form .form-row, .woocommerce-page form .form-row { margin: 0 0 14px; position:relative; }
	.selection-box { clear: both; position: relative; background-color: #f8f8f8; }
	.woocommerce form .form-row select, .woocommerce-page form .form-row select { cursor: pointer; margin: 0; width: 100%; }
	select { -moz-appearance: none; border: 2px solid #fda302; border-radius: 5px; color: #555; cursor: pointer; height: 50px; margin: 0px; text-indent: 0.01px; text-overflow: ""; width: 100%; padding: 0px 10px 0px 10px; line-height:43px; }
	select option { background-color: #f8f8f8; padding: 15px 0px 14px 10px; }
	.woocommerce .cart-collaterals .shipping_calculator, .woocommerce-page .cart-collaterals .shipping_calculator { clear: right; float: right; margin: 30px 0 0; text-align: right;  width: 48%; }
	.woocommerce .button, .woocommerce-page .button, .button { font-size: 14px; padding: 15px 11px 16px; border:none; min-height:50px; backface-visibility: hidden; }
	.woocommerce .button:hover, .button:hover { background-color:#546d87; }
	.woocommerce .quantity .plus, .woocommerce .quantity .minus, .woocommerce-page .quantity .plus, .woocommerce-page .quantity .minus { border-radius: 0; float: left; height: 50px; border: 1px solid #eaeaea; background-color:#f8f8f8; font-size:20px; }
	.woocommerce .quantity .qty, .woocommerce-page .quantity .qty { background-color: #fbfbfb; float: left; height: 50px; width: 70px; border-style: solid; border-width: 1px 0 1px 0px; text-align: center; margin:0; border-color:#eaeaea;  -moz-appearance: textfield; -webkit-appearance: textfield; appearance: textfield; float:left; z-index:1; position:relative; }
	table.shop_table .quantity .plus, table.shop_table .quantity .minus, .product .summary .quantity .qty, .product .summary .quantity .plus, .product .summary .quantity .minus { display: inline-block; padding:0px 17px; color:#616161; }
	.woocommerce .quantity, .woocommerce-page .quantity { width: auto; }
	.woocommerce td.product-quantity, .woocommerce-page td.product-quantity { min-width: 80px; }
	.woocommerce table.shop_table .product-name a { color:#333333; }
	.woocommerce table.shop_table .product-subtotal span { font-size:20px; }
	.woocommerce table.cart td.actions .coupon .input-text, .woocommerce-page table.cart td.actions .coupon .input-text, .woocommerce #content table.cart td.actions .coupon .input-text, .woocommerce-page #content table.cart td.actions .coupon .input-text { border: 1px solid #eaeaea; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 1em; margin: 0 0px 0 20px; outline: 0 none; padding: 0px 20px 0px; width: 80px; color:#333333; background-color:#fbfbfb; }
	.woocommerce table.cart td.actions .coupon .input-text { height: 50px; width: 170px; -webkit-appearance: none; -moz-appearance: none; }
	.woocommerce table.shop_table .cart_table_item td:first-child { border-left:1px solid #eaeaea; }
	.woocommerce table.shop_table .cart_table_item td:last-child { border-right:1px solid #eaeaea; }
	.woocommerce table.cart a.remove, .woocommerce-page table.cart a.remove, .woocommerce #content table.cart a.remove, .woocommerce-page #content table.cart a.remove { border-radius: 100%; color: #616161; display: block; font-size: 23px; font-weight: normal; height: 30px; line-height: 30px; text-align: center; text-decoration: none; width: 30px; background-color:#eaeaea; }
	.woocommerce table.cart a.remove:hover { color:#ffffff; }
	.woocommerce table.cart .product-thumbnail img { border:1px solid #eaeaea; border-radius:2px; }
	.woocommerce .cart_totals h2 { font-size:18px; text-align:left; margin-bottom:25px; }
	.woocommerce .cart_totals .total .amount { font-size:20px; }
	.woocommerce .cart-collaterals .cart_totals table { border-width:1px 1px 0px 1px; border-style:solid; border-color:#eaeaea; border-radius:0px; }
	.woocommerce .cart-collaterals .cart_totals td { color:#616161; }
	.woocommerce form .form-row input.input-text, .woocommerce-page form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce-page form .form-row textarea { box-sizing: border-box; line-height: 1em; margin: 0; outline: 0 none; width: 100%; padding:16px 10px; }
	
	.woocommerce div.product, .woocommerce-page div.product, .woocommerce #content div.product, .woocommerce-page #content div.product { margin-bottom: 0; position: relative; }
	.woocommerce div.product div.images, .woocommerce-page div.product div.images, .woocommerce #content div.product div.images, .woocommerce-page #content div.product div.images { float: left; margin-bottom: 2em; width: 49%; }
	.product .yith_magnifier_zoom_wrap { position: relative; z-index: 1; }
	.yith_magnifier_zoom { display: block; position: relative; }
	.woocommerce div.product div.images img, .woocommerce-page div.product div.images img, .woocommerce #content div.product div.images img, .woocommerce-page #content div.product div.images img { display: block; height: auto; transition: all 0.2s ease-in-out 0s; border:1px solid #eaeaea; }
	.woocommerce div.product div.images div.thumbnails:after, .woocommerce-page div.product div.images div.thumbnails:after, .woocommerce #content div.product div.images div.thumbnails:after, .woocommerce-page #content div.product div.images div.thumbnails:after { clear: both; content: ""; display: block; }
	.single-product .thumbnails ul { clear: both; display: block; width: 100%; }
	.product .images .thumbnails .yith_magnifier_gallery li, .product .images .thumbnails .yith_magnifier_gallery li.last { margin:0 14px 0 0; }
	.product .images .thumbnails .yith_magnifier_gallery li:last-child { margin:0; }
	.single-product .thumbnails ul li { display: inline-block; margin: 0 5px; width: 80px; padding:0; }
	.woocommerce div.product div.summary, .woocommerce-page div.product div.summary, .woocommerce #content div.product div.summary, .woocommerce-page #content div.product div.summary { float: right; margin-bottom: 2em; width: 42%; }
	.woocommerce div.product div.images, .woocommerce-page div.product div.images, .woocommerce #content div.product div.images, .woocommerce-page #content div.product div.images { float: left; margin-bottom: 2em; width: 54%; }
	.woocommerce div.product div.images div.thumbnails, .woocommerce-page div.product div.images div.thumbnails, .woocommerce #content div.product div.images div.thumbnails, .woocommerce-page #content div.product div.images div.thumbnails { padding-top: 1em; }
	.product .summary { position: relative; }
	.single-product .summary h1 { font-size: 24px; text-transform: none; margin-bottom:10px; }
	.woocommerce-product-rating { clear: both; float: left; margin: 0; padding: 0 0 10px; width: 100%; }
	.woocommerce .star-rating, .woocommerce-page .star-rating { float:none; overflow: hidden; position: relative; height: 1em; line-height: 1em; font-size: 1em; width: 5.4em; font-family: FontAwesome; display:block; margin-bottom:15px; }
	.woocommerce .star-rating:before, .woocommerce-page .star-rating:before { content: "\f006 \f006 \f006 \f006 \f006"; color: #1e2b38; top: 0; left: 0; position: absolute; }
	.woocommerce .star-rating span, .woocommerce-page .star-rating span { overflow: hidden; float: left; top: 0; left: 0; position: absolute; padding-top: 1.5em }
	.woocommerce .star-rating span:before, .woocommerce-page .star-rating span:before { content: "\f005 \f005 \f005 \f005 \f006"; top: 0; position: absolute; left:0; color:#1e2b38; }
	.woocommerce .products .star-rating, .woocommerce-page .products .star-rating { display: block; margin: 0 0 .5em; float: none; }
	.woocommerce-product-rating .price { font-size:24px; display:inline-block; margin-bottom:15px; }
	.woocommerce-review-link { color:#616161; float:right; border-bottom:1px solid #898989; }
	.summary .description { float:left; width:100%; font-size:14px; margin-bottom:20px; }
	.summary .project-details ul.client-details li { border-bottom:1px solid #eaeaea; padding-bottom:10px; margin-bottom:10px; }
	.summary .project-details ul.client-details li:last-child { border-bottom:none; }
	
	.summary .cart { display: inline-block; margin-right: 10px; margin-top: 20px; }
	.woocommerce #content div.product form.cart div.quantity, .woocommerce div.product form.cart div.quantity, .woocommerce-page #content div.product form.cart div.quantity, .woocommerce-page div.product form.cart div.quantity { float: left; margin: 0 10px 0 0; } 
	
	.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 { float: left; width: 48%; }
	.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 { float: right; width: 48%; }
	
	.woocommerce .col2-set:after, .woocommerce-page .col2-set:after { clear: both; content: ""; display: block; }
	.woocommerce .col2-set, .woocommerce-page .col2-set { width: 100%; }
	.woocommerce form .form-row label, .woocommerce-page form .form-row label { font-weight: normal; padding-bottom: 5px; }
	.woocommerce form .form-row label, .woocommerce-page form .form-row label { display: block; }
	
	.woocommerce form .form-row-first, .woocommerce-page form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-last { float: left; overflow: visible; width: 48%; }
		
	.woocommerce form .form-row.form-row-first  { margin-right:22px; }
	
	.woocommerce form .form-row.validate-required.woocommerce-invalid .chzn-single, .woocommerce-page form .form-row.validate-required.woocommerce-invalid .chzn-single, .woocommerce form .form-row.validate-required.woocommerce-invalid .chzn-drop, .woocommerce-page form .form-row.validate-required.woocommerce-invalid .chzn-drop, .woocommerce form .form-row.validate-required.woocommerce-invalid input.input-text, .woocommerce-page form .form-row.validate-required.woocommerce-invalid input.input-text, .woocommerce form .form-row.validate-required.woocommerce-invalid select, .woocommerce-page form .form-row.validate-required.woocommerce-invalid select { border-color: #fb7f88; }
	
	.woocommerce #payment, .woocommerce-page #payment { background: none repeat scroll 0 0 #ffffff; }
	.woocommerce #payment ul.payment_methods:after, .woocommerce-page #payment ul.payment_methods:after { clear: both; content: ""; display: block; }
	.woocommerce #payment ul.payment_methods, .woocommerce-page #payment ul.payment_methods { list-style: none outside none; margin-bottom: 15px; padding: 0; text-align: left; }
	.woocommerce #payment ul.payment_methods li input, .woocommerce-page #payment ul.payment_methods li input { margin: 0 1em 0 0; }
	.woocommerce #payment ul.payment_methods li, .woocommerce-page #payment ul.payment_methods li { font-weight: normal; line-height: 2em; margin: 0; text-align: left; padding-bottom:10px; position:relative; padding:0; }
	.woocommerce #payment div.payment_box, .woocommerce-page #payment div.payment_box { background: none repeat scroll 0 0 #f8f8f8; }
	.woocommerce #payment div.payment_box, .woocommerce-page #payment div.payment_box { color: #333333; font-size: 13px; line-height: 25px; margin: 7px 0 15px 0px; padding: 2em 2%; position: relative; width: 100%; border:1px solid #eaeaea; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
	
	.woocommerce #payment div.payment_box p:last-child, .woocommerce-page #payment div.payment_box p:last-child { margin-bottom: 0; }
	.woocommerce #payment ul.payment_methods li img, .woocommerce-page #payment ul.payment_methods li img { margin: -2px 0 0 0.5em; position: relative; vertical-align: middle; }
	.woocommerce #payment div.form-row, .woocommerce-page #payment div.form-row { margin:0 0 6px 0; padding:3px 0; }
	
	.woocommerce input[type="checkbox"], .woocommerce input[type="radio"] { display:none; }
	.woocommerce form .form-row label span, .woocommerce-shipping-fields label span { background-color: #ffffff; border:1px solid #eaeaea; cursor: pointer; display: inline-block; height: 16px; position: relative; top: 4px; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; width: 16px; z-index: 1; padding-bottom:0; box-shadow:0 0 0 2px #ffffff inset;  margin-right:10px; }

	.woocommerce .payment_methods label span:before { background-color: #fbfbfb; border-radius: 100px; cursor: pointer; display: inline-block; height: 14px; transition: all 0.5s ease 0s; width: 14px; z-index: 1; position:absolute; top:2px; left:2px; content:""; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; }
	.woocommerce .payment_methods label span { background-color:#fbfbfb; border:1px solid #eaeaea; position:absolute; width:18px; height:18px; border-radius:100px; position:relative; display:inline-block; margin-right:10px; top:5px; }
	
	.woocommerce input[type="radio"]:checked + label span:before { background-color:#21c2f8; }
	
	.woocommerce-shipping-fields h3, .woocommerce-billing-fields h3, #order_review_heading { font-size:24px; }
	.woocommerce-shipping-fields h3, .woocommerce-billing-fields h3 { margin-bottom:30px; }
	#order_review_heading { margin-bottom:25px; clear:both; }
	.woocommerce-info { float: left; margin-bottom: 12px; width: 100%; color:#333333; }
	.woocommerce-info a { color:#333333; }
	
		
	.woocommerce-tabs .panel ul li { border-bottom:1px solid #eaeaea; padding:10px 20px 10px 0px; }
	.woocommerce-tabs .panel ul li:last-child { border:none; }
	.woocommerce-tabs .panel ul li .fa { margin-right:5px; }
	.woocommerce-tabs .panel ul li span { color:#333333; font-weight:bold; width:150px; float:left; }
	.woocommerce-tabs .panel ul { display:inline-block; }
	.woocommerce-tabs .panel h6 { margin-bottom:15px; }
	.woocommerce-tabs .panel .thumb { float:left; margin:0px 30px 0px 0px; }
	.woocommerce-tabs .panel { background:#f8f8f8; float:left; clear:both; width:90%; margin:-1px 0px 0px -1px; padding:20px 5% 35px; }
	.woocommerce-tabs ul.tabs li a.current { background:#f8f8f8; border:0px; position:relative; z-index:1; margin-left:-1px; }
	.woocommerce-tabs ul.tabs li:first-child a { border-left:1px solid #eaeaea; }
	.woocommerce-tabs ul.tabs li a { border:1px solid #d9d9d9; border-width:1px 1px 0px 0px; border-style:solid; border-color:#eaeaea; float:left; margin:0px; padding:0px 25px; background:#ffffff; text-align:center; font-weight:400; color:#333333; line-height:60px; font-size:16px; font-family:'Noto Sans JP','游ゴシック', '游ゴシック体', 'YuGothic', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; }
	.woocommerce-tabs ul.tabs li { float:left; display:inline; margin:0px; padding:0px; }
	.woocommerce-tabs ul.tabs { float:left; margin:0px; padding:0px; width:100%; }

	input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; }
	
	#ship-to-different-address { margin-bottom: 23px; }
			
/*---*******--- << 2. Layout >> ---*******---*/

	/*---*******--- << 2.1. Container >> ---*******---*/

	.container { width:1170px; margin:0 auto; position:relative; clear:both; }
	
	.wrapper { clear:both; width:100%; margin:0px; padding:0px; float:left; }
	.inner-wrapper { margin:0px; width:100%; float:left; padding:0px; }
	
	.wrapper { width:100%; margin:0 auto; float:none; }
	.boxed { width:1250px; margin:0 auto; float:none; }
	.boxed .header, .boxed .header6 #header-wrapper { width:100%; margin:0 auto; }
	.boxed .wrapper, .boxed #main, .boxed .inner-wrapper { background-color:#ffffff; }
	
	/*---*******--- << 2.2. Top Bar >> ---*******---*/
	#loader-image { background:#fff; z-index: 999991; width:100%; height:100%; float:left; top: 0; left: 0; right:0; bottom:0; margin:auto; position:absolute; }
	.loader-wrapper { background: none repeat scroll 0 0 #fff; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 9999999; }
	
	.top-bar { width:100%; clear:both; float:left; padding:0px; line-height:20px;  border-bottom:0px dashed #ededed; border-top:0px dashed #ededed; background-color:#fff; position:relative;}
	
	.top-menu { text-align: left; margin:0px auto 0px auto; padding:5px 0px 5px 0px; color: #333; width: 100%; }
	.top-menu li { text-align: center; display:inline; margin:5px auto 0px auto; padding:5px 0px 0px 0px; border-left:0px dashed #ededed; font-size:110%; }
	.top-menu li:last-child { border-right:0px dashed #ededed; }
	.top-menu li a:hover { color:#333333; }
	
	.top-menu .fa { font-size:16px; font-family:FontAwesome; font-weight:normal; margin-right:3px; }
 	
	
	.top-right { float:right; width:26%; margin:0px; padding:0px 15px 3px 0px; border-right:0px dashed #ededed;  border-left:0px dashed #ededed; background-color: #328c1e; border-bottom-right-radius: 7px; border-bottom-left-radius: 7px;
}
	.top-right span { padding:0px 8px; }
	
	.top-right .register { float:left; margin:0; width:100%; }
	.top-right .register li { display: inline-block; margin: 0; float:left; padding:0; }
	.top-right .register li:last-child { border-left:0px dashed #ededed; }
	.top-right .register li a { float:left;  padding: 0 22px 0 23px; }
	
	.top-social-icons { margin:0; }
	.top-social-icons li { float:left; display:inline-block; margin:0; padding:0; }
	.top-social-icons li a {  padding:0px 8px; border:none; display:inline-block; font-size:17px; float:left; color:#ccdded; }
	.top-social-icons li:hover .fa { color:#fff; }
	.top-bar.type2 { border:none; line-height:40px; background-color:#34495e; }
	.top-bar.type2 .search a { color:#d5d5d5; background-color:#333333; display:inline-block; padding:0 15px; font-size:20px; margin:0; }
	.top-bar.type2 .search a:hover { color:#fff; }
	
	.top-bar.type3, .top-bar.type4 { border:none; line-height:40px; background-color:#333333; }
	.top-contact-details { display:inline-block; margin:0; padding:0; }
	.top-contact-details li { float:left; display:inline-block; margin:0 20px 0 0; padding:0; }
	.top-contact-details li a { font-size:12px; color:#f0f4f8; }
	.top-contact-details .fa { color:#f0f4f8; margin-right:9px; }
	
	.shop-cart { display:inline-block; color:#fff; margin:0; }
	.shop-cart .fa { margin-right:8px; }
	.shop-cart:hover { color:#; }
	.shop-cart a { color:#fff; }
	.top-bar .alignleft, .top-bar .alignright { margin:0; }
	
	.top-bar.type4 .top-social-icons li a { font-size:14px; line-height:43px; }
	.top-register a { color:#b8c5d0; font-size:14px; padding:3px 10px; border:1px solid #b8c5d0; border-radius:2px; margin:8px 0; display:inline-block; line-height:20px; }
	.top-register a:last-child { margin-left:9px; }
	.top-register a:hover { color:#fff; }
	
	#main-menu > ul > li > a.header-cart { position:relative; }
	#main-menu > ul.menu > li > a.header-cart i { position:inherit; line-height:inherit; left:0; margin:0; font-size:16px; }
	#main-menu > ul > li > a.header-cart span { position:absolute; font-size:10px; top:22px; right:5px; background-color:#eaeaea; border-radius:3px; display:inline-block; line-height:15px; padding:0 3px; }
	
	.top-bar.type5 { border:none; line-height:36px; background-color:#ebeef0; }
	.top-bar.type5 .top-contact-details .fa, .top-bar.type5 .top-contact-details li a, .top-bar.type5 .top-contact-details li span { color:#7b8a97; }
	.top-bar.type5 .top-contact-details { font-size:12px; }
	.top-bar.type5 .top-contact-details .fa { font-size:16px; }
	.top-bar.type5 .top-social-icons li a { color:#7b8a97; font-size:16px; }
	
	.service-option a { font-size:12px; color:#7b8a97; margin:0 12px; display:inline-block; }
	.service-option { margin:0; }
	/*.service-option a .fa { margin-left:5px; }*/
	
	.top-shop-cart li > a { font-size:20px; display:block; color:#bbc8d5; padding:20px 10px; float:left; margin-left:1px; }
	.top-shop-cart li { float:left; padding:0; position:relative; }
/*	.top-shop-cart li.search { position:relative; }
*/	.top-shop-cart { margin:0; padding:0; position:relative; }
	.top-shop-cart > a:hover { color:#fff; }
	
	.search-form-box:before { border-color: transparent transparent #fff; border-style: solid; border-width: 7px; content: ""; display: block; height: 0; position: absolute; right: 10px; top: -13px; width: 0; }
	.search-form-box { animation: 0.3s ease 0.037s normal both 1 running fade-anim; z-index: 999999; }
	#search-form-box .search-text-box { background-color:#fff; /*background-image: url("images/search.png"); background-position: 9px 9px; background-repeat: no-repeat; background-size: 16px 16px;*/ border: 1px solid #ccc;  box-shadow: none; color: #444; cursor: text; font-size: 13px; height: 38px; line-height: 18px; min-height: 48px; min-width: 240px; padding: 7px 5px 8px 10px; transition: all 0.3s ease-in-out 0s; width: 1px; margin:0; box-shadow:0 -1px 9px 3px rgba(0, 0, 0, 0.15); }
	.search-form-box { position: absolute; right:0px; bottom:-48px; }
	.top-bar.type2 .search-form-box:before { right:19px; }
	
	.top-shop-cart.type2 li.search > a, .top-shop-cart.type2 li.dt-sc-cart > a { padding:20px; background-color:#333333; }
	
	.top-bar.type6 { border:none; }
	.top-bar.type6 .top-contact-details .fa, .top-bar.type6 .top-contact-details a, .top-bar.type6 .top-social-icons li a { color:#333333; }
	
	.dt-sc-cart:hover .shopping-cart { display:block; -webkit-animation: 0.3s ease-in fadeInUp; -moz-animation: 0.3s ease-in 0s fadeInUp; animation: 0.3s ease-in 0s fadeInUp; }
	.shopping-cart { float:left; width:100%; background-color:#fff; border:1px solid #eaeaea; min-width:270px; padding:20px 20px 10px 20px; position:absolute; top:62px; right:0; display:none; box-shadow:0 -1px 8px 3px rgba(0, 0, 0, 0.08); }
	.shopping-cart:before { content: "\f106"; font-family:FontAwesome; font-size:28px; top:-16px; position:absolute; right:8px; color:#eaeaea; }
	.shopping-cart:after { border-color: transparent transparent #fff; border-style: solid; border-width: 7px; content: ""; display: block; height: 0; position: absolute; right: 10px; top: -14px; width: 0; }
	.product_cart_list { display:block; margin:0 0 10px; padding:0 0 10px; float:left; width:100%; border-bottom:1px solid #eaeaea; }
	.product_cart_list li { display:block; clear:both; margin-bottom:20px; position:relative; width:100%; }
	.product_cart_list li a { padding:0; margin:0; text-align:left; font-size:14px; margin-bottom:5px; font-weight:bold; font-family:'Noto Sans JP','游ゴシック', '游ゴシック体', 'YuGothic', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; float:none; color:#333; line-height:normal; margin-bottom:10px; }
	.product_cart_list li a img { max-width:80px; float:left; margin-right:10px; border:1px solid #eaeaea; }
	.product_cart_list li a .remove { position:absolute; font-size:12px; color:#fff; left:-7px; top:-7px; background-color:#191919; width:20px; height:20px; border-radius:100%; text-align:center; line-height:20px; }
	.product_cart_list .product-details { display:block; float:left; } 
	.product_cart_list .product-details > span { float:left; padding:0 10px; border:1px solid #ccc; line-height:normal; font-size:12px; color:#333; margin:0 10px 5px 0; }
/*	.product_cart_list .product-details > span:first-child { margin-right:10px; }
*/	.product_cart_list .product-details .amount { color:#21c2f8; }
	.product_cart_list .product-details .quantity { text-align:left; display:block; clear:both; font-size:16px; font-family:'Noto Sans JP','游ゴシック', '游ゴシック体', 'YuGothic', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; font-weight:normal; margin-bottom:5px; color:#333; }
	
	.shopping-cart .total { font-size:16px; font-family:'Noto Sans JP','游ゴシック', '游ゴシック体', 'YuGothic', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; clear:both; color:#333; font-weight:bold; float:left; width:100%; text-align:left; margin-bottom:20px; }
	.shopping-cart .total span { float:right; }
	.shopping-cart .buttons { float:left; width:100%; }
	.shopping-cart .buttons a { float:left; width:100%; display:inline-block; text-align:left; font-size:14px; background-color:#333333; color:#fff; padding:10px 0; text-transform:uppercase; margin-bottom:10px; text-align:center; font-weight:bold; }
	.shopping-cart .buttons a:last-child { margin:0; }
	
	.top-shop-cart.type2 .shopping-cart:before { right:15px; }
	.top-shop-cart.type2 .shopping-cart:after { right:17px; }
	.top-shop-cart.type2 .search-form-box:before { right:20px; }
		
	/*---*******--- << 2.3. Header >> ---*******---*/

	#header-wrapper-sticky-wrapper { max-width: 100%; float:left; width:100%; }

    .top01 {
    border-top: 1px solid #328c1e;
    margin-top: -2px;
    max-width: 100%;
    background-color: #fff; 
    position: relative;}

@media only screen and (max-width: 767px) {
    .top01 {
    border-top: 1px solid #328c1e;
    margin-top: 3px;
    max-width: 100%;
    background-color: #fff; 
    position: relative;}
}

    .top-i { padding: 0 0px 0 0;}
	
	#header-wrapper { float:left; width:100%; z-index:99999;}
	.header { width:100%; margin:0px 0px 3px 0px; padding:0px 0px 7px 0px; float:left; position:relative; z-index:9999; background-color:#fff; box-shadow:0 2px 5px -2px rgba(0, 0, 0, 0.15); -moz-box-shadow:0 3px 6px -2px rgba(0, 0, 0, 0.15); -webkit-box-shadow:0 3px 6px -2px rgba(0, 0, 0, 0.15); }
	.header.header2 #main-menu > ul.menu > li > a i { font-size: 14px; left: 13px; line-height:80px; }
	#main-menu > ul.menu > li > a i { font-size: 14px; left: 16px; line-height: 80px; margin: 0 5px 0 0; position: absolute; top: 0; }
	
	.header.header2 #main-menu > ul.menu > li > a { padding-left: 34px; padding-right: 14px; }
	.header3 { box-shadow:0px -1px 0px 0px #ededed inset; -moz-box-shadow:0px -1px 0px 0px #ededed inset; -webkit-box-shadow:0px -1px 0px 0px #ededed inset; }

    .headerTop {background-color:#fff;position: relative;
    z-index: 999; max-width: 1170px; margin: 0 auto; position: relative; clear: both;}
	
	.header.header4 #main-menu > ul.menu > li > a, .header.header5 #main-menu > ul.menu > li > a { padding-left: 39px; padding-right:18px; position: relative; }
	.header.header4 #main-menu { float:none; text-align:center; }
	.header.header4 #logo { float:left; width:100%; text-align:center; border-bottom:1px dashed #ededed; }
	.header.header4 #logo001 { float:left; width:100%; text-align:center; border-bottom:1px dashed #ededed; }
	.header02.header4 #main-menu > ul.menu > li > a, .header02.header5 #main-menu > ul.menu > li > a { padding-left: 39px; padding-right:18px; position: relative; }
	.header02.header4 #main-menu { float:none; text-align:center; }
	.header02.header4 #logo { float:left; width:100%; text-align:center; border-bottom:1px dashed #ededed; }
	.header02.header4 #logo001 { float:left; width:100%; text-align:center; border-bottom:1px dashed #ededed; }
    #logo01 { float:left; width:100%; text-align:center; border-bottom:1px dashed #ededed; }
	.is-sticky .header.header4 #logo { display:none; }
	.is-sticky .header.header4 #logo001 { display:none; }
	.is-sticky .header.header4 #logo01 { display:none; }
	.header.header5 .container { width: 100%; }
	
	.menu-container { float:left; width:100%; }
	
	#logo { float:left; display:inline; padding:0px 0px 0 0px; margin:0px; }
	#logo a { width:100%; display:block; }
	#logo a img { max-width:100%; z-index: 1;}
	.header5 #logo { padding-left:20px; }
	#logo01 { float:left; display:inline; padding:0px 0px 0 0px; margin:0px; }
	#logo01 a { width:100%; display:block; }
	#logo01 a img { max-width:100%; z-index: 1;}
	#logo001 { float:left; display:inline; padding:0px 0px 0 0px; margin:0px; }
	#logo001 a { width:100%; display:block; }
	#logo001 a img { max-width:100%; z-index: 1;}
	#logo002 { float:left; display:inline; padding:0px 0px 0 0px; margin:0 0 0 0%; }
	#logo002 a { width:100%; display:block; }
	#logo002 a img { max-width:316px; z-index: 100; position: relative;}
	.header5 #logo { padding-left:20px; }
	.header5 #logo01 { padding-left:20px; }
	.header5 #main-menu { margin-right:20px; }
	
	.header6 #logo { text-align:center; width:100%; transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; }
	.header6 #logo001 { text-align:center; width:100%; transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; }
	.header6 #logo002 { text-align:center; width:100%; transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; }
	.header6 #logo01 { text-align:center; width:100%; transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; }
	.header6 #main-menu, .header8 #main-menu { float:left; }
	.header6 #menu-container, .header8 { float:left; width:100%; background-color:#34495e; transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; }
	.header6 #main-menu > ul > li > a { color:#333; padding:20px 21px 20px; }
	.header6 #main-menu > ul > li.current_page_item > a, .header8 #main-menu > ul > li.current_page_item:before { border:none; }
	
	.logo-wrapper .top-contact-details { display:inline-block; color:#7b8a97; font-size:13px; padding:30px 0 0; }
	.logo-wrapper .top-contact-details li a { color:#7b8a97; font-size:13px; }
	.logo-wrapper .top-contact-details li:last-child a { border-left:1px solid #9ea9b3; padding-left:17px; }
	.logo-wrapper .top-contact-details li:last-child { margin-right:0; }
	
	.header6 #main-menu ul li.menu-item-simple-parent ul, .header6 .megamenu-child-container, .header8 #main-menu ul li.menu-item-simple-parent ul, .header8 .megamenu-child-container { top:62px; background-color:#333333; }
	.header6 #main-menu ul li.menu-item-simple-parent ul li ul, .header8 #main-menu ul li.menu-item-simple-parent ul li ul { top:-5px; }
	
	.header6 #main-menu ul li.menu-item-simple-parent ul li, .header6 .megamenu-child-container ul.sub-menu > li > ul li a, .header6 .menu-item-widget-area-container .widget ul li, .header8 #main-menu ul li.menu-item-simple-parent ul li, .header8 .megamenu-child-container ul.sub-menu > li > ul li a, .header8 .menu-item-widget-area-container .widget ul li { border-color:#44607b; }
	
	.header6 #main-menu ul li.menu-item-simple-parent ul li a, .header6 .megamenu-child-container ul.sub-menu > li > ul li a, .header6 .megamenu-child-container > ul.sub-menu > li > a, .header6 .megamenu-child-container > ul.sub-menu > li > .nolink-menu, .header6 .menu-item-widget-area-container .widget ul li a, .header8 .megamenu-child-container ul.sub-menu > li > ul li a:hover, .header8 #main-menu > ul > li:hover > a, .header8 .megamenu-child-container > ul.sub-menu > li > a:hover, .header8 .megamenu-child-container > ul.sub-menu > li > .nolink-menu:hover, .header8 .menu-item-widget-area-container .widget ul li a:hover, .header8 #main-menu ul li.menu-item-simple-parent ul li a:hover, .header8 #main-menu ul li.menu-item-simple-parent ul li.current_page_item > a { color:#333; }
	
	.header8 #main-menu ul li.menu-item-simple-parent ul li a, .header8 .megamenu-child-container ul.sub-menu > li > ul li a, .header8 .megamenu-child-container > ul.sub-menu > li > a, .header8 .megamenu-child-container > ul.sub-menu > li > .nolink-menu, .header8 .menu-item-widget-area-container .widget ul li a { color:#bbc8d5; }
	
	.header7 .main-menu-container { width:1170px; margin:0 auto; position:relative; }
	.header7 .main-menu { background-color:rgba(248, 248, 248, 0.5); box-shadow: 0 3px 6px -2px rgba(0, 0, 0, 0.15); display: inline-block; left: 0; padding: 0 30px; width: 100%; z-index: 9; transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; }
	.header7 { box-shadow:none; }
	.header7 #main-menu > ul > li.current_page_item > a { border:none; }
	.header7 .main-menu-container { transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; }
	
	.header.header7 { background-color:inherit; }
	.is-sticky .header7 .main-menu-container { width:100%; }
	.is-sticky .header7 .main-menu { background-color:#f8f8f8; }
	
	.header8 #main-menu > ul > li > a { color:#333; z-index:1; padding:20px 21px 20px; }
	.header8 #main-menu > ul > li.current_page_item > a { color:#333; border:none; }
	.header8 #main-menu > ul > li > a:hover { color:#333; }
	.header8 #main-menu > ul > li:before { content:""; display:inline-block; height:0; position:absolute; background-color:#333333; position:absolute; left:0; right:0; bottom:0; top:0; width:100%; z-index:1; }
	.header8 #main-menu > ul > li:hover:before { height:100%; }
	.header8 #main-menu > ul > li.current_page_item > a { background-color:#333333; }
	.logo-wrapper { float:left; width:100%; box-shadow:0 2px 5px -2px rgba(0, 0, 0, 0.15); background-color:#fff; transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; position:relative; z-index:1; }
	.is-sticky .logo-wrapper { display:none; }

    .top-tel img { float: right; padding-top: 5px; padding-right: 20px; display: block;}
    .top-tel a { cursor: default !important;}
	
	#main-menu { float:left; margin:0px; padding:0px;}
	#main-menu ul { margin:0px auto; padding:0px 0px 0px 0px; position:relative; border-right: 0px solid #333; }
	#main-menu .sub-menu ul { margin:0px auto; padding:0px 0px 0px 0px; position:relative; border-right: 0px solid #328c1e; }
	#main-menu > ul > li { display:inline-block; padding:0 0 0 0; position:relative; border-left: 1px solid #333; margin-top: 0px;}
	#main-menu > ul > li > a { font-size:17px; font-weight:600; text-transform:uppercase; display:block; padding:10px 26px 11px 31px; color:#333 !important; position:relative; }
	#main-menu > ul > li > a:hover { font-size:17px; font-weight:600; text-transform:uppercase; display:block; padding:10px 26px 11px 31px; color:#333 !important; position:relative; }
	#main-menu > ul > li.current_page_item > a { border-right:0px dashed #ededed; border-left:0px dashed #ededed; }
	#main-menu > ul > li.current_page_item:before { content:""; position:absolute; bottom:0; left:6%; border-bottom:3px solid; width:92%;}
	
	#main-menu ul li.menu-item-simple-parent ul, #main-menu ul li.menu-item-simple-parent ul li ul, #main-menu ul li.menu-item-simple-parent ul li:hover ul ul, #main-menu ul li.menu-item-simple-parent ul li ul li ul { display:none; }
	
	#main-menu ul li.menu-item-simple-parent ul { background-color:#ffffff; border-bottom: 3px solid #328c1e; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25); float: left; left: 0; padding: 10px 0; position: absolute; top: 43px; width: 200px; z-index: 1; text-align:left; } 
	#main-menu ul li.menu-item-simple-parent ul li { display:inline; padding:10px 0px; position:relative; width:100%; border-bottom: 1px dashed #ededed; float:left; }
	#main-menu ul li.menu-item-simple-parent ul li:last-child { border-bottom:none; }
	#main-menu ul li.menu-item-simple-parent ul li a { display: block; font-size: 14px; padding: 0px 15px; position: relative; color:#777; text-transform:uppercase; font-weight:normal; }
	#main-menu ul li.menu-item-simple-parent ul li a:hover { display: block; font-size: 14px; padding: 0px 15px; position: relative; color:#0e870e; text-transform:uppercase; font-weight:bold; }
	
	#main-menu ul li.menu-item-simple-parent ul > li > ul > li:hover > ul { display:block; -webkit-animation: 0.3s ease-in fadeIn; -moz-animation: 0.3s ease-in fadeIn; animation: 0.3s ease-in fadeIn; }
	
	#main-menu > ul > li.menu-item-simple-parent:hover > ul, #main-menu > ul > li.menu-item-simple-parent > ul > li:hover > ul { display:block; -webkit-animation: 0.3s ease-in fadeInUp; -moz-animation: 0.3s ease-in 0s fadeInUp; animation: 0.3s ease-in 0s fadeInUp; }
	
	#main-menu ul li.menu-item-simple-parent ul li ul { left:180px; top:-5px; border-top:0px; border-bottom:3px solid; padding-top:5px; border-top:3px solid; }
	
	#main-menu ul li.menu-item-simple-parent:last-child ul, #main-menu ul li.menu-item-simple-parent:nth-child(6) ul, #main-menu ul li.menu-item-simple-parent:nth-child(9) ul { right: 0; }
	
	#main-menu ul li.menu-item-simple-parent:nth-child(4) ul li ul, #main-menu ul li.menu-item-simple-parent:last-child ul li ul, #main-menu ul li.menu-item-simple-parent:nth-child(6) ul li ul li ul, #main-menu ul li.menu-item-simple-parent:nth-child(6) ul li ul { right:180px; left:inherit; }
	
	#main-menu ul li a.dt-menu-expand { display:none; }
	
	/****** Mega Menu *****/
	
	#main-menu ul > li > .megamenu-child-container { display:none; }
	.megamenu-child-container { padding:10px 10px 40px; position:absolute; top:81px; left:0px; float:left; z-index:99; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25); background-color:#fff; border-bottom:3px solid; text-align:left; }
	
	.megamenu-2-columns-group .megamenu-child-container { width:500px; }
	.megamenu-3-columns-group .megamenu-child-container { width:750px; }
	.megamenu-4-columns-group .megamenu-child-container { width:1000px; }
	.megamenu-5-columns-group .megamenu-child-container { width:1230px; }
	
	.megamenu-child-container > ul.sub-menu > li { display: inline; float: left; line-height: normal; padding: 15px; width: 215px; }
	
	.megamenu-child-container > ul.sub-menu > li > a, .megamenu-child-container > ul.sub-menu > li > .nolink-menu { font-size:16px; font-weight:600; text-transform:uppercase; display:block; color:#1e1e1e; position:relative; border-radius:2px; }

	#main-menu > ul > li:hover > .megamenu-child-container { display:block; -webkit-animation: 0.3s ease-in fadeInUp; -moz-animation: 0.3s ease-in 0s fadeInUp; animation: 0.3s ease-in 0s fadeInUp; }
	
	.megamenu-child-container ul.sub-menu > li > ul { padding:0px; margin:0px; }
	.megamenu-child-container ul.sub-menu > li > ul li { display:block; padding:0px; }
	
	.megamenu-child-container ul.sub-menu > li > ul li, .megamenu-child-container ul.sub-menu > li > ul li a { clear:both; }
	
	.megamenu-child-container ul.sub-menu > li > ul li a { color:#36251e; position:relative; padding:10px 0px 10px 0px; font-size:13px; display:block; border-bottom:1px dashed #ededed; font-weight:normal; text-transform:uppercase; }

	.megamenu-child-container ul.sub-menu > li > ul > li > ul { padding-left:20px; }
	
	.megamenu-child-container ul.sub-menu > li > ul { padding: 10px 0 0 !important; }
	
	.menu-item-widget-area-container { margin: 0; padding: 0; width: 100%; }
	.menu-item-widget-area-container .widget { display: inline; padding: 0; }
	.menu-item-widget-area-container ul { margin: 0; padding: 0; }
	.menu-item-widget-area-container .widget ul li { color:#1e1e1e; display:block; border-bottom:1px dashed #ededed; margin-bottom:10px; }
	.menu-item-widget-area-container .widget ul li a { color:#1e1e1e; font-size:13px; text-transform:uppercase; font-weight:normal; }
	.megamenu-child-container > ul.sub-menu > li > p { margin-bottom:30px; }
	
	.dt-menu-expand { cursor: pointer; display: none !important; font-size: 16px !important; font-weight: bold; height: 40px; line-height: 40px !important; padding: 0 !important; position: absolute !important; right: 0; text-align: center; top: 0; width: 40px; }
	
	.dt-menu-toggle { color: #ffffff; cursor: pointer; display: none; font-size: 16px; font-weight: bold; padding: 7px 15px; text-transform: uppercase; }
	.dt-menu-toggle-icon:before, .dt-menu-toggle-icon:after { background-color:#ffffff; content: ""; height: 2px; left: 0; position: absolute; top: -5px; width: 20px; }
	.dt-menu-toggle-icon:after { top:5px; }
	.dt-menu-toggle-icon { background-color: #ffffff; display: inline-block; float: right; height: 2px; margin-top: 10px; position: relative; text-align: left; width: 20px; }
	
	
/*---*******--- << 2.4. Main >> ---*******---*/

	.banner { float:left; width:100%; clear:both; }
	.banner img { max-width:100%; height:auto; float:left; }
	
	.slider-wrapper, .page-slider-wrapper { display :block; float: left; position: relative; width:100%; }
	.slider-wrapper .caroufredsel_wrapper { margin: 0 !important; }	
	.slider-wrapper .main-slider li { float: left; margin: 0; padding: 0; width: 100%; }
	.slider-wrapper .main-slider li img {  height: auto; float:left; }
	.slide-controls-wrapper { float: left; margin:0; outline: 0; position: relative; width: 100%; z-index: 1;  }	
	.slide-controls { display: block; float: none; margin: 0 auto; max-width: 1170px; }
	.slide-controls .dt-sc-ico-content.type6, .slide-controls .dt-sc-ico-content.type10 { cursor:pointer; }        
	
	.full-width-section { float:left; width:100%; clear:both; position:relative; }
	
	#main { float:left; width:100%; }
	
	
	/*---*******--- << 2.4.1. Fullwidth - Page Title >> ---*******---*/	
	
	.full-width-bg { background:url(images/bg.jpg) 50% 0 repeat-y fixed; height:auto; padding:48px 0px 50px; }
	.main-title h1, .main-title h3, .main-title h2 { margin-bottom:0px; color:#ffffff; float:left; }
	.main-title h1 { font-size:26px; }
	.main-title { float:left; width:100%; margin:0; padding:0; position:relative; }
	.breadcrumb { float: right; font-size: 14px; margin:5px 15px 0px 0px; padding: 0; }
	.breadcrumb a { font-size:14px; line-height:18px; color:#333333; }
	.breadcrumb .fa { width:14px; height:14px; text-align:center; border:1px solid #333333; border-radius:2px; margin:0px 10px; }
	
	.breadcrumb-wrapper { background-color:#191919; padding:28px 0 27px; float:left; width:100%; }
	.breadcrumb-wrapper.type2 .breadcrumb .fa, .breadcrumb-wrapper.type9 .breadcrumb .fa { border:none; font-size:16px; }
	.breadcrumb-wrapper.type2 .main-title h1 { color:#fff; }
	
	.breadcrumb-wrapper.type3 { background-color:#f8f8f8; box-shadow:inset 0 2px 5px -2px rgba(0, 0, 0, 0.15); }
	.breadcrumb-wrapper .main-title h1 { color:#333; }
	.breadcrumb .default { margin:0 4px; }
	
	.breadcrumb-wrapper.type4 { background-color:#f8f8f8; background-image:url(images/breadcrumb-bg.png); background-repeat:no-repeat; background-position:center center; border-bottom:1px solid #eaeaea; border-top:1px solid #eaeaea; }
	
	.breadcrumb-wrapper.type7, .breadcrumb-wrapper.type6 { background-color:#fff; border-bottom:1px solid #eaeaea; }
	.breadcrumb-wrapper.type7 .breadcrumb, .breadcrumb-wrapper.type8 .breadcrumb { float:left; display:block; width:100%; margin:0; }
	.breadcrumb-wrapper.type7 .main-title h1, .breadcrumb-wrapper.type8 .main-title h1 { margin-bottom:25px; }
	
	.breadcrumb-wrapper.type5, .breadcrumb-wrapper.type8 { background-color:#f8f8f8; border-bottom:1px solid #eaeaea; border-top:1px solid #eaeaea; }
	
	.breadcrumb-wrapper.type9 { background-color:#fff; }
	.breadcrumb-wrapper.type9 .breadcrumb { float:left; display:block; width:100%; margin:0; }
	
	/*---*******--- << 2.4.2. Blog >> ---*******---*/
	
	#home, #team, #services, #blog, #portfolio, #contacts { float:left; width:100%; }
	.blog-post { display:inline-block; width:100%; margin-bottom:30px; float:left; position:relative; }
	.blog-post .entry-meta { float:left; width:16%; text-align:center; position:absolute; left:0; top:0; }
	.date p { width:100%; float:left; font-size:15px; color:#ffffff; margin-bottom:0px; }
	.date span{font-size:30px; line-height:20px;}
	.entry-meta .date, .entry-meta .post-comments { width:50px; float:left; }
	.entry-meta .date {padding:11px 5px 9px; display:inline-block;  border-radius: 0px 2px 0 0; }
	.entry-meta .post-comments { padding:9px 5px;  border-radius: 0 0 2px 0px; }
	.post-comments a { font-size:13px; line-height:15px; color:#ffffff; }
	.post-comments a span { font-size:14px; margin-right:5px; }
	.post-comments { background-color:#333333;}
	.entry-detail { display:inline-block; margin:0; text-align:center; }
	.entry-detail .entry-title h4 { margin-bottom:5px; font-weight:bold; line-height:22px; text-align:left; font-size:18px; }
	.entry-detail .entry-body p { text-align:left; }
	.blog-post .entry-thumb,  .entry-post .entry-thumb{ margin-bottom:25px; float:left; width:100%; }
	.blog-post .entry-thumb img, .entry-post .entry-thumb img { display:block; border-radius:3px; }
	.hr-line { border-bottom:1px solid #eaeaea; float:left; width:100%; }
	.entry-detail .read-more { display:inline-block; }
	
	.entry-meta-data { clear:both; margin-bottom:15px; width:100%; display:inline-block; position:relative;  }
	.entry-meta-data { border-bottom:1px solid #eaeaea; border-top:1px solid #eaeaea; }
	.entry-meta-data p { padding:8px 10px 8px 0px; border-right:1px solid #eaeaea; }
/*	.entry-meta-data p { padding:8px 10px 8px 0px; }
*/	.entry-meta-data p:last-child { border-right:none; padding:8px 0px 8px 0px; }
	.blog-post.type2 .entry-meta-data p:nth-of-type(2n) span { margin-right:5px; margin-left:0; }
	.blog-post.type2 .entry-detail h4 { margin-bottom:15px; }
	.blog-post.type2 .entry-thumb img { border-radius:0; }
	.entry-meta-data p:nth-of-type(2n) span { margin-left:5px; }
	
	.blog-post.type3 .entry-meta { width:85px; }
	.blog-post.type3 { padding:0px 0px 20px 100px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
	.blog-post.type3 .date p { font-size:18px; }
	.blog-post.type3 .date p span { font-size:40px; line-height:25px; }
	.blog-post.type3 .entry-meta-data { margin-bottom:20px; }
	.blog-post.type3 .entry-meta .date { padding:15px 17px; border-radius:0; }
	.blog-post.type3 .post-comments a { font-size:16px; }
	.blog-post.type3 .entry-meta .post-comments { padding:15px 17px; font-size:16px; border-radius:0; }
	.blog-post.type3 .post-comments a span { margin:0px 5px 0px 0px; font-size:16px; }
	.blog-post.type3 .entry-thumb img { border-radius:0; }
	.blog-post.type3 .entry-detail { text-align:left; }
	.blog-post.type3 .entry-detail .entry-title h4 { font-weight:bold; font-size:20px; margin-bottom:20px; }
	.blog-post.type3 .entry-meta-data p:first-child { padding: 8px 23px 8px 10px; }
	.blog-post.type3 .entry-meta-data p { font-size:13px; }
	.blog-post.type3 .entry-meta-data p span { margin-right:5px; }
	.blog-post.type3 .recent-gallery-container .bx-wrapper { margin-bottom:10px; }
	.blog-post.type3 .recent-gallery-container .bx-controls a { bottom:-55px; }
	
	.page-with-sidebar .blog-items.apply-isotope .dt-sc-one-half { width:48.5%; }
	.page-with-sidebar .blog-post.type3 .entry-meta-data p:first-child { padding:8px 7px 8px 0px; }
	.page-with-sidebar .blog-post.type3 .entry-meta-data p { margin:0; } 
	.page-with-sidebar .dt-sc-one-half .blog-post.type3 .recent-gallery-container .bx-controls a { bottom:-70px; }
	
	.blog-items .column { margin-left: 0; margin-right: 0; }
	.page-with-sidebar .blog-items .dt-sc-one-third { width:31.4%; }
	.blog-items .blog-entry .entry-metadata p span { margin-right:7px; }
	.page-with-sidebar .blog-items .blog-entry .entry-metadata p span { margin-right:4px; }
	.blog-items .blog-entry .entry-metadata p { margin:0 15px 0 0; }
	.blog-entry { border-bottom: 1px dashed #d9d9d9; clear: both; float: left; margin: 0 0 50px; padding: 0 0 20px; width: 100%; }
	.blog-entry .entry-thumb { float: left; margin: 0 0 25px; padding: 0; width: 100%; position:relative; }
	 .entry-thumb audio, audio { width:100%; height:auto; cursor:pointer; }
	.blog-entry .entry-thumb a { display: block; float: left; line-height: 0; margin: 0; padding: 0; width: 100%; }
	.blog-entry h4 { font-size:20px; line-height:normal; font-weight:bold; margin-bottom:10px; }
	.blog-entry .entry-details { float: left; margin: 0; width: 100%; }
	.blog-entry .entry-metadata { float:left; width:100%; margin-bottom:20px; }	
	.blog-entry .entry-metadata p { float:left; font-size:13px; }
	.blog-entry .entry-metadata .date span { font-size:13px; }
	.blog-entry .entry-metadata p span { margin-right:10px; }
	.blog-entry .entry-metadata p { margin:0px 20px 0px 0px; }
	.blog-entry .entry-metadata p a:hover { color:#333333; }
	.blog-entry .entry-metadata p:last-child span { margin-right:5px; }
	.blog-entry .entry-metadata p:last-child { margin:0; }
	.blog-entry .entry-body { display: inline-block; font-weight: 400; width: 100%; }
	.load-more a, .blog-load-more, .portfolio-load-more { color:#ffffff; }
	.load-more, .blog-load-more, .dt-sc-button.portfolio-load-more { width:100%; display:inline-block; text-align:center; padding:10px 0px; border-radius:2px; font-size:18px; }
	.blog-entry .bx-controls a { width: 45px; font-size:0; height:45px; position:absolute; display:inline-block; top:0; bottom:0; margin:auto; }
	.blog-entry .bx-controls { left: 0; position: absolute; text-align: center; top: 0; float:left; width: 100%; z-index: 999; height:100%; }
	.blog-entry .bx-controls a.bx-prev { background:url(images/prev-arrow1.png) no-repeat; left:0; }
	.blog-entry .bx-controls a.bx-next { background:url(images/next-arrow1.png) no-repeat; right:0; }
	.blog-entry .bx-controls a:hover { opacity:0.7; }
	
	.pagination { float: left; margin: 20px 0 15px; width: 100%; text-align:right; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; padding-right:25px; }
	.pagination ul { margin: 0; padding: 0; display:inline-block; }
	.pagination ul li { display: inline-block; float: left; margin: 0; padding: 0; }
	.pagination ul li a, .pagination .next-post a, .pagination .prev-post a { border: 1px solid #f8f8f8; border-left:none; color: #333333; float: left; font-size: 14px; font-weight: bold; line-height: 48px; margin: 0; padding: 0 20px; position: relative; z-index: 1; display:inline-block; }
	.prev-post, .next-post { display:inline-block; }
	.pagination ul li a:hover, .pagination .next-post a:hover, .pagination .prev-post a:hover { color:#ffffff; }
	.pagination .next-post a, .pagination .prev-post a { background-color:#f8f8f8; position:relative; font-size:16px; border:none; line-height:50px; }
	.pagination .prev-post a:before { content:""; border-right:23px solid #f8f8f8; border-top:25px solid transparent; border-bottom:25px solid transparent; position:absolute; left:-23px; top:0; }
	.pagination .next-post a:before { content:""; border-left:23px solid #f8f8f8; border-top:25px solid transparent; border-bottom:25px solid transparent; position:absolute; right:-23px; top:0; }
	.pagination .prev-post a { padding:0px 20px 0px 10px; margin-right:-3px; }
	.pagination .next-post a { padding:0px 10px 0px 20px; margin-left:-3px; }
	.pagination .prev-post a span { margin-right:10px; }
	.pagination .next-post a span { margin-left:10px; }
	
	.entry-post{ display:inline-block; width:100%; margin-bottom:30px; float:left; position:relative; padding-bottom:25px; }
	.entry-post .entry-meta { float:left; width:21%; text-align:center; position:absolute; }
	.entry-post:before { content:""; border-right:1px dashed #d9d9d9; height:100%; position:absolute; top:0; left:9%; z-index:-1; }
	.entry-post:after { border-top:1px dashed #d9d9d9; width:91%; position:absolute; right:0; bottom:-1px; content:""; z-index:-1; }
	.entry-post-content { float:left; width:100%; padding-left:85px; }
	.entry-post .dt-sc-button.small { position:absolute; right:0; bottom:-20px; }
	.entry-post .entry-meta .date, .entry-post .entry-meta .post-comments { width:60px; }
	.entry-post .post-comments a { font-size:16px; }
	.entry-post .post-comments a span { font-size:16px; margin:0; }
	.entry-post .date p { font-weight:300; line-height:15px; font-size:14px; }
	.entry-post .date span { float:left; width:100%; margin-bottom:8px; font-size:34px; line-height:25px; }
	.entry-post .entry-detail p { margin-bottom:20px; }
	.entry-post .entry-detail h5{ font-size:16px; font-weight:normal; margin-bottom:10px; }
	.entry-post .entry-meta .post-comments { padding:11px 5px; }
	.entry-post .entry-detail { text-align:left; }
	
	.hr-title { float:left; width:100%;  margin-bottom:50px; }
	/*.hr-title h3, .hr-title h2 { display:table-cell; white-space:pre; padding-right:20px; }
	.title-sep { display:table-cell; vertical-align:middle; width:100%; }
	.title-sep:before { width:100%; display:inline-block; border-top:1px dashed #e5e5e5; border-bottom:1px dashed #e5e5e5; height:2px; content:""; }*/
	.title-sep:before { border-bottom: 1px dashed #e5e5e5; border-top: 1px dashed #e5e5e5; content: ""; display: block; height: 2px; overflow: hidden; position: relative; top:18px; }
	.hr-title h3, .hr-title h2 { float: left; padding-right: 20px; margin:0; }
	
	.hr-title.type2 .title-sep:before { border-bottom:4px solid #e5e5e5; border-top:none; }
	.hr-title.type2 .title-sep:after { overflow:hidden; content:""; position:relative; background-color:#21c2f8; height:4px; display:block; margin:14px 0 0; width:100px; }
	
	.hr-title.type3 .title-sep:after { content:""; position:relative; border:2px solid #e5e5e5; width:5px; height:5px; margin:11px 0 0; display:inline-block; transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); background-color:#fff; }
	.hr-title.type3 .title-sep:before { border-bottom: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; }
	
	.border-title .small-line { display: block; height: 4px; left: 0; position:absolute; width: 50px; background-color:#21c2f8; bottom:-4px; }
	.aligncenter.border-title .small-line { left:0; right:0; margin:auto; }
	.border-title h2, .border-title h3, .border-title h4, .border-title h5, .border-title h6 { display:inline-block; border-bottom:4px solid #e5e5e5; padding:0 20px 12px 0; position:relative; }
	.aligncenter.border-title h2, .aligncenter.border-title h3, .aligncenter.border-title h4, .aligncenter.border-title h5, .aligncenter.border-title h6 { padding:0 25px 12px; }
	.aligncenter.border-title { margin-bottom:0; }
	
	.border-title.type2.aligncenter span { padding: 0 12px; }
	.border-title.type2 span { background: none repeat scroll 0 0 #fff; padding: 0 12px 0 0; }
	.border-title.type2 { background: url("images/title-pattern.png") repeat-x 0 17px; display: block; margin:0 0 40px; }
	
	.dt-sc-icon-list { float:left; width:100%; margin-bottom:30px; }
	.dt-sc-icon-list li { display:block; border-bottom:1px dashed #ededed; padding:15px 0px 10px 0px; }
	.dt-sc-icon-list li a { font-size:16px; color:#333333; line-height:22px; }
	.dt-sc-icon-list li .fa { float:left; font-size:16px; margin-right:20px; line-height:22px; }
	
		/*---*******--- << 2.4.2.1 commententries >> ---*******---*/
		
		.commententries { width:100%; display:inline-block; margin:0px; padding:0px; }
		.commententries h4, #respond h3 { padding:0px; margin:0px; width:100%; clear:both; }
		.commententries h4, #respond h3, .post-author-details h3 { font-size:20px; }
		
		ul.commentlist { float:left; margin:40px 0px 20px 0px; padding:0px 0px 20px 0px; list-style:none; border-top:0px; width:100%; }
		ul.commentlist li { display:block; float:none; list-style:none; border:none; margin:0px 0px 30px; padding:0px 0px 0px 100px; position:relative; clear:both; border-bottom:1px dashed #d9d9d9; }
		ul.commentlist li ul.children { margin:10px 0px 0px 0px; padding:0px; float:left; border:none; clear:both; width:100%; }
		ul.commentlist li .respond { margin-left:69px; }
		
		ul.commentlist li .comment-author { left:0px; top:0px; position:absolute; }
		ul.commentlist li .comment-author img { max-height:85px; float:left; margin:0px; -moz-transition:all 1s ease; -webkit-transition:all 1s ease; -o-transition:all 1s ease; transition:all 1s ease; border-radius:2px;  behavior: url(PIE.htc); }
		ul.commentlist li .comment-author img, ul.commentlist li .comment-author img { max-width:85px; }
		ul.commentlist li .comment-author img:hover { -moz-transform: scale(1.05) rotate(20deg) translate(2px); -webkit-transform: scale(1.05) rotate(20deg) translate(2px); -o-transform: scale(1.05) rotate(20deg) translate(2px); transform: scale(1.05) rotate(20deg) translate(2px); }
		ul.commentlist li .author-name { font-size:16px; padding-bottom:5px; float:left; margin-right:15px; font-weight:normal; line-height:18px; }
		ul.commentlist li .author-name a { color:#34495e; }
		
		ul.commentlist li .comment-details { display:block; }		
		ul.commentlist li .commentmetadata { text-decoration:none; line-height:22px; font-weight:400; font-size:13px; font-style:italic; color:#333333; }
		.bypostauthor { float:left; }	
		
		ul.commentlist li .comment-body { margin:0px; padding:0px; color:#333333; }
		ul.commentlist li .comment-content { padding:0px 10px 20px 0px; margin:10px 0px 10px; border-radius:5px;  behavior: url(PIE.htc); }
		
		ul.commentlist li .reply { margin:-20px 0 0; float:right; text-align:center; font-weight:400; text-transform:uppercase; }
		ul.commentlist li .reply a {  padding:10px 13px; display:block; margin-top:0; text-transform:none; border-radius:2px; }
		ul.commentlist li .reply a .fa { margin-left:3px; }
		
		#commentform input[type="text"], #commentform input[type="password"], #commentform input[type="email"], #commentform input[type="url"], #commentform input[type="tel"], #commentform input[type="number"], #commentform input[type="range"], #commentform input[type="date"], #commentform input[type="search"], #commentform textarea, #commentform input.text { font-size:13px; padding:15px 15px; width:100%; }
		#commentform textarea { height:190px; padding:15px 15px; width:100%; }
		
		#commentform p { margin-bottom:0; }
		
		.form-submit input[type="submit"] { border:1px solid #000; color:#000; }
		.form-submit input[type="submit"]:hover { background:#000; color:#fff; }
		
		#respond, form#commentform { display:inline-block; width:100%; }
		#respond h3 { margin-bottom:30px; }
			
		/*---*******--- << 2.4.2.2. Post Author Details >> ---*******---*/
		
		.post-author-details { float:left; width:100%; margin-bottom:25px; }
		.post-author-details h3 { margin-bottom:35px; }
		.entry-author-image { float:left; margin:0px 15px 5px 0px; }
		.entry-author-image img { border-radius:2px;  behavior: url(PIE.htc); }
		.post-author-details .dt-sc-social-icons { float:left; }
		
		.author-desc { width:100%; padding-left:100px; }
		.author-title { float:left; width:100%; margin-bottom:10px; color:#9c9c9c; }
		.author-desc h5 { margin-bottom:0; float:left; margin-right:15px; font-size:16px; font-weight:bold; }
		.author-desc h5 a { text-transform:capitalize; }
		
	/*---*******--- << 2.4.3. Portfolio >> ---*******---*/
	.grey { background-color:#f8f8f8; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea; }
	.grey .title-sep span { border-top:1px dashed #dfdfdf; }
	.grey1 { background-color:#f8f8f8; }
	.grey2 { float:left; width:100%; border-bottom:1px solid #f8f8f8; }
	
	.portfolio.column.no-space.dt-sc-one-fifth { width:19.97%; }
	.portfolio.with-space.dt-sc-one-fourth { width:23.7%; }
	.page-with-sidebar .portfolio.with-space.dt-sc-one-third { width:31.7%; }
	.page-with-sidebar .portfolio.with-space.dt-sc-one-fourth { width:23.2%; }
	
	.full-width-section .portfolio { margin-bottom:25px; }
	.sorting-container { float:left; width:100%; text-align:center; margin: 10px 0px 15px 0px; } 
	.sorting-container a { font-size:13px; color:#6a7177; text-transform:uppercase; display:inline-block; padding:0px 14px; border-radius:2px; line-height:33px; }
	.sorting-container a:hover, .sorting-container .active-sort { color:#ffffff;}
	.portfolio-container { float:left; width:100%; }
	.portfolio-container .portfolio { margin-left:0px; margin-bottom:30px; }
	.portfolio-container.no-space .portfolio { margin-bottom:0; }
	.portfolio .portfolio-thumb { float: left; overflow: hidden; padding: 0; position: relative; width: 100%;}
	.portfolio figure { overflow:hidden; }
	.portfolio-thumb img { display: block; float: left;}
	.portfolio:hover .portfolio-thumb img { transform:scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); }
	.portfolio-detail { display: inline-block; background-color: #ffffff; float: left; width: 100%; position:relative; border:1px solid #e0e4e6; }
	.portfolio .image-overlay { float: left; height: 100%; left: 0; opacity: 0; position: absolute; top:100%; width: 100%; cursor:pointer; background-color:rgba(0, 0, 0, 0.4); }
	.portfolio .image-overlay a.zoom, .portfolio .image-overlay a.link { display: inline-block; position: absolute; text-align: center; width:50px; height:50px; top:0; bottom:0; margin:auto; border-radius:2px; }
	.portfolio .image-overlay a span { cursor: pointer; display: inline-block; font-size: 18px; line-height: 50px; text-align: center; width: 100%; color:#ffffff; }
	.portfolio .image-overlay a.zoom { left: 0; right:100%; }
	.portfolio .image-overlay a.link { right: 0; left:100%; }
	.portfolio:hover .image-overlay a.zoom { left: 0; right:52px; }
	.portfolio:hover .image-overlay a.link { right:0; left:52px; }
	.portfolio-detail .views { float: left; line-height: 16px; border-right:1px solid #e0e4e6;  padding:0px 20px; text-align: center; font-size:16px; color:#333333; background-color:#fff; height:100%; position:absolute; }
	.portfolio-detail .views a { color:#333333; }
	.portfolio-detail .views h6, .portfolio-title h5 { margin-bottom: 0px; }
	.portfolio-detail .views span { margin: 19px 0 5px 0; }
	.portfolio-title { padding: 13px 10px 0 75px; float:left; width:100%;  }
	
	.portfolio:hover .image-overlay { opacity:1; top:0; }
	.portfolio .image-overlay a.zoom:hover, .portfolio .image-overlay a.link:hover { background-color:#ffffff; }
	.portfolio:hover .portfolio-title h5 a, .portfolio:hover .portfolio-title h5, .portfolio:hover .views, .portfolio:hover .views a { color:#ffffff; }
	.portfolio:hover .portfolio-title p { color:#483f39; }
	.portfolio:hover .portfolio-detail { border:1px solid; }
	
	.portfolio-container.no-space .portfolio .image-overlay a.zoom, .portfolio-container.no-space .portfolio .image-overlay a.link { bottom:15%; }
	.portfolio-container .column.no-space.dt-sc-one-fourth { width:24.99%; }
	
	.portfolio-content { text-align:center; }
	.image-overlay .portfolio-content h5 a { width:100%; display:inline-block; padding:10px 0px; color:#ffffff; }
	.image-overlay .portfolio-content h5 { position:absolute; bottom:0; left:0; width:100%; margin-bottom:0; }
	.image-overlay .portfolio-content span { font-size:25px; position:absolute; bottom:26px; left:0; right:0; margin:0 auto; }
	
	.portfolio.no-space .portfolio-thumb { box-shadow: 1px 1px 1px 2px rgba(255, 255, 255, 1); }
	
		/*---*******--- << 2.4.3.1. Portfolio - single >> ---*******---*/
		
		.content { float:left; width:100%; }
		.project-details { clear: both; float: left; width: 100%; }
		.project-details h6 { font-weight:bold; margin-bottom:25px; }
		.project-details ul { float: left; list-style-type: none; margin: 0; width: 100%; }
		.project-details ul.client-details li { display: block; padding-bottom: 18px; }
		.project-details ul.client-details li p { margin-bottom: 0; }
		.client-details li .fa { margin-right: 7px; color:#333333; float:left; line-height:22px; }
		.project-details ul.client-details li span { color:#333333; float:left; width:80px; }
		.project-details ul.client-details li p a:hover { color:#333333; }
		
		.post-nav-container { float:left; width:100%; border:1px solid #eaeaea; clear:both; border-radius:2px; }
		.post-nav-container .post-prev-link { float:left; border-right:1px solid #eaeaea; }
		.post-nav-container .post-next-link { float:right; border-left:1px solid #eaeaea; }
		.post-nav-container a { font-size:16px; color:#34495e; background-color:#fbfbfb;  padding:10px 15px; }
		.post-nav-container .post-prev-link .fa { margin-right:10px; }
		.post-nav-container .post-next-link .fa { margin-left:10px; }
		.post-nav-container a:hover { color:#ffffff; }
		
		.portfolio-carousel-wrapper { display: inline-block; width: 100%; position:relative; }
		.portfolio-carousel-wrapper .product-carousel { top:-87px; }
	
		/*---*******--- << isotope >> ---*******---*/
		
		.isotope-hidden { display:none !important; }
				
				.isotope,
				.isotope .isotope-item {
				  -webkit-transition-duration: 0.8s;
					 -moz-transition-duration: 0.8s;
					  -ms-transition-duration: 0.8s;
					   -o-transition-duration: 0.8s;
						  transition-duration: 0.8s;
				}
				
				.isotope {
				  -webkit-transition-property: height, width;
					 -moz-transition-property: height, width;
					  -ms-transition-property: height, width;
					   -o-transition-property: height, width;
						  transition-property: height, width;
				}
				
				.isotope .isotope-item {
				  -webkit-transition-property: -webkit-transform, opacity;
					 -moz-transition-property:    -moz-transform, opacity;
					  -ms-transition-property:     -ms-transform, opacity;
					   -o-transition-property:         top, left, 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;
				}
		
		.presentation-bg { background:url(images/presentation-bg.jpg) repeat-y; padding:30px 0px 0px 0px; border-top:1px solid #eaeaea; }
		.product-presentation-bg { background:url(images/presentation-bg.jpg) 50% 0 repeat-y fixed; height:auto; padding:75px 0px 60px 0px; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea; }
		.product-presentation-bg h3 { font-size:24px; font-weight:bold; margin-bottom:13px; }
		.product-presentation-bg p { margin-bottom:18px; }
		
		.skill-detail p:first-child { color:#333333; margin-bottom:25px; }
		.skill-detail p:last-child { font-style:italic; }
		

		.full-width-progress h2, .full-width-progress .dt-sc-donutchart-title, .full-width-progress .dt-sc-donutchart span { color:#fff; }
		.full-width-progress .dt-sc-donutchart-medium p { color:#333333; }
		 

		.full-section-bg { background:url(images/presentation-bg.jpg) 50% 0 repeat-y fixed; height:auto; padding:30px 0; }
		.pattern-bg { background:url(images/pattern-bg1.jpg) repeat fixed; float:left; width:100%; }
		.pattern-bg2 { background:url(images/pattern2.jpg) repeat fixed; float:left; width:100%; }
		.bg-content h3, .bg-content p, .bg-content p a { color:#fff; }
		.bg-content { display:inline-block; line-height:normal; float:left; width:50%; position:relative; text-align:right; vertical-align:middle; padding:100px 50px 100px 0px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
		.bg-content p a:hover { text-decoration:underline; }
		.bg-content p { font-size:14px; }
		.bg-content .bg-meta { width:100%; display:block; }
		.bg-content .bg-meta p { display:inline-block; margin-left:20px; }
		.bg-content p .fa { margin-right:5px; }
		
		.full-bg { background:url(images/fitness/parallax-img.jpg) no-repeat #323443; position:relative; }
		.full-bg img { position:absolute; bottom:0; } 
		.full-bg .column, .full-bg .container { position:static; }
		
		.search-bg { background:url(images/travel/travel-search-bg3.jpg) no-repeat; }
		
		.bg-overlay:after, .bg-overlay-white:after { float: left; height: 100%; left: 0; position: absolute; top:0; width: 100%; background-color:rgba(0, 0, 0, 0.4); z-index:-1; content:""; }
		.bg-overlay-white:after { background-color:rgba( 255, 255, 255, 0.4); }
		.bg-overlay, .bg-overlay-white { float:left; width:100%; position:relative; z-index:2; }
		
		.row-wrapper { background-color:#f5f5f5; float:left; width:100%; }
		.row-wrapper p { font-size:20px; color:#333333; }
		.row-wrapper p span { font-weight:300; }
		.row-wrapper.type2 { padding:10px 0; border-bottom:1px solid #fff; background-color:#dee2e5; }
		
	/*---*******--- << 2.4.4. Recent Gallery >> ---*******---*/
	.recent-gallery-container { float:left; width:100%; }
	.recent-gallery-container .bx-wrapper { position:relative; margin-bottom:5px; }
	.recent-gallery li { display:block; padding:0; }
	.recent-gallery-container .bx-controls a { bottom: -51px; font-size: 0; height: 35px; margin: 0; position: absolute; width: 23px; z-index:1; }
	.recent-gallery-container .bx-controls a.bx-prev { background:url(images/prev-arrow.png) no-repeat; left:0; }
	.recent-gallery-container .bx-controls a.bx-next { background:url(images/next-arrow.png) no-repeat; right:0; }
	.recent-gallery-container #bx-pager { display: inline; float: left; margin: 0; padding: 0; text-align: center; width: 100%; position:relative; }
	.recent-gallery-container #bx-pager a { cursor: pointer; display: inline-block; line-height: 0; margin: 0 5px; position: relative; }
	.dt-sc-one-half .blog-post.type3 .recent-gallery-container #bx-pager a img { max-width:57px; }
	.recent-gallery-container #bx-pager a img { max-width:80px; float:left; }
	.recent-gallery-container #bx-pager a.active:before { content: ""; height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; display:block; }
	.recent-portfolio { float:left; width:100%; position:relative; }
	.recent-portfolio .product-carousel .fa { font-size:28px; }
	.dt-sc-one-column .recent-gallery-container .bx-controls a.bx-prev { left:17%; }
	.dt-sc-one-column .recent-gallery-container .bx-controls a.bx-next { right:17%; }
	.dt-sc-one-column .recent-gallery-container .bx-controls a { bottom:-60px; }
	
	
	/*---*******--- << 2.4.5. Testimonial >> ---*******---*/
	
	.parallax { float:left; width:100%; }
	.fullwidth-testimonial, .parallax-content-bg { background:url(http://www.placehold.it/1920x483&text=Parallax) 50% 0 repeat-y fixed; height:auto; text-align:center; padding:70px 0px 60px 0px; position:relative; z-index:1; }
	.parallax-content-bg:after { content:""; position: absolute; top: 0; width: 100%; height: 100%; z-index: 1; left: 0; z-index:-1; }
	.parallax-bg { background:url(http://www.placehold.it/1920x483&text=Parallax) 50% 0 repeat-y fixed; height:auto; padding:70px 0px 60px 0px; position:relative; z-index:1; } 
	.location-bg { float:left; width:100%; position:relative; z-index:0; }
	.location-bg:after { content:""; position: absolute; top: 0; width: 100%; height: 100%; z-index: 1; left: 0; z-index:-1; }
	
	.parallax-content-bg1 { background:url(http://www.placehold.it/1920x483&text=Parallax) 50% 0 repeat-y fixed; height:auto; position:relative; z-index:1; padding:70px 0 60px; }
	.parallax-content-bg1.type2 { background:url(http://placehold.it/1920x1000&text=Parallax) 50% 0 repeat-y fixed; height:auto; position:relative; z-index:1; padding:70px 0 60px; }
	.parallax-content-bg1:after { width:50%; margin:0; content:""; position:absolute; top:0; left:0; height:100%; z-index:-1; }
	
	.parallax-content-bg1 h3, .parallax-content-bg1 h4 { color:#fff; }
	.parallax-content-bg1 p { color:#fff; }
	.parallax-content-bg1 .alignleft { margin:0 15px 0 0; width:47%;  }
	
	.parallax-content-bg2 { background:url(http://www.placehold.it/1920x750&text=Parallax) 50% 0 repeat-y fixed; height:auto; position:relative; z-index:1; padding:70px 0 60px; text-align:center; }
	.parallax-content-bg2 .parallax-content, .parallax-content-bg2 .parallax-content a span { color:#fff; }
	.parallax-content-bg2 .parallax-content p { font-size:16px; }
	.parallax-content-bg2 .parallax-content p a { color:#fff; }
	.parallax-content-bg2 .dt-sc-social-icons li a { padding:0; min-width:57px; line-height:50px; }
	
	.parallax-content h3, .parallax-content h4 { color:#fff; }
	.parallax-content h3 { font-weight:600; }
	
	.parallax-content { float: left; width: 100%; position:relative; margin-bottom:25px; }
	.parallax-content h2 { color:#fff; margin-bottom:10px; font-size:38px; }
	.parallax-content h6 { color:#fff; }
	.parallax-content p { color:#fff; }
	.parallax-content > a span { color:#fff; font-size:90px; display:block; margin-bottom:10px; }
	
	.testimonial-arrows { float:left; width:100%; }
	.testimonial-arrows a { font-size:16px; }
	 
	.slider-controls { clear: both; float: left; margin: 10px 0 0; text-align: center; width: 100%; }
	.slider-controls .pager { display:inline-block; }
	.slider-controls .pager a { width:25px; height:3px; display:inline-block; line-height:0; background-color:#ffffff; margin:0px 5px 0px 0px; text-indent:-9999px; }
	
	.partner-carousel a { float:left; text-align:center; margin:0 60px 25px 30px; opacity:0.4; }
	.partner-carousel a:hover { opacity:1; }
	.partner-carousel > a:first-child { margin-left:0; margin-bottom:25px; }
/*	.partner-carousel > a:nth-child(2n) { margin-bottom:25px; }
*/	.partner-carousel > a:nth-child(4) { margin-left:0px; }
	.dt-sc-partner-carousel-wrapper .partner-carousel img { max-width:90px; }

	/*---*******--- << 2.4.6. Team >> ---*******---*/
	
	.dt-sc-team-carousel-wrapper { float:left; width:100%; position:relative; }
	.dt-sc-team-wrapper { float:left; width:100%; margin-bottom:30px; }
	.dt-sc-team-wrapper h2 { border-bottom:1px dashed #ededed; padding-bottom:10px; margin-bottom:25px; }
	.carousel-arrows { position:absolute; left:-295px; bottom:35px; }
	.product-carousel { position:absolute; right:0; top:-87px; }
	.carousel-arrows a, .product-carousel a { background-color:#333333; color:#ffffff; float: left; height: 35px; text-align: center; width: 40px; display:block; }
	.product-carousel a { height: 40px; width: 40px; }
	.carousel-arrows a.prev, .product-carousel a.prev, .product-carousel a.event-prev { border-radius:2px 0px 0px 2px; }
	.carousel-arrows a.next, .product-carousel a.next, .product-carousel a.event-next { border-radius:0px 2px 2px 0px; }
	.carousel-arrows .fa { font-size:20px; line-height:35px; }
	.product-carousel .fa { font-size:20px; line-height:40px; }	
	
	.dt-sc-team-carousel-wrapper.type2 .carousel-arrows a { width:10px; height:10px; border-radius:50%; margin-left:5px; }
	.dt-sc-team-carousel-wrapper.type2 .carousel-arrows { left:inherit; right:0; top:20px; bottom:inherit; }
	.dt-sc-team-carousel-wrapper.type2 .carousel-arrows a span { display:none; }
	.dt-sc-team-carousel-wrapper.type2 { position:initial; }
	
	.dt-sc-team-carousel-wrapper .dt-sc-one-fourth { margin:0 12px; }
	.dt-sc-team-carousel { float:left; width:100%; padding-top:5px; }
	
	.dt-sc-team-carousel { padding-top:5px; }
	
	#map { height: 450px; padding-bottom: 4px; width:100%; float:left; }
	#map.type2 { height:360px; }
	#map img { max-width:inherit; }
	.gmap_marker { color: #34495e; }
	
	/*---*******--- << 2.4.7. Products >> ---*******---*/
	
	ul.products li .product-wrapper.product-three-column { width: 32%; }
	ul.products li .product-wrapper.product-four-column { width: 23.5%; }
	ul.products li .product-wrapper.product-two-column { width: 49%; }
	
	.product-carousel-wrapper { float:left; width:100%; position:relative; }
	.products { clear: both; float: left; margin: 0; padding: 0; width:100%; }
	.products li { display:inline; padding:0; }
	.products .product-wrapper { float:left; width:100%; margin:0px 2% 30px 0; }
	.products li.last .product-wrapper { margin-right:0; }
	.products .product-container { background-color: #ffffff; border: 1px solid #eaeaea; float: left; margin:0px 0px 27px 0px; overflow: hidden; padding: 0; max-height: 100%; position: relative; width: 100%;}
	.products .product-thumb { float: left; margin: 0; padding: 0; text-align: center; width: 100%; position:relative; }
	.products .product-thumb, .products .product-thumb a { line-height:0; }
	.products .product-title { clear: both; padding:0; width: 100%; position:absolute; bottom:-20px; left:0px; opacity:0; }
	.products .product-wrapper:hover .product-title { opacity:1; bottom:0px; }
	.products .product-title a { color: #2d2d29; font-size: 13px; font-weight: normal; margin-bottom: 0; display:inline-block; padding:10px 0px; width:50%; background-color:#333333; text-align:center; float:left; color:#ffffff; }
	.products .product-title a:first-child { border-right:1px solid #eaeaea; }
	.products .product-title a:last-child:hover { background-color:#333333; }
	.products .product-title a span { margin-right:5px; }
	.products .product-details { float:left; width:100%; clear:both; text-align:center; margin-bottom:20px; }
	.products .product-details h5 {margin-bottom:7px; }
	.products .product-details span { font-size:18px; }
	.products .product-content { float:left; width:100%; }
	
	.feature-product-carousel .dt-sc-one-fourth { margin:0 11px; }
	
	.products.type2 .product-meta { border-bottom: 1px dotted #eaeaea; border-top: 1px dotted #eaeaea; padding: 10px 0; margin:10px 0; }
	.products.type2 .product-meta li { display: inline-block; font-size: 13px; line-height: normal; margin: 0 5px 0 0; padding: 5px 0; color:#333333; }
	.products.type2 .product-meta li span { display: inline-block; margin-right: 5px; font-size:13px; color:#333333; }
	.products.type2 .product-meta li:last-child { margin:0; }
	.products.type2 .product-details { text-align:left; }
	.products.type2 .dt-sc-button { float:right; }
	.products.type2 .product-details .amount { float:left; margin-top:20px; }
	.products.type2 .product-container { margin:0 0 17px; }
	.products.type2 .product-details h5 { margin:0 0 17px; }
	
	/*---*******--- << 2.4.8. Events >> ---*******---*/
	
	.events-carousel-wrapper { display: inline-block; width: 100%; position:relative; }
	.events { float:left; width:100%; margin:0px 0px 20px 0px; padding:0; }
	.events .event-thumb { float:left; width:100%; margin-bottom:18px; }
	.events .event-detail { float:left; width:100%; }
	.events .event-detail h5 { clear:both; margin-bottom:10px; }
	.events .event-meta { clear:both; margin-bottom:15px; float:left; width:100%; display:block; }
	.events .event-meta p, .entry-meta-data p { float:left; margin:0px 10px 0px 0px; font-size:12px; }
	.events .event-meta p:first-child { border-right:1px solid #eaeaea; padding-right:10px; }
	.events .event-meta p span, .entry-meta-data p span { margin-right:10px; }
	.events .event-meta p:last-child span { margin-left:5px; margin-right:8px; }
	.events .event-meta p a:hover, .entry-meta-data p a:hover { color:#333333; }
	.event-content { float:left; width:100%; }
	
	.package-price { color: #333; float: left; font-size: 19px; margin-top: 20px; font-weight:600; }
	.events .dt-sc-button { float:right; }
	.events-carousel-wrapper.type2 .events { border:1px solid #eaeaea; }
	.events-carousel-wrapper.type2 .events .event-detail { padding:0px 20px 20px; }
	
	.events-carousel-wrapper .product-carousel { top:-77px; }
	.events-carousel .dt-sc-one-fourth { margin:0 11px; /*overflow:hidden;*/ }
	.events-carousel .dt-sc-one-third, .events-carousel .dt-sc-one-half { margin:0 11px; /*overflow:hidden;*/ }
	
	/*---*******--- << 2.4.9. Side Navigation >> ---*******---*/	
	
	.side-nav-container { float: left; margin: 0; padding: 0; width: 100%; }
	.side-nav-container ul { float: left; margin: 0; padding: 0; width: 100%; }
	.side-nav-container ul li { border-style: solid; border-width: 0 1px 1px 1px; display: inline; float: left; margin: 0; padding: 0; position: relative; width: 100%; background-color:#f8f8f8; border-color:#eaeaea; }
	.side-nav-container ul li:first-child { border-top:1px solid #eaeaea; }
	.side-nav-container ul li:first-child:before, .side-nav-container ul li:last-child:before { content:""; height:30px; border-right:1px solid #eaeaea; position:absolute; right:-1px; }
	.side-nav-container ul li:first-child:before { top:-31px; }
	.side-nav-container ul li:last-child:before { bottom:-31px; right:-1px; }
	.side-nav-container ul li a { color: #333333; display: block; line-height: 47px; margin: 0; float:left; width:100%; text-align:right; }
	.side-nav-container ul li.current_page_item a .fa { width:41px; }
	.side-nav-container ul li a .fa { color: #252525; float: right; font-family: FontAwesome; font-size: 13px; height: 47px; line-height: 47px; margin-left: 20px; text-align: center; width: 40px; border-left:1px solid #eaeaea; }
	.side-nav-container ul li.current_page_item { border-right:none; background-color:#fff; }
	.side-nav-container ul li.current_page_item a { border-right:none; position:relative; }	
	.side-nav-container ul li:hover { background-color:#fff; }
	
	.side-nav-content h3 { font-size:24px; }
	
	/*---*******--- << 2.4.10. Coming soon >> ---*******---*/
	
	.blank-template-container { display: table; height: 100%; left: 0; margin: 0; padding: 0; position: absolute; top: 0; width: 100%; }
	.blank-template { display: table-cell; margin: 0; padding: 0; vertical-align: middle; }
	.blank-template-wrapper { clear: both; float: left; padding: 30px 0; width: 100%; background-color:#fff; }
	
	/*---*******--- << 2.4.11. 404 Page >> ---*******---*/	
	
	.error-info { float:left; text-align:center; width:100%; }
	.error-info h3 { font-size:22px; color:#616161; }
	.error-info h2 { font-size:40px; font-weight:bold; color:#252525; margin-bottom:10px; }
	.error-info p { color:#616161; }
	.error-info #searchform input[type="submit"] { min-height: 60px; position:absolute; right:0; top:10px; padding: 16px 30px 15px; border-radius:0 2px 2px 0; }
	.error-info #searchform { float:none; width:45%; margin:0 auto; position:relative; clear:both; }
	.error-info #searchform input.search-icon { padding:0; border-right:1px solid #eaeaea; width:50px; }
	.error-info #searchform input[type="text"] { padding:21px 15px 21px 63px; background-color:inherit; }
	
	.error-info .back-menu { float:left; width:100%; clear:both; margin-bottom:25px; }
	.error-info .back-menu a { font-size:18px; font-weight:bold; color:#616161; border-right:2px solid #767676; padding:0 9px 0 7px; }
	.error-info .back-menu a:last-child { border:none; }
	
	/*---*******--- << 2.4.12. Login >> ---*******---*/	
	
	.form-wrapper { display: block; margin-left: auto; margin-right: auto; width: 70%; }
	.form-wrapper form { background: #fff; float: left; padding: 50px; width: 100%; box-sizing: content-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; }

	.form-wrapper input { background-color:#fff; }
	
	.newsletter-container { float:left; width:100%; }
	.newsletter-form { position:relative; }
	.newsletter-form > input { min-height:50px; margin:0; background-color:#fff; }
	.newsletter-form .button { position:absolute; bottom:0; right:0; padding:12px 26px; min-height:50px; border-radius:0px 2px 2px 0px; }
	
	.newsletter-container .fa { width:60px; height:60px; border-radius:50%; position:absolute; left:0; top:0; text-align:center; background-color:#333333; font-size:20px; line-height:60px; color:#fff; }
	.newsletter-content { padding-left:75px; position:relative; display:table-cell; vertical-align:middle; height:60px; }
	.newsletter-content h3 { margin-bottom:0; }
	.newsletter-content p { margin:20px 0 5px 0; }
	
	#reg_form { text-align:center; }
	#reg_form input.button { float:none; margin-top:20px; }
	#loginform input[type="checkbox"] { margin-right: 3px; margin-top:-1px; }
	
	#loginform { text-align:center; }
	#loginform label { float:left; clear:both; }
	#loginform .dt-sc-button { float:none; margin-top:10px; }
	
	.page_info { float:left; width:100%; margin:0; }
	.page_info h3 span, .page_info h2 span {  border-right: 1px solid #eaeaea; display: inline-block; margin: 0 10px 0 0; padding: 0 15px 0 0; position: relative; }
	.page_info h3 span .fa, .page_info h2 span .fa { border-radius: 50%; color: #fff; font-size: 24px; height: 50px; line-height: 50px; width: 50px; background-color:#333333; }
	
	/*---*******--- << 2.4.13. Login >> ---*******---*/	
	
	.call-out { margin: 0; padding: 0 15px; }
	.call-out h2 { font-weight:700; color:#fff; font-size:35px; }
	.call-out .subtitle-text { font-size: 18px; line-height: 20px; color:#fff; }
	.call-out .subtitle-text span { padding:5px 10px; border-radius:5px; margin-left:5px; font-weight:bold; }
	
	.domain-search .selection-box { margin-left:-1px; }
	.domain-search .domains { border-color:#a7a7a7; }
	.domain-search input[type=text] { border-color:#a7a7a7; }
	.domain-search .selection-box:after { display:none; }
	.domain-search .selection-box:before { border-top-color:#a7a7a7; }
	.domain-search .button { width:100%; margin-top:10px; border-radius:0; }
	
	.dom-pack { float:left; width:100%; position:relative; text-align:center; margin-bottom:20px; }
	.dom-pack .dom-range { float:left; width:100%; margin-bottom:10px; }
	.dom-pack .dom-range span { width:120px; height:120px; display:inline-block; color:#fff; border-radius:50%; text-align:center; font-size:24px; font-weight:bold; line-height:115px; }
	.dom-pack del { display:block; font-size:16px; font-weight:300; color:rgba( 255, 255, 255, 0.7); }
	.dom-pack > span { font-size:22px; font-weight:bold; }
	
	.dom-pack.dom-red .dom-range span { background-color:#e42d1b; }
	.dom-pack.dom-red > span { color:#e42d1b; }
	
	.dom-pack.dom-green .dom-range span { background-color:#18c66d; }
	.dom-pack.dom-green > span { color:#18c66d; }
	
	.dom-pack.dom-blue .dom-range span { background-color:#21c2f8; }
	.dom-pack.dom-blue > span { color:#21c2f8; }
	
	.dom-pack.dom-orange .dom-range span { background-color:#ee7214; }
	.dom-pack.dom-orange > span { color:#ee7214; }
	
	.dom-pack.dom-light-green .dom-range span { background-color:#adc02c; }
	.dom-pack.dom-light-green > span { color:#adc02c; }
	
	.dom-prices { display:block; text-align:center; float:left; width:100%; font-size:18px; margin-bottom:10px; }
	.dom-prices a { color:#fff; }
	 
	/*---*******--- << 2.5. Footer >> ---*******---*/
	
	#footer { float:left; clear:both; width:100%; padding-bottom: 0px;}
	.footer-widgets-wrapper { padding:55px 0px 10px 0px; color:#ffffff; background:#202020 url(images/footer-bg.jpg) repeat-y left top; float:left; width:100%; position:relative; }
	
	#footer .widget-title { border-bottom:3px solid #2e2e2e; position:relative; padding-bottom:12px; margin-bottom:25px; font-weight:bold; color:#eef1f4; font-size:20px; }
	#footer .widget-title .small-line { width:100px; display:block; height:3px; position:absolute; left:0; margin:12px 0px 0px 0px; }
	#footer .widget-title .wlast { font-weight:400; }
	
	#footer .widget_text p .fa { font-size:13px; font-weight:normal; float:left; font-family:FontAwesome; margin:5px 7px 0px 0px; padding-bottom:5px;}
	#footer .widget_text p span { margin-right:10px; color:#bfc4c7; }
	#footer .widget_text p:nth-of-type(2n){ margin-bottom:20px; }
	#footer .widget_text p { margin-bottom:2px; }
	 
	#footer .widget ul { float:left; width:100%; margin:0; padding:0; }
	#footer .recent-property-widget ul li { display:block; border-bottom:1px dashed rgba(255, 255, 255, 0.15); position:relative; padding-bottom:20px; margin-bottom:20px; }
	#footer .recent-property-widget ul li .thumb { margin-right:15px; }
	#footer .recent-property-widget ul li:last-child { border-bottom:none; }
	#footer .recent-property-widget .entry-meta { display:inline-block; }
	#footer .widget ul li a { display:inline; }
	#footer .widget ul li h6 { font-size:13px; line-height:22px; font-weight:600; margin-bottom:5px; }
	#footer .widget ul li h6 a { color:#ffffff; }
	.widget .recent-property-widget ul li .thumb { float:left; margin-right:10px; }
	#footer .widget .entry-meta p { font-size:11px; line-height:15px; color:#333333; display:inline; margin:0px 10px 0px 0px;}
	#footer .widget .entry-meta p:first-child { border-right:1px solid #6684a1; padding:0 10px 0 0; }
	#footer .widget .entry-meta span { margin-right:10px; color:#bec3c7; font-size:13px; }

	#footer .widget .tweet_list li:before { font-family:FontAwesome; font-style:normal; font-weight:normal; text-decoration:inherit; content:"\f099"; font-size:18px; color:#333333; position:absolute; left:0; top:3px; }
	.tweet_list li .tweet_text .at, .tweet_list li .tweet_text a { color:#333333; overflow:hidden; }
	#footer .tweet_list li .tweet_text a { overflow:hidden; color:#333333; }
	#footer .widget .tweet_list li { padding:0 5px 15px 25px; position:relative; float:left; width:100%; }
	#footer .widget a:hover { color:#ffffff; }

	#footer .widget .mailchimp-form { position:relative; margin-top:5px; float:left; width:100%; background-color:#fff; border-radius:0px 3px 3px 0px; }	
	#footer .widget .mailchimp-form .dt-sc-button{ position:absolute; right: 0; top: 0; padding:14px 16px 15px 16px; min-height:50px; border-radius:0px 1px 1px 0px; font-size:14px; }
	#footer .widget .mailchimp-form .fa { font-size:14px; font-family:FontAwesome; padding:0px 12px 0px 13px; font-weight:normal; color:#333333; width:6%; line-height:50px; text-align:center; border-right:1px dashed #d4d4d4; float:left; }
	#footer .widget .mailchimp-form p { width:100%; margin:0; padding:0; float:left; }	
	#footer .widget .mailchimp-form p input{ /*display: inline-block;*/ margin: 0; padding:17px 0px 15px 10px; float:left; }
	#footer .widget .mailchimp-form p input[type="email"] { width:133px; border:none; background-color:#ffffff; }
	
	#footer .widget.widget_tag_cloud .tagcloud a { background-color:#282e3b; }
	#footer .widget-title .fa { width:49px; height:49px; background-color:#343b4b; border-radius:50%; position:absolute; left:0; text-align:center; line-height:49px; }
	#footer .footer-widgets-wrapper.type2 .widget-title, #footer .footer-widgets-wrapper.type3 .widget-title { border:none; padding:0 0 0 65px; font-size:20px; line-height:49px; margin-bottom:15px; }
	#footer .footer-widgets-wrapper.type3 .widget-title { color:#34495e; }
	.widget_contact .small-line { width:35px; height:1px; display:block; background-color:#343b4b; margin:0px 0 10px 0; }
	.footer-widgets-wrapper .widget_contact p { color:#9099b0; position:relative; }
	.footer-widgets-wrapper .widget-content { padding-left:65px; }
	
	#footer .widget.widget_links ul { display:block; margin:0; padding:0 0 0 65px; }
	#footer .widget.widget_links ul li { display:block; position:relative; padding-left:10px; }
	#footer .widget.widget_links ul li:before { content:"\f105"; position:absolute; left:0; font-family:FontAwesome; font-weight:normal; color:#9099b0; }
	#footer .widget.widget_links ul li a { color:#9099b0; }
	#footer .footer-widgets-wrapper.type2 { background:#282e3b; padding:30px 0 0 0px; }
	#footer .footer-widgets-wrapper.type3 { background:#ebeef0; padding:30px 0 0 0; }
	#footer .footer-widgets-wrapper.type2 .widget, #footer .footer-widgets-wrapper.type3 .widget { padding:0 0 25px 0; }
	.copyright.type2 { background-color:#171b24; }
	#footer .widget.widget_text ul li a { color:#b7c8da; }	
	#footer .widget.widget_text ul li a:hover, #footer .widget.widget_links ul li a:hover { color:#fff; }
/*	#footer .footer-widgets-wrapper.type3 .widget.widget_links ul li a:hover { color:#333333; }
*/
	#footer .footer-widgets-wrapper.type3 .widget-title .fa { background-color:#dee2e5; }
	#footer .footer-widgets-wrapper.type4 { background:#34495e; }
	#footer .footer-widgets-wrapper.type4 .widget-title { border:none; margin-bottom:15px; padding:0; color:#6f8295; }
	#footer .footer-widgets-wrapper.type5 .widget-title { border-bottom:1px solid #1f1f1f; margin-bottom:15px; padding:0; color:#ccc; position:relative; padding:0 0 20px 30px; }
	#footer .footer-widgets-wrapper.type5 { background:#000; padding:55px 0 50px; }
	#footer .footer-widgets-wrapper.type5 .widget.widget_text ul li a { color:#555; }
	#footer .footer-widgets-wrapper.type5 .widget.widget_text ul li a:hover { color:#ccc; }
	#footer .footer-widgets-wrapper.type5 .widget-title:after { content:""; width:10px; height:10px; background-color:#000000; border:1px solid #1f1f1f; position:absolute; left:10px; bottom:-6px; transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg); }
	#footer .footer-widgets-wrapper.type5 .widget.widget_text .textwidget { padding-left:30px; }
	#footer .footer-widgets-wrapper.type5 .widget.widget_text:before { border-left:1px solid #1f1f1f; content:""; height:100%; position:absolute; left:15px; min-height:265px; }
	
	#footer .footer-widgets-wrapper.type6 { background:#000; }
	#footer .footer-widgets-wrapper.type6 .widget-title { margin-bottom:25px; border:none; color:#ccc; }
	#footer .footer-widgets-wrapper.type6 .widget-title .small-line { margin:10px 0 0; width:40px; background-color:#363636; }
	#footer .footer-widgets-wrapper.type6 .widget.widget_text ul li a { color:#555; }
	#footer .footer-widgets-wrapper.type6 .widget.widget_text ul li a:hover { color:#ccc; }
	#footer .footer-widgets-wrapper.type6 .widget.widget_text ul li { position:relative; padding-left:20px; }
	#footer .footer-widgets-wrapper.type6 .widget.widget_text ul li:before { content:""; width:10px; height:10px; background-color:#363636; border-radius:50%; position:absolute; left:0; top:7px; }
	#footer .footer-widgets-wrapper.type6 .widget.widget_text ul li:after { content:""; width:14px; height:14px; border-radius:50%; border:1px solid #363636; position:absolute; left:-3px; top:4px; }
	
	@media screen and (-webkit-min-device-pixel-ratio:0) { 
		/* Chrome only override */	
		#footer .widget .mailchimp-form .dt-sc-button { padding:14px 20px 15px 19px; }
	
	}
	
	@media screen and (-webkit-min-device-pixel-ratio:0) { 
		/* Safari only override */
		::i-block-chrome, .widget .mailchimp-form .dt-sc-button { min-height:51px;}
		::i-block-chrome, #footer .widget .mailchimp-form .dt-sc-button { padding:14px 18px 15px 19px; }
    }

	.copyright { float:left; width:100%; clear:both; padding:0px 0px 0 0px; background-color:#328c1e; }
	.copyright p { float:left; margin-bottom:0; }
	.copyright p a { color:#333333; }
	.footer-links { width:100%; max-width:800px; display: block; margin-left: auto; margin-right: auto; }
	.footer-links li { float:left; display:inline; padding-bottom:0; }
	.footer-links li a { font-size:13px; color:#333333; padding:0px 7px; line-height:22px; }
	.footer-links li:last-child a { background:none; }
	.copyright.type3 p { line-height:30px; }
	
	.tweets { float:left; width:100%; font-size:16px; }
	.tweets a:hover, .tweet_text { color:#fff; }
	.tweet_text { display:block; }
	.tweet-box { float:left; width:100%; color:#fff; position:relative; }
	#tweets_container { display:block; margin:25px 0 0 0; }
	#tweets_container .tweet_text { float:left; font-size:16px; }
	#tweets_container .tweet_join { float:left; padding-right:10px; font-size:20px; }
	#tweets_container .tweet_list li a { color: #fff; font-size: 15px; font-style: italic; font-weight: normal; margin-left: 10px; text-align: right; }
	#tweets_container .tweet_list li .tweet_text .at, #tweets_container .tweet_list li .tweet_text a { color:#fff; }
	
	.footer-wrapper .copyright { background-color:#1c1c1c; }
	.footer-wrapper { background:#202020 url(images/footer-bg.jpg) repeat-y left top; float:left; width:100%; text-align:center; position:relative; }
	.footer-wrapper .tweet_list { line-height: 35px; margin: auto; width: 75%; }
	
	.bottom-tweet:before { border-top:45px solid #f8f8f8; border-right:45px solid transparent; border-left:45px solid transparent; position:absolute; top:0; left:0; right:0; margin:auto; width:0; content:""; }
	.bottom-tweet span { font-size:17px; position:absolute; left:0; right:0; margin:0 auto; line-height:25px; width:100%; }
	.bottom-tweet { float:left; width:100%; position:relative; margin-bottom:40px; }
	
	.bottom-tweet.type2:before { border-top-color:#38526c; }
	
/*	.bottom-image { margin:0 auto -28px auto; display:block; }
*/	.bottom-image:before { content:""; background:url(images/education/edu-img4.jpg) no-repeat center; float:left; width:100%; height:358px; margin:-300px 0 15px 0; }
	.bottom-image { margin:230px 0 0 0; }
	
	/*---*******--- << Go To Top >> ---*******---*/
	#toTop { display:none; text-decoration:none; position:fixed; bottom:30px; right:30px; overflow:hidden; width:40px; height:40px; border:none; text-indent:100%; background:url(images/ui.totop.png) no-repeat left top; z-index:9999; }	
	#toTopHover { background:url(images/ui.totop.png) no-repeat left -40px; width:40px; height:40px; display:block; overflow:hidden; float:left; opacity: 0; -moz-opacity: 0; }	
	#toTop:active, #toTop:focus { outline:none;	}
	
	/*---*******--- << Style Picker >> ---*******---*/
		
	.dt-style-picker-wrapper { position:fixed; z-index:999999; left:0px; top:150px; height:70%; }
	
	#dt-style-picker { background:#ffffff; width:225px; float:left; position:absolute; top:0px; z-index:1; margin:0px; padding:0px 0px 20px; text-align:center; border:1px solid #dddddd; overflow-y:hidden; height:460px; }
	#dt-style-picker h2 { font:normal 12px Tahoma, Geneva, sans-serif; text-transform:uppercase; line-height:48px; width:100%; color:#848484; margin:0px 0px 15px; padding:0px; border-bottom:1px solid #dddddd; background-color:#fefefe; }
	#dt-style-picker h3 { font:normal 12px Tahoma, Geneva, sans-serif; padding:0px 0px 10px; width:100%; color:#848484; margin:0px; text-transform:uppercase; }
	
	#dt-style-picker ul { float:left; margin:0px; padding:0px; text-align:center; width:225px; }
	#dt-style-picker ul li { display:inline-block; display:inline; list-style-type:none; padding:0px; margin:0px 0px 6px 0px; }
	#dt-style-picker ul li a { background:#ffffff; border:1px solid #ffffff; padding:2px; display:inline-block; margin:0px; line-height:0; }
	#dt-style-picker ul li a.selected, #dt-style-picker ul li a:hover { border:1px solid #d7d7d7; }
	#dt-style-picker ul li a img { border:1px solid #d7d7d7; }
	
	#dt-style-picker .hr { width:100%; height:10px; display:block; float:left; clear:both; position:relative; z-index:1; margin:3px 0px; }
	
	.style-picker-ico { position:absolute; top:25px; left:225px; width:48px; height:48px; display:block; border:1px solid #d7d7d7; background-color:#fff; }
	.style-picker-ico img { -webkit-animation: rotating 2s linear infinite; -moz-animation: rotating 2s linear infinite; -ms-animation: rotating 2s linear infinite; -o-animation: rotating 2s linear infinite; animation: rotating 2s linear infinite; z-index:1; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; }
	
	#dt-style-picker ul.color-picker li a img, #dt-style-picker .theme-picker li a img { border:none; }
	#dt-style-picker ul.color-picker li a { padding:3px; }
	
	#dt-style-picker ul.scheme-picker li a { padding:7px; }
	#dt-style-picker ul.scheme-picker li a img { height:auto; border:0; }
	
	#dt-style-picker .theme-picker li a { position:relative; }
	#dt-style-picker .theme-picker li a:before { bottom: 0; height: 100%; left: 0; line-height: 110px; margin: 0 auto; position: absolute; text-transform: uppercase; top: 0; width: 100%; opacity:0; color:#fff; font-weight:bold; font-size:15px; }
	#dt-style-picker .theme-picker li:hover a:before { opacity:1; }
	#dt-style-picker .theme-picker li #attorney:before { content: "attorney"; }
	#dt-style-picker .theme-picker li #church:before { content: "church"; }
	#dt-style-picker .theme-picker li #education:before { content: "education"; }
	#dt-style-picker .theme-picker li #fitness:before { content: "fitness"; }
	#dt-style-picker .theme-picker li #hosting:before { content: "hosting"; }
	#dt-style-picker .theme-picker li #real-estate:before { content: "real estate"; }
	#dt-style-picker .theme-picker li #restaurant:before { content: "restaurant"; }
	#dt-style-picker .theme-picker li #travel:before { content: "travel"; }
	
	.picker-scroll { float:left; width:100%; height:240px; }
	
	/*---*******--- << Retina Images >> ---*******---*/

	.retina_logo { display:none; }
	
	@media only screen and (-moz-min-device-pixel-ratio: 1.5), 
	only screen and (-o-min-device-pixel-ratio: 3/2), 
	only screen and (-webkit-min-device-pixel-ratio: 1.5), 
	only screen and (min-devicepixel-ratio: 1.5), 
	only screen and (min-resolution: 1.5dppx) {
		
	.normal_logo { display:none; }
	.retina_logo { display:inline-block; height:auto !important; }
		
	.blog-entry .bx-controls a.bx-prev { background-image:url(images/prev-arrow1.png); background-size:45px 45px; }
	.blog-entry .bx-controls a.bx-next { background-image:url(images/next-arrow1.png); background-size:45px 45px; }
	.recent-gallery-container .bx-controls a.bx-prev { background-image:url(images/prev-arrow@2x.png); background-size:18px 34px; }
	.recent-gallery-container .bx-controls a.bx-next { background-image:url(images/next-arrow@2x.png); background-size:18px 34px; }
	
	#searchform .search-icon { background-image:url("images/search@2x.png"); background-size:15px 16px; }
	
	#toTop { background-image:url(images/ui.totop@2x.png); background-size:40px 81px; }
		
	}

#tel-bottom {
        visibility:hidden;
        z-index: 99;
           position: fixed;
           bottom: 0px;
           margin: 0 0px 0 0px;
           width: 100% !important;
    }

#tel-bottom img {
    display: none;
}
@media screen and (max-width: 552px) {
       #tel-bottom {
        visibility: visible;
        z-index: 99;
           position: fixed;
           bottom: 0px;
           margin: 0 0px 0 0px;
           width: 100% !important;
    }
    #tel-bottom img {
        display: block;
        visibility: visible;
        padding: 0px 0 0px 0px;
        width: 100%;
        background-color: #fff;
    }
}



@media only screen and (min-width: 768px), print {
.side01 {
float: left;
}
.main01 {
float: right;
}
.t02 {
font-size: 120%;
line-height: 1.7;
}
.t03 {
display:block !important;
}

.copyright {
background-color: #328c1e !important;
color: #fff !important;
}

.footer-links li a {
color: #fff;
}

.footer-links li a:hover {
color: #fff !important;
}

.side02 {
display: none !important;
}

}






@media only screen and (max-width: 767px) {
.side01 {
display: none !important;
}
.side02 {
display:block !important;
}
.main01 {
float: right !important;
}
.t01 {
display:none;
}
.t02 {
display: block;

padding: 5px 0em 0px 0em;
margin-bottom: 2px;
font-size: 110%;

}
.t03 {
display: block;
padding: 0px 0em 0px 0em;
}
.presentation-bg {
background: url(images/presentation-bg.jpg) repeat-y;
padding: 10px 0px 0px 0px;
border-top: 1px solid #eaeaea;
}
.dt-sc-margin50 {
margin: 10px 0px !important;
}

.dt-sc-margin10 {
margin: 5px 0px !important;
}

.dt-sc-hr-invisible-small {
margin: 0px 0px 10px 0px !important;
}
.dt-sc-hr-invisible {
margin: 15px 0px !important;
}
.copyright {
background-color: #328c1e !important;
color: #fff !important;
padding-bottom: 0px !important;
}
.footer-links li a {
color: #fff !important;
}
#toTop {
display: none;
text-decoration: none;
position: fixed;
bottom: 80px;
right: 5px;
overflow: hidden;
width: 40px;
height: 40px;
border: none;
text-indent: 100%;
background: url(images/ui.totop.png) no-repeat left top;
z-index: 9999;
}
.dt-sc-one-fourth {
width: 100%;
margin: 0px 0px 10px 0px !important;
}

.top-right { display: none;
}

 .top-i { padding: 0 0px 0 0px; width: 100% !important;
}

 .top-tel { display: none;
}

.step {
    font-size: 110%;
    border: 2px solid #328c1e;
    background: #fffef5;
    padding: 20px 10px 10px 10px;
    margin: 10px 0 10px 0;
    position: relative;
    overflow: hidden;
    z-index: 1;
    border-radius: 5px;
}

.step .step-n {
    background: #328c1e;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    line-height: 15px;
    width: 40px;
    height: 40px;
    padding: 5px;
    margin: 0 10px 4px 0;
    float: left;
}

.step .step-n span {
    font-size: 24px;
    margin: 4px 0 0;
    display: block;
}

.step .step-t {
    border-bottom: 2px solid #328c1e;
    font-size: 130%;
    font-weight: bold;
    margin: 0 0 12px;
    padding: 0 0 4px 0.2em;
    position: relative;
    overflow: hidden;
    line-height: 1.2;
    text-align: left;
}

.step .step-c {
    padding: 0 0em 0 0em;
    overflow: hidden;
}

.qa {
    margin: 0 0 48px;
}

.question {
    font-size: 100%;
    font-weight: bold;
    margin: 0 0 0.5em;
    position: relative;
    line-height: 1.2;
    height: auto;
    padding: 0 0 0 56px;
}

.qa .question span.text-q {
line-height: 40px;
    width: 40px;
    height: 40px;
    margin: -20px 0 0;
}

.qa .answer {
    position: relative;
    overflow: hidden;
}

.qa .answer span.text-a {
    line-height: 40px;
    width: 40px;
    height: 40px;
    float: left;
    margin: 0 16px 0 0;
}

.qa .answer p {
    overflow: hidden;
}

.map {
    margin-left: 8px;
    margin-right: 8px;
    border: 5px solid #eee;
    background: #fff;
    line-height: 0;
    margin: 12px 0;
}

.map iframe {
    max-height: 240px;
}

.box01{
    display: inline-block;
    padding: 1em 0.2em 1px 0.5em;
    margin: 2em 0 2em 0;
    color: #5d627b;
    background: white;
    border-top: solid 5px #328c1e;
    box-shadow: 0 0 4px rgba(0,0,0,0.15);
    width: 97%;
height: auto;
}
    
.toi01 {
    display: none;
}

.toi02 {
    display:block;
}

    
.tel-fax {
    font-size: 140%;
}
    
.top-link {
 display:block;
}    
}

.f01{
border-radius:5px;
border: 1px solid #ebb83e;
background-color: #fffcd7;
padding: 1em 0.5em 0.5em 1em;
margin: 0 2% 1em 2%;
}

.faq01 {
    border-radius:5px;
    font-weight:bold;
    font-size: 120%;
    margin: 0.5em 0.5em 0.5em 0.5em;
    border-bottom: 1px solid #F8CDCA;
    border-left: 1px solid #F8CDCA;
    border-right: 1px solid #F8CDCA;
    border-top: 1px solid #F8CDCA;
    padding-top: 0.7em;
    padding-bottom: 0.7em;
    padding-left: 1em;
    background-color: #FCEEED;
}

.faq02 {
    font-size: 115%;
    margin-bottom: 1em;
    padding-bottom: 0.7em;
    padding-left: 1.5em;
    padding-right: 0.5em;
    padding-top: 0.5em;
}

.faq03 {
    font-size: 115%;
    margin-bottom: 1em;
    padding-bottom: 0.7em;
    padding-left: 1.5em;
    padding-right: 0.5em;
    padding-top: 0.5em;
}

#main-menu > ul > li.home1 {
    display: inline-block;
    padding: 0 0 0 0;
    position: relative;
    border-left: 0px solid;
    margin-top: 0px;
}

.stg {
 font-weight:bold;
}

.brd-gre {
border-width: 1px; 
border-color: #0e830e; 
border-style: solid;
padding: 0.7em 0.5em 0em 0.5em;
border-radius: 8px;
margin-bottom: 1em;
width: 100%;
}

.top1 h2 {
    margin: 1em 0 10px 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(29, 148, 94, 1)), to(rgba(27, 131, 84, 1)));
    background: linear-gradient(to bottom, rgba(29, 148, 94, 1) 0%, rgba(27, 131, 84, 1) 100%);
    color: #fff;
    font-size: 1.8em;
    letter-spacing: .1em;
    position: relative;
    border-radius: 10px;
    padding: 15px 20px 12px 20px;
    font-weight: bold;
    border-bottom: #d7d7d8 solid 2px;
    text-align: center;
}

.top2 h2 {
    margin: 1em 0 10px 5px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(245, 245, 245, 1)), to(rgba(228, 228, 228, 1)));
    background: linear-gradient(to bottom, rgba(245, 245, 245, 1) 0%, rgba(238, 238, 238, 1) 100%);
    color: #333333;
    font-size: 1.5em;
    letter-spacing: .1em;
    position: relative;
    border-radius: 2px;
    padding: 15px 20px 12px 10px;
    font-weight: normal;
    border-bottom: #d7d7d8 solid 2px;
    text-align: left;
}

.wdt1000 {
width:100%; max-width:1000px; display: block; margin-left: auto; margin-right: auto; font-size: 105%;
}

.wdt180px {
width:180px;
}
.wdt180px2 {
width:180px;
}


.f80 {
font-size: 80%;
line-height: 1.5;
}

.f90 {
font-size: 90%;
line-height: 1.5;
}

.f120 {
font-size: 120%;
line-height: 1.5;
}

.f130 {
font-size: 130%;
line-height: 1.5;
}

.f140 {
font-size: 140%;
line-height: 1.5;
}

.f150 {
font-size: 150%;
line-height: 1.5;
}

.f160 {
font-size: 160%;
line-height: 1.5;
}

.f170 {
font-size: 170%;
line-height: 1.5;
}

.f180 {
font-size: 180%;
line-height: 1.5;
}

.f180v {
font-size: 180%;
line-height: 1.5;
}

.f200 {
font-size: 200%;
line-height: 1.5;
}

.f210 {
font-size: 210%;
line-height: 1.5;
}

.f240 {
font-size: 240%;
line-height: 1.5;
}


.pad05tl {
padding-top: 0.5em; padding-left: 0.5em;
}

.pad05tl2 {
padding-top: 0.5em; padding-left: 0.5em;
}

.pad05tl3 {
padding-top: 0.5em; padding-left: 0.5em;
}

.pad05tl4 {
padding-top: 0em; padding-left: 0.5em;
}

ul {
list-style-type: none;
}

.voice-list {
margin-top: 15px;
    background-color: #fffcec;
    border: 4px solid #fda302;
    padding: 10px 20px 5px 20px;
    margin-bottom: 1em;
    border-radius: 8px;
}

.voice-list-Photo img {
    max-width: 100%;
    height: auto;
}

.fc-red {
    color: #ef3210;
}

.fc-yw {
    color: #fffa05;
}

.fc-gre {
    color: #328c1e;
}

.fc-ore {
    color: #fe8500;
}

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

.pad05 {
padding: 0.5em;
clear: both;
}

.pad5t {
padding: 5px;
clear: both;
}

.pad10t {
padding-top: 10px;
clear: both;
}

.pad10 {
padding: 10px;
clear: both;
}

.pad20 {
clear: both;
padding: 20px;

}

.pad30 {
padding: 30px;
clear: both;
}


img.align-left {
    margin-right: 2.5%;
    margin-top: 0em;
    float: left;
}

img.align-right {
    margin-left: 2.5%;
    margin-top: 0em;
    float: right;
}

img.align-right2 {
    margin-left: 1%;
    margin-top: 0em;
    float: right;
}

.pad05tl {
padding: 0.5em 0 0 0.5em;
}

.txt-r {
text-align: right;
}

.txt-c {
text-align: center;
line-height: 1.5;
}

.line-b {
border-bottom: 1px solid #328c1e;
padding-bottom: 5px;
margin-bottom: 5px;
}

.line-dot {
border-top: 2px dotted #ddd;
margin: 0.5em 1em 0 1em;
}

.line-ore {
border: 2px solid #fda302;
padding: 1em 1em 1em 1em;
border-radius: 8px;
}

.line-ore2 {
border: 4px double #fe8500;
padding: 1em 1em 1em 1em;
border-radius: 8px;
}

.fw-nom {
 font-weight:normal;
}


/* 1.親スタイルリセットとペース設定 ++++++++++ */
.slider-box p, .slider-box div, .loop-box ul, .loop-box li {
  box-sizing: border-box; margin: 0 !important; padding: 0 !important;
}

/* 2.ベースBOXの設定 +++++++++++++++++++++ */
.slider-box {
  box-sizing: border-box;
  overflow: hidden;
  width: 100%; /* 画面又は親要素に対するサイズ - 変更可 */
  background: #fff; /* 背景色 - 変更可・削除可 */
  border: solid 0px #eee; /* 囲み線 - 変更可・削除可 */
  margin: 0 auto; /* Box外の余白 - 変更可 */
  padding: 10px 0 0 0; /* 上端からスライダーまでの距離 - 変更可・削除可 */
}

/* 3.チェックボックスを利用した停止・再生などの設定 +++++++++++++++++ */
.slider-check {
  display: none;
}
.slider-check:checked ~ .loop-box > .loop {
  animation-play-state: paused;
}

/* 4.スライダー本体とアニメーションの基本設定 ++++++++++++++ */
.loop-box{
  position: relative;
  width: 100%;
  overflow: hidden; 
}
.loop-box, .loop-box ul {
  height: 150px; /* スライダーの高さ - 変更注意 */
}
.loop-box ul {
  position: absolute; left: 0; top: 0;
  display: flex; 
  justify-content: space-between;
  background: #fff; /* スライダーの背景色 - 変更可 */
  list-style: none;
  max-width: 10000%; 
  min-width: 100%;
  width: calc(150px * 1 * 9); /* 画像の横幅×枚数 - 変更注意・変更可・変更注意 */
  animation: 60s linear infinite; /* アニメーション設定 - 変更可 */
}
.loop-box li {
  display: flex;
  align-items: center; 
  justify-content: center;
  color: #333;
  width: calc(100% / 9); /* li の幅を均等にする - 削除可・変更注意 */
}
.loop-box img {
  height: auto;
  width: 100%;
  border: 5px solid #fff;
}

/* 5.アニメーション個別設定 ++++++++++ */
.loop-box ul.loop1 {
  animation-name: loop1;
}
.loop-box ul.loop2 {
  animation-name: loop2;
}
@keyframes loop1 {
  0% {transform: translateX(0); }
  49.99999% {transform: translateX(-100%); }
  50% {transform: translateX(100%); }
}
@keyframes loop2 {
  0% {transform: translateX(100%); }
  100%{transform: translateX(-100%); }
}

.txt-al01 {
 text-align: left;
}

.button-area {
  text-align: center;
}

.btn {
  background: #fd9d37; /* 背景色 */
  color: #fff; /* 文字色 */
  padding: 16px 40px; /* 上下の余白、左右の余白 */
  text-decoration: none; /* デフォルトで入るリンクの下線を消す */
  border-radius: 30px; /* 角を丸くする */
  font-size: 140%;
  font-weight:bold;
  margin-top: 0.5em;
}

.btn {
  background: #fd9d37; /* 背景色 */
  color: #fff; /* 文字色 */
  padding: 16px 40px; /* 上下の余白、左右の余白 */
  text-decoration: none; /* デフォルトで入る下線を消す */
  border-radius: 20px; /* 角を丸くする */
  transition-property: opacity;
　-webkit-transition-property: opacity;
  transition-duration: .5s;
  -webkit-transition-duration: .5s;
}
.btn:hover {
  opacity: .9;
  color: #fff;
}

.taiken01 {
border-width: 2px; border-color: #ccc; border-style: solid; border-radius: 10px; padding:0.5em;;
}

.g-info {
width: 98%;
margin: 20px 3px;
}

.g-info th {
width: 18%;
text-align: center;
background: #f4f4f4;
}

.g-info th,  td {
padding: 10px;
border: 1px solid #ddd;
}

.g-info th,  td {
padding: 10px;
border: 1px solid #ddd;
}

.bg-c01 {
background-color: #eee;
}

.line-u2 {
    margin: 0px 0px 10px 0px;
    border-style: double;
    border-width: 0px 0px 3px 0px;
    border-color: #328c1e;
}

h2 {
color: #328c1e;
font-weight:bold;
}

h3 {
color: #328c1e;
font-weight:bold;
}

.lineV-gre {
border: 4px solid #328c1e;
border-radius: 8px;
padding: 1em;
max-width: 700px;
margin: 2% auto 0 auto;
}


#main-menu > ul {
border-left: 1px solid #333;
margin-top: 5px;
}

.step-cl {
display: none;
}

.max840 {
margin: 0px auto 0px auto; max-width:840px;
}


.max860 {
margin: 0px auto 0px auto; max-width:860px;
}

.max900 {
margin: 0px auto 0px auto; max-width:900px;
}

.max1000 {
margin: 0px auto 0px auto; max-width:1000px;
}


/*---*******--- << Mobile >> ----****************************************----*/


@media only screen and (max-width: 768px), print {
.f120 {
font-size: 120%;
line-height: 1.5;
}
.f130 {
font-size: 130%;
line-height: 1.5;
}
.f140 {
font-size: 140%;
line-height: 1.5;
}
.f150 {
font-size: 150%;
line-height: 1.5;
}
.f160 {
font-size: 160%;
line-height: 1.5;
}
.f180 {
font-size: 180%;
line-height: 1.2;
}
.f180v {
font-size: 190%;
line-height: 1.2;
}
.f200 {
font-size: 200%;
line-height: 1.2;
}
.f210 {
font-size: 140%;
line-height: 1.2;
}
.f240 {
font-size: 185%;
line-height: 1.2;
}

img.align-left {
    margin-right: 2.5%;
    margin-top: 0em;
    float: left;
}
.wdt180px {
width:120px;
}
.wdt180px2 {
width:115px;
}
.voice-list {
margin-top: 5px;
    background-color: #fffcec;
    border: 4px solid #fda302;
    padding: 10px 5px 5px 5px;
}
.top1 h2 {
    margin: 1em 0 10px 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(29, 148, 94, 1)), to(rgba(27, 131, 84, 1)));
    background: linear-gradient(to bottom, rgba(29, 148, 94, 1) 0%, rgba(27, 131, 84, 1) 100%);
    color: #fff;
    font-size: 1.35em;
    letter-spacing: .1em;
    position: relative;
    border-radius: 10px;
    padding: 10px 5px 7px 18px;
    font-weight: bold;
    border-bottom: #d7d7d8 solid 2px;
    text-align: left;
    line-height: 1.2;
}

.top2 h2 {
    margin: 1em 8px 10px 10px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(245, 245, 245, 1)), to(rgba(228, 228, 228, 1)));
    background: linear-gradient(to bottom, rgba(245, 245, 245, 1) 0%, rgba(238, 238, 238, 1) 100%);
    color: #333333;
    font-size: 1.5em;
    letter-spacing: .1em;
    position: relative;
    border-radius: 2px;
    padding: 10px 5px 7px 18px;
    font-weight: normal;
    border-bottom: #d7d7d8 solid 2px;
    text-align: left;
    line-height: 1.2;
}

.loop-box, .loop-box ul {
  height: 100px; /* スライダーの高さ - 変更注意 */
}
.loop-box ul {
  position: absolute; left: 0; top: 0;
  display: flex; 
  justify-content: space-between;
  background: #fff; /* スライダーの背景色 - 変更可 */
  list-style: none;
  max-width: 10000%; 
  min-width: 100%;
  width: calc(100px * 1.05 * 9); /* 画像の横幅×枚数 - 変更注意・変更可・変更注意 */
  animation: 60s linear infinite; /* アニメーション設定 - 変更可 */
}
.loop-box li {
  display: flex;
  align-items: center; 
  justify-content: center;
  color: #333;
  width: calc(100% / 9); /* li の幅を均等にする - 削除可・変更注意 */
}
.loop-box img {
  height: auto;
  width: 100%;
  border: 5px solid #fff;
}
.txt-al01 {
 text-align: center;
}
.scale {
  display     : inline-block;    /* 変形するためのブロック化 */
  transform   : scale(0.7, 1);   /* 変形 横,縦 */
}
.pad10t {
padding-top: 10px;
clear: both;
}

.pad10 {
padding: 5px;
clear: both;
}

.pad20 {
padding: 10px;
clear: both;
}

.pad30 {
padding: 15px;
clear: both;
}
.btn {
  background: #fd9d37; /* 背景色 */
  color: #fff; /* 文字色 */
  padding: 12px 20px; /* 上下の余白、左右の余白 */
  text-decoration: none; /* デフォルトで入るリンクの下線を消す */
  border-radius: 20px; /* 角を丸くする */
  font-size: 110%;
  font-weight:bold;
  margin-top: 0.5em;
}
.g-info th {
width: 25%;
text-align: center;
background: #f4f4f4;
}
#main-menu > ul  {
border-left: 0px solid #328c1e;
border-bottom: 3px solid #328c1e;
}
.line-u2 {
    margin: 0px 0px 10px 0px;
    border-style: double;
    border-width: 0px 0px 3px 0px;
    border-color: #328c1e;
}
h2 {
color: #328c1e;
line-height: 1.2;
font-size: 160%;
text-align: center;
}
#main-menu ul {
    margin: 0px auto;
    padding: 0px 0px 0px 0px;
    position: relative;
    border-right: 0px solid #328c1e;
}
h3 {
font-size:24px; 
line-height: 1.2;
}
#main-menu ul li.menu-item-simple-parent ul li a:hover {
display: block;
font-size: 14px;
padding: 10px 15px 10px 25px;
position: relative;
color: #0e870e;
text-transform: uppercase;
font-weight: bold;
}
.step-cl {
display:block;;
}
.contact01 {
background: #fff;
    margin: 10px 0;
    padding: 0px 0.5em;
    position: relative;
    -moz-box-shadow: 0 0 4px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.1);
    box-shadow: 0 0 4px rgba(0,0,0,0.1);
    border: 2px solid #328c1e; 
    border-radius: 8px;
}
}

.rss {
    border: 2px solid #fe7f07;
    border-radius: 8px;
    padding: 15px 15px 10px 15px;
    margin: 0em 0.5em 1em 0.5em;
    font-size: 100%;
    background-color: #fffdef;
}
.rss2 {
    padding-left: 0.5em;
}
.rss a{
    color:#555 !important;
    padding-left: 0em;
    border-bottom: 1px solid #555;
    vertical-align: top;
     padding-bottom: 1px;
}

.rss ul{
    margin-bottom: 10px;
}

.br01 {
    display: none;
}

@media (max-width: 767px){
.br01 {
    display: block;
}
}

p.text {
    display: none;
}

.ul01 {
    border-bottom: 1px dotted #ccc;
    margin-bottom: 10px;
}

.toggle-button {
  cursor: pointer;
  padding: 10px 20px;
  font-size: 16px;
  background-color: #007bff;
  color: white;
  border: none;
  border-radius: 4px;
}

.toggle-button:hover {
  background-color: #0056b3;
}

#image {
  margin-top: 20px;
}