/*
Theme Name: Grace Mag Pro
Theme URI: https://gracethemes.com/themes/blog-wordpress-theme/
Author: Grace Themes
Author URI: https://www.gracethemes.com/
Description: A unique Blog WordPress theme with a beautiful, clean and modern design. Comes packed with all the features you need for your News, blog or magazine and Perfect for personal, lifestyle, food, travel, fashion, corporate, photography and any other kind of website. Demo: https://gracethemesdemo.com/gracemag/

Version: Pro 1.0
License: GNU General Public License version 3
License URI: license.txt
Text Domain: grace-mag-pro
Tags:one-column,two-columns,left-sidebar,right-sidebar,custom-background,custom-header,custom-menu,featured-images,theme-options,full-width-template,sticky-post,threaded-comments,translation-ready

Grace Mag Pro WordPress Theme has been created by Grace Themes(gracethemes.com), 2018.
Grace Mag 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; line-height:24px; margin:0; padding:0; color:#6e6d6d; font-size:13px; font-family:Arial, Helvetica, sans-serif; background-color:#ffffff; }
img{ margin:0; padding:0; border:none; max-width:100%;}
section img, img{max-width:100%; height:auto;}
h1, h2, h3, h4, h5, h6{ margin:0 0 20px; padding:0; line-height:1; font-weight:400; }
h1{ font-size:36px; }
h2{ font-size:30px;}
h3{ font-size:18px; }
h4{ font-size:22px;}
h5{ font-size:20px; }
h6{ font-size:14px;}
.left{float:left;}
.right{float:right;}
blockquote{ background:url(images/icon_quote.png) no-repeat 20px 22px; padding:15px 15px 15px 60px !important; font-style:italic; color:#888; font-size:14px; line-height:1.5;}
.hr{border-bottom:1px solid #333; height:15px; clear:both;}
p{ margin:0 0 15px 0; padding:0;}
a{ text-decoration:none; outline:none;}
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, .bypostauthor{ clear:both;}
.middle-align{ margin:0 auto; padding:0;}
.wp-caption{ margin:0; padding:0; font-size:13px; max-width:100% !important;}
.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;}
.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:30px 0;}
#section1{ padding:0;}
#section1, #section3{ padding-bottom:0;}

h2.section_title{font-weight:400; text-transform: uppercase; margin:0 0 20px; position:relative;  display:block; position:relative; border-bottom:1px solid #f40055;}
h2.section_title div{ background-color:#f40055; padding:10px 20px; color:#fff !important;-webkit-border-top-left-radius: 3px;-webkit-border-top-right-radius: 3px;-moz-border-radius-topleft: 3px;-moz-border-radius-topright: 3px;border-top-left-radius: 3px;border-top-right-radius: 3px; display:inline-block;}

.sitewrapper .header.fixed{ width:100%;}
.boxlayout{ width:1210px; margin:0 auto; box-shadow:0 5px 10px #000; position:relative; }
.boxlayout .container{ padding:0 20px;}
.boxlayout .footer{ padding:40px 20px;}
.boxlayout .header.fixed{ width:auto;}

/*Header Info Bar CSS*/
.headerinfo { font:600 14px/22px 'Roboto Condensed'; padding:10px 0; }
#slider{ width:100%; margin:0 0 20px; padding:0; position:relative;}
.logo{float:left;  text-align:left; width:30%; padding:23px 0;}
.logo h1{font-weight:600; margin:0px; text-transform:uppercase; }
.logo h1 span{ color:#f40055; display:inline-block;}
.logo a{color:#000;}
.tagline{ font-family:'Roboto Condensed', sans-serif; font-size:14px; color:#828181; display:block;}
.header_navigation{ background-color:#151515; text-align:left; width:100%;}
.right span.phno{ padding-right:10px; margin-right:5px;}

.tickerarea{ color:#111; line-height:18px; font-size:16px; font-family: 'Roboto Condensed', sans-serif; margin:10px 0;  }
.tickerarea .container{ background-color:#f1f1f1; color:#111; box-sizing:border-box; padding:0 20px; }
.tickerarea .left span{ float:left; padding-right:10px;}
.tickerarea .left a{color:#fff;}
.tickerarea .social-icons a{ margin-right:0;}
.tickerarea i{ margin-right:5px;}
.tickerarea .left{ text-align:left; width:70%; box-sizing:border-box; padding-left:90px;}
.tickerarea .right{ text-align:right; width:30%;}
.right span.phno{ padding-right:10px; margin-right:5px;}

.tickerarea .newsticker{ background-color:#f40055; color:#fff; width:100px; height:45px; line-height:45px; position:absolute; left:0; text-align:center; font-weight:600; z-index:99999;}
.tickerarea marquee{ line-height:45px; }


 
.newsticker:before { content:""; position: absolute; left: 100%; top:0; width: 0; height: 0; border-top:22px solid transparent; border-left:15px solid #f40055; border-bottom: 23px solid transparent; }

/* = social icons css
-------------------------------------------------------------- */
.social-icons a{ width:35px; line-height:45px; text-align:center;  vertical-align:middle; display:inline-block; transition:0.6s; -moz-transition:0.6s; -webkit-transition:0.6s; -o-transition:0.6s; font-size:16px; color:#ffffff; -webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;}
.social-icons br{ display:none;}
.container{ width:1170px; margin:0 auto; position:relative;}

/*header menu css*/
.toggle{display: block;}
.toggle a{width:40px; height:40px; position:absolute; top:0; right:0; color:#ffffff; background:url(images/togglenav.png) no-repeat right center; font-size:0px; text-align:left;}
.toggle a:hover{ background:url(images/togglenavhv.png) no-repeat right center;}
.header.fixed{ position: fixed; top:0; z-index:999999;  transition:0.6s; -moz-transition:0.6s; -webkit-transition:0.6s; -o-transition:0.6s; width:auto;}
.header.fixed .sitenav ul li a{padding:12px 25px;}
.header.fixed .logo{padding:22px 0;}
.header.fixed .sitenav ul li ul li a{ padding-top:7px; padding-bottom:7px; }

.header{width:100%; z-index:9999; background-color:#e4e4e4; box-sizing:border-box; padding:0; border-top:5px solid #191919; }
.sitenav{ padding:0; position:relative; z-index:9999; }
.sitenav ul {margin:0; padding:0; font-weight:500; }
.sitenav ul li{display:inline-block; position:relative; }

.sitenav ul li a{padding:18px 25px; display:block; text-align:center;}
.sitenav ul li ul li{display:block; position:relative; float:none; top:1px; border-bottom:1px #d3d2d2 solid;}
.sitenav ul li ul li a{display:block; padding-top:7px; padding-bottom:7px; position:relative; top:1px; text-align:left;}

.sitenav ul li ul{display:none; z-index:9999999; position:relative;}
.sitenav ul li:hover > ul{display:block; width:200px; position:absolute; left:0; text-align:left; }
.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:0;}

/*dropdown arrow*/
.sitenav .menu li > a.parent {  padding-right: 2em; position: relative;}
.sitenav .menu li > a.parent::after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #ccc transparent transparent;
    border-image: none;
    border-style: solid;
    border-width: 0.3em;
    content: "";
    display: block;
    position: absolute;
    right: 0.8751em;
    top: 48%;
}
.sitenav .menu li ul li a.parent { padding-right: 0;}
.sitenav .menu li ul li a.parent::after { right: 0.8751em; top: 46%;}

/* = innerbanner css 
-------------------------------------------------------------- */
.innerbanner{ text-align:center; }
.innerbanner img{ position: relative; background-size:cover; width:100%; height:auto;}

/*search form css*/
.searchbox{position:relative; min-width:35px; width:0%; height:40px; float:right; overflow:hidden;padding-left:20px; -webkit-transition: width 0.3s;    -moz-transition: width 0.3s; -ms-transition: width 0.3s; -o-transition: width 0.3s; transition: width 0.3s;}
.searchbox-input{top:0; right:0; border:0;outline:0;background:#ece8e8;width:100%;height:40px;margin:0;padding:0px 55px 0px 20px;font-size:13px;color:#7f7f7f;}
.searchbox-input::-webkit-input-placeholder{color:#7f7f7f;}
.searchbox-input:-moz-placeholder{color:#7f7f7f;}
.searchbox-input::-moz-placeholder{color:#7f7f7f;}
.searchbox-input:-ms-input-placeholder{color:#7f7f7f;}
.searchbox-icon, .searchbox-submit{width:35px;height:40px;display:block;position:absolute;top:0;font-family:verdana;font-size:22px;right: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 #34c6f6;}
.searchbox-open{ width:40%;}

/* = Get An Appointment css
-------------------------------------------------------------- */
a.ReadMore{ font:normal 12px/20px 'Roboto Condensed'; border:1px solid #a4a4a4; color:#a4a4a4 ; padding:10px 20px; text-transform:uppercase; }
a.ReadMore:hover{border:1px solid #f40055; color:#f40055; }
.custombtn{ margin-top:30px;}

a.morebutton{background-color:#f40055;color:#fff; padding:10px 20px; font:normal 16px/20px 'Roboto Condensed'; text-transform:uppercase; display:inline-block; border-radius:5px; -moz-border-radius:5px;-webkit-border-radius:5px;}
a.morebutton:hover{ background-color:#865628; color:#fff; }

a.buttonstyle1{ background-color:#865628; color:#fff ; padding:10px 20px; font:normal 16px/20px 'Roboto Condensed'; display:inline-block; border-radius:6px; -moz-border-radius:6px;-webkit-border-radius:6px;}
a.buttonstyle1:hover{ background-color:#381305; color:#fff; }

/* = Our Services css
-------------------------------------------------------------- */
#welcomearea{ position:relative; background-attachment:inherit !important;}
.welcomebx{ text-align:center; width:90%; margin:0 auto; }
.welcomebx p{ text-align:center;}
.themefeatures .learnmore{ font:normal 16px/20px 'Roboto Condensed'; background-color:#272727; color:#fff; margin-top:30px; padding:8px 15px; display:inline-block; }
.end { margin-right: 0 !important; }

.buttonstyle2{ background-color:#555; color:#fff ; padding:6px 15px; font:normal 14px/20px 'Roboto Condensed'; display:inline-block; border-radius:20px;-moz-border-radius:20px; -webkit-border-radius:20px;}
.buttonstyle2:hover{ background-color:#fff; color:#555; }
.textwidget select{ width:100%;}
table{ width:100%}
.clientwrap p { text-align:center; font-size:16px; margin-bottom:25px;}


/* = section first css
-------------------------------------------------------------- */

#pagearea{ background:#eff3f7;}
.fourbox{ padding:15px 10px; width:23.4%; float:left; margin:0 2% 0 0; position:relative; min-height:310px; box-sizing:border-box; text-align:center;}
.fourbox p{ margin-bottom:20px; line-height:20px; }
.fourbox h3{font-weight:600; color:#404040; margin:0 0 0; padding-bottom:15px; text-transform:uppercase; position:relative;}
a.ReadMore{ background-color:#333339; color:#fff ; padding:5px 15px; display:inline-block;}
a.ReadMore:hover{ background-color:#ffae00; color:#fff; }
.pagemore{color:#fff ; padding:7px 20px; display:inline-block; font-weight:500; }
.fourbox:hover .pagemore{ background-color:#ffffff; color:#f40055ssssssss; }
.fourbox:hover h3{ color:#ffffff;}	
.fourbox:hover .thumbbx img{ }
.fourbox .thumbbx{ width:100%; height:155px; margin:0 auto; overflow:hidden;}
.fourbox .thumbbx img {backface-visibility:hidden; height:auto; min-height:155px;}
.pagecontent{ padding:20px 0; position:relative;}
.one_column{ width:100%;}
.two_column{ width:47.5%;}
.three_column { width:32%;}
.five_column{ width:18.3%; margin-right:2%;}
.six_column{ width:15.8%; margin-right:1%;}

/*  Our Blog  */
.blankspace{ height:60px; clear:both;}
.latestnews {position:relative;}
.nomargin{ margin-right:0 !important;}
.news-box{width:31.333%; margin:0 3% 3% 0; float:left; position:relative; padding:0; box-sizing:border-box;height:auto; overflow:hidden;}
.news-box.last {float:right;}
.news-box .news-thumb{  background-color:#f40055; width:100%; height:210px; overflow:hidden; margin-bottom:-1px; position:relative; z-index:999;}
.news-box .news-thumb img{ margin:0; padding:0; width:100%; height:auto; min-height:210px; vertical-align:middle;}
.news-box:hover img{opacity:0.4;}
.news{position:relative; box-sizing:border-box; padding:3% 4%; min-height:220px; border:solid 1px #dcdcdc; }
.newscontent{ width:100%; box-sizing:border-box; }
.newsdate{ float:left; font-size:45px;width:50px;text-transform:uppercase;color:#101112;line-height:35px; font-weight:400; text-align:center;}
.newsdate span{font-size:13px; display:block; }
.news p{ margin:10px 0 0 0;}
.news .read-more {position:absolute; bottom:15px; }
.news h4 {padding-bottom:10px; margin:0 0 10px 0; position:relative;line-height:30px; border-bottom:#e7e7e7 solid 1px;}

.news-box:hover .commentheart a, .news-box:hover .commentheart i{ color:#ffffff;}
.post-cate{ padding-right:20px;}
.post-cate a{ color:#979797;}
h2.heading{ padding-bottom:15px;}
.underline{ border-bottom:1px solid #efeded;}
/*testimonials*/
.client-say{ width:80%; margin:0 auto;  position:relative; z-index:1; font:normal 16px/24px 'Roboto Condensed'; color:#333; }
.client-say .timthumb{ width:10%; float:left;}
.client-say .timthumb img{ width:100%; 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; }

/* = Page Layout css
-------------------------------------------------------------- */
.content-area{ padding:30px 20px !important;}
.site-main{ width:820px; margin:0; padding:0; float:left;}
.sitefull{ width:100% !important;}

/* = Sidebar css
-------------------------------------------------------------- */
#sidebar{ width:300px; float:right;}
.sidebar-left{ float:left !important;}
.flotRight{ float:right !important;}
.nosidebar{ float:none !important; margin:0 auto;}

aside.widget{margin-bottom:30px;}
aside.widget ul{ list-style:disc; }
h3.widget-title{ margin-bottom:20px; color:#000; text-transform:uppercase; font-size:18px; font-weight:600; letter-spacing:2px; }
#sidebar ul li{ list-style: none; padding:6px 0 8px 0; list-style-position:inside; margin:0; border-bottom:1px solid #ddd;}
#sidebar ul li a{ padding:0; color:#3b3b3b;  display:inline-block; }
#sidebar ul li a:hover{ color:#34c6f6;}
#sidebar ul li:last-child{ border:none;}

#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 .search-form input.search-field{ background-color:#f0efef; width:80%; padding: 11px 15px 11px 15px; box-sizing:border-box;}
#sidebar .search-form input.search-submit{ background:url(images/search-icon.png) no-repeat center center #f40055; padding: 12px 0 12px 0; font-size:0; width:20%; height:41px; float:right;}

/* = Footer css
-------------------------------------------------------------- */
#footer-wrapper{ background-color:#111111; position:relative; color:#c1c0c0; }
.footer{ padding:50px 0;}
.footer h5{ font-weight:400; margin-bottom:25px; border-bottom:1px solid #ffffff; padding-bottom:15px; position:relative; text-transform:uppercase;}
.footer h5 span{ color:#f40055;}
.footer a.readmore span{ color:#fff;}
.footer ul li{ list-style:disc inside none; }
.footer ul li:last-child{ border:none;}
.footer ul li a{ padding:8px 0 8px 10px; display:inline-block; color:#8a8989;  }
.footer ul li a:hover, .footer ul li.current_page_item a{ color:#f40055;}
.footer ul li:last-child a{ border-bottom:none;}
/*footer recent post*/
ul.recent-post{ margin:0px; padding:0px; list-style:none;}
ul.recent-post li{ display:block; line-height:18px; margin-bottom:20px; padding-bottom:5px; list-style:none; min-height:75px;}
ul.recent-post .footerthumb{ width:70px; height:75px; overflow:hidden; float:left; margin:0 15px 0 0;}
ul.recent-post li img { width:100%; height:auto; margin-top:4px; min-height:75px;}
ul.recent-post li span {font-size:11px;}
ul.recent-post li strong {font-size:16px; margin-bottom:8px; display:block;}
ul.recent-post li a {text-decoration:none; padding:0; border:none; display:block;}
ul.recent-post li a:hover { text-decoration:none;}
ul.recent-post li:last-child { border-bottom:0; padding-bottom:0; margin-bottom:0;}

.contactdetail{ line-height:22px; } 
.contactdetail i{ margin-right:20px; font-size:16px;}
.contactdetail p{ margin-bottom:10px;}

/*Footer Manageable css*/
.footer .cols-1 h5::after{ background:inherit !important}
.footer .cols-1 h5{ border:none!important; text-align:center; }
.cols-1 .widget-column-1{ width:100%; float:none; text-align:center;}
.cols-1 .widget-column-1 ul li{ display:inline-block; border:none;}
.cols-1 .widget-column-1 ul li a{ padding:0 15px; height:12px; line-height:10px; display:block;}
.cols-1 .widget-column-1 ul li:last-child a{border:none;}

.cols-2 .widget-column-1{width:45%; float:left; margin:0 10% 0% 0; box-sizing:border-box; }
.cols-2 .widget-column-2{width:45%; float:left; margin-right:0px; box-sizing:border-box;}

.cols-3 .widget-column-1{width:29%; float:left; margin:0 6% 0 0; box-sizing:border-box; }
.cols-3 .widget-column-2{width:29%; float:left; margin:0 6% 0 0; box-sizing:border-box;}
.cols-3 .widget-column-3{width:29%; float:left; margin-right:0px; box-sizing:border-box;}

/* footer 4 column css*/
.cols-4 .widget-column-1{ width:22%;  float:left; margin:0 4% 0 0; box-sizing:border-box; }
.cols-4 .widget-column-2{ width:22%;  float:left; margin:0 4% 0 0; box-sizing:border-box;}
.cols-4 .widget-column-3{ width:22%;  float:left; margin:0 4% 0 0; box-sizing:border-box;}
.cols-4 .widget-column-4{ width:22%;  float:left; margin-right:0; box-sizing:border-box;}


.copyright-wrapper { background-color:#161a20; color:#fff; position:relative; padding:15px 0;}
.copyright-txt{ text-align:center;}
.copyright-txt span{ padding:0 0 0 1%;}
.design-by{float:right;}

.footer .social-icons{ margin-top:20px;}
.footer .social-icons a{ width:35px; height:35px; line-height:35px; margin:0 5px 5px 0; padding:0; color:#c1c0c0;}
.footer .social-icons a:hover{ color:#f40055; }

/* = Contact Form css
-------------------------------------------------------------- */
.wpcf7{ margin:0; padding:0;}
.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{ background-color:#f1f1f1; border:1px solid #eed2bb; padding:5px 3px; margin-top:10px; font:13px arial; color:#777777;}
.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], #contactform_main textarea{width:60%; border:1px solid #E8E8E8; padding:15px; margin:0 8px 15px 0; box-shadow:1px 1px 2px #ccc inset; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px;}   
#contactform_main textarea{ width:60%; margin-right:0; height:130px;} 
#contactform_main span.capcode{ padding:13px; padding:10px; margin:0 0 8px 0; border:1px solid #ccc; display:inline-block; box-shadow:1px 1px 2px #ccc inset; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px;}   
#contactform_main input[type=submit], .wpcf7 form input[type="submit"] { font:400 20px/24px 'Roboto Condensed', sans-serif; text-transform:uppercase; cursor:pointer; border-radius:5px; }
.wpcf7 form input[type="text"], .wpcf7 form input[type="email"], .wpcf7 form input[type="tel"], .wpcf7 form textarea{ border:1px solid #ccc; padding:12px; margin:0 8px 15px 0; box-shadow:1px 1px 2px #ccc inset; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px;  }
.wpcf7 form textarea{ margin-right:0; height:130px;}
#contactform_main .cptcode{ margin-bottom:5px;} 
#portfoliosection .container{ width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

iframe{ width:100%;}
.contact_left{ float:left; width:65%; }
.contact_right{ float:right; width:30%;}
.contact_right h3{ margin-bottom:15px;}
.post-title{ margin-bottom:0px; font-weight:400; font-size:24px;}
.post-title a{ color:#3d3d3d;}
.post-title a:hover{ color:#f40055;}
h1.category-title{ margin-bottom:30px; text-transform:uppercase;}

.blog-post-repeat .postmeta{ border-bottom:1px solid #e8e8e8; margin-bottom:15px;}
p.read-more a{ background-color:#ff6565; color:#fff; text-align:center; padding:5px 15px;  display:inline-block; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;}
p.read-more a:hover { background-color:#34c6f6;}
.blog-post-repeat .post-thumb img{ float:left; margin-right:15px; margin-bottom:15px; height:auto;}

/*default css*/
.error_msg{padding:10px; background:#ffd3ce; color:#e00; border:1px #e00 solid; margin:15px 0;}
.success_msg{padding:10px; background:#dcffc5; color:#070; border:1px #070 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:#303441; color:#fff; padding:5px 10px; display:inline-block;}
.pagination ul li .current, .pagination ul li a:hover{background:#34c6f6;}
article.tag-sticky-2{background:#f6f6f6; padding:10px;}

h1.entry-title{font-weight:600; font-size:30px; text-transform:uppercase; margin-bottom:30px; position:relative;}

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 #eee solid; padding:7px 15px;}
input.search-submit, .post-password-form input[type=submit], .wpcf7 form input[type="submit"]{border:none; color:#ffffff; padding:7px 15px; cursor:pointer; }
#contactform_main p{ margin-bottom:0;}
.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;}
.comment-list ul, ol.comment-list ul{list-style:none;}
.comment-list li.comment{margin-top:20px;}
.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;}

/* Buttons */
.button{ background-color:#f40055; color:#fff; font:400 15px/22px 'Roboto Condensed', sans-serif; padding:8px 20px; display:inline-block; border-radius:5px;}
.button:hover{background-color:#202020; border-color:#1898c2; color:#fff;}
.shopnow{ background-color:#202020 !important;}
.shopnow:hover{ background-color:#f40055 !important;}

/* 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:#e1472f; padding:5px; display:inline-block; color:#fff; line-height:1;}
a.added_to_cart:hover{background:#000000;}
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 Condensed',san-serif; color:#ff8a00;}
.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price{ color:inherit !important;}
.woocommerce .products .star-rating{ padding-right:15px; margin-top:10px; float:right; z-index:9999;}
h1.product_title, p.price{ margin-bottom:10px;}
.woocommerce table.shop_table th, .woocommerce-page table.shop_table th{ font-family:'Roboto Condensed',san-serif; color:#ff6d84;}
.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%;}
.woocommerce .panel{ height:auto}
.subtitle{ text-align:center;}
/*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 Condensed',san-serif;}
.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: 15px; right:25px;}
#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;}
.space{ clear:both; min-height:10px; display:inline-block;}

#back-top span {width:42px;height:42px;	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.5;}
.slider-main{ min-height:560px; overflow:hidden; position:relative; background:url(images/loading.gif) no-repeat center center #fff;}


/*------------------------- RECENT PRODUCTS ------------------------*/
.woocommerce.columns-4, .woocommerce.columns-3, .woocommerce.columns-2{width:100%;}
.woocommerce h3{font-size:16px; text-align:center; padding:0 0 20px !important; margin:30px 0 20px 0 !important; text-transform:uppercase; font-weight:bold;}
.woocommerce ul.products li.product:hover .price, .home .woocommerce ul.products li.product:hover .button{ color:#fff !important; }

.woocommerce ul.products li.product .price{font-size:16px; color:#282828 !important; margin-top:-10px; padding:15px; box-sizing:border-box;	position:relative;background:#edf1f5;}
.woocommerce ul.products li.product .price:after {bottom: 100%;left: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;	border-color: rgba(237, 241, 245, 0);border-bottom-color: #edf1f5;border-width: 10px;margin-left: -10px;}
.home .woocommerce ul.products li.product a img{ margin-bottom:0 !important}
.home .woocommerce ul.products li.product .button{color:#282828 !important;float:right;margin-top:-42px;padding:0 15px 0 0;text-transform:uppercase;background:none !important;}
.home .woocommerce ul.products li.product .button:hover{background:none !important;}
.woocommerce ul.products li.product .price del{ float:left; padding-right:10px;}
.home .woocommerce .star-rating{ display:none !important;}
.clientwrap .one_half{ width:65% ; background:#ffffff; padding:20px;box-sizing:border-box;}
ul#ourclient li{ float:left; margin:0; padding:0; box-sizing:border-box;vertical-align:top; width:25%; text-align:center;}
ul#ourclient li img{vertical-align:top;}
/*testimonials css*/


.owl-carousel{ padding-top:20px;}
#sync1 .item{ text-align: center; }
#sync1 .item h5{font-size: 18px; text-transform:uppercase; margin-bottom:10px; }
#sync1 .item span{ color:#8a8989; font-size:14px; text-transform:uppercase;}
#sync1 .item p{ margin:0 0 30px 0;}

#sync2 .item{ text-align:center; cursor:pointer; height:82px; overflow:hidden; width:82px;}
#sync2 .item img{opacity:0.4; vertical-align:middle; min-height:82px; height:auto; width:100%;}
#sync2 .synced .item img{ opacity:1;}
#testimonials{background-color:rgba(245, 245, 244, 0.6); border:solid 1px #f36a2f; padding:30px 30px 0px 30px; }
#testimonialswrap{width:85%; margin:0 auto; height:auto; min-height:70px; box-sizing:border-box; position:relative;}

#testimonialswrap #sync1{ width:100%; margin: auto;}
#testimonialswrap #sync2{ width:100%; height:82px; overflow:hidden;}
#testimonialswrap #sync2 .owl-wrapper-outer{ width:100%; margin:0 auto; text-align:center;}
#sync2.owl-carousel .owl-item{ float: inherit; display:inline-block; width:90px;}
#sync1 .owl-wrapper-outer{padding-top:20px;}
.itembox p{ padding-top:25px;}
.owl-controls{ position:absolute; top:0; width:100%;}
.owl-buttons{ position:relative;}
.owl-prev{ background:url(images/arrew-prev.png) no-repeat; font-size:0; width:32px; height:32px; position:absolute; top:-60px; left:20%; }
.owl-next{ background:url(images/arrew-next.png) no-repeat;font-size:0; width:32px; height:32px;position:absolute; top:-60px; right:20%; }

.headerads{ float:right; margin-top:12px;}

/* Post Slider */
.three-col{ width:68%; box-sizing:border-box; margin-right:2%; float:left;}
.catslider{ padding:0;}
.catslider{ vertical-align:top;}
.catslider .item{height:375px; overflow:hidden;} 
.catslider .item img{width:100%;min-height:375px;}
.catdate{ padding:10px 18px 0;}
.catnamebox{ background-color:#f40055;color: #fff; font-size: 12px;font-weight: 600; top:5px; right: 5px; padding: 5px 15px; position: absolute; text-transform: uppercase; border-radius:2px; line-height:18px; }
.catnamebox a{color: #fff; }


.catslider .owl-pagination{ z-index:999999; text-align:center;}
.catslider .owl-pagination .owl-page span{height:15px;margin:0 2px; width:15px; background:#00FF00; display:inline-block; text-align:center; -webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;}
.catslider .owl-pagination .owl-page.active span{background:#ffffff !important; }
.catslider .owl-pagination .owl-page{ display:inline-block; }
.catslider .owl-controls{top:50%;transform:translateY(-50%); } 
.catslider .owl-buttons{ width:100%; position:absolute; top:50%;transform:translateY(-50%);}
.catslider .owl-prev{ background:url(images/slider-prev.png) no-repeat; font-size:0; width:22px; height:22px; position:absolute; top:50%; left:2%; }
.catslider .owl-next{ background:url(images/slider-next.png) no-repeat;font-size:0; width:22px; height:22px;position:absolute; top:50%; right:2%; }

.slide-caption {	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	color:#fff;
	z-index:8;	
	overflow: hidden;	
	position:absolute;
	text-align:left;
	width:100%; 
	left:0; 
	right:0; 
	bottom:0;  
	margin:0; 
	padding:0;
	 }
.slide-caption h2{margin:0; padding:15px; line-height:100%; text-transform:uppercase; font-weight:normal; font-size:15px; position:relative; color:#fff; }



.postlayout1{ background-color:#f40055; width:100%; position:relative; vertical-align:top; margin:0 0 5px 0; height:185px; overflow:hidden;}
.postlayout1 img{ width:100%; vertical-align:top; min-height:185px;}
.postlayout1:hover img{opacity:0.6;}
.postlayout1-title{width:100%; bottom:0; position:absolute;}
.postlayout1-title h6{margin:0; padding:15px; line-height:100%; text-transform:uppercase; font-weight:normal; }

.postlayout-carousel .owl-wrapper-outer{box-sizing:border-box;}
.postlayout-carousel .owl-item{  padding:0 10px; box-sizing:border-box; text-align:left;}
.postlayoutcarousel-thumb{ background-color:#f40055; height:180px; overflow:hidden;}
.postlayoutcarousel-thumb img{ min-height:180px; width:100%;}
.postlayoutcarousel-thumb:hover img{opacity:0.4 }
.postlayout-carousel .owl-item h5{ margin:20px 0; line-height:25px;}
.postlayout-carousel .owl-item .spanleft{ float:left;}
.postlayout-carousel .owl-item .spanright{ float:right; text-transform:uppercase;}
.readcomment{ background-color:#ddd; padding:10px; font-weight:500; margin-top:20px; }
.readcomment:hover{ background-color:#f2f2f2; }
.spanrightleftclear{ display:block; margin-bottom:5px; clear:both; text-transform:uppercase; font-size:12px;}
.postlayout-carousel .owl-prev{ background:url(images/post-arrew-next2.png) no-repeat; width:7px; height:10px; top:-50px; left:97%; }
.postlayout-carousel .owl-next{ background:url(images/post-arrew-next.png) no-repeat; width:7px; height:10px; top:-50px; right:0; }
.postlayout-carousel .owl-prev:hover, .postlayout-carousel .owl-next:hover{ opacity:0.5;}

.postlayout2 { width:48%; float:left; margin:0 4% 4% 0; padding:0;}
.postlayout2 h5{margin:0; padding:15px 0; line-height:100%; font-weight:500; }
.postlayout2 .spanleftread{ margin:20px 0 0 0; display:block;}
.postlayout2-thumb{background-color:#111; height:200px; overflow:hidden;}
.postlayout2-thumb img{ width:100%; min-height:200px;}
.postlayout2-thumb:hover img{opacity:0.4 }

.postlayout3{ width:100%; margin:0 0 5% 0; padding:0; min-height:150px;}
.postlayout3 h5{margin:0; padding:0 0 10px 0; line-height:100%; font-weight:500; }
.postlayout3 .spanleftread{ margin:20px 0 0 0; display:block;}
.postlayout3-thumb{  background-color:#f40055; height:150px; width:250px; margin-right:5%; float:left; overflow:hidden;}
.postlayout3-thumb img{width:100%; min-height:150px;}
.postlayout3:hover img{opacity:0.4;}
.postlayout3 .spanrightleftclear{ margin-bottom:10px; clear:inherit;} 



/* Sidebar latest posts */
#section3 .one_third.last_column p{ margin:0;}
#section3 .one_third.last_column .sidebarpost p{ margin-bottom:15px;}
.sidebarpost{ width:100%; text-align:left; margin-bottom:15px; padding-bottom:5px; border-bottom:1px solid #eeeeee}
.sidebarpost h6{ margin:0; padding:0 0 5px 0;}
.sidebarpost .spancentertitle{ text-align:left; margin:0; line-height:18px;}
.sidepost_thumb{  background-color:#f40055; overflow:hidden; width:110px; height:75px; float:left; margin:3px 15px 0 0;}
.sidepost_thumb img{ width:100%; min-height:75px;}
.sidepost_thumb:hover img{opacity:0.4;}

.sidebarpost1{  width:100%; height:220px; overflow:hidden;text-align:left; margin:0 0 5% 0; padding:0;position:relative;}
.sidebarpost1 h6{ margin:0; padding:0 0 5px 0;}
.sidebarpost1 .spancentertitle{ text-align:left; margin:0; line-height:18px;}
.sidepost1_thumb{overflow:hidden; width:100%; height:220px; margin:0; }
.sidepost1_thumb img{ width:100%; min-height:220px; overflow:hidden;}
.side-post1-content{ position:absolute; bottom:0; padding:30px;}
.side-post1-content p{ margin:0 0 10px  0 ;}
.sidebarpost1:hover .sidepost1_thumb img{ opacity:0.4;}
.separator-border{ border:solid 5px #ffffff; box-sizing:border-box; padding:5% 0; margin:5% 0; display:table; width:100%;}
.separator-border .subtitle{ font-weight:bold;}
#section7 .one_third img{ width:100%;}


/* Business News Section CSS
================================================*/

.businessnewsbox{ width:31.3%; float:left; margin:0 2% 25px 0; padding:0; position:relative; box-sizing:border-box; text-align:left; background-color:#111; border-radius:5px; height:250px; overflow:hidden; color:#fff; }
.businessnewsbox .contentbox{ position:absolute; bottom:0; padding:25px;}
.businessnewsbox .imagesbox{ display:block; height:250px; }
.businessnewsbox .imagesbox a{ display:block;}
.businessnewsbox .imagesbox img{ display:block; width:100%; min-height:250px;}
.businessnewsbox:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 30%,rgba(0,0,0,0.6) 100%);
  background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 30%,rgba(0,0,0,0.6) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#99000000',GradientType=0 );
  -webkit-transition: .3s;
  transition: .3s;
  z-index: 10;
}
.businessnewsbox:after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.1);
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  opacity: 0;
}
.businessnewsbox:hover:after{
  background: rgba(0,0,0,0.6);
  opacity: 1;
}
.businessnewsbox:hover:before{
  opacity: 0;
}

.business-list-content {
  position: absolute;
  bottom: -125px;
  left: 0;
  width: 100%;
  padding: 30px;
  color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  z-index: 10;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.business-list-title {
  font-size: 20px;
   line-height:22px;
  margin-top: 0;
  margin-bottom: 5px;
  display: block;
}
.business-list-title a,
.business-list-title a:hover {
  color: #fff;
}
.business-list-button {
  display: inline-block;
  background-color: #f40055;
  color: #fff;
  padding: 4px 15px;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 500;
  position: relative;
  bottom: -15px;
  opacity: 0;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.business-list-button:hover,
.business-list-button:focus { color: #fff;}
.businessnewsbox:hover .business-list-button{ bottom: 0;  opacity: 1;}
.businessnewsbox:hover .business-list-content{ bottom: 0;}
.businessnewsbox .spanrightleftclear{ margin-bottom:10px;}


/* Posts Filter Section CSS
================================================*/

.postfilterbx{ float:left; margin:0 2% 2% 0; padding:0; position:relative; box-sizing:border-box; text-align:left; background-color:#111; border-radius:5px; height:250px; overflow:hidden; color:#fff; }
.postfilterbx .postimagesbox{ display:block; height:250px; }
.postfilterbx .postimagesbox a{ display:block;}
.postfilterbx .postimagesbox img{ display:block; width:100%; min-height:250px;}
.postfilterbx:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 30%,rgba(0,0,0,0.6) 100%);
  background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 30%,rgba(0,0,0,0.6) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#99000000',GradientType=0 );
  -webkit-transition: .3s;
  transition: .3s;
  z-index: 10;
}
.postfilterbx:after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.1);
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  opacity: 0;
}
.postfilterbx:hover:after{
  background: rgba(0,0,0,0.6);
  opacity: 1;
}
.postfilterbx:hover:before{
  opacity: 0;
}

.filter-content {
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 100%;
  padding: 30px;
  color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  z-index: 10;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.filter-list-title {
  font-size: 20px;
   line-height:22px;
  margin-top: 0;
  margin-bottom: 5px;
  display: block;
}
.filter-list-title a {
  color: #fff;
}
.filter-list-title a:hover {
  color: #f40055;
}

.postfilterbx:hover .filter-content{ bottom:60px;}
.postfilterbx .spanrightleftclear{ margin-bottom:10px;}