/*
Theme Name: Modular Pro
Theme URI: https://alexathemes.net/themes/interior-decorator-wordpress-theme/
Author: AlexaThemes
Author URI: https://www.alexathemes.net/
Description: Modular is highly customizable interior WordPress theme specially made for Interior Design services, Dining Room, Exterior Design, Kitchen Design, Living Room Design, Master Bedroom Design, Residential Design, Furniture Design, Office Design, Commercial Design, Hospital Design, Cottage, Architecture, contractor, construction, building, Construction & Business etc. We have analyzed and did some research to know what exactly interior website needs. This theme comes with the easy to use theme options where you can display default and setup website in just one click. It's a fully functional responsive WordPress theme can perform in any resolutions. This theme has an eye catchy design can attract your customer to make a good business. This theme also compatible with the some popular plugin like wocommerce and contact form 7. Enjoy the demo here: http://www.live-demo.online/modular
Version: pro 1.0
License: GNU General Public License version 3
License URI: license.txt
Text Domain: modular
Tags: one-column,two-columns,left-sidebar,right-sidebar,custom-background,custom-header,custom-menu,editor-style,featured-images,full-width-template, sticky-post,threaded-comments,translation-ready,theme-options

Modular Pro WordPress Theme has been created by AlexaThemes(alexathemes.net), 2018.
Modular Pro WordPress Theme is released under the terms of GNU GPL
*/

