/*
Theme Name: Grace Themes
Theme URI: https://gracethemes.com/
Author: Grace Team
Author URI: https://gracethemes.com/
Description: GraceThemes is specialized in creating Beautiful & Professional WordPress Themes to help you create websites without any code knowledge. Our goal is to create beautiful themes that are SEO friendly, responsive ready and fast loading. 
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, blue, gray, pink, purple, white, yellow, dark, light, two-columns, left-sidebar, fixed-layout, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: GRC Theme
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
@import url(//fonts.googleapis.com/css?family=Roboto:400,300,300italic,400italic,700,700italic);
/* = Default css
-------------------------------------------------------------- */
*{ margin:0; padding:0; outline:none;}
body{ font-family: 'Roboto', sans-serif; -ms-word-wrap:break-word; word-wrap:break-word; background-color:#f2f2f2; line-height:24px; color:#393939; font-size:14px; font-weight:400;}
body.home{ background-color:#ffffff;}
/*body.page-template-front-page, body.page-template-all-themes, body.page-template-search-theme, body.tax-product_cat, body.single-product, body.page-template-showcase_site, body.page-template-blog, body.single.single-post, body.page-template-about-us{background-color:#f2f2f2;}*/

img{ margin:0; padding:0; border:none;}
section img, img{max-width:100%; height:auto;}
h1,h2,h3,h4,h5,h6{ font-family: 'Roboto', sans-serif; margin:0 0 15px; padding:0; line-height:1.1; font-weight:400; }
h1{ font-size:30px;}
h2{ font-size:28px;}
h3{ font-size:26px;}
h4{ font-size:24px;}
h5{ font-size:20px;}
h6{ font-size:18px;}
.left{float:left;}
.right{float:right;}
p{ margin:0 0 25px 0; padding:0; line-height:24px;}
a{ text-decoration:none; outline:none; color:#009EE7}
hr{border-bottom:1px solid #eee; height:1px; clear:both; margin:25px 0; border:0; border-bottom:1px solid #eee;}
a:hover{ text-decoration:none; outline:none; color:#2686B3;}
ul{ list-style:none; margin:0; padding:0;}
article ul, article ol{ margin:0 0 25px 25px;}
article ul li{ list-style: disc; margin-bottom: 5px;}
article ol li{ margin-bottom: 5px;}
.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:13px; margin-top:4px; margin-bottom:6px; padding:0; }
.alignright, img.alignright { display: inline; float: right; margin-left:10px;}
.aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; margin-top:0; }

/* Header css
-------------------------------------------------*/
.container{ width:1170px; margin:0 auto; position:relative; display:block;}
.header_full{ width:100%; background-color:#f2f2f2; line-height:40px; position:relative;}
.header_full .left{ float:left; text-align:left;}
.header_full .social_wrap{ float:right; text-align:right; }
.social_wrap a .fa{ font-size:18px; line-height:30px; padding:0 15px; color:#fff;}
.social_wrap a .fa:hover{ color:#000;}
.header_full .navigation_wrap{ background-color:#fff; background:rgba(255,255,255,0.9); }
.fixed_header{position:fixed; top:0; z-index:9999; }
.header_full.fixed_header .navigation_wrap{border-bottom:1px solid #EFE9E9;}
.logo{float:left; padding-top:25px;  transition:0.6s; -moz-transition:0.6s; -webkit-transition:0.6s; -o-transition:0.6s; }
.bluestrip{ position:absolute; width:25%; background-color:#009ee7; height:40px; top:0; right:0;}
/* main navigation css
-------------------------------------------------*/
h3.menu-toggle{ display:none;}
.main-navigation{ padding:0; text-align:right; float:right;}
.main-navigation ul { float:right; margin:0; padding:0;  font-weight:400; text-transform:uppercase; }
.main-navigation ul li{display:inline-block; margin:0; position:relative;}
.main-navigation ul li a{padding:32px 10px; display:block; color:#282828; }
.main-navigation ul li ul li{display:block; position:relative; float:none; top:-1px;}
.main-navigation ul li ul li a{display:block; padding-top:10px; padding-bottom:10px; position:relative; top:1px;}
.main-navigation ul li a:hover, .main-navigation ul li.current_page_item a{ color:#009EE7; }
.main-navigation ul li ul{display:none; z-index:9999999; position:relative;}
.main-navigation ul li:hover > ul{display:block; width:200px; position:absolute; left:0; text-align:left; background-color: rgba(51, 38, 27, 0.5);}
.main-navigation ul li:hover ul li ul{display:none; position:relative;}
.main-navigation ul li:hover ul li:hover > ul{display:block; position:absolute; left:200px; top:1px;}
/*fixed header css*/
.fixed_header .main-navigation ul li a{padding:22px 10px;}
.fixed_header .logo{ max-width:20%; }
.fixed_header .hidehead, .fixed_header .bluestrip{ display:none;}
.menu-toggle{background:url(images/mobile_nav_right.png) no-repeat right center #fff; border:1px #DDE4E9 solid; margin-top:10px; padding:12px 20px; text-align:left; cursor:pointer; font-size:13px; margin-bottom:0;}
/* Header css
-------------------------------------------------*/
.srv_wrapz{ background-color:#ffffff; padding:70px 0 40px; }
.srv_wrapz .clmn-3{ width:22%; float:left; margin:0 4% 0 0;text-align:center; padding:0; }
.srv_wrapz .clmn-3 p{ line-height:24px;}
.srv_wrapz .clmn-3 img{ margin-bottom:15px;}
.srv_wrapz .clmn-3:hover h2{ color:#009EE7;  cursor:pointer;}
.srv_wrapz h2{ font:400 18px/24px 'Roboto'; margin-bottom:20px; color:#161616;}
.srv_wrapz .fa{ font-size:30px; margin-bottom:22px; width:75px; height:75px; line-height:75px; border-radius:50%; border:2px solid #009EE7; color:#009EE7; }
.srv_wrapz .clmn-3:hover .fa{ background-color:#009EE7; color:#fff; cursor:pointer; }
.last-cols{ margin-right:0 !important;}
/*slider css*/
.slider-wrap{ background:url(images/grace-front-banner.jpg) no-repeat center bottom ; min-height:511px;}
.front-caption{ padding:11% 0 0; width:60%;}
.front-caption h1{ font-size:40px; font-weight:400; color:#fff; position:relative; padding-bottom:25px; line-height:48px; margin-bottom:30px;}
.front-caption h1 span{ font-weight:bold;}
.front-caption h4{ font-size:20px; font-weight:400; color:#fff; margin-bottom:45px;}
.front-caption h1::after{
content:"";
position:absolute;
width:80px;
border-bottom: 5px solid #fff;
bottom:0;
left:0;
margin:auto;
}
.front-caption a{ background-color:#fff; color:#02b0ff; font-size:15px; text-transform:uppercase; font-weight:600; border-radius:20px; padding:12px 25px; display:table; }
/*Inner Banner Css*/
.inner_banner{ background:url(images/innerpagebg.jpg) no-repeat center bottom ; min-height:327px; background-size:cover; padding:0; color:#fff;}
.banner-caption{ width:auto; text-align:center; padding-top:5%;}
.banner-caption h1{ margin-bottom:20px; font-size:40px; font-weight:600; }
.banner-caption h3{ font-size:20px; line-height:30px; font-weight:400;}
.banner-caption h3 span{color:#009EE7 ;}
.morebutton{ font: 300 18px/24px 'Roboto';  display: table; background-color: #009EE7; color:#fff; border-bottom:4px solid #048ebd; padding:10px 20px; border-radius:2px;-moz-border-radius:2px; -webkit-border-radius:2px; clear:both; margin: 20px auto; text-decoration:none; margin-left:41%;  /*transition: all 0.2s linear 0s;*/}
.morebutton:hover{ color:#fff; }
/*responnsive ready css*/
#responnsive_ready{ background-color:#fff; padding:50px 0;}
.resp_left{ float:left; width:40%;}
.resp_right{ float:right; width:57%;}
.resp_right h3{ margin-bottom:30px; color:#222222; }
.resp_right p{ margin-bottom:30px;}
.Readmore{ background-color:#02b0ff; color:#fff; border-radius:25px; -moz-border-radius:25px; -webkit-border-radius:25px; padding:10px 30px; display:inline-block; font-size:15px; font-weight:bold; text-transform:uppercase;}
.Readmore:hover{ background-color:#333333; color:#fff;}
/*aboutwrap css*/
#aboutwrap{ padding:60px 0; background-color:#ffffff; border-top:1px solid #EFECEC;}
#aboutwrap .UnderLine{ display: inline-block;}
#aboutwrap .UnderLine .hr-style{ left:auto; right:0;}
.cols-2{ width:45%; float:left; margin:0 4% 0 0; box-sizing:border-box; }
.cols-2.last_column{ width:51%; background-color:#f2f2f2; padding:35px; border-radius:10px;}
.last_column{ clear:right; margin-right:0 !important;}
.about-left h3 { color: #404141; margin-bottom: 25px;}
.about-left p { margin-bottom:25px;}
.timeline {
margin: 0 !important;
padding: 0 !important;
width: 100%;
}
ul.timeline li {
margin: 0 !important;
padding: 0 !important;
list-style:none;
}
.timeline li .pointer {
border-radius: 50%;
float: left;
position: relative;
width: 45px;
color:#333;
text-align:center; 
vertical-align:middle;
}
.timeline li .pointer .fa { font-size:35px;}
.timeline li .timeline-content { float: right; padding: 0; width: 88%; margin-bottom:5px;}
.timeline li .timeline-content h2 {color: #222222; font-size: 17px;margin-bottom: 8px; font-weight:600;}
.timeline li:hover .fa {color:#02b0ff;}
.timeline li:hover .timeline-content h2 {color:#02b0ff;}
p.lastp{ margin-bottom:0;}

/*Recent themes css*/
#latestThemes{ background-color:#f2f2f2; padding:60px 0;}
.recent-themes h3{ text-align:center; margin-bottom:45px; font-weight:400; color:#101112; font-size:34px;}
.UnderLine{ border-top: 1px solid #E1E1E1;  clear: both;  display: block;  margin: 10px auto 30px; position: relative;  width: 50%;}
.hr-style{background-color: #FCFCFC;  border-radius: 20px; border-style: solid; border-width: 1px; display: block; height: 9px; left: 50%; margin-left: -5px; margin-top: -5px;
position: absolute; width: 9px;}
.ourthemes{ float:left; width:31%; margin:0 3% 0 0; position:relative; box-sizing:border-box;}
.front-latest-theme{ background-color:#fff; padding:10px; border-radius:5px; /*height:370px;*/ overflow:hidden;}
.front-latest-theme a{background-color:#009ee7; height:370px; overflow:hidden; display:block;}
.ourthemes:hover .front-latest-theme img{ opacity:0.3; }
.ourthemes h6{ text-align:center; margin:30px 0 25px 0; color:#222222; font-size:20px;}
.ourthemes h6 a{ color:#222222;}
.ourthemes h6 a:hover{ color:#009ee7;}
#latestThemes .Readmore{ display:table; margin:0 auto; }
.frontprice{ position:absolute; background-color:#02b0ff; padding:8px 20px; top:42%; right:-11px; font-size:15px; font-weight:bold; color:#fff;}
.frontprice::after {
border-left: 10px solid #0183be;
border-bottom: 16px solid transparent;
content: "";
display: block;
height: 0;
right: -7px;
position: absolute;
bottom: -16px;
width: 7px;
}
.frontprice::after {
border-left-color: #0183be;
}
.grace-allthemes .front-latest-theme{ margin-bottom:20px; }
.grace-allthemes .front-latest-theme a{ height:235px; }

/*Client Testimonials*/
#client_testimonials{ background:url(images/testimonial_bg.jpg) no-repeat center center; background-size:cover; padding:50px 0; background-attachment:fixed; min-height:476px;}
.clientsay{ background-color:#fff; color:#494848; width:80%; margin:0 auto; padding:40px; border-radius:10px; margin-top:100px;}
h3.sectiontitle{ text-align:center; font-size:34px; font-weight:400; color:#101112; margin-bottom:50px; padding:0;}
/* themebundle css
-------------------------------------------------*/
#themebundle{ background:url(images/themebundle.jpg) no-repeat center center; min-height:455px; text-align:center;}
.bundle-caption{ padding-top:6%;}
.bundle-caption h3{ font-size:40px; font-weight:bold; color:#fff;}
.bundle-caption h5{ font-size:20px; font-weight:400; color:#fff; margin-bottom:70px;}
.button-white{ background-color:#ffffff; color:#02b0ff; border-radius:25px; -moz-border-radius:25px; -webkit-border-radius:25px; padding:12px 30px; display:inline-block; font-weight:bold; font-size:15px;}
.button-white:hover{ background-color:#333; color:#fff;}
/* Single Product Featured css
-------------------------------------------------*/
.single-theme-left { display:block; width:41%; float:left;  }
.single-theme-left .img-boxx { display:block; height:500px; overflow:hidden; border:5px solid #3A3E3F; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } 
.single-theme-left .img-boxx img { box-shadow: none; width:472px; height: auto; display:block; margin: 0px;  }
.product-gallery-image{ display:block; width:147px; height: auto; float:left; margin: 10px 10px 0px 0px; }
.product-gallery-image img { display:block; width:137px; height: auto; margin:0; padding:5px; background:#FFFFFF; border: 1px solid #CCCCCC;  }
.need-help-box { display:block; padding:9px;  -moz-border-radius: 5px;
-webkit-border-radius: 5px; border-radius: 5px; -khtml-border-radius: 5px; } 
.need-help-box ol li { background: url(images/single-ol-bullet.png) no-repeat  0 -5px !important;}
.single-theme-left h3 span { color: #f67e19; font-size:26px; margin-bottom:20px; }
.single-theme-right { display:block; width:55%; float:right; padding-top:65px;} 
.single-theme-right h3 span { color: #DF4D14}
.single-theme-right .Readmore { margin-right:10px; text-transform:uppercase;}
.single-theme-right .entry-content{ background-color:#ffffff; padding:20px 30px;}

/*Product image scroll*/
.theme-image .demo-image-wrap {	border:8px solid #ffffff; position: relative; margin-right:1px;}
.theme-image .demo-image {
position: relative;
/*border-radius: 5px;*/
background-position: top center;
background-repeat: no-repeat;
background-size: 100% auto;
margin: 0 auto;
height: 800px;
-webkit-transition: all 0.8s linear 0s; /* Safari and Chrome */
-moz-transition: all 0.8s linear 0s; /* Firefox 4 */
-o-transition: all 0.8s linear 0s; /* Opera */
transition: all 0.8s linear 0s;
-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.08);
-moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.08);
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.08);
}

.theme-image .demo-image.fixed-image { background-position: center; }
.demo-image-wrap:hover .demo-image.fixed-image { background-position: center; }
.demo-image-wrap:hover .demo-image {
cursor:pointer;
background-position: center bottom;
-webkit-transition: all 8.5s linear 0s; /* Safari and Chrome */
-moz-transition: all 8.5s linear 0s; /* Firefox 4 */
-o-transition: all 8.5s linear 0s; /* Opera */
transition: all 8.5s linear 0s;
}

/* Page layouts css
-------------------------------------------------*/
.sitefull{ width:100% !important; float:none;}
.content-area{ width:65%; float:left;}
.error-404{float:none !important}
ul.list-1{ list-style:none; margin-left:10px; }
ul.list-1 li{ background:url(images/bullet1.png) no-repeat left top; display:block; padding:6px 0 6px 25px; color:#757575;}
ul.list-1 li a{color:#757575;}
h1.entry-title{ margin-bottom:20px; display:inline-block;  font-weight:600;}
h2.entry-title{ padding-bottom:10px; margin-bottom:20px; display:inline-block; font-weight:600;}
.pagepostcontent{ padding:60px 0 40px 0}

.page-template-about-us ul.list-1{ padding:30px; background-color:#fff; margin:0}
.page-template-about-us ul.list-1 li{ background:url(images/sidebar-arrow.jpg) no-repeat left 12px; display:block; padding:6px 0 6px 25px; color:#757575;}
.page-template-about-us h5{ font-size:22px; color:#222222; font-weight:400;}
/* Sidebar css
-------------------------------------------------*/
.sidebar-area{ width:27%; float:right; padding-bottom:40px; word-wrap: break-word;}
.sidebar-area .widget{ margin-bottom:30px; background-color:#fff; padding:20px; border:1px solid #ececec;}
.sidebar-area .widget p, .sidebar-area .widget li, .sidebar-area .widget .textwidget {font-size:14px;}
.sidebar-area .widget ul{ margin:0; padding:0;}
.sidebar-area .widget li{ list-style:none;}
.sidebar-area .widget li a{  background:url(images/sidebar-arrow.jpg) no-repeat left 14px; line-height:20px; display:block; padding:6px 0 10px 20px; color: #303030;}
.sidebar-area .widget a {color: #303030;}
.sidebar-area .widget a:hover {color: #009ee7;}
.widget-title{ color:#222222; font-size:22px; font-weight:400; padding:0 25px 20px; margin:0 -20px 15px; border-bottom:1px solid #ececec;}
.FeaturedThemes{ height:250px; overflow:hidden; margin-bottom:10px;}
.sidebar-area .widget h5{ background-color:#02b0ff; color:#fff; text-align:center; padding:10px; text-transform:uppercase; font-size:14px; margin:20px 0;}
.sidebar-area .widget h5 a{ color:#fff; }
.sidebar-area .widget h5 a:hover{ color:#fff; }
.sidebar-area .theme-image .demo-image{ border-radius:0 !important; box-shadow:none !important; height:250px !important;}
.sidebar-area .theme-image .demo-image-wrap{ border-radius:0 !important; padding:0 !important; border:1px solid #eee;}
.sidebar-area input[type="text"], 
.sidebar-area input[type="email"], 
.sidebar-area input[type="password"]{ 
width:100%;
height:35px; 
border:1px solid #e7e7e7; 
padding:5px 10px;
box-sizing:border-box;
background-color:#f2f2f2;
}
.sidebar-area input[type="submit"]{ cursor:pointer; text-transform:uppercase; font-weight:600; border:0;}
.sidebar-area .widget .Readmore { color: #fff; padding:6px 20px; text-transform:none;}
.sidebar-area .widget .Readmore:hover {color: #fff;}

#loginform p{ margin-bottom:10px;}

.sidebar-area .widget .Readmore{ border-radius:0; font-size:14px;}
.sidebar-area .widget.sidebar_showcase .Readmore{ display:block; text-align:center; text-transform:uppercase; font-weight:400;}

/* Blog Page css
-------------------------------------------------*/

.blogposts{ margin-bottom:35px; border-bottom:1px solid #e6e6e6; padding-bottom:30px; }
h2.blog-title{ font-size:22px; line-height:28px; margin-bottom:10px; color:#222222;}
.blogposts .blog-title a{color:#222222;}
.blogposts .blog-title a:hover{ color:#009EE7;}
.blogposts .blogpostimg{ background-color:#02b0ff; float:left; width:44%; margin:5px 5% 15px 0; height:255px; overflow:hidden;border:3px solid #fff;}
.blogposts .blogpostimg img{ width:100%; min-height:255px;}
.blogposts .blogpostimg:hover img{ opacity:0.5;}

.blogposts .postmeta{ padding-bottom:0; margin-bottom:15px; }
.blogposts .postmeta .posted-on{ margin-right:10px;}
.blogposts .entry-summary p{ color:#6f6f6f; margin-bottom:30px;}
.blogposts .Readmore{ border-radius:0; text-transform:none; padding:6px 20px; font-weight:400; font-size:14px;}
.single-post .blogposts{ border:none; margin:0;}
.single-post .blogposts img{ margin-bottom:15px;}
h2.blog-title.blog-detail{ margin-bottom:10px; font-size:26px;}
.single-post .postmeta{ margin-bottom:25px;}

.blogposts .cat-links{ display:none;}
.single-post .blogposts .cat-links{ display:inline-block;}

#commentform p{ margin-bottom:5px;}
#commentform input[type="text"], #commentform input[type="email"], #commentform input[type="url"]{ padding:5px;}
#commentform input[type="submit"]{ background-color:transparent; border:1px solid #ccc; color:#444444; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:10px 30px; display:inline-block;}
#commentform input[type="submit"]:hover{ border-color:#009EE7; color:#009EE7;}
#commentform textarea{ padding:5px;}


/*themes featured css*/
#theme_features{ background-color:#ffffff; color:#45525C;  padding: 50px 0;}
#theme_features .col-2{ display: block; float: left; width: 44.2%; margin:0 3.5% 3% 0; background-color:#f2f2f2; padding:30px 30px 30px 15px; min-height:130px;}
#theme_features .col-2 h4{ font-size:18px; text-transform:uppercase; font-weight:600; color:#282828;}
#theme_features .col-2 img{ float:left;}
#theme_features .col-2 h4, #theme_features .col-2 .description { clear: right; float: right; width:75%; }
#theme_features .col-2 .description{ font-size:15px;}
#theme_features h3 { clear: both; color: #45525C; font-size: 33px; font-weight: 600; margin:10px 0 40px; padding:0; text-align:center;}
#theme_features .col-2.col2last{ margin-right:0;}

/*woocomerce css*/
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea{ padding:8px; border:1px solid #ccc;}
.woocommerce-checkout #payment ul.payment_methods li{ list-style:none;}
h3.projecttitle{ text-align:center; color:#333; font-size:30px; font-weight:600; margin-bottom:40px;}

/* All Themes Templates css
-------------------------------------------------*/
.grace-allthemes{ width:75%; float:left; margin:0;}
.sidebar-allthemes{ width:22%; float:right; margin:0; background-color:#fff; box-shadow:0 0 3px #e9e9e9;}
.sidebar-allthemes h3{ text-align:center; margin:20px 0; font-size:20px; color:#222222;}

/*sidebar Search box*/
.sidebar-allthemes .search-form{ background-color:#009ee7; margin-right:-10px; position:relative;}
.sidebar-allthemes .search-field{ width:75%; border:none; height:37px; line-height:24px; background:transparent; padding:0 0 0 28px; color:#fff;}
.sidebar-allthemes .search-submit{width:37px;height:37px;font-size:0;padding:0 !important;margin:0 !important;border:0 !important;outline:0;line-height:40px;text-align:center;cursor:pointer;color:#dcddd8;background:url(images/search-icon.png) no-repeat center center #009ee7;}
.sidebar-allthemes .search-form::after {
border-left: 10px solid #0183be;
border-bottom: 16px solid transparent;
content: "";
display: block;
height: 0;
right: -7px;
position: absolute;
bottom: -16px;
width: 7px;
}

.sidebar-allthemes .search-form::after {border-left-color: #0183be;}
.buynowlink {font:600 15px/22px 'Roboto'; background-color:#fff; border-radius:20px; display:none; color:#222222; left:0; right:0; position: absolute; text-align: center; top:30%; padding:8px 20px; margin:0 auto; width:75px;}
.buynowlink a { color:#222222; }
.ourthemes:hover .buynowlink{ display:block; transition: all 0.5s ease 0s;}
.buynowlink .Readmore{ background-color:#fff; padding:10px 20px;}
.ourthemes .themeprize { color:#222; padding:0 0 0 15px; float:left; font-size:15px;}
.themetitle{ background-color:#fff; padding:12px 0; margin-top:15px;}
.ourthemes:hover .themetitle{ background-color:#009ee7; color:#fff;}
.ourthemes:hover .themetitle h6 a{ color:#fff;}
.themetitle h6{ margin:0; padding:0; font-size:16px; color:#222;}
.demodetail a{ color:#777;}
.themetitle h6 a:hover, .demodetail a:hover{ color:#39BAF7;}
.demodetail{ float:right; font:400 15px/20px 'Roboto'; padding-right:15px;}
ul#Grid .ourthemes{ margin-bottom:5%;}

.docpanel{ margin:30px 0;}
.doclink{ display:inline-block; font:400 16px/22px 'Roboto';  }
.doclink a{ color:#1f1f1f;}
.doclink a:hover{ color:#02b0ff;}
.onlyon{ display:inline-block; font:600 24px/22px 'Roboto'; display:inline-block; margin-right:40px; color:#282828;}
.Readmore.buyalltheme{ background-color:#f3b23e; }
.Readmore.buyalltheme a{ color:#ffffff;}
.Readmore.buyalltheme:hover{ background-color:#333333;}
.detailshowcase{ background-color:#fff; padding:8px; position:relative; box-shadow:0 -7px 10px #000;}
.thumhover{background-color:#009ee7;}
.owl-carousel .owl-item:hover img{ opacity:0.2;}
.fileicon{ background:url(owl-carousel/thumbnails/fileicon.png) no-repeat center top; width:41px; height:41px; position:absolute; text-align:center; top:42%; left:42%; z-index:999; display:none;}
.owl-carousel .owl-item:hover .fileicon{ display: block;}

/* All Themes Sidebar CSS*/
.all-theme ul { padding:10px 30px 20px; }
.all-theme ul li { background:url(images/sidebar-arrow.jpg) no-repeat left center; color:#2a343b;}
.all-theme ul li a{ color:#303030; font-size:14px; padding:6px 0 6px 20px; margin:0; display:block; }
.mixitup li:hover, .mixitup li.active { color:#009EE7;}
.full-page { width:100% !important; }
.all-theme ul li a:hover, .all-theme ul li.active_cat a{ color:#009ee7}


/* Footer css
-------------------------------------------------*/
.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"], .wpcf7 textarea{ border:1px solid #ccc; padding:8px;}
.wpcf7 input[type="submit"]{ background:transparent; border:1px solid #ccc; color:#444444; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:10px 30px; display:inline-block; cursor:pointer;}
.wpcf7 input[type="submit"]:hover{ border-color:#009EE7; color:#009EE7;}


/*submit a theme CSS*/
.showcase input[type="text"], .showcase input[type="email"], .showcase input[type="tel"], .showcase select, .showcase textarea{border:1px solid #ccc; padding:8px;}
.showcase p{ margin-bottom:15px;}
.showcase input[type="submit"]{ background-color:#009ee7; color:#fff; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; padding:10px 30px; display:inline-block; cursor:pointer; border:none; text-transform:uppercase;}
.showcase input[type="submit"]:hover{ background-color:#111111; color:#fff;}

/* Footer css
-------------------------------------------------*/
#colophon{padding:40px 0;}
.footer-container { background-color:#131313 ; display:block; color:#FFFFFF; }
.footer-container-bottom { display:block; background-color:#080808; padding:15px 0; display:block; color:#fff;}
.footer-container-bottom a{color:#fff;}
.footer-container .footer-title {color:#eff3f7; font-size:22px; border-bottom:1px solid #2a2a2a; font-weight:400; padding-bottom:20px; margin-bottom:25px;}
.footer-container .footer-menu li { list-style:inside none disc;}
.cols-4.recent-post { width:30%; color:#FFFFFF; }
.footerposts{ margin:0 0 15px 0; padding-bottom:15px; min-height:50px; border-bottom:1px dashed #2a2a2a;}
.footerposts a{ color:#39baf7; text-decoration: none;  }
.footerposts p{ line-height:20px; margin-bottom:0;}
.footerposts h5{ font-size:14px; font-weight:400; margin-bottom:0; line-height:24px;}
.footerposts h5 a{color:#fff;}
.footerposts a:hover{ color:#009EE7;}
.footerposts:last-child{ border-bottom:none; margin-bottom:0; padding-bottom:0;}
.footerthumb{ width:50px; height:50px; overflow:hidden; float:left; margin:0 20px 0 0; border-radius:5px; }
.footerposts img{ width:100%; min-height: 60px; }
.cols-4{ width:18%; margin:0 5% 0 0; display:block;  float:left;}
.last-cols{ margin-right:0 !important;}
.footer-container .categories {color:#FFFFFF; }
.footer-container .categories li a ,
.footer-container .categories li a:hover { text-decoration: none;}
.cols-4 h4{ margin-bottom:5px; font-size:16px; font-weight:400;}
.cols-4 li {list-style:inside none disc;}
.cols-4 li a{color:#fff; padding:3px 0 3px 10px; display:inline-block; }
.cols-4 li a:hover{color:#009EE7;}
.cols-4.social-links{margin-right:0 ; }
.social-links .fa{margin-right:10px ; }
.social-links a{ color:#fff;}
.social-links a:hover{ color:#009EE7;}
.footer-social a{ border:1px solid #fff; color:#fff; width:35px; height:35px; line-height:35px; font-size:16px; margin:0 5px 5px 0; text-align:center; display:inline-block; border-radius:50%;}
.footer-social a:hover{ border-color:#12b2fd; color:#12b2fd;}
.social-links .footer-social .fa{ margin-right:0 ; }
.contact_form input[type="text"], .contact_form input[type="email"], .contact_form input[type="password"], .contact_form textarea{ width:75%; border:1px solid #ccc; background-color:#f2f2f2; border-radius:5px; padding:12px; -moz-box-shadow: inset 0 0 5px #ccc;
-webkit-box-shadow: inset 0 0 5px #ccc;
box-shadow: inset 0 0 5px #ccc;}
.captchafield{ width:66% !important;}
.contact_form input[type="submit"]{ background-color:#009ee7; color:#fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:10px 30px; display:inline-block; cursor:pointer; border-radius:20px; border:none; text-transform:uppercase;}
.contact_form input[type="submit"]:hover{ background-color:#111; color:#fff;}
.contact_form p{ margin-bottom:20px; font-size:16px;}
.error { color:#F20000 }
.bbpress-forums { font-size:13px !important; }
.single-theme-right ul{ margin-bottom:25px; }
.single-theme-right li {list-style:inside square none; margin-bottom:5px; padding:2px 0 2px 0;}
.single-theme-right h1 { font-size:26px;}
.single-theme-right h2 { font-size:24px;}
.single-theme-right h3 { font-size:22px;}
.single-theme-right h4 { font-size:20px;}
.single-theme-right h5 { font-size:18px;}
.single-theme-right h6 { font-size:16px;}
.customtitle{ display:table !important;}

/* showcase
-------------------------------------------------------------- */
.showcase-category { float:right; padding-bottom:50px; margin-top:-50px; }
.showcase-category span{ margin-right:15px;}
.showcase-category select { background-color:#fff; width:250px; padding:10px; border:0; box-shadow:0 0 5px #e0e0e0; color:#777; }
.showcase-category select option{ padding:3px 10px}

.fourbox{  padding:0; width:23.2%; float:left; margin:0 2.2% 10px 0; text-align:center; position:relative; min-height:330px; box-sizing:border-box; }
.fourbox .whitebox{background-color:#fff; padding:10px; border-radius:5px; box-shadow:0 0 8px #cecece; position:relative;}
.fourbox:hover{ cursor:pointer;}

.fileicon{ background:url(owl-carousel/thumbnails/fileicon.png) no-repeat center top; width:41px; height:41px; position:absolute; text-align:center; top:42%; left:42%; z-index:999; display:none;}
.fourbox:hover .fileicon{ display: block;}
.fourbox p{ margin-bottom:20px; line-height:20px;}
.pagecontent h6 { margin-bottom:5px; font-size:16px; cursor:auto; }
.pagecontent h6 a { cursor:auto; }
p.showcasecat{color:#02b0ff; font-weight:600; font-size:16px;}
p.showcasecat a{color:#02b0ff; font-weight:600;}

.pagecontent h6 a, .pagecontent a{ color:#282828; }
.fourbox .thumbbx{ height:220px; overflow:hidden; background-color:#02b0ff;}
.fourbox:hover .thumbbx img{opacity:0.2;}
.fourbox .thumbbx img{ width:100%; height:auto; }
.pagecontent{ padding:20px 10px 5px; color:#282828;}
.pagecontent p{ margin-bottom:0;}
.author-bio {  background: #e4e4e4 none repeat scroll 0 0; padding:20px 20px 10px 20px;}
.author-bio h5 span { color: #9e9e9e;  font-size: 14px; font-weight: 400;  padding-left: 10px; }


/* Reviews
-------------------------------------------------------------- */

#review { padding:50px 0; background-color:#fff;  }
.woocommerce #reviews #comments ol.commentlist li{ background-color:#f2f2f2; padding:30px;}
.woocommerce #reviews #comments h2 { font:600 32px/34px 'Roboto'; text-align:center; margin-bottom:40px; } 
p.woocommerce-noreviews{ font-size:15px; margin-bottom:10px; text-align:center;}
.woocommerce #reviews h3 { padding-bottom:50px; font:600 19px/22px 'Roboto'; text-transform:uppercase; color:#282828; text-align:center; } 
.woocommerce #review_form #respond p { margin: 0 0 15px; }
.woocommerce p.stars a { font-size:17px; }
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta { font-size:13px; color:#00aeff; margin:0;  }
.woocommerce #reviews #comments ol.commentlist li .comment-text{ padding:0;}
#commentform p label { padding-bottom:5px; }
#commentform input[type="text"], #commentform input[type="email"], #commentform input[type="url"], #commentform textarea { width:100%; color:#333333; height:45px; border:1px solid #eeeded; padding:5px 10px; box-sizing:border-box; background-color:#ffffff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; font-size:15px;}
#commentform textarea { width:400px ; height:150px; font-family: 'Roboto', sans-serif; font-size:15px; padding:10px;}
.woocommerce p.stars a { color:#ffb900 }
.woocommerce .star-rating span { color:#ffb900; }
.woocommerce .star-rating { font-size:16px; }
.woocommerce #reviews #comments ol.commentlist { width:100%; }
.woocommerce #review #reviews #commentform textarea { width:100%; height:200px; font-family: 'Roboto', sans-serif; font-size:15px;}

#commentform input[type="text"]::placeholder, #commentform input[type="email"]::placeholder, #commentform input[type="url"]::placeholder, #commentform textarea::placeholder {opacity: 1; 
}

#commentform input[type="text"]::-moz-placeholder, #commentform input[type="email"]::-moz-placeholder, #commentform input[type="url"]::-moz-placeholder, #commentform textarea::-moz-placeholder{opacity: 1;}


#reviews .description { padding:15px 0 0 90px;}
#reviews .description p { font-size:14px;}
.woocommerce #review #reviews #comments ol.commentlist li img.avatar{ background:transparent;border:0; position:relative; margin:20px 30px 10px 0; border-radius:50%; padding:0; width:60px;}
.woocommerce #review #reviews #comments ol.commentlist li .comment-text{ margin:0; border:none;}
.woocommerce #review #reviews #comments ol.commentlist li .comment-text p.meta strong{ color:#282828; font:600 18px/22px 'Roboto'; text-transform:uppercase; margin-right:10px;}
.woocommerce #review_form #respond .form-submit input{ background-color:#009ee7; color:#fff; border-radius:25px; padding:15px 25px; text-transform:uppercase; width:100%;}
.woocommerce #review_form #respond .form-submit input:hover{ background-color:#222; color:#fff; }

p.comment-form-comment label, p.comment-form-author label, p.comment-form-email label{ display:none;}
#commentform{ width:70%; margin:0 auto;}

#review_form_wrapper{ margin:0; }
p.comment-form-rating{ margin-top:30px; background-color:#ffffff; border:1px solid #eeeded; padding:10px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
p.comment-form-rating label{ float:left; padding:0 !important}
p.comment-form-rating p.stars{ text-align:center; margin:0 !important;}

.blogbutton{ background-color:#009ee7; color:#fff;border:2px solid #0181bc; border-radius:15px; padding:7px 15px; position:relative; font-size: 14px; margin:15px 10px 15px 0px; display:inline-block;}
.blogbutton:hover{ background-color:#3295c3; color:#fff; border-color:#2194c9;}
.single-theme-right .entry-content h5{ font-weight:600; margin-bottom:10px;}
.single-theme-right .entry-content span{ font-weight:600; color:#009ee7;}
ul.short li{ margin-bottom:15px;}
ol.short li{ margin-bottom:15px;}
.titleh5 h5 {margin-bottom:10px;}
ul.short-no li{ margin-bottom:15px; list-style: outside none none; }
.btn-top { padding-top:50px; }
h4 span { font-size:20px; }

#reviews_form { padding:50px 0; }
#reviews_form h2 { font:600 32px/34px 'Roboto'; text-align:center; margin-bottom:30px; } 
p.woocommerce-noreviews{ font-size:15px; margin-bottom:10px; text-align:center;}
#reviews_form h3 { padding-bottom:15px; font:600 19px/22px 'Roboto'; text-transform:uppercase; color:#282828; text-align:center; } 


/* Showcase Pagination CSS
-------------------------------------------------------------- */
.wp-pagenavi a, .wp-pagenavi span{ background-color:#111; color:#fff; margin:0 !important; padding:8px 14px !important; border:none!important; border-right:1px solid #ccc!important; line-height:35px;}
.wp-pagenavi span.current, .wp-pagenavi a:hover{ background-color:#02b0ff; font-weight:normal !important;}

body.postid-8028 .theme-image .demo-image{ height:400px;}
body.postid-607 .theme-image .demo-image{ height:783px;}
body.postid-14569 .theme-image .demo-image{height:400px;}
body.postid-16521 .theme-image .demo-image{height:510px;}
body.postid-16588 .theme-image .demo-image{height:510px;}


/* Blog Page details CSS */
ol.blog-content { font-size:21px; }
ol.blog-content h4 { font-size:22px !important; }
ol.blog-content h5 { font-size:20px !important; }
ol.blog-content li h4 strong  { font-size:22px !important; }
ol.blog-content > li > * { font-size:14px; }
body.postid-9265 ol.blog-content > li > * { display: inline-block !important; }

.postmeta .screen-reader-text { position: relative !important; clip-path: none !important; }


/* Changelog CSS Section
------------------------------------------*/
#chngelogwrap{ background-color:#f2f2f2; border:8px solid #fff; padding:15px 15px;}
h3.changelog{ margin-bottom:20px; font-weight:600;}
#chngelogwrap h6{ font-size:16px; margin:0 0 10px; font-weight:600;}
.changelogbox{ border:1px solid #e3e2e2;background-color:#f5f6f6; }

.changelogbox span{ padding:8px 15px; display:block;}
.changelogbox span.odd{ background-color:#ececec;}
.changelogbox span.even{ background-color:#f5f5f5;}
.changelogbox label { width:150px; display:inline-block }

.woocommerce .star-rating span { padding-left: 0px !important; padding-right:0px !important; }
.changelogbox .star-rating { margin-top:3px; }
.review_count { float:right; padding-right:25px; }
#change_log { overflow-x:hidden; display:none; width:700px; height:200px; }

/*best wordpress theme section*/
#best-theme{ padding:50px 0 40px 0; background-color:#f2f2f2;}
#best-theme h3 { font-size:34px; color:#101112; padding-bottom:10px; text-align:center; }
ul.best-theme li h5 { margin-bottom:7px; }
.free_theme_slider { padding-bottom:20px; }
.free_theme_slider h5 { margin-bottom:8px; }
/*body.postid-1536 .theme-image .demo-image{ height:620px;}*/

/*Newsletter*/
.es_textbox_button { width: 110px; background-color:#02b0ff; color:#fff; padding:6px 20px; font-size:15px; text-transform:none !important; }
.es_textbox_button:hover{ background-color:#333333; color:#fff;}



/* FREE-PRO Compaire Section
------------------------------------------*/
#compare_section{ background-color:#fff; padding:50px 0 100px; box-sizing:border-box;}
#compare_section h3{ text-align:center; font-size:30px; font-weight:600; color:#333; margin:0 0 150px;}
.comparewrap{ font-size:15px; color:#303030; background-color:#f5f5f5; -webkit-border-top-left-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-bottomleft: 6px;
border-top-left-radius: 6px;
border-bottom-left-radius: 6px; }
.comparewrap span{ display:block; padding:12px 0;}

.features_col{ width:47%; float:left; margin:0; position:relative; box-sizing:border-box; text-align:left; padding:0 0 0 60px}
.features_col h4{font-size:30px; color:#282828; margin:0; padding:40px 0 40px 0; margin-top:-113px;}

.freetheme_title, .protheme_title{ padding:35px 10px; color:#fff; text-align:center; font-size:28px; margin-top:-94px; -webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
border-top-left-radius: 6px;
border-top-right-radius: 6px; position:relative;
}


.freetheme_title::after, .protheme_title::after{
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #88b7d5 rgba(136, 183, 213, 0) rgba(136, 183, 213, 0);
    border-image: none;
    border-style: solid;
    border-width:136px;
    content: "";
    height: 0;
    left: 10%;
    margin-left: -27px;
    pointer-events: none;
    position: absolute;
    top: 100%;
    width: 0;
	
}

.freetheme_col, .protheme_col{  width:25%; float:left; margin:0; position:relative; box-sizing:border-box; text-align:center; background-color:#fff; box-shadow:0 0 10px #ddd;}
 
.freetheme_col{ margin-right:3%; }
.freetheme_title{ background-color:#02b0ff;}
.freetheme_title::after{ border-top:30px solid #02b0ff;}

.protheme_col{ margin:0;}
.protheme_title{ background-color:#ffa200;}
.protheme_title::after{ border-top:30px solid #ffa200;}
.comparewrap .graybg{ background-color:#f5f5f5;}
.comparewrap .topspace{ padding-top:40px;}
.greenicon{ background:url(images/greenicon.png) no-repeat left top; width:21px; height:19px; margin:0 auto; text-align:center;}



.protheme_buynow, .freetheme_download{ font-size:18px; padding:25px 10px; color:#fff; text-align:center; margin-bottom:-74px; -webkit-border-bottom-right-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-radius-bottomright: 6px;
-moz-border-radius-bottomleft: 6px;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px; 
position:relative;
}
.protheme_buynow a, .freetheme_download a{ color:#fff;}
.protheme_buynow a:hover, .freetheme_download a:hover{ text-shadow:0 0 5px #111;}

.freetheme_download{ background-color:#02b0ff;}
.protheme_buynow{ background-color:#ffa200;}
.comparewrap img { vertical-align:middle; }
.header_full .container.hidehead, .header_full .bluestrip{ display:block;}
.grace_offerwrap{ background-color:#009ee7; color:#fff; font-size:18px; text-align:center; }
.offerbtn{ background-color:#f1b300; color:#fff; padding:0 25px; font-size:15px; display:inline-block; margin-left:10px; vertical-align:top;}
.offerbtn:hover{ background-color:#111; color:#fff; }
.grace_offerwrap span{ color:#f1b300; font-size:20px; font-weight:bold;}
.christmasbx{ background:url(images/christmas_santa.png) no-repeat left top; width:21px; height:19px; position:absolute; width:77px; height:75px; top:2px; left:35px;}

.grace_offerwrap{ font-size:14px; }
.grace_offerwrap span{ font-size:16px; }
.offerbtn{ padding:0 15px; }

@media screen and (max-width:767px) {
.grace_offerwrap { line-height: 30px; }
}