/*
Theme Name: Fixit Pro
Theme URI: https://alexathemes.net/themes/computer-repair-wordpress-theme/
Author: Fixit
Author URI: https://www.alexathemes.net/
Description: Computer Repair WordPress theme is highly designed for computer repair shops and for the user those who want to open their own computer repair shop. This theme will play a vital role. The homepage of the theme contain the proper content format with attractive images. All the menus are placed properly. The header of the theme is properly designed with call to action with proper phone number which is visible to user. Icons related to the main services are shown on the home page. The slider is placed explaining the services properly with images  This theme is perform nicely in all the resolutions and its seo friendly structure make your site at the top very quickly. http://www.live-demo.online/fixit
Version: pro 1.0
License: GNU General Public License version 3
License URI: license.txt
Text Domain: fixit
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

Fixit Pro WordPress Theme has been created by AlexaThemes(alexathemes.net), 2018.
Fixit 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:#353535; font:400 16px/24px '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:1; font-weight:bold; }
h1{ font-size:32px; }
h2{ font-size:28px;}
h3{ font-size:24px; line-height:25px;}
h4{ font-size:18px;}
h5{ font-size:16px;}
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 28px 'Roboto'; color:#353535; text-transform:uppercase; text-align:center; padding-bottom:25px; line-height:35px; display:block; margin:0 auto 20px; position:relative;}
h2.section_title:after { content:''; position:absolute; left:0; right:0; bottom:0; border-bottom:2px solid #0d0d0d; width:45px; margin:0 auto;}


/*Header CSS*/
.header.fixed{ position: fixed; top:0; z-index:999999; padding:14px 25px;}
.header{background-color:#ffffff; position:relative;}
.header-inner { width:1170px; margin:0 auto; position:relative;}
.logo{ padding:30px 0 60px; float:left; position:relative;}
.logo h1{ margin:0px; text-transform:uppercase;}
.logo a{ color:#ffffff;}
.tagline, .logo p{ display:block; text-transform:capitalize;}
#slider{ width:100%; margin:0; padding:0; position:relative;}

.header-right { float:right; text-align:right; font:700 16px 'Roboto'; color:#212529; padding:35px 0;}
.header-right span { float:left; margin-right:40px; display:inline-block;}
.header-right span .fa { font-size:1.4em; color:#212529; margin-right:15px;}
.header-right span a { color:#212529; font-weight:400;}
.header-right .social-icons { display:inline-block;}
.header-right .social-icons a { height:auto; line-height:normal; width:45px;}
/* = social icons css
-------------------------------------------------------------- */
.social-icons a{ width:35px; height:46px; line-height:46px; margin:0; padding:0; color:#5c5b5b; display:inline-block; text-align:center; font-size:16px;  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:#00a3da;}
.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 **/
.navigation { width:1170px; margin:0 auto; position:absolute; background-color:#00a3da; bottom:-30px; left:0; right:0; z-index:99;}
.sitenav{ padding:0; position:relative; margin:0px; float:left;}
.sitenav ul {margin:0; padding:0; font:700 16px 'Roboto'; text-transform:uppercase; line-height:normal;}
.sitenav ul li{ position:relative; float:left;}
.sitenav ul li a{padding:19px 20px; 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 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{ color:#ffffff; background-color:#000000;}
.sitenav ul li ul{display:none; z-index:9999; position:relative;}
.sitenav ul li:hover > ul{display:block; width:200px; position:absolute; margin-top:0; -moz-animation:fadeInDown .3s ease-in; -webkit-animation:fadeInDown .3s ease-in; animation:fadeInDown .3s ease-in; padding:0; background-color:#00a3da;}
.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:200px; top:0px;}

.quote-btn { float:right;}
.quote-btn a { padding:18px 40px 17px; color:#ffffff; background-color:#000000; text-transform:uppercase; font:700 16px 'Roboto'; display:block;}
.quote-btn a:hover { color:#ffffff; background-color:#9cd35c;}

/* = innerbanner css 
-------------------------------------------------------------- */
.innerbanner{ text-align:center; height:355px; 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; bottom:0px;}
.entry-container { width:1170px; margin:0 auto;}
.inner-page-title { background-color:rgb(22,22,22,0.5); display:inline-block; float:left;}
h1.entry-title{ text-transform:uppercase; font:700 40px 'Assistant'; color:#ffffff; padding:10px 30px; margin-bottom:0; }

/* Breadcrumb */
.breadcrumb { text-transform:capitalize; text-align:left; float:left; display:inline-block; padding:9px 20px; margin:3% 0 0 5px;}
#crumbs { color:#ffffff; font:400 16px 'Roboto';}
#crumbs a { color:#ffffff; }
#crumbs a:hover { color:#00a3da;}

.contact-banner .entry-header { z-index:1; bottom:46px;}
.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 'Roboto'; color:#353535; border:1px solid #353535; padding-bottom:5px; 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; margin-top:15px; padding:5px 20px; position:relative;}
a.ReadMore:hover{ color:#00a3da; border-color:#00a3da}
.custombtn{ margin-top:30px;}

a.morebutton { background-color:#00a3da; font:400 16px 'Roboto'; color:#ffffff; padding:12px 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:#353535;}

.button{ color:#242424; background-color:#ffffff; padding:14px 45px; text-transform:capitalize; font:400 16px 'Assistant'; 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:#00a3da;}

/* Extra CSS Content Area Inner Page */
.content-area .services, .content-area .client-logo, .content-area .features{ padding:50px 0;}
.content-area .portfolio { padding-top:30px;}
.content-area .portfolio h2.section_title { color:#353535;}


/* = Section First Features CSS
-------------------------------------------------------------- */
.features-box { float:left; width:24%; background-color:#ffffff; padding:40px; margin-right:30px; text-align:center; border:1px solid #e9e9e9; border-radius:5px; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); -webkit-transition-duration:0.5s; transition-duration:0.5s; -webkit-transition-property:transform; transition-property:transform;}
.features-box:hover { -webkit-transform:scale(1.1); transform:scale(1.1);}
.features-box#last { margin-right:0;}
.features-box h5 { position:relative; padding-bottom:20px; margin-bottom:20px;}
.features-box h5:before { content:''; position:absolute; left:0; right:0; bottom:0; margin:0 auto; border-bottom:2px solid #0d0d0d; width:40px;}
.features-box .fa { font-size:3em; margin-bottom:20px; color:#767d83;}
.features-box:hover .fa, .features-box:hover h5 a { color:#00a3da;}

/* = Section Second Welcome CSS
-------------------------------------------------------------- */
.welcome { position:relative;}
.welcome .one_half { padding:30px 0; margin-bottom:0;}
.welcome .one_half h2 { position:relative; text-transform:uppercase; padding-bottom:30px; margin-bottom:30px; line-height:35px;}
.welcome .one_half h2:before { content:''; position:absolute; left:0; bottom:0; border-bottom:2px solid #0d0d0d; width:45px;}
.welcome .one_half a.morebutton { margin-top:50px; padding-left:40px; padding-right:40px;}

/* Section Third Counter CSS
------------------------------------------------------------- */
.counting { position:relative; padding:0;}
.counter-box { width:25%; float:left; padding:70px 0;}
.counter-box:nth-child(even){ background-color:rgba(0,0,0,0.2);}
.count-circle { width:200px; height:200px; margin:0 auto; text-align:center; border:3px solid #00a3da; border-radius:50%; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); -webkit-transition-duration:0.5s; transition-duration:0.5s; -webkit-transition-property:transform; transition-property:transform;}
.count-circle:hover { -webkit-transform:scale(1.1); transform:scale(1.1); border-color:#9cd35c;}
.counter-box h3 { font:400 44px 'Roboto'; color:#ffffff; margin-bottom:5px; margin-top:25%; display:inline-block;}
.counter-box h4 { font-weight:400; color:#ffffff; text-transform:uppercase;}
.counter-box span { font-size:40px; font-weight:300;}

/* = Section Fourth Our Extream Services CSS
-------------------------------------------------------------- */
.services { position:relative;}
.services p { text-align:center; width:63%; margin:0 auto;}
.services-box { width:24%; margin:43px 43px 0px 0; padding:50px 40px; text-align:center; float:left; background-color:#ffffff; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); -webkit-transition-duration:0.5s; transition-duration:0.5s; -webkit-transition-property:transform; transition-property:transform;}
.services-box:hover { -webkit-transform:scale(1.1); transform:scale(1.1);}
.services-box p { width:auto;}
.services-box#last { margin-right:0;}
.services-box .fa { color:#9cd35c; font-size:70px; margin-bottom:25px;}
.services-box h4 { position:relative; text-transform:uppercase; padding-bottom:25px; margin-bottom:25px;}
.services-box h4:before { content:''; position:absolute; left:0; right:0; bottom:0; border-bottom:2px solid #0d0d0d; width:45px; margin:0 auto;}
.services-box:hover a { color:#9cd35c;}

/* = Section Fifth Our Team CSS
-------------------------------------------------------------- */
.our-team { position:relative;}
.teammember-list{width:23%; float:left; margin:30px 30px 30px 0; position:relative; text-align:center;}
.teammember-list .thumnailbx{ position:relative; overflow:hidden; border-radius:5px;}
.teammember-list 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;}
.teammember-list:hover .thumnailbx img { -webkit-transform:scale(1.08); transform:scale(1.08);}
.teammember-list:hover .thumnailbx .overlay { opacity:1; width:100%; height:100%;}
.teammember-list:hover .thumnailbx 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;}
.teammember-list .thumnailbx .overlay { background-color:rgba(0,163,218,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;}
.teammember-list .thumnailbx span { text-align:center; position:absolute; margin:auto; width:200px; height:30px; line-height:30px; left:0; top:0; 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;}
.teammember-list .titledesbox{ padding:30px 0 10px;}
.teammember-list h4{ font:700 18px 'Roboto'; text-transform:capitalize; margin-bottom:15px; padding-bottom:15px; position:relative;}
.teammember-list h4 a { color:#303030;}
.teammember-list h4:after { content:''; position:absolute; border-bottom:1px solid #c9c9c9; left:0; right:0; bottom:0; margin:0 auto; width:35px;}
.teammember-list cite{ display:block; font:400 15px 'Assistant'; color:#616160;}
.member-social-icon{ position:relative; }
.member-social-icon a{ margin:0 5px 0 0; text-align:center; display:inline-block; font-size:12px; color:#191919; width:40px; height:40px; line-height:40px; visibility:visible;}
.member-social-icon a:hover{ color:#ffffff;}

/* = Section Sixth Facility CSS
-------------------------------------------------------------- */
.facility { position:relative; padding:0;}
.facility-left { float:left; width:50%;}
.facility-left img { width:100%; height:auto; display:block;}
.facility-right { width:50%; float:right;}
.facility-top { padding:13% 14%; color:#a5cbe4;}
.facility-top h2 { text-transform:uppercase; color:#ffffff;}
.facility-bottom { background-color:#01273a; padding:22px 14%;}
.facility-bottom ul { margin:0; padding:0;}
.facility-bottom ul li { float:left; border-right:1px dashed #0d4a71; padding:0 22px; width:27%;}
.facility-bottom ul li:first-child { padding-left:0;}
.facility-bottom ul li.last { border-right:none; padding-right:0;}
.facility-bottom ul li a { font:700 14px 'Roboto'; color:#ffffff; text-transform:uppercase;}
.facility-bottom ul li .list-icon { float:left; margin:6px 15px 0 0; }
.facility-bottom ul li .list-icon .fa { font-size:25px; color:#9cd35c;}
.facility-bottom ul li .list-title { float:right; width:65%;}

/* Section Seventh Experience CSS
------------------------------------------------------------- */
.experience { position:relative;}
.expert-left { float:left; width:40%; text-align:center;}
.expert-right { float:right; width:56%; padding-top:40px;}
.expert-right h3 { font-weight:normal;}
.expert-right h2 { font-size:50px; margin-bottom:40px;}
.expert-right .morebutton { margin-top:12%;}

/* = Section Eighth CSS From The Blog
-------------------------------------------------------------- */
.latestnews { position:relative;}
.news-box{ position:relative; width:31%; margin:30px 3% 0 0; float:left; text-align:left;}
.news-box.last { margin-right:0;}
.news-box .news-thumb{ position:relative; background-color:#00a3da; overflow:hidden;}
.news-box .news-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;}
.news-box:hover img { opacity:0.3; -webkit-transform:scale(1.08); transform:scale(1.08);}
.news-box .news-thumb .post-date { position:absolute; top:7%; left:5%; color:#ffffff; text-align:center; background-color:#363636; font-size:18px; font-weight:bold;}
.news-box .news-thumb .post-date span { display:block; padding:7px 10px;}
.news-box .news-thumb .post-date span.month { background-color:#292929; padding-top:0; padding-bottom:0; font-size:13px; font-weight:normal;}
.news-box .newsdesc { padding:30px 0;}
.news-box .newsdesc span { margin-bottom:15px; display:block; font:600 16px 'Assistant'; color:#00a3da;}
.news-box .newsdesc span a { color:#00a3da;}
.news-box h3{ padding:0; margin-bottom:15px; text-transform:capitalize; line-height:28px;}
.news-box h3 a{ color:#353535;}
.news-box .newsdesc a.morebutton { margin-top:40px; border-radius:5px;}
/* ------------------ */
.post-title{ margin-bottom:0px; text-transform:capitalize; padding:10px 0;}
.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;}
.blog-post-repeat .post-thumb, .blog-post-repeat-full .post-thumb{ position:relative; background-color:#00a3da; overflow:hidden;}
.blog-post-repeat .post-thumb img, .blog-post-repeat-full .post-thumb img{ display:block; width:100%; height:auto; 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;}
.blog-post-repeat:hover .post-thumb img, .blog-post-repeat-full:hover .post-thumb img{ opacity:0.3; -webkit-transform:scale(1.08); transform:scale(1.08);}
.blog-post-repeat .post-content, .blog-post-repeat-full .post-content { padding:20px 15px 20px; background-color:#f4f4f4;}
.blog-post-repeat .BlogMeta, .blog-post-repeat-full .BlogMeta{ border-bottom:1px solid #c9c9c9; margin-bottom:15px; color:#353535; padding:10px 0;}
.blog-post-repeat .BlogMeta .post-author, .blog-post-repeat-full .BlogMeta .post-author { display:inline-block; padding-right:5px; margin-right:5px; border-right:1px solid #c9c9c9;}
.blog-post-repeat .BlogMeta .post-date, .blog-post-repeat-full .BlogMeta .post-date { display:inline-block; padding-right:5px; margin-right:5px; border-right:1px solid #c9c9c9;}
.blog-post-repeat .BlogMeta .post-categories, .blog-post-repeat-full .BlogMeta .post-categories { display:inline-block;}
.blog-post-repeat.lastmar { margin-right:0;}
.blog-post-repeat-full { width:31%; float:left; margin:0px 40px 30px 0; 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 .post-thumb { width:100%; float:none; height:auto;}
.single-blog .post-thumb img { width:100%; height:auto; display:block;}
.single-blog .postmeta { color:#353535; border:1px solid #6f6f6f; padding-left:10px; padding-right:10px; margin-bottom:20px;}
.single-blog .postmeta a { color:#353535 !important;}
.single-blog .postmeta a:hover { color:#00a3da !important;}
.single-blog .post-content-single{ padding:20px;}
.single-blog .postmeta .post-categories { display:inline-block; border-right:1px solid #6f6f6f; margin-right:10px; padding-right:10px;}
.single-blog .postmeta .post-author { display:inline-block; border-right:1px solid #6f6f6f; margin-right:10px; padding-right:10px;}
.single-blog .postmeta .post-date { display:inline-block; float:right; margin-left:10px; padding-left:10px; border-left:1px solid #6f6f6f;}
.single-blog .postmeta .post-comment { display:inline-block; float:right;}

h2.heading{ padding-bottom:15px;}
.underline{ border-bottom:1px solid #efeded;}

/* = Section Nineth Our Team Team
----------------------------------------------------------------*/
.clientsay { position:relative;}
#clienttestiminials{ padding-bottom:40px;}
.clientsay #clienttestiminials .item { padding:0; margin-top:30px; position:relative; text-align:center;}
.clientsay #clienttestiminials .item .tmtitle { padding:35px 0 15px; margin:0 auto; text-align:center;}
.clientsay #clienttestiminials .item .tmdesc { position:relative;}
.clientsay #clienttestiminials .item .tmdesc:after { content:'\f10d'; position:absolute; left:5%; top:12%; color:#ffffff; font-family:Fontawesome; font-size:4em;}
.clientsay #clienttestiminials .item .tmdesc:before { content:'\f10e'; position:absolute; right:5%; top:12%; color:#ffffff; font-family:Fontawesome; font-size:4em;}
.clientsay #clienttestiminials p { font:600 20px/35px 'Assistant'; color:#ffffff; width:67%; margin:0 auto;}
.clientsay #clienttestiminials h6{ margin:0px 0 10px; text-transform:capitalize; font:700 28px 'Roboto'; color:#ffffff;}
.clientsay #clienttestiminials h6 a{color:#ffffff;}
.clientsay #clienttestiminials span{ font:400 16px/24px 'Assistant'; color:#ffffff;}
.owl-controls .owl-nav { display:none;}

.content-area .entry-content .clientsay #clienttestiminials p, .content-area .entry-content .clientsay #clienttestiminials h6 a, .content-area .entry-content .clientsay #clienttestiminials span, .content-area .entry-content .clientsay #clienttestiminials .item .tmdesc::before, .content-area .entry-content .clientsay #clienttestiminials .item .tmdesc::after { color:#353535;}
.content-area .entry-content .owl-controls .owl-dot { background-color:#353535;}
.content-area .entry-content .owl-controls .owl-dot.active { background-color:#00a3da;}
/*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;}

/* = Section Tenth Request A Quote CSS
-------------------------------------------------------------- */
.request-quote { position:relative;}
.request-quote .one_half { padding-top:20px;}
.request-quote .one_half h2 { text-transform:uppercase; position:relative; padding-bottom:30px; margin-bottom:30px;}
.request-quote .one_half h2:after { content:''; position:absolute; left:0; bottom:0; border-bottom:2px solid #0d0d0d; width:45px;}
.request-quote .one_half a.morebutton { margin-top:50px; border-radius:5px;}
.request-quote .one_half.last_column { padding-top:0; text-align:center;}

/* = Section Eleventh Request A Free Quote Form CSS
-------------------------------------------------------------- */
.quote-form { position:relative;}
.quote-form .one_half h2 { text-transform:uppercase; position:relative; padding-bottom:30px; margin-bottom:30px;}
.quote-form .one_half h2:after { content:''; position:absolute; left:0; bottom:0; border-bottom:2px solid #0d0d0d; width:45px;}
.quote-form .one_half #contactform_main { margin-top:6%;}
.quote-form .one_half #contactform_main input[type=text], .quote-form .one_half #contactform_main input[type=tel], .quote-form .one_half #contactform_main input[type=email]{width:42%; border:1px solid #e4e2e2; border-radius:3px; padding:15px; float:left; margin:0 12px 15px 0; color:#999999;}   
.quote-form .one_half #contactform_main textarea{ width:92%; margin-right:0; height:130px; border:1px solid #e4e2e2; padding:15px; color:#999999; border-radius:3px;}
.quote-form .one_half #contactform_main input[type="submit"] { margin-top:40px; border-radius:3px;}

/* = Section Twelth Client Logo Partners CSS
-------------------------------------------------------------- */
.client-logo .nbs-flexisel-nav-left, .client-logo .nbs-flexisel-nav-right { display:none !important;} 

/* = Footer css
-------------------------------------------------------------- */
#footer-wrapper{ background-color:#1a1a1a; 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:uppercase; 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:8px 0px 8px 25px; position:relative; display:block;}
.cols-3 ul li:first-child { padding-top:0;}
.cols-3.widget-column-1 h5 { font-size:30px;}
.widget-column-4 { margin-right:0; margin-bottom:0;}
.cols-3.widget-column-4 h5 { padding-bottom:0;}
.widget-column-4 .textwidget { padding-top:27px; color:#ffffff;}
#text-3.widget-column-4 .textwidget { padding-top:0;}
.widget-column-4 .newsletter { position:relative; margin-top:30px;}
.widget-column-4 .newsletter input[type="email"] { width:235px; background-color:#444444; font:400 15px 'Roboto'; color:#979797; margin-right:0; border:none; margin-bottom:0; padding:10px;}
.widget-column-4 .newsletter input[type="submit"] { position:absolute; top:0; right:0; background:#00a3da url(images/footsub-bg.png) no-repeat center; font-size:0; width:50px; height:39px; padding:0; margin-top:0;}

/*footer contact info*/
.contactdetail{ line-height:24px; margin-top:50px;}
.contactdetail a { color:#979797;}
.contactdetail .fa{ margin-right:20px; font-size:18px; color:#ffffff;} 
.contactdetail p{ margin-bottom:15px;}
.cols-3 .social-icons a{ width:36px; height:36px; line-height:36px; margin:0 10px 0px 0; padding:0; color:#5c5b5b; 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;}

/* Copyright Wrapper */
.copyright-wrapper { background-color:#1a1a1a; position:relative; font:400 15px 'Roboto';}
.copyright-inner {padding:50px 0; width:1170px; margin:0 auto; border-top:1px solid #272727;}
.copyright-txt{float:left; color:#979797;}
.designby{float:right; color:#979797;}

/*= Contact Page CSS =*/
.contact_top{ position:relative; margin-bottom:40px;}
.contact-box { width:28%; float:left; margin:30px 30px 30px 0; border:1px solid #c9c9c9; padding:30px 20px; text-align:center;}
.contact-box .fa { color:#00a3da; font-size:50px; margin-bottom:30px;}
.contact-box h4 { position:relative; text-transform:uppercase; padding-bottom:25px; margin-bottom:25px;}
.contact-box h4:after { content:''; position:absolute; left:0; right:0; bottom:0; margin:0 auto; width:45px; border-bottom:2px solid #353535;}
.contact-box.last { margin-right:0;}
.contact_bottom { position:relative;}
.contact_bottom h2 { text-transform:uppercase; position:relative; padding-bottom:25px; margin-bottom:25px;}
.contact_bottom h2:after { content:''; position:absolute; left:0; bottom:0; width:55px; border-bottom:2px solid #353535;}
.contact-form { width:65%; float:left;}
.contact-sidebar { width:31.5%; float:right; background-color:#f4f4f4;}
.contact-sidebar h4 { text-transform:uppercase; background-color:#353535; color:#ffffff; padding:12px;}
.contact-sidebar #testimonials { padding:5px 25px 15px;}

/* = Portfolio CSS
-------------------------------------------------------------- */
.portfolio { position:relative;}

/* = skill bar css
-------------------------------------------------------------- */
.entry-content .skill-test { padding:70px 0 40px;}
.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:#353535;}
.skillbar-title span { display:block; color:#353535; padding:0; height:35px; line-height:35px;}
.skillbar-bar { height:10px; width:0px; background-color:#00a3da; border-radius:9px;}
.skill-bar-percent { position:absolute; right:0; top:0; font-size:15px; height:35px; line-height:35px; color:#353535; font:700 18px 'Roboto Condensed';}
.skill { width:46.98%; float:left;}
.skill-bg{ width:100%; background-color:#353535; 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:#353535; 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;}
.entry-content .photobooth ul.portfoliofilter li a { color:#1b273d;}
.entry-content .photobooth ul.portfoliofilter li a.selected, .entry-content .photobooth ul.portfoliofilter li a:hover { color:#00a3da;}

/*sidebar css*/
aside.widget{ padding:20px 0px 0; color:#353535;}
aside.widget.widget_search { border:none; padding:0;}
aside.widget ul{ list-style:disc; }
h3.widget-title{ padding:8px 15px; margin-bottom:20px; color:#ffffff; background-color:#353535; font-size:18px; font-family:'Assistant'; text-transform:uppercase;}
#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 #353535; padding:8px 0 8px 0;}
#sidebar ul li a{ font:400 14px/18px "Roboto";  padding-left:15px; color:#353535; position:relative;}
#sidebar ul li a:hover{ color:#00a3da;}
#sidebar ul li:last-child{ border:none;}
.nosidebar{ float:none !important; margin:0 auto;}
#sidebar #testimonials { padding:5px 15px;}
#sidebar .search-form input.search-field{ width:80%; padding: 12px 15px 11px 15px; box-sizing:border-box; color:#353535;}
#sidebar .search-form input.search-submit{ background:url(images/search-icon.png) no-repeat center center #212121; 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; }

/* = 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;}
#contactform_main input[type=text], #contactform_main input[type=email], #contactform_main input[type=tel], #contactform_main input[type=url]{width:44%; border:1px solid #c9c9c9; padding:15px; float:left; margin:0 12px 12px 0; color:#353535;}   
#contactform_main textarea{ width:94%; margin-right:0; height:130px; border:1px solid #c9c9c9; padding:15px; color:#353535;} 
#contactform_main span.capcode{ float:left; padding:13px; padding:13px; margin:0 8px 8px 0;}   
#contactform_main input[type=submit] { width:auto;}
#contactform_main input[type=submit]:hover { background-color:#353535; 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;}
.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;} 
iframe{ width:100%; display:block;}

/* Search Post */
.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:#353535;}

/*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;}
.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:#00a3da; 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-next{float:right; margin-top:10px; margin-bottom:10px;}
nav.post-navigation{padding:10px 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;}
.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:100px; height:100px;}
.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;}
.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. */}

/* Shop Page */
.woocommerce ul.products li.product a img { border:1px solid #c9c9c9;}
.woocommerce ul.products.columns-3 li.product, .woocommerce-page ul.products.columns-3 li.product, .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { text-align:center;}
.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 { background-color:#00a3da; color:#ffffff; text-transform:uppercase; font:700 18px/24px 'Roboto'; margin-bottom:10px;}
.woocommerce ul.products li.product .price ins { font-size:20px; color:#353535}
.woocommerce ul.products li.product .price del { font-size:20px; margin-right:10px; font-weight:600;}
.woocommerce ul.products li.product .button { background-color:#353535; color:#ffffff;}
.woocommerce ul.products li.product .button:hover { background-color:#00a3da; color:#ffffff;}
.woocommerce a.added_to_cart { padding:9px 15px; border-radius:3px;}

/* 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 6px 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:#353535; color:#ffffff;}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce button.button.alt:hover { background-color:#00a3da; color:#ffffff;}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover { background-color:#353535; 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:#353535; 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:#00a3da; color:#ffffff;}
/* 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:#00a3da;}
.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 span.product-title { font:700 16px 'Roboto'; color:#444444; 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:#00a3da;}

/* Woocommerce Single Products */
.woocommerce div.product .product_title { background:none; font:400 24px 'Roboto'; color:#353535;}
.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:#353535;}
.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 CSS
================================================*/
a.added_to_cart{background:#444444; padding:5px; display:inline-block; color:#fff; line-height:1;}
a.added_to_cart:hover{background:#00a3da; 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:#00a3da;}
.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price{ color:inherit !important;}
h1.product_title, p.price{ margin-bottom:10px;}
.woocommerce table.shop_table th, .woocommerce-page table.shop_table th{ font-family:'Roboto'; color:#00a3da;}
.woocommerce ul.products li, #payment ul.payment_methods li{ list-style:none !important;}
.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price{ color:inherit !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;/* background color transition */ -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;/* background color transition */ -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;}