*{ margin:0; padding:0; outline:none;}
body{ margin:0; padding:0; box-sizing:border-box; -ms-word-wrap:break-word; word-wrap:break-word; margin:0; padding:0; color:#848383; font:400 16px/28px 'Assistant'; background-color:#ffffff;}
img{ margin:0; padding:0; border:none;}
section img, img{max-width:100%; height:auto;}
.bypostauthor { margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{ margin:0 0 20px; padding:0; line-height:normal; font-weight:bold; font-family:'Roboto Condensed'; color:#333333;}
h1{ font-size:36px;}
h2{ font-size:27px;}
h3{ font-size:21px;}
h4{ font-size:18px;}
h5{ font-size:17px;}
h6{ font-size:15px;}
.left{float:left;}
.right{float:right;}
blockquote{ position:relative; margin-bottom:15px; }
blockquote.align-left{ padding:15px 15px 15px 60px; text-align:left; }
blockquote.align-left:before{content: "\f10d"; font-family: FontAwesome; color: #767676; font-size: 40px; position: absolute; top:25px; left: 0; }
blockquote.align-right{ padding:15px 60px 15px 15px; text-align:right;  }
blockquote.align-right:before{content: "\f10e"; font-family: FontAwesome; color: #767676; font-size: 40px; position: absolute; top:25px; right: 0; }
.hr{border-bottom:1px solid #e8e8e8; height:1px; clear:both; margin:50px 0;}
p{ margin:0; padding:0;}
a{ text-decoration:none; outline:none; transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; }
a:hover{ text-decoration:none; outline:none;}
ul{ list-style:none; margin:0; padding:0;}
article ul, article ol{ margin:0 0 15px 15px;}
article ul li{ list-style: disc;}
.custom-height{ min-height:20px;}
.clear{ clear:both;}
.middle-align{ margin:0 auto; padding:0;}
.wp-caption{ margin:0; padding:0; font-size:13px; max-width:100%;}
.wp-caption-text{ margin:0; padding:0;}
.sticky{ margin:0; padding:0;}
.gallery-caption{ margin:0; padding:0;}
.alignleft, img.alignleft {display: inline; float: left; margin-right:25px; margin-top:4px; margin-bottom:6px; padding:0; height:auto;}
.alignright, img.alignright { display: inline; float: right; margin-left:25px; height:auto;}
.aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; margin-top:0;  height:auto;}
.comments-area{ margin-bottom:15px; padding:15px;}
.comment-list .comment-content ul { list-style:none; margin-left:15px;}
.comment-list .comment-content ul li{margin:5px;}
.main-container ol{list-style-position:outside; margin-left:20px;}
.main-container ol li{margin:5px 0;}
.lastcols{ margin-right:0 !important;}
.toggleMenu{display:none;}
section{ padding:70px 0;}
h2.section_title{ font:700 38px 'Oswald'; color:#333333; text-transform:uppercase; text-align:center; line-height:35px; display:block; margin:0 auto 35px; position:relative;}
.entry-content section { padding:50px 0 70px;}
.entry-content h2.section_title { text-transform:capitalize; font-weight:400;}

/*================================================== 
	HEADER CSS
==================================================== */
.header.fixed{ position: fixed; top:0; z-index:999999; padding:14px 25px;}
.header{ position:absolute; z-index:9; left:0; right:0; top:0;}
.header-inner { width:1170px; margin:0 auto; position:relative;}
.logo{ padding:8px 10px; float:left; position:relative; border:1px solid #ffffff; margin:35px 0;}
.logo h1{ margin:0px; text-transform:capitalize; line-height:40px;}
.logo a{ color:#ffffff;}
.tagline, .logo p{ display:block; text-transform:capitalize;}
#slider{ width:100%; margin:0; padding:0; position:relative;}

.header .bookbtn { float:right; margin-top:38px; margin-left:20px;}
.header .bookbtn a.button { padding:14px 25px; color:#ffffff; background-color:#edcc1d; border-radius:29px; text-transform:capitalize; font:700 15px 'Roboto'; display:inline-block; transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;}
.header .bookbtn a.button:hover { color:#ffffff; background-color:#000000;}

/*================================================== 
	SOCIAL ICONS CSS
==================================================== */
.social-icons a{ width:35px; height:35px; line-height:35px; margin:0 5px; padding:0; color:#333333; display:inline-block; text-align:center; font-size:14px;  vertical-align: middle; position:relative; transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;}
.social-icons a:hover { color:#edcc1d;}
.social-icons br{ display:none;}

/*================================================== 
	CONTAINER CSS
==================================================== */
.container{ width:1170px; margin:0 auto; position:relative;}
.container-full { width:100%;}
.no-padding { padding:0;}

/*================================================== 
	TOGGLE MENU CSS
==================================================== */
.toggle{display: block;}
.toggle a{width:auto; color:#ffffff; background:url(images/mobile_nav_right.png) no-repeat right center #444444; padding:10px 25px 10px 15px; margin-top:5px; font-size:16px; text-align:left;}
.toggle a:hover{color:#ffffff !important;}

/*================================================== 
	HEADER NAVIGATION CSS
==================================================== */
.sitenav{ padding:0; position:relative; display:inline-block; float:right; margin-top:40px;}
.sitenav ul {margin:0; padding:0; font:700 13px 'Roboto'; text-transform:uppercase; line-height:normal;}
.sitenav ul li{display:inline-block; position:relative;}
.sitenav ul li.menu-item-has-children:hover::after { color:#edcc1d;}
.sitenav ul li a{padding:15px 15px; margin:0; text-align:center; transition:all 0.2s ease 0s; -o-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; display: inline-block; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform: erspective(1px) translateZ(0); box-shadow:0 0 1px transparent; position:relative; overflow:hidden; color:#ffffff;}
.sitenav ul li ul li{display:block; position:relative; float:none; top:0;}
.sitenav ul li ul li.menu-item-has-children { position:relative;}
.sitenav ul li ul li.menu-item-has-children:after { content:'\f101'; position:absolute; right:15px; top:7px; font-size:18px; color:#ffffff; font-family:FontAwesome;}
.sitenav ul li ul li.menu-item-has-children:hover::after { color:#edcc1d;}
.sitenav ul li ul li a{display:block; position:relative; top:0; text-align:left; padding:10px 12px; margin:0;}
.sitenav ul li a:hover, .sitenav ul li.current_page_item a,.sitenav ul li:hover > ul li.current_page_item a{ color:#edcc1d;}
.sitenav ul li ul{display:none; z-index:9999; position:relative;}
.sitenav ul li ul:before {}
.sitenav ul li:hover > ul{display:block; width:180px; position:absolute; margin-top:0; -moz-animation:fadeInDown .3s ease-in; -webkit-animation:fadeInDown .3s ease-in; animation:fadeInDown .3s ease-in; padding:10px 0; background-color:rgba(0,0,0,0.7);}
.sitenav ul ul li:hover > ul{display:block;-moz-animation:fadeInLeft .3s ease-in; -webkit-animation:fadeInLeft .3s ease-in; animation:fadeInLeft .3s ease-in;}
.sitenav ul li:hover ul li ul{display:none; position:relative;}
.sitenav ul li:hover ul li:hover > ul{display:block; position:absolute; left:180px; top:-10px; padding:10px 0;}

/*================================================== 
	INNER BANNER CSS
==================================================== */
.innerbanner{ text-align:center; height:400px; overflow:hidden; position:relative;}
.innerbanner img{ position: relative; background-size:cover; width:100%; height:auto; display:block;}
.entry-header { position:relative; bottom:0; left:0; right:0;}
.innerbanner .entry-header{ position:absolute; top:65%;}
.entry-container { width:1170px; margin:0 auto;}
.inner-page-title { float:left; text-align:left; width:55%;}
h1.entry-title{ text-transform:uppercase; font:400 30px 'Roboto Condensed'; color:#ffffff; padding:0px 0px 10px 0; margin-bottom:0; border-bottom:3px solid #edcc1d; display:inline-block;}

/*================================================== 
	BREADCRUMBS CSS
==================================================== */
.breadcrumb { text-transform:capitalize; display:inline-block; position:relative;top:29px; width:40%; float:right; text-align:right;}
#crumbs { color:#ffffff; font:400 17px 'Assistant'; padding:0px 0px 10px 0; display:inline-block; border-bottom:1px solid #edcc1d;}
#crumbs a { color:#ffffff; }
#crumbs a:hover { color:#ffb300;}

.contact-banner .entry-header { z-index:1;}
.contact-banner { position:relative;}
.contact-banner:before { content:''; position:absolute; z-index:1; width:100%; height:100%; background-color:rgba(0,0,0,0.7); left:0; right:0; }

/*================================================== 
	DEFAULT BUTTON CSS
==================================================== */
a.ReadMore{ font:400 15px/25px 'Assistant'; color:#333333; border:1px solid #333333; text-transform:capitalize; transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; display:inline-block; padding:5px 20px; position:relative;}
a.ReadMore:hover{ color:#edcc1d; border-color:#edcc1d}
.custombtn{ margin-top:30px;}

a.morebutton { background-color:#edcc1d; font:700 15px 'Assistant'; color:#ffffff; padding:14px 20px; text-transform:capitalize; display:inline-block; position:relative; transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;}
a.morebutton:hover{color:#ffffff; background-color:#333333;}

a.buttonstyle1{ padding:9px 35px; margin-top:35px; background-color:#edcc1d; font:400 15px/25px 'Assistant'; color:#333333; display:inline-block; position:relative; text-transform:uppercase; transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;}
a.buttonstyle1:hover { color:#ffffff; background-color:#000000;}

.button{ color:#ffffff; background-color:#edcc1d; border-radius:29px; padding:14px 45px; text-transform:capitalize; font:700 15px 'Roboto'; display:inline-block; transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;}
.button:hover { color:#ffffff; background-color:#000000;}

/*================================================== 
	SECTION FIRST OUR SPECIALIZATION CSS
==================================================== */
.special { position:relative;}
.special p { width:45%; margin:0 auto; text-align:center;}
.special-box { margin-top:20%; text-align:center; cursor:pointer;}
.specialthumbx { width:111px; margin:0 auto 20px; position:relative; overflow:hidden;}
.specialthumbx { width:100%; height:auto; display:block;}
.special-desc h3 { text-transform:uppercase; margin-bottom:10px;}
.special-desc h3 a { color:#333333;}
.special-desc p { width:auto;}
.special-box:hover h3 a { color:#edcc1d;}
.special-box:hover .special-desc { position:relative; z-index:1;}
.special-box figcaption { padding:50px 15px; -webkit-transition:background-color 0.35s; transition:background-color 0.35s;}
.special-box figcaption::before { position:absolute; top:70px; right:0px; bottom:0px; left:0px; border:2px dashed #edcc1d; content:''; opacity:0; -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s; -webkit-transform:scale(0); transform:scale(0);}
.special-box:hover figcaption::before{ opacity:1; -webkit-transform:scale(1); transform:scale(1);}

/*================================================== 
	SECTION SECOND WHAT WE DO CSS
==================================================== */
.what-we { position:relative;}
.whatwe-top-box { position:relative; margin:5% 0;}
.whatwe-thumb { width:48%; float:left; position:relative; overflow:hidden; background-color:#000000;}
.whatwe-thumb img { opacity:0.7; display:block; -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s;}
.whatwe-thumb figcaption::after{ -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s;}
.whatwe-thumb figcaption::after { position:absolute; top:0; left:0; width:100%; height:100%; border-top:1px solid #ffffff; border-bottom:1px solid #ffffff; content:''; opacity:0; -webkit-transform:rotate3d(0,0,1,45deg) scale3d(1,0,1); transform:rotate3d(0,0,1,45deg) scale3d(1,0,1); -webkit-transform-origin:50% 50%; transform-origin:50% 50%;}
.whatwe-top-box:hover .whatwe-thumb img { opacity:0.4; -webkit-transform:scale3d(1.05,1.05,1); transform:scale3d(1.05,1.05,1);}
.whatwe-top-box:hover .whatwe-thumb figcaption::after { opacity:1; -webkit-transform:rotate3d(0,0,1,45deg) scale3d(1,1,1); transform:rotate3d(0,0,1,45deg) scale3d(1,1,1);}
.whatwe-desc{ float:left; width:45%; padding:7% 0 10px 7%;}
.whatwe-desc h3 { text-transform:uppercase;}

.whatwe-thumb.right{ float:right;}
.whatwe-top-box.bottom .whatwe-desc { text-align:right; padding:7% 7% 10px 0;}
.entry-content .whatwe-top-box { margin-bottom:0;}

/*================================================== 
	SECTION THIRD FEATURES CSS
==================================================== */
.features { position:relative;}
.features-box { width:21.3%; padding:6%; position:relative; text-align:center; color:#c3c2c2; float:left;}
.features-box h2 { text-transform:uppercase; font-weight:400;}
.features-box h2 a { color:#ffffff;}
.features-icon { margin-bottom:40px;}
.features-box .fa { color:#edcc1d; font-size:3.5em;}
.features-box:hover .features-desc { position:relative; z-index:1;}
.features-box:hover h2 a { color:#edcc1d;}
.features-box figcaption::before, .features-box figcaption::after {	position:absolute; content:''; opacity:0;}
.features-box figcaption::before { top:50px; right:30px; bottom:50px; left:30px; border-top:1px solid #edcc1d; border-bottom:1px solid #edcc1d; -webkit-transform:scale(0,1); transform:scale(0,1); -webkit-transform-origin:0 0; transform-origin: 0 0;}
.features-box figcaption::after { top:30px; right:50px; bottom:30px; left:50px; border-right:1px solid #edcc1d; border-left:1px solid #edcc1d; -webkit-transform:scale(1,0); transform:scale(1,0); -webkit-transform-origin:100% 0; transform-origin:100% 0;}
.features-box figcaption::before, .features-box figcaption::after { -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s;}
.features-box:hover figcaption::before, .features-box:hover figcaption::after {	opacity:1; -webkit-transform:scale(1); transform:scale(1);}
.features-box:hover figcaption::after { -webkit-transition-delay:0.15s; transition-delay:0.15s;}

/*================================================== 
	SECTION FOURTH WE TRANSFORM THOUGHTS (OUR WORK) CSS
==================================================== */
.our-work { position:relative;}
.work-thumb { width:31%; float:left;}
.work-thumb img { width:100%; height:auto; display:block;}
.work-details { width:60%; float:right; padding-top:5%;}
.work-details h2 { text-transform:uppercase; width:55%;}
.work-box { margin-top:30%;}
.workbx-thumb { width:75px; position:relative; margin-bottom:15px;}
.workbx-thumb img { width:100%; height:auto; display:block;}
.workbx-desc h3 { text-transform:uppercase; font-weight:normal;}

/*================================================== 
	SECTION FIFTH OUR SERVICES CSS
==================================================== */
.services { position:relative;}
.services-box { width:40%; position:relative; }
.services-box .ser-icon { width:100px; height:100px; border:1px solid #d2d2d2; border-radius:50%; text-align:center; display:inline-block; margin:20px 0; position:relative; line-height:120px; transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;}
.services-box:hover .ser-icon { background-color:#edcc1d; border-color:#edcc1d; -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2);	-o-transform:scale(1.2); transform:scale(1.2);}
.services-box .ser-icon .fa { font-size:2.5em; color:#3b3d4c;}
.services-box:hover .ser-icon .fa { color:#ffffff;}
.services-box h3 { text-transform:uppercase; margin-bottom:10px;}
.services-box:hover h3 a { color:#edcc1d;}
.services-box:nth-child(even) { text-align:right; float:left; position:relative;}
.services-box:nth-child(even) .ser-icon { float:right;}
.services-box:nth-child(even) .ser-icon:after { position:absolute; content:''; width:118px; border-bottom:1px solid #d2d2d2; left:100px; top:50px;}
.services-box:nth-child(odd) { text-align:left; float:right; position:relative;}
.services-box:nth-child(odd) .ser-icon:after { position:absolute; content:''; width:118px; border-bottom:1px solid #d2d2d2; right:100px; top:50px;}
.services-box:nth-child(odd):before { content:''; position:absolute; left:-118px; border-right:1px solid #d2d2d2; height:265px; top:71px;}
.services .services-box:last-child::before{ content:none;}
.services-box .ser-desc p { margin-bottom:0;}

/*================================================== 
	SECTION SIXTH TESTIMONIALS CSS
==================================================== */
.clientsay { position:relative;}
.clientsay h2.section_title { color:#ffffff;}
.clientsay #clienttestiminials .item { padding:0 25px; margin:30px 0 15%; position:relative;}
.clientsay #clienttestiminials .tmthumb{ width:70px; height:70px; border:3px solid #edcc1d; float:left; margin-right:25px;}
.clientsay #clienttestiminials .tmthumb img { width:100%; height:100%; display:block;}
.clientsay #clienttestiminials .tmtitle { float:left; padding-top:10px;}
.clientsay #clienttestiminials .tmtitle h4{ margin-bottom:5px; text-transform:uppercase; letter-spacing:3px; font:700 17px 'Roboto Condensed'; color:#ffffff;}
.clientsay #clienttestiminials .tmtitle h4 a{color:#ffffff;}
.clientsay #clienttestiminials .tmtitle span { font:400 15px 'Assistant'; color:#bfbfbf; text-transform:uppercase;}
.clientsay #clienttestiminials .tmdesc { font:400 16px/26px 'Assistant'; color:#d1d1d1; margin-bottom:35px;}
#clienttestiminials .owl-prev, #clienttestiminials .owl-next { display:none !important;}
/* ----- testimonials ----- */
.client-say{ width:80%; margin:0 auto;  position:relative; z-index:1; font:normal 16px/24px 'Roboto'; color:#333; }
.client-say .timthumb{ width:10%; float:left;}
.client-say .timthumb img{ height:100%; }
.client-say .tm_description{ width:87%; float:right;}
.client-say p{ margin-bottom:30px;}
.client-say h6{ color:#fff; margin:20px 0 0 0; text-transform:none; }
/* ----- testimonials listing ----- */
.tmnllisting{ margin-bottom:35px; min-height:120px;}
.tmnllisting .tmnlthumb{ float:left; width:120px; height:120px; margin:0 5% 0 0; overflow:hidden;}
.tmnllisting .tmnlthumb img{ width:100%; height:100%; border-radius:50%;}
.tmnllisting h6{ margin-bottom:10px; padding-top:10px; text-transform:uppercase;}
#testimonials-widget h6{ margin-bottom:5px; text-transform:uppercase;}
#testimonials-widget p{ margin-bottom:15px;}
/* ----- Sidebar Testimonials ----- */
#testimonials .quotes span { text-transform:uppercase; display:block; font:700 15px 'Roboto Condensed'; color:#333333; margin-top:15px;}

/*================================================== 
	SECTION SEVENTH NEW ARRIVAL SHOP CSS
==================================================== */
.new-arrivals { position:relative;}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product { text-align:center;}
.woocommerce ul.products li.product { margin-right:37px; padding-bottom:20px; transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;}
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link { background-color:#ffffff; border:1px solid #d2d2d2; display:inline-block; padding:0px 15px 20px;}
.woocommerce ul.products li.product:hover a.woocommerce-LoopProduct-link { -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1);	-o-transform:scale(1.1); transform:scale(1.1); border:1px solid #edcc1d;}
.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 { font:400 17px 'Assistant'; color:#333333; position:relative; /*z-index:4;*/}
.woocommerce ul.products li.product .price { font:700 18px 'Assistant'; color:#c3c3c3; margin-top:10px;}
.woocommerce ul.products li.product .price del { margin-right:10px; color:#000000; opacity:0.6;}
.woocommerce span.onsale { border-radius:0; padding:5px; min-width:50px; min-height:20px; background-color:#edcc1d; text-transform:uppercase; font:700 15px 'Assistant';}
.woocommerce .star-rating span { display:block;}
.woocommerce .products .star-rating{ float:none; margin:5px auto 15px; color:#edcc1d;}
.woocommerce ul.products li.product .star-rating { font-size:15px;}
.woocommerce .star-rating::before { color:#000000;}
.woocommerce ul.products li.product .button, .woocommerce ul.products li.product a.added_to_cart { background:none; margin-top:30px; font:700 16px 'Assistant'; color:#333333; text-transform:uppercase;}
.woocommerce ul.products li.product .button:hover, .woocommerce ul.products li.product a.added_to_cart:hover { color:#edcc1d;}
.woocommerce ul.products li.product a.woocommerce-loop-product__link { display:inline-block; padding:0px 15px 20px;}
/* Shop Page */
.woocommerce-page ul.products li.product { margin-right:30px; padding-bottom:20px; transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;}
.woocommerce-page ul.products li.product:hover a.woocommerce-LoopProduct-link { border-color:#edcc1d; -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1);	-o-transform:scale(1.1); transform:scale(1.1);}
.woocommerce-page ul.products li.product a.woocommerce-LoopProduct-link { border:1px solid #d2d2d2;}
.woocommerce ul.products.columns-3 li.product, .woocommerce-page ul.products.columns-3 li.product { margin-right:29px; padding-bottom:20px;}
.woocommerce ul.products li.last, .woocommerce-page ul.products li.last, .woocommerce ul.products.columns-3 li.last, .woocommerce-page ul.products.columns-3 li.last { margin-right:0;}
/* Sidebar Shop Page */
#sidebar .widget_shopping_cart_content ul li { list-style:none;}
.woocommerce a.remove { background-color:#f90303; color:#ffffff !important;}
.woocommerce a.remove.remove_from_cart_button { height:1.5em; width:0.5em; background-color:#f90303; color:#ffffff !important; left:0; right:0; text-align:center; padding:0px 5px 0 !important;}
/* Shop Page Pagination */
.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current, .woocommerce button.button.alt { background-color:#333333; color:#ffffff;}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce button.button.alt:hover { background-color:#edcc1d; color:#ffffff;}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover { background-color:#333333; color:#ffffff;}
.woocommerce-page table.cart td.actions .input-text { width:100px; text-align:center;}
.woocommerce-cart table.cart td.actions .coupon .input-text { padding:10px 6px;}
.woocommerce form .form-row input.input-text { line-height:2;}
/* Cart In Sidebar */
.woocommerce a.remove:hover { background-color:#000000; color:#ffffff !important;}
.woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a { display:inline;}
.woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total { border-color:#c9c9c9; text-align:center; padding:10px 0;}
.woocommerce-mini-cart__buttons.buttons { text-align:center;}
.woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img { width:35px; height:35px; padding:5px; border:1px solid #c9c9c9;}
.widget_shopping_cart_content { padding:15px 0;}
.woocommerce .widget_shopping_cart .buttons a, .woocommerce.widget_shopping_cart .buttons a, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce input.button { background-color:#333333; color:#ffffff;}
.woocommerce .widget_shopping_cart .buttons a:hover, .woocommerce.widget_shopping_cart .buttons a:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce input.button:hover { background-color:#edcc1d; color:#ffffff;}
.woocommerce ul.products li.product a.added_to_cart { color:#333333;}
/* Filter By Price In Sidebar */
.price_slider_wrapper { padding:40px 0;}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle, .woocommerce .widget_price_filter .ui-slider .ui-slider-handle, .woocommerce .widget_price_filter .ui-slider .ui-slider-range { background-color:#edcc1d;}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content { background-color:#000000;}
/* Sidebar Prodcut Shop Page */
#sidebar .widget_content ul.product_list_widget li { list-style:none;}
#sidebar .widget_content ul.product_list_widget li a { padding-left:0; margin-right:5px;}
#sidebar .widget_content ul.product_list_widget li span.product-title { font:400 15px 'Assistant'; color:#333333; transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;}
#sidebar .widget_content ul.product_list_widget li span.product-title:hover { color:#edcc1d;}
/* Woocommerce Single Products */
.woocommerce div.product .product_title { background:none; font:400 24px 'Roboto'; color:#212121; border-bottom:none;}
.woocommerce div.product div.images .flex-control-thumbs li { margin:10px 5px 0 0; width:20%; border:1px solid #c9c9c9;}
.woocommerce div.product p.price, .woocommerce div.product span.price { color:#212121;}
.woocommerce div.product form.cart div.quantity { float:none; margin:10px 0;}
.woocommerce .quantity .qty {border:1px solid #c9c9c9; padding:2px 0px 2px 0;}
.woocommerce button.button.alt { margin-top:15px;}
/* My Account page */
.woocommerce .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link{ padding: 10px 0 10px 20px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; list-style:none; border-bottom:1px dashed #333333; position:relative;}
.woocommerce .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link:after { content:''; position:absolute; left:0; bottom:-3px; width:51px; border-bottom:5px solid #edcc1d;}
.woocommerce .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link:before { content:'\f101'; font-family:FontAwesome; left:0; top:9px; position:absolute; color:#333333;}
.woocommerce-account .woocommerce-MyAccount-navigation { width:28%;}

/*================================================== 
	SECTION EIGHTH OUR TEAM CSS
==================================================== */
.our-team { position:relative;}
.teammember-list{ width:100%; position:relative; -webkit-transition:all 500ms ease; -moz-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease; overflow:hidden; cursor:pointer; margin:50px 0 120px;}
.hex { position: relative; visibility:hidden; outline:1px solid transparent; /* fix for jagged edges in FF on hover transition */}
.hex::after{ content:''; display:block; padding-bottom:116%;  /* =  100 / tan(60) * 1.5 */}
.hexIn{ position:absolute; width:100%; padding-bottom:115%; /* =  width / sin(60) */ margin:0; overflow:hidden; visibility:hidden; outline:1px solid transparent; /* fix for jagged edges in FF on hover transition */ -webkit-transform:rotate3d(0,0,1,-60deg) skewY(30deg); -ms-transform:rotate3d(0,0,1,-60deg) skewY(30deg); transform:rotate3d(0,0,1,-60deg) skewY(30deg);}
.hexIn *{ position:absolute; visibility:visible; outline:1px solid transparent; /* fix for jagged edges in FF on hover transition */}
.hexLink { display:block; width:100%; height:100%; text-align:center; color:#ffffff; overflow:hidden; -webkit-transform:skewY(-30deg) rotate3d(0,0,1,60deg); -ms-transform:skewY(-30deg) rotate3d(0,0,1,60deg); transform:skewY(-30deg) rotate3d(0,0,1,60deg);}
.hex img { left:-100%; right:-100%; width:auto; height:100%; margin:0 auto; -webkit-transform:rotate3d(0,0,0,0deg); -ms-transform:rotate3d(0,0,0,0deg); transform:rotate3d(0,0,0,0deg);}
.teamdesbox{ text-align:center; padding:0; -webkit-transition:background-color 0.5s ease-out; -moz-transition:background-color 0.5s ease-out; -o-transition:background-color 0.5s ease-out; transition:background-color 0.5s ease-out; margin-top:50px;}
.teammember-list:hover h4 a { color:#202b5b;}
.teamdesbox h4{ margin:0 0 10px; text-transform:capitalize; font:400 25px 'Raleway'; color:#333333;}
.teamdesbox cite{transition:0.6s; -moz-transition:0.6s; -webkit-transition:0.6s; -o-transition:0.6s; font:400 17px 'Roboto'; color:#a5a5a5;}
.teammember-list .team-overlay  { bottom:0; z-index:1; -webkit-transform:translate3d(0,-100%,0); -ms-transform:translate3d(0,-100%,0); transform:translate3d(0,-100%,0); width:100%; box-sizing:border-box; background-color:rgba(237,204,29,0.8); -webkit-transition:-webkit-transform .4s ease-out, opacity .3s ease-out; transition:transform .4s ease-out, opacity .3s ease-out; height:100%;}
.teammember-list:hover .team-overlay, .teammember-list:focus .team-overlay { -webkit-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
.member-social-icon { position:absolute; bottom:18em; color:#ffffff; text-transform:none; font-size:90%; opacity:0; -webkit-transition:opacity 0.4s; transition:opacity 0.4s; -webkit-backface-visibility:hidden; width:100%; text-align:center;}
.member-social-icon a{ margin:0 5px 0 0; text-align:center; display:inline-block; color:#ffffff; width:35px; height:35px; line-height:33px; visibility:visible; border-radius:50%;}
.member-social-icon a:hover{ background-color:#ffffff; color:#333333;}
.teammember-list:hover .member-social-icon { opacity:1;}
.swiper-button-next { width:30px !important; height:30px !important; background-color:#333333; margin-top:25% !important; padding:5px; background-size:20px 15px !important; transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;}
.swiper-button-prev { background-color:#edcc1d; width:30px !important; height:30px !important; margin-top:25% !important; padding:5px; background-size:20px 15px !important; transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev { right:46.5% !important;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next { left:46.5% !important;}

/*================================================== 
	SECTION NINETH LATEST PROJECTS CSS
==================================================== */
.project.no-padding { padding:70px 0 0;}
.project-box { width:25%; float:left; margin:30px 0 0 0; position:relative;}
.project-thumb { position:relative; overflow:hidden; max-height:400px; height:auto; background-color:#edcc1d; cursor:pointer;}
.project-thumb img { position:relative; display:block; width:100%; height:400px; min-height:100%; max-width:100%; -webkit-transition:opacity 1s, -webkit-transform 1s; transition:opacity 1s, transform 1s; -webkit-backface-visibility:hidden; backface-visibility:hidden;}
.project-thumb figcaption { -webkit-backface-visibility:hidden; backface-visibility:hidden;}
.project-thumb figcaption div { position:absolute; bottom:50px; left:30px;}
.project-thumb p { display:block; margin:0; color:#000000; text-transform:none; font:400 16px 'Assistant'; -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s; -webkit-transform:translate3d(-360px,0,0); transform:translate3d(-360px,0,0);}
.project-thumb p a { color:#000000;}
.project-thumb h3 { display:block; margin:0 0 5px; color:#ffffff; text-transform:uppercase; -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s; -webkit-transform:translate3d(-360px,0,0); transform:translate3d(-360px,0,0);}
.project-thumb h3 a { color:#ffffff;}
.project-thumb p:first-child, .project-thumb h3:first-child { -webkit-transition-delay:0.15s; transition-delay:0.15s;}
.project-thumb p:nth-of-type(2), .project-thumb h3:nth-of-type(2) { -webkit-transition-delay:0.1s; transition-delay:0.1s;}
.project-thumb p:nth-of-type(3), .project-thumb h3:nth-of-type(3) { -webkit-transition-delay:0.05s; transition-delay:0.05s;}
.project-thumb:hover p:first-child, .project-thumb:hover h3:first-child { -webkit-transition-delay:0s; transition-delay:0s;}
.project-thumb:hover p:nth-of-type(2), .project-thumb:hover h3:nth-of-type(2) { -webkit-transition-delay:0.05s; transition-delay:0.05s;}
.project-thumb:hover p:nth-of-type(3), .project-thumb:hover h3:nth-of-type(3) {	-webkit-transition-delay:0.1s; transition-delay:0.1s;}
.project-thumb:hover img { opacity:0.1; -webkit-transform:scale3d(1.1,1.1,1); transform:scale3d(1.1,1.1,1);}
.project-thumb:hover p, .project-thumb:hover h3 { opacity:1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
/*------ Project Page ------ */
#projectsbx { margin:1rem 0;}
.tile { width:31%; float:left; margin:30px 14px 0 13px; -webkit-transform:scale(0); transform:scale(0); -webkit-transition:all 350ms ease; transition:all 350ms ease; background-color:#000000; position:relative; overflow:hidden; max-height:462px; text-align:center; cursor:pointer;}
.scale-anm { transform:scale(1);}
.tile img { max-width:100%; min-height: 100%; width:100%; height:auto; position: relative; display: block; margin-bottom:1rem; opacity: 0.7; -webkit-transition: opacity 0.35s; transition: opacity 0.35s;}
.toolbar ul { text-align:center;}
.toolbar ul li { font:400 15px 'Assistant'; color:#333333; background-color:#f2f2f2; border-bottom:5px solid #333333; text-transform:uppercase; text-decoration:none; cursor:pointer; display:inline-block; line-height:normal; padding:10px 20px; margin:0 5px 0 0; vertical-align:middle; -webkit-appearance:none; transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;}
.toolbar ul li:hover { text-decoration:none;}
.toolbar ul li.active { color:#333333; border-color:#edcc1d;}
.toolbar ul li:focus { outline:none;}
.tile h3 { color:#ffffff; text-align:center; z-index:1; padding:0px 2.5em; opacity:0; -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s; -webkit-transform:translate3d(0,20px,0); transform:translate3d(0,20px,0); position:absolute; bottom:15%; left:0; right:0; text-transform:uppercase;}
.tile h3 a { color:#ffffff;}
.tile span { font:400 17px 'Assistant'; color:#edcc1d; padding:0px 2.5em; opacity:0; -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s; -webkit-transform:translate3d(0,20px,0); transform:translate3d(0,20px,0); position:absolute; bottom:12%; left:0; right:0; z-index:1;}
.tile span a { color:#edcc1d;}
.tile figcaption { -webkit-backface-visibility:hidden; backface-visibility:hidden;}
.tile figcaption, .tile figcaption > a { position:absolute; top:0; left:0; width:100%; height:100%;}
.tile figcaption > a { z-index:1000; text-indent:200%; white-space:nowrap; font-size:0; opacity:0;}
.tile:hover img { opacity:0.4;}
.tile figcaption::before, .tile figcaption::after {	position:absolute; top:30px; right:30px; bottom:30px; left:30px; content:''; opacity:0; -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s;}
.tile figcaption::before { border-top:1px solid #ffffff; border-bottom:1px solid #ffffff; -webkit-transform:scale(0,1); transform:scale(0,1);}
.tile figcaption::after { border-right:1px solid #ffffff; border-left:1px solid #ffffff; -webkit-transform:scale(1,0); transform:scale(1,0);}
.tile:hover figcaption::before, .tile:hover figcaption::after { opacity:1; -webkit-transform:scale(1); transform:scale(1);}
.tile:hover h3, .tile:hover span { opacity:1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
/*------ Project Single ------ */
.single-project-box { position:relative;}
.single-project-box .post-thumb { width:48%; float:left; margin-bottom:30px;}
.single-project-box .post-thumb img { width:100%; height:auto; display:block;}
.single-project-box .project-info { width:48%; float:right; padding-top:3%;}
.single-project-box .project-info h2 { text-transform:uppercase; font-weight:400; padding-bottom:15px; border-bottom:1px solid #d2d2d2;}
.single-project-box .project-info ul li { position:relative; font:400 17px 'Assistant'; color:#333333; padding:20px 0 20px 0px; border-bottom:1px solid #d2d2d2;}
.single-project-box .project-info ul li span { font-weight:bold; margin-right:10px;}
.single-project-box .project-info ul li:after { content:''; position:absolute; left:0; bottom:-2px; width:51px; border-bottom:3px solid #edcc1d;}

/*================================================== 
	SECTION TENTH LATEST NEWS CSS
==================================================== */
.latestnews { position:relative;}
.news-box{ position:relative; width:48.5%; margin:30px 35px 0 0; float:left; text-align:left;}
.news-box.last { margin-right:0;}
.news-box .news-thumb{ position:relative; background-color:#000000; overflow:hidden;}
.news-box .news-thumb img{ position:relative; display:block; min-height:100%; max-width:100%; width:100%; height:auto; -webkit-transition:opacity 1s, -webkit-transform 1s; transition:opacity 1s, transform 1s; -webkit-backface-visibility:hidden; backface-visibility:hidden;}
.news-thumb .fa { margin-right:5px; color:#333333;}
.news-box .newsdesc { padding:20px 0;}
.news-box .newsdesc h3{ padding:0; margin-bottom:15px; text-transform:uppercase; line-height:28px; letter-spacing:1px;}
.news-box .newsdesc h3 a{ color:#333333;}
.news-box .newsdesc a.ReadMore { margin-top:30px; text-transform:uppercase;}
/* ------ */
.news-thumb figcaption, .blog-post-repeat figcaption, .blog-post-repeat-full figcaption { text-transform:uppercase; -webkit-backface-visibility:hidden; backface-visibility:hidden;}
.news-thumb figcaption div, .blog-post-repeat .post-thumb figcaption div, .blog-post-repeat-full .post-thumb figcaption div{ position:absolute; bottom:35px; left:40px; z-index:1;}
.news-thumb figcaption, .blog-post-repeat .post-thumb figcaption, .blog-post-repeat-full .post-thumb figcaption { text-align:left;}
.news-thumb p, .blog-post-repeat .post-thumb p, .blog-post-repeat-full .post-thumb p {	display:block; margin:0 0 5px; padding:5px 10px; background-color:#ffffff; color:#333333; text-transform:none; -webkit-transition:opacity 0.35s, -webkit-transform 0.35s;	transition:opacity 0.35s, transform 0.35s; -webkit-transform:translate3d(-360px,0,0); transform:translate3d(-360px,0,0); width:150px; font:400 14px 'Assistant';}
.news-thumb p:first-child, .blog-post-repeat .post-thumb p:first-child, .blog-post-repeat-full .post-thumb p:first-child { -webkit-transition-delay:0.15s; transition-delay:0.15s;}
.news-thumb p:nth-of-type(2), .blog-post-repeat .post-thumb p:nth-of-type(2), .blog-post-repeat-full .post-thumb p:nth-of-type(2){ -webkit-transition-delay:0.1s; transition-delay:0.1s;}
.news-thumb p:nth-of-type(3), .blog-post-repeat .post-thumb p:nth-of-type(3), .blog-post-repeat-full .post-thumb p:nth-of-type(3){ -webkit-transition-delay:0.05s; transition-delay:0.05s;}
.news-box:hover .news-thumb p:first-child, .blog-post-repeat:hover .post-thumb p:first-child, .blog-post-repeat-full:hover .post-thumb p:first-child{ -webkit-transition-delay:0s; transition-delay:0s;}
.news-box:hover .news-thumb p:nth-of-type(2), .blog-post-repeat:hover .post-thumb p:nth-of-type(2), .blog-post-repeat-full:hover .post-thumb p:nth-of-type(2),{ -webkit-transition-delay:0.05s; transition-delay:0.05s;}
.news-box:hover .news-thumb p:nth-of-type(3), .blog-post-repeat:hover .post-thumb p:nth-of-type(3), .blog-post-repeat-full:hover .post-thumb p:nth-of-type(3){ -webkit-transition-delay:0.1s; transition-delay:0.1s;}
.news-box:hover img, .blog-post-repeat:hover img, .blog-post-repeat-full:hover img{ opacity:0.4; -webkit-transform:scale3d(1.1,1.1,1); transform:scale3d(1.1,1.1,1);}
.news-box:hover .news-thumb p, .blog-post-repeat:hover .post-thumb p, .blog-post-repeat-full:hover .post-thumb p{ opacity:1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
.news-thumb figcaption::before, .news-thumb figcaption::after, .blog-post-repeat .post-thumb figcaption::before, .blog-post-repeat .post-thumb figcaption::after, .blog-post-repeat-full .post-thumb figcaption::before, .blog-post-repeat-full .post-thumb figcaption::after{ position:absolute; top:30px; right:30px; bottom:30px; left:30px; content:''; opacity:0; -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s;}
.news-thumb figcaption::before, .blog-post-repeat .post-thumb figcaption::before, .blog-post-repeat-full .post-thumb figcaption::before{ border-top:1px solid #ffffff; border-bottom:1px solid #ffffff; -webkit-transform:scale(0,1); transform:scale(0,1);}
.news-thumb figcaption::after, .blog-post-repeat .post-thumb figcaption::after, .blog-post-repeat-full .post-thumb figcaption::after{ border-right:1px solid #ffffff; border-left:1px solid #ffffff; -webkit-transform:scale(1,0); transform:scale(1,0);}
.news-box:hover figcaption::before, .news-box:hover figcaption::after, .blog-post-repeat:hover figcaption::before, .blog-post-repeat:hover figcaption::after, .blog-post-repeat-full:hover figcaption::before, .blog-post-repeat-full:hover figcaption::after{ opacity:1; -webkit-transform:scale(1); transform:scale(1);}
/* ------------------ */
.post-title{ margin-bottom:0px; text-transform:uppercase; padding:10px 0; letter-spacing:1px;}
.post-title a{color:#444444;transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-webkit-transition:all 0.6s ease 0s;}
.blog-post-repeat{ width:48%; float:left; margin:0px 33px 30px 0; padding-bottom:10px; position:relative; text-align:left;}
.blog-post-repeat.lastmar { margin-right:0;}
.blog-post-repeat .post-thumb, .blog-post-repeat-full .post-thumb{ position:relative; background-color:#000000; overflow:hidden;}
.blog-post-repeat .post-thumb img, .blog-post-repeat-full .post-thumb img{ position:relative; display:block; min-height:100%; max-width:100%; width:100%; height:auto; -webkit-transition:opacity 1s, -webkit-transform 1s; transition:opacity 1s, transform 1s; -webkit-backface-visibility:hidden; backface-visibility:hidden;}
.blog-post-repeat .post-thumb .fa, .blog-post-repeat-full .post-thumb .fa { margin-right:5px; color:#333333;}
.blog-post-repeat .post-content, .blog-post-repeat-full .post-content { padding:15px 0;}
.blog-post-repeat-full { width:48.5%; margin:30px 35px 0 0; float:left; padding-bottom:10px; position:relative;}
.blog-post-repeat-full.nomar { margin-right:0;}
.single-post .blog-post-repeat { width:100%; float:none; height:auto; margin-right:0;}
/* ----- Blog Single Post ----- */
.single-blog .blog-post-repeat { background:none;}
.single-blog .blog-post-repeat .post-thumb { width:100%; float:none; height:auto; overflow:visible; background:none;}
.single-blog .post-thumb img { width:100%; height:auto; display:block; transform:none;}
.single-blog:hover .post-thumb img { transform:none; opacity:1;}
.single-blog .postmeta { color:#333333; border-bottom:1px solid #6f6f6f; margin-bottom:20px; padding-bottom:10px;}
.single-blog .postmeta a { color:#333333 !important;}
.single-blog .postmeta a:hover { color:#edcc1d !important;}
.single-blog .post-content-single{ padding:20px 0;}
.single-blog .postmeta .post-author { display:inline-block; border-right:1px solid #6f6f6f; margin-right:10px; padding-right:10px; margin-left:0;}
.single-blog .postmeta .post-date { display:inline-block; padding-right:10px; border-right:1px solid #6f6f6f;}
.single-blog .postmeta .post-comment { display:inline-block; float:none; padding-left:10px; margin-right:10px; padding-right:10px; border-right:1px solid #6f6f6f;}
.single-blog .postmeta .post-category { display:inline-block; float:none;}
h2.heading{ padding-bottom:15px;}
.underline{ border-bottom:1px solid #efeded;}
/* ----- Archive Category ----- */
.archive-cat, .archive-catlastmar { margin:0 0 30px 0;}
.archive-cat .post-thumb, .archive-catlastmar .post-thumb{ position:relative; background-color:#000000; overflow:hidden;}
.archive-cat .post-thumb img, .archive-catlastmar .post-thumb img{ position:relative; display:block; min-height:100%; max-width:100%; width:100%; height:auto; -webkit-transition:opacity 1s, -webkit-transform 1s; transition:opacity 1s, transform 1s; -webkit-backface-visibility:hidden; backface-visibility:hidden;}
.archive-cat figcaption, .archive-catlastmar figcaption { text-transform:uppercase; -webkit-backface-visibility:hidden; backface-visibility:hidden;}
.archive-cat .post-thumb figcaption div, .archive-catlastmar .post-thumb figcaption div { position:absolute; bottom:35px; left:40px; z-index:1;}
.archive-cat .post-thumb figcaption, .archive-catlastmar .post-thumb figcaption { text-align:left;}
.archive-cat .post-thumb p, .archive-catlastmar .post-thumb p {	display:block; margin:0 0 5px; padding:5px 10px; background-color:#ffffff; color:#333333; text-transform:none; -webkit-transition:opacity 0.35s, -webkit-transform 0.35s;	transition:opacity 0.35s, transform 0.35s; -webkit-transform:translate3d(-360px,0,0); transform:translate3d(-360px,0,0); width:150px; font:400 14px 'Assistant';}
.archive-cat .post-thumb p:first-child, .archive-catlastmar .post-thumb p:first-child { -webkit-transition-delay:0.15s; transition-delay:0.15s;}
.archive-cat .post-thumb p:nth-of-type(2), .archive-catlastmar .post-thumb p:nth-of-type(2)  { -webkit-transition-delay:0.1s; transition-delay:0.1s;}
.archive-cat .post-thumb p:nth-of-type(3), .archive-catlastmar .post-thumb p:nth-of-type(3) { -webkit-transition-delay:0.05s; transition-delay:0.05s;}
.archive-cat:hover .post-thumb p:first-child, .archive-catlastmar:hover .post-thumb p:first-child { -webkit-transition-delay:0s; transition-delay:0s;}
.archive-cat:hover .post-thumb p:nth-of-type(2), .archive-catlastmar:hover .post-thumb p:nth-of-type(2) {-webkit-transition-delay:0.05s;transition-delay:0.05s;}
.archive-cat:hover .post-thumb p:nth-of-type(3), .archive-catlastmar:hover .post-thumb p:nth-of-type(3) {-webkit-transition-delay:0.1s;transition-delay:0.1s;}
.archive-cat:hover img, .archive-catlastmar:hover img { opacity:0.4; -webkit-transform:scale3d(1.1,1.1,1); transform:scale3d(1.1,1.1,1);}
.archive-cat:hover .post-thumb p, .archive-catlastmar:hover .post-thumb p { opacity:1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
.archive-cat .post-thumb figcaption::before, .archive-cat .post-thumb figcaption::after, .archive-catlastmar .post-thumb figcaption::before, .archive-catlastmar .post-thumb figcaption::after { position:absolute; top:30px; right:30px; bottom:30px; left:30px; content:''; opacity:0; -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s;}
.archive-cat .post-thumb figcaption::before, .archive-catlastmar .post-thumb figcaption::before { border-top:1px solid #ffffff; border-bottom:1px solid #ffffff; -webkit-transform:scale(0,1); transform:scale(0,1);}
.archive-cat .post-thumb figcaption::after, .archive-catlastmar .post-thumb figcaption::after { border-right:1px solid #ffffff; border-left:1px solid #ffffff; -webkit-transform:scale(1,0); transform:scale(1,0);}
.archive-cat:hover figcaption::before, .archive-cat:hover figcaption::after, .archive-catlastmar:hover .post-thumb figcaption::before, .archive-catlastmar:hover .post-thumb figcaption::after { opacity:1; -webkit-transform:scale(1); transform:scale(1);}

/*================================================== 
	SECTION ELEVENTH CLIENT LOGO CSS
==================================================== */
.client-logo .nbs-flexisel-nav-left, .client-logo .nbs-flexisel-nav-right { display:none !important;}

/*================================================== 
	SECTION FOOTER CSS
==================================================== */
#footer-wrapper{ background-color:#161616; position:relative; padding:50px 0 0; color:#979797; font:400 15px/26px 'Roboto';}
.cols-3{ width:22.7%; float:left; margin:0 3% 3% 0; position:relative;}
.cols-3 h5{ margin-bottom:20px; padding-bottom:15px; text-transform:capitalize; margin-top:20px;}
.cols-3 ul { padding-top:4px;}
.cols-3 ul li { list-style:none; position:relative;}
.cols-3 ul li a:before { content:'\f054'; font-family:FontAwesome; position:absolute; left:0; font-size:12px; font-weight:300;}
.cols-3 ul li ul{ display:none;}
.cols-3 ul li a{ color:#979797; transition:all 0.6s ease 0s; -o-transition:all 0.6s ease 0s; -moz-transition:all 0.6s ease 0s; -webkit-transition:all 0.6s ease 0s; text-transform:capitalize; font:300 15px/26px 'Roboto'; padding:0px 0px 10px 25px; position:relative; display:block;}
.cols-3 ul li:first-child { padding-top:0;}
.widget-column-4 { margin-right:0;}
.widget-column-4 .newsletter { position:relative; margin-top:30px;}
.widget-column-4 .newsletter input[type="email"] { width:88%; background-color:#080808; font:400 15px 'Roboto'; color:#979797; margin-right:0; border:1px solid #0f0f0f; margin-bottom:0;}
.widget-column-4 .newsletter input[type="submit"] { position:absolute; top:0; right:0; background:url(images/footnews-bg.png) no-repeat center; font-size:0; width:50px; height:49px; padding:0; margin-top:0;}
.widget-column-4 h3 { margin-top:20px; font-weight:normal;}
.cols-3 .social-icons a{ width:45px; height:45px; line-height:45px; margin:0 2px 0px 2px; padding:0; color:#464545; display:inline-block; transition:all 0.6s ease 0s; -o-transition:all 0.6s ease 0s; -moz-transition:all 0.6s ease 0s; -webkit-transition:all 0.6s ease 0s; text-align:center;}
.cols-3 .social-icons a:hover{ color:#ffffff;}
.cols-3 .social-icons .fa { margin-right:0; font-size:16px;}
/* ----- footer contact info ----- */
.contactdetail{ line-height:24px; margin-top:30px;}
.contactdetail a { color:#979797;}
.contactdetail .fa{ margin-right:20px; font-size:18px; color:#ffffff;} 
.contactdetail p{ margin-bottom:20px;}
/* ----- Copyright Wrapper ----- */
.copyright-wrapper { background-color:#101010; position:relative; font:400 15px 'Roboto';}
.copyright-inner {padding:30px 0; width:1170px; margin:0 auto;}
.copyright-txt{float:left; font-weight:500; color:#979797;}
.copyright-txt span { color:#edcc1d;}
.designby{float:right; font-weight:500; color:#979797;}

/* = Instagram CSS
----------------------------------------------------------------*/
.instagram { position:relative;}
.instafeed { width:48%; float:left; overflow:hidden; height:auto; margin:0 5px 5px 0;}
.instafeed .insta-thumb{ position:relative; overflow:hidden; height:auto;}
.instafeed .insta-thumb img{ display:block; height:auto; width:100%; transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;}
.instafeed:hover img { opacity:1; -webkit-transform:scale(1.08); transform:scale(1.08);}
.instafeed:hover .insta-thumb .overlay { opacity:1; width:100%; height:auto;}
.instafeed .insta-thumb .overlay { background:rgba(0,0,0, 0.7); position:absolute; margin:auto; width:0px; height:0px; top:0; right:0; bottom:0; left:0;  opacity:0; -webkit-transition:.4s ease; transition:.4s ease;}
.instafeed:hover .insta-thumb span { opacity:1; -webkit-transform:scale(1); transform:scale(1); -webkit-transition:transform .5s ease, opacity 1.3s ease; transition:transform .5s ease, opacity 1.3s ease;}
.instafeed .insta-thumb span { color:#ffffff; text-align:center; position:absolute; margin:auto; width:100%; height:auto; line-height:30px; left:0; top:36%; right:0; bottom:0; opacity:1; -webkit-transform:scale(0); transform:scale(0); -webkit-transition:transform .5s ease, opacity .7s ease;  transition:transform .5s ease, opacity .7s ease;}

/*================================================== 
	CONTACT PAGE CSS
==================================================== */
#contactform_main { margin:5% 0;}
.contact_form { text-align:left; width:48%; float:left;}
.contact_form h2, .contact-map h2 { font-weight:normal; text-transform:uppercase;}
.contact-map { float:right; width:45%;}
.contact-map iframe { border:3px solid #d2d2d2; border-radius:5px;}
.contact_info{ width:100%; margin-bottom:50px;}
.contact-box { width:28%; float:left; margin:30px 0px 0 0; padding:20px 30px; text-align:center;}
.contact-icon { width:100px; height:60px; background-color:#333333; position:relative; margin-top:25px; margin-bottom:50px; transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; display:inline-block;}
.contact-icon::before { content:''; position:absolute; top:-25px; left:0; width:0; height:0; border-left:50px solid transparent; border-right:50px solid transparent; border-bottom:25px solid #333333; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; -ms-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out;} 
.contact-icon::after { content:''; position:absolute; bottom:-25px; left:0; width:0; height:0; border-left:50px solid transparent; border-right:50px solid transparent; border-top:25px solid #333333; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; -ms-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out;}
.contact-icon .fa { font-size:2em; color:#ffffff; line-height:60px;}
.contact-box:hover .contact-icon { background-color:#edcc1d; -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2);	-o-transform:scale(1.2); transform:scale(1.2);}
.contact-box:hover .contact-icon::before { border-bottom-color:#edcc1d;} 
.contact-box:hover .contact-icon::after { border-top-color:#edcc1d;}
.contact-desc h3 { padding-bottom:10px; margin-bottom:10px; text-transform:uppercase; font-weight:normal;}

/*================================================== 
	COUNTER CSS
==================================================== */
.counting { position:relative;}
.counter-box { width:20%; float:left; margin:30px 0 0; padding:0px 28px; text-align:center;}
.counter-box#last { border-right:none;}
.counter-box .fa { color:#ffffff; display:block; font-size:4em; margin-bottom:30px;}
.counter-box h1 { color:#edcc1d; margin-bottom:20px;}
.counter-box h3 { color:#ffffff; text-transform:uppercase; display:block;}

/*================================================== 
	PORTFOLIO GALLERY CSS
==================================================== */
.item-dirt{ position: relative; padding: 0px 0; width: 100%; height: 100%; }
.item-dirt-hov{ position:absolute; left:0px; top:0px; right:0px; bottom:0px; display:block; background:rgba(0, 0, 0, 0.8); opacity:0; transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; }
.item-dirt-hov span::before, .item-dirt-hov span::after { content:''; position:absolute; transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; background-color:#ffffff; opacity:0.2; }
.item-dirt-hov span:nth-child(1)::before, .item-dirt-hov span:nth-child(1)::after { top: 50%; margin-top: -1px; width: 50%; height: 2px; }
.item-dirt-hov span:nth-child(1)::before { right: 50%; }
.item-dirt-hov span:nth-child(1)::after { left: 50%; }
.item-dirt-hov span:nth-child(2)::before, .item-dirt-hov span:nth-child(2)::after { left: 50%; margin-left: -1px; width: 2px; height: 50%; }
.item-dirt-hov span:nth-child(2)::before { bottom: 50%; }
.item-dirt-hov span:nth-child(2)::after { top: 50%; }
.item-dirt:hover .item-dirt-hov { opacity: 1; }
.item-dirt:hover .item-dirt-hov span:nth-child(1)::before, .item-dirt:hover .item-dirt-hov span:nth-child(1)::after { width: 25px; }
.item-dirt:hover .item-dirt-hov span:nth-child(2)::before, .item-dirt:hover .item-dirt-hov span:nth-child(2)::after { height: 25px; }
.item-dirt:hover .item-dirt-hov span::before, .item-dirt:hover .item-dirt-hov span::after { opacity: 1; }
.portfolio-metadeta{ border-bottom:1px solid #f2f2f2; border-top:1px solid #f2f2f2; padding:10px 30px; text-align:center; margin-bottom:50px; }
.portfolio-metadata-item{ display:inline-block; margin:0 15px; }
.portfolio-metadata-item span{ color:#000000; }
.portfolio-share{ text-align:center; margin:40px 0; border-radius:0;}
.portfolio-share ul.social-share-post li{ border-radius:0;}
.single-portfolios .image-carousel{ width:65%; margin:50px auto;}
.portfolios ul { margin:0 0 4% 0; text-align:center;}
.portfolios ul li { list-style:none; padding:10px 20px; border-bottom:5px solid #333333; color:#333333; background-color:#f2f2f2; font:400 15px 'Assistant'; text-transform:uppercase; margin:0 5px; cursor:pointer; display:inline-block;}
.portfolios ul li.active { border-color:#edcc1d;}

/*================================================== 
	SKILL BAR CSS
==================================================== */
.skillbar {position:relative; display:block; margin-bottom:35px; width:100%; height:35px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -webkit-transition:0.4s linear; -moz-transition:0.4s linear; -ms-transition:0.4s linear; -o-transition:0.4s linear; transition:0.4s linear; -webkit-transition-property:width, background-color; -moz-transition-property:width, background-color; -ms-transition-property:width, background-color; -o-transition-property:width, background-color; transition-property:width, background-color;}
.skillbar-title { font:700 18px 'Assistant';color:#333333;}
.skillbar-title span { display:block; color:#333333; padding:0; height:35px; line-height:35px;}
.skillbar-bar { height:10px; width:0px; background-color:#edcc1d; border-radius:9px;}
.skill-bar-percent { position:absolute; right:0; top:0; font-size:15px; height:35px; line-height:35px; color:#333333; font:700 18px 'Roboto Condensed';}
.skill { width:46.98%; float:left;}
.skill-bg{ width:100%; background-color:#333333; border-radius:9px;}
.content-area .skillbar {position:relative;} 
.content-area .skill-tab { padding:40px 0;}
.content-area .skill-tab .one_half h3, .content-area .skill-tab .one_half.last_column h3 { font:700 25px 'Roboto'; color:#333333; text-transform:uppercase; margin-bottom:40px;}
/* --------- Pages ------- */
.content-area{ padding:40px 0;}
.site-main{ width:830px; margin:0; padding:0; float:left;}
.sitefull{ width:100% !important;}
#sidebar{ width:300px; float:right;}
.sidebar-left{ float:left !important;}
#sidebar .quotes h6 a { color:#ffffff;}
.flotRight{ float:right !important;}

/*================================================== 
	SIDEBAR CSS
==================================================== */
aside.widget{ padding:0px 0px 0; color:#333333;}
aside.widget.widget_search { border:none; padding:0;}
aside.widget ul{ list-style:disc; }
h3.widget-title{ padding:0px 0 15px; margin-bottom:-1px; color:#333333; border-bottom:1px solid #333333; font-size:17px; font:700 25px 'Assistant'; text-transform:uppercase; position:relative;}
h3.widget-title:after { content:''; position:absolute; width:70px; border-bottom:5px solid #edcc1d; left:0; bottom:-3px;}
.textwidget { padding:15px 0px;}
#sidebar #contactform_main input[type=text], #sidebar #contactform_main input[type=email], #sidebar #contactform_main input[type=tel],#sidebar #contactform_main input[type=url], #sidebar #contactform_main textarea{width:90%; }
#sidebar #contactform_main p{ margin-bottom:10px;}
#sidebar ul { padding:15px 15px 0 15px;}
#sidebar ul li{ list-style: disc inside ; border-bottom:1px dashed #1d1d1d; padding:8px 0 8px 0;}
#sidebar ul li a{ font:400 14px/18px "Roboto";  padding-left:15px; color:#333333; position:relative;}
#sidebar ul li a:hover{ color:#edcc1d;}
#sidebar ul li:last-child{ border:none;}
.nosidebar{ float:none !important; margin:0 auto;}
#sidebar #testimonials { padding:0 15px;}
#sidebar .search-form input.search-field{ width:80%; padding: 12px 15px 11px 15px; box-sizing:border-box; color:#333333;}
#sidebar .search-form input.search-submit{ background:url(images/search-icon.png) no-repeat center center #333333; padding:12px 0 12px 0; font-size:0; width:20%; height:42px;float:right;transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;}
#sidebar .widget_recent_entries li, #sidebar .widget_recent_comments li, #sidebar .widget_archive li, #sidebar .widget_categories li, #sidebar .widget_meta li{ padding: 10px 0 10px 0; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; list-style:none;}
#sidebar .widget_recent_entries li:first-child, #sidebar .widget_recent_comments li:first-child, #sidebar .widget_archive li:first-child, #sidebar .widget_categories li:first-child, #sidebar .widget_meta li:first-child{ padding-top:0; }
#sidebar .widget_categories li span { float:right; width:30px; height:30px; line-height:33px; text-align:center; background:transparent; border-radius:100%;}
#sidebar .widget_recent_entries li:hover, #sidebar .widget_recent_comments li:hover, #sidebar .widget_archive li:hover, #sidebar .widget_categories li:hover, #sidebar .widget_meta li:hover{ padding-left: 15px; }
#sidebar .widget_recent_entries li a:before, #sidebar .widget_archive li a:before, #sidebar .widget_categories li a:before, #sidebar .widget_meta li a:before{ content:'\f101'; font-family:FontAwesome; position:absolute; left:0; top:0; }
#sidebar .widget_tag_cloud a{ border:1px solid; text-transform:uppercase; font-size:15px !important; border-radius:3px; padding:8px 15px; margin-right:10px; display:inline-block; margin-bottom:10px; }
.widget_content { padding:0 0 20px 0; }

/*================================================== 
	CONTACT FORM CSS
==================================================== */
.wpcf7{ margin:0; padding:0; font:15px 'Roboto'; color:#444444;}
.wpcf7 form{ margin:0; padding:0;}
.wpcf7 form span.last{ float:none !important;}
.wpcf7 form input[type="url"], .wpcf7 form input[type="date"], .wpcf7 form select{ border:1px solid #cccccc; padding:5px 3px; margin-top:10px; font:13px arial; color:#444444;}
.wpcf7 form input[type="checkbox"], .wpcf7 form input[type="radio"], .wpcf7 form input[type="file"]{ margin-top:10px; padding:0;}
span.wpcf7-list-item{ margin:0 15px 0 0 !important;}
.wpcf7 form input[type="text"], .wpcf7 form input[type="email"], .wpcf7 form input[type="tel"], .wpcf7 form textarea{ border:1px solid #cccccc; padding:15px; margin:0 8px 8px 0; color:#444444;}
.wpcf7 form textarea{ margin-right:0; height:130px;}
#contactform_main input[type=text] { width:43%; border:1px solid #6f6f6f; padding:15px; float:left; margin:0 12px 12px 0; color:#333333;}
#contactform_main input[type=email] { width:43%; border:1px solid #6f6f6f; padding:15px; float:left; margin:0 0px 12px 0; color:#333333;} 
#contactform_main input[type=tel] { width:43%; border:1px solid #6f6f6f; padding:15px; float:left; margin:0 12px 12px 0; color:#333333;}
#contactform_main input[type=url] { width:43%; border:1px solid #6f6f6f; padding:15px; float:left; margin:0 0px 12px 0; color:#333333;} 
#contactform_main textarea{ width:94%; margin-right:0; height:130px; border:1px solid #6f6f6f; padding:15px; color:#333333;} 
#contactform_main span.capcode{ float:left; padding:13px; padding:13px; margin:0 8px 8px 0;}   
#contactform_main input[type=submit] { width:20%; display:table; margin:20px auto 0;}
#contactform_main input[type=submit]:hover { background-color:#333333; color:#ffffff;}
#contactform_main input[type=submit], .wpcf7 form input[type="submit"] { font:700 16px/24px 'Roboto'; text-transform:uppercase; cursor:pointer; transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; margin-top:20px;} 
iframe{ width:100%; display:block;}

/*================================================== 
	SEARCH POSTS CSS
==================================================== */
.search-post { padding:30px 0; border-bottom:1px solid #bbbbbb;}
.search-post .post-thumb { width:47%; float:left; position:relative; background-color:#4c82c3; overflow:hidden;}
.search-post .post-thumb img { width:100%; height:auto; display:block; transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; }
.search-post:hover .post-thumb img { opacity:0.3; -webkit-transform:scale(1.08); transform:scale(1.08);}
.search-post figcaption::after {position:absolute; top:15px; right:15px; bottom:15px; left:15px; content:''; opacity:0; -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s; border:1px solid #ffffff; -webkit-transform:scale(0,1); transform:scale(0,1);}
.search-post:hover figcaption::after { opacity:1; -webkit-transform:scale(1); transform:scale(1);}
.search-post .BlogMeta { position:absolute; top:100%; display:block; -webkit-transition-property: top, opacity; transition-property: top, opacity; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; -webkit-transition-delay: 0s; transition-delay: 0s; opacity:0; text-align:left; width:auto; height:auto; left:35px; background-color:#ffffff; font:400 15px 'Roboto'; color:#4c82c3; padding:10px 20px; border-radius:29px;}
.search-post .BlogMeta a { color:#4c82c3;}
.search-post:hover .BlogMeta { -webkit-transition-delay: 0.17s; transition-delay: 0.17s; opacity:0.9; top:75%;}
.search-post .post-content { width:47%; float:right; padding-top:10px;}
.search-post .post-content h3.post-title { margin-bottom:15px;}
.search-post .post-content h3.post-title a { color:#333333;}

/* ----- default css ----- */
.error_msg{padding:10px; background:#5747cb; color:#ffffff; border:1px #5747cb solid; margin:15px 0;}
.success_msg{padding:10px; background:#5747cb; color:#ffffff; border:1px #5747cb solid; margin:15px 0;}
.spacer20{height:20px; clear:both;}
.pagination{display:table; clear:both; margin:0 auto;}
.pagination ul{list-style:none; margin:20px 0;}
.pagination ul li{display:inline; float:left; margin-right:5px;}
.pagination ul li span, .pagination ul li a{background:#444444; color:#ffffff; padding:5px 10px; display:inline-block;}
.pagination ul li .current, .pagination ul li a:hover{background:#edcc1d; color:#ffffff;}
article.tag-sticky-2{background:#f6f6f6; padding:10px;}
article p{margin:0 0 20px 0;}
.post-date{display:inline;}
.post-comment{display:inline;}
.post-categories{display:inline;}
.post-tags{display:inline;}
form.search-form{margin-bottom:20px;}
input.search-field, .post-password-form input[type=password], .wpcf7 form input[type="submit"]{border:1px #bbbbbb solid; padding:7px 15px;}
input.search-submit, .post-password-form input[type=submit], .wpcf7 form input[type="submit"]{border:none; color:#ffffff; padding:8px 25px; cursor:pointer; }

.nav-previous{float:left; margin-top:10px; margin-bottom:10px;}
.nav-previous a { padding:5px 10px; transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; display:inline-block; border:1px solid #373735; }
.nav-previous a:hover { border:1px solid #edcc1d;}
.nav-next{float:right; margin-top:10px; margin-bottom:10px; transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;}
.nav-next a { padding:5px 10px; transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; display:inline-block; border:1px solid #373735;}
.nav-next a:hover { border:1px solid #edcc1d;}
nav.post-navigation{padding:30px 0 20px;}
.comment-list, ol.comment-list{list-style:none; margin-left:0; margin-top:20px; margin-bottom:20px; padding:15px 15px 25px 15px;}
.comment-list ul, ol.comment-list ul{list-style:none;}
.comment-list li.comment{margin-top:0px; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #bbbbbb;}
.comment-list .comment-content h1, .comment-list .comment-content h2, .comment-list .comment-content h3, .comment-list .comment-content h4, .comment-list .comment-content h5, .comment-list .comment-content h6{margin-top:15px;}
.comment-author.vcard { width:80px; height:80px; border:5px solid #f2f2f2;}
.comment-author.vcard img { width:100%; height:auto; display:block;}
#commentform label { margin:10px 0;}
#commentform input#email, #commentform input#url, #commentform input#author, #commentform textarea, #commentform input#eazycfc_captcha { width:47%;}
#commentform input#submit { margin-top:15px; padding-top:12px; padding-bottom:12px; transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;}
h3.comments-title { letter-spacing:1px;}
.comments-area .comment-list ul li { margin-top:10px; margin-bottom:0; border-bottom:none; padding-bottom:0;}
.comments-area .comment-list ul.children li.comment {  padding-left:10%;}
article.comment-body { border:1px solid #f2f2f2; padding:10px;}
.comments-area .comment-list .reply { margin-top:15px;}
.customtab{ margin-top:0px;}

/* ----- Text meant only for screen readers ----- */
.screen-reader-text {clip: rect(1px, 1px, 1px, 1px);position: absolute !important;	height: 1px;width: 1px;	overflow: hidden;}
.screen-reader-text:focus {	background-color:#f1f1f1; border-radius:3px; box-shadow:0 0 2px 2px rgba(0, 0, 0, 0.6);	clip:auto !important; color:#21759b;	display:block; font-size:14px; font-size:0.875rem; font-weight:bold; height:auto; left:5px;	line-height:normal; padding:15px 23px 14px; text-decoration:none;	top:5px; width:auto; z-index:100000; /* Above WP toolbar. */}

/*================================================== 
	WOOCOMMERCE CSS
==================================================== */
a.added_to_cart{background:#444444; padding:5px; display:inline-block; color:#fff; line-height:1;}
a.added_to_cart:hover{background:#edcc1d; color:#ffffff;}
a.button.added:before{content:'' !important;}
#bbpress-forums ul li{padding:0;}
#subscription-toggle a.subscription-toggle{padding:5px 10px; display:inline-block; color:#e1472f; margin-top:4px;}
textarea.wp-editor-area{border:1px #ccc solid;}
.woocommerce input[type=text], .woocommerce textarea{border:1px #ccc solid; padding:4px;}
form.woocommerce-ordering select{ padding:5px; color:#777777;}
.woocommerce table.shop_table th, .woocommerce-page table.shop_table th{ font-family:'Roboto'; color:#333333;}
h1.product_title, p.price{ margin-bottom:10px;}
.woocommerce table.shop_table th, .woocommerce-page table.shop_table th{ font-family:'Roboto'; font-size:15px; color:#333333;}
.woocommerce ul.products li, #payment ul.payment_methods li{ list-style:none !important;}
.woocommerce table.shop_table th, .woocommerce table.shop_table td{ border-bottom:0px !important}
.woocommerceright{float:left;}
.woocommerceleft{float:right;}
.woocommercesitefull{ width:100%;}

/*================================================== 
	POST NAV CSS
==================================================== */
.post-nav{ clear:left; margin-top:40px;}
.prev-page, .next-page{ margin:0; padding:0;}
.prev-page a{ float:left;}
.next-page a{ float:right;}
.prev-page a, .next-page a{background-color:#515151; padding:5px 10px; color:#ffffff; font:15px 'Roboto';}
.prev-page a:hover, .next-page a:hover{ color:#ffffff; background-color:#34c6f6;}
.singleright { float:left; }
.singleleft { float:right; }
/* ----- back to top css ----- */
#top{ position:relative;}
#back-top {	position: fixed; bottom: 0px; right:10px;}
#back-top a {width:64px; display: block; text-align: center; font: 11px/100% Arial, Helvetica, sans-serif;text-transform: uppercase; text-decoration: none;color: #bbb;-webkit-transition:1s; -moz-transition:1s; transition:1s;}
#back-top span {width:64px;height:62px;	display: block;	margin-bottom: 7px;	background: url(images/up-arrow.png) no-repeat center center; -webkit-transition:1s; -moz-transition:1s; transition:1s; opacity:0.7;}
.slider-main{ min-height:498px; position:relative; background:url(images/loading.gif) no-repeat center center #fff;}
.boxlayout{ width:1210px; margin:0 auto; box-shadow:0 5px 10px #000}
.boxlayout .container{ padding:0 20px;}