/*
Theme Name: SKT Startup Pro
Theme URI: http://www.sktthemes.net/shop/startup-wordpress-theme/
Author: SKT Themes
Author URI: http://www.sktthemes.net/
Description: StartUp WordPress theme is a responsive multipurpose small business WordPress theme which can be used for repair, handyman, construction, consulting, architecture, HVAC, it department, mechanic, mobile, flat, modern, creative, agency etc. It is compatible with WooCommerce for eCommerce and shop and is translation ready. Demo: http://sktthemesdemo.net/startup

Version: pro1.0
License: GNU General Public License version 3
License URI: license.txt
Text Domain: skt-startup-pro
Tags:orange,black,white,gray,one-column,two-columns,left-sidebar,right-sidebar,responsive-layout,custom-background,custom-header,custom-menu,editor-style,featured-images,full-width-template, sticky-post,theme-options,threaded-comments,translation-ready,photoblogging

SKT Startup Pro WordPress Theme has been created by SKT Themes(sktthemes.net), 2016.
SKT Startup Pro WordPress Theme is released under the terms of GNU GPL
*/

*{ margin:0; padding:0; outline:none;}
body{ background-color:#fff; margin:0; padding:0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; -ms-word-wrap:break-word; word-wrap:break-word; line-height:22px; margin:0; padding:0; }
img{ margin:0; padding:0; border:none;}
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;}
p{ margin: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{ 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; height:auto;}
.alignright, img.alignright { display: inline; float: right; margin-left:10px; 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;}
.toggleMenu{display:none;}
.home section{ padding:70px 0;}
.home section#wrappfourth{ padding-bottom:40px;}
h2.section_title{font-weight:400; text-align:center; padding-bottom:25px; margin-bottom:60px; position:relative;}
h2.section_title::after{ content:""; position:absolute; width:48px; height:1px; background-color:#292929; bottom:0; left:0; right:0; margin:auto;}

/*Header Info Bar CSS*/
.headerinfo { font:600 14px/18px 'Roboto'; color:#fff; padding:10px 10px 15px; display:inline-block; background-color:rgba(0,0,0,0.6); margin-bottom:0; }
.headerinfo .fa{ font-size:14px; margin-right:8px;}
.headerinfo span{ margin-left:25px;}
.headerinfo a{ color:#fff;}

#slider{ width:100%; margin:0; padding:0; position:relative; }

.logo{float:left;  text-align:left; width:25%; padding:15px 0;}
.logo h1{font-weight:600; margin:0px; text-transform:uppercase;}
.logo img{ height:44px;}
.logo h1 span{ color:#ff6600; display:inline-block;}
.logo a{color:#000;}
.tagline{ font-family:'Roboto', sans-serif; color:#fff; display:block;}
.header_right{ float:right; text-align:right; width:75%;}



/* = social icons css
-------------------------------------------------------------- */
.social-icons{ text-align:center;}
.social-icons a{ background-color:#fff; width:35px; height:35px; line-height:35px; margin:0 5px 5px 0; padding:0; text-align:center; -moz-border-radius:50% -webkit-border-radius:50%; border-radius:50%; display:inline-block; font-size:17px; }
.social-icons a:last-child{ margin-right:0;}
.social-icons br{ display:none;}

.container{ width:1170px; margin:0 auto; position:relative;}

/*header menu css*/
.toggle{display: block;}
.toggle a{width:auto; color:#ffffff; background:url(images/mobile_nav_right.png) no-repeat right center #3e3e3e; padding:10px 25px; margin-top:5px; font-size:16px; text-align:left;}
.toggle a:hover{color:#ffffff !important;}
.sitenav{display:none;}

.header{width:100%; z-index:999; position:absolute; }
.sitenav{ padding:0; position:relative; z-index:9999; }
.sitenav ul {margin:0; padding:0; font-family:'Roboto', sans-serif; font-weight:600;}
.sitenav ul li{display:inline-block; text-transform:uppercase; position:relative;}
.sitenav ul li:last-child{border-right:none;}
.sitenav ul li a{padding:24px 15px; display:block; text-align:center;}
.sitenav ul li ul li{display:block; position:relative; float:none; border-bottom:1px #ccc solid;}
.sitenav ul li ul li a{display:block; padding-top:10px; padding-bottom:10px; position:relative; text-align:left;}

.sitenav ul li ul{ display:none; z-index:999999; 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; }
/* = innerbanner css 
-------------------------------------------------------------- */
.innerbanner{ text-align:center; height:300px; overflow:hidden;}
.innerbanner img{ position: relative; background-size:cover; width:100%; height:auto;}

/* = header top sign in  css 
-------------------------------------------------------------- */

/*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%;}

/* = section first css
-------------------------------------------------------------- */
.fourbox{ background-color:#ebe3d0; color:#2e2e2e; width:23.1%; padding:17px 17px 0; float:left; margin:0 2.3% 0 0; text-align:center; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; min-height:295px; position:relative;}
.fourbox .thumbbx{ width:77px; height:77px; overflow:hidden; margin: 0 auto;  border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; }
.fourbox img{ width:100%; height:auto; min-height:77px;}
.fourbox p{ margin-bottom:45px; line-height:20px; }
.fourbox h3{ font-size:17px; font-weight:600; color:#2e2e2e; text-transform:uppercase; margin:30px 0 20px;}
.fourbox a.ReadMore{ background-color:#333339; color:#fff ; padding:5px 15px; display:inline-block; position:absolute; bottom:0; left:50%; transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); -webkit-transform:translateX(-50%);}
.fourbox a.ReadMore:hover{ background-color:#ff6600; color:#fff; }

.fourbox:hover{ background-color:#ff6600; color:#fff;}
.fourbox:hover h3{ color:#fff;}
.fourbox:hover a.ReadMore{ background-color:#fff; color:#ff6600;}






.one_column{ width:100%; text-align:left; padding:17px;}
.one_column .thumbbx{ width:320px; height:130px; overflow:hidden; float:left; margin:0 30px 0 0;}
.one_column .thumbbx img{ width:100%;}
.one_column h3{ margin:0 0 20px;}

.two_column{ width:48.4%;}
.three_column{ width:31.4%;}
.five_column{ width:18%;}
.six_column{ width:15.5%; margin-right:1%;}

/* = Team Member css
-------------------------------------------------------------- */
.teammember-list{ float:left; width:21%; margin:0 5% 5% 0; }
.teamthumbnail{ height:240px; overflow:hidden;}
.teamthumbnail img{ width:100%; height:auto;}
.teammember-list h5{ font-size:17px; color:#fff; margin:7px 0; text-transform:none; font-weight:400;}
.teammember-list p{ margin-bottom:10px;}
.member-desination{ color:#fff; font-size:12px; border-bottom:2px solid #ff6600; padding-bottom:5px; display:inline-block; margin-bottom:15px;}
.member-social-icon{padding:10px 0; margin-top:10px;}
.member-social-icon a{ margin:0 15px 0 0; color:#ccc;}
.member-social-icon a:hover{ color:#ff6600;}

/*our services boxes*/
.serviceswrap { margin:auto; display:table;}
.offeredbox{width:224px;  margin-right:90px; position:relative;  border-radius:50%; text-align:center; float:left; margin:0 34px 30px 34px;}
.offeredbox .srvthumb{ background-color:#d18b00;  border-radius:50%; width:224px; height:224px; overflow:hidden;}
.offeredbox .srvthumb img{ height:auto; min-height:224px; width:100%;}
.offeredbox .srvthumb:hover img{opacity:0.3;}
.offeredbox h3{ font-size:20px; margin:25px 0;}
.offeredbox h3 a{ color:#fff;}
.offeredbox:hover h3 a{ color:#d18b00;}

/* Latest News */
#wrappfourth h2.section_title{ margin-bottom:100px;}
.threecolumn{ width:1100px; margin:0 auto;}
.news-box{ width:28.2%; float:left; margin:0 7% 7% 0; position:relative;}
.news-box .news-thumb{ height:280px; overflow:hidden; box-shadow:-15px -15px 0 #f5f5f5;}
.news-box .news-thumb img{ width:100%; height:auto; min-height:280px;}
.news-box h6{margin:25px 0 15px; color:#292929; font-size:16px; text-transform:uppercase; }
.news-box.last { border-bottom:0 ; margin:0 ; padding:0 ;}
.news-box .datebx{ width:75px; height:86px; padding:8px; background-color:#515151; color:#ffffff; font:400 28px/45px 'Roboto'; text-align:center; position:absolute; top:-55px; left:-50px; }
.news-box .bdrbx{ border:1px solid #696969;}
.news-box .datebx span{ font-size:16px; font-weight:400; display:block; border-top:1px solid #696969; line-height:36px;}
.news-box:hover .datebx{ background-color:#ff6600; color:#ffffff; }
.news-box:hover .bdrbx, .news-box:hover .datebx span{ border-color:#ffd883;}
.news-box:hover h6{color:#ff6600; }

.last { margin-right:0 !important;}
/* Our Process */
.processwrap{ width:900px; margin:auto;}
.processcircle{ width:161px; height:161px; padding:0 20px; float:left; margin:0 3.5% 5% 3%;  border:2px solid #ff6600; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; text-align:center; box-sizing:border-box; position:relative;}
.processcircle h4{ font-size:20px; font-weight:600; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%);}
.processcircle h4 a{ color:#292929;}
.processcircle:hover{ background-color:#ff6600; cursor:pointer;}
.processcircle:hover  h4 a{ color:#fff;}

.custombtn{ margin-top:30px;}
h2.heading{ padding-bottom:15px;}
.underline{ border-bottom:1px solid #efeded;}
a.morebutton{ background-color:#ff6600; color:#fff ; padding:10px 20px; font:normal 16px/20px 'Roboto'; text-transform:uppercase; display:inline-block;}
a.morebutton:hover{ background-color:#111111; color:#fff; }

.tmwrap{ position:relative; z-index:1; color:#666464; text-align:center; font-size:14px; width:80%; margin:0 auto;}
.titleholder{ width:275px; margin:30px auto 10px;}
.tmwrap .say_thumb{ width:75px; height:75px; overflow:hidden; float:left; border-radius:100%; -moz-border-radius:100%; -ms-border-radius:100%; -o-border-radius:100%; -webkit-border-radius:100%; border:#fff solid 3px;}
.tmwrap .titlebox{ width:180px; float:right; text-align:left;}
.tmwrap .say_thumb img{ height:auto; min-height:75px; width:100%;}
.tmwrap h5{ color:#ff6600; margin:15px 0 5px 0; text-transform: uppercase; font-size:16px; }
.page .tmwrap{ border:solid 2px #333 !important;  color:#333 !important;}
.page .tmwrap h5{ color:#333 !important;}

/*Testimonials List CSS*/
.listing{ margin-bottom:30px;}
.listing .tml_thumb{ width:25%; float:left; margin:0 30px 0 0;}
.listing .descriptionbx{ width:70%; float:right;}
.listing .descriptionbx h5{ margin-bottom:5px;}
.listing .descriptionbx span{ margin-bottom:15px; display:block}


/*photo gallery css*/
.photobooth .filter-gallery { position:relative; margin:0 auto 70px; text-align:center; background-color:#efeeee; border:1px solid #e0e0e0; display:table; padding:0 25px; }
.photobooth .filter-gallery ul {list-style:none !important; margin:0; padding:0; }
.photobooth .filter-gallery ul li {font:400 15px/20px 'Roboto',san-serif; display:inline-block; padding:0; width:auto; list-style:none;  cursor:pointer; position:relative;  }
.photobooth .filter-gallery ul li a{  display:block; padding:15px; color:#fff; }
.photobooth .filter-gallery ul li:last-child a{ border-right:none;}
.photobooth .filter-gallery ul li.current a, .photobooth .filter-gallery ul li a:hover{ color:#ff6600; }

.photobooth .gallery ul{list-style:none !important; margin:0;}
.photobooth .gallery ul li{width:23%; height:250px; overflow:hidden; float:left;  position:relative; margin:0 30px 40px 0; background-color:#ff6600; line-height:40px; list-style:none; padding:0; cursor:pointer; box-shadow:-15px -15px 0 #2b271b; }
.photobooth .gallery ul li strong{ font:600 18px/20px 'Roboto',san-serif; text-transform:uppercase; color:#fff; opacity:1; position:absolute; display:none; text-align:center; border:1px solid #fff; padding:10px 20px; border-radius:5px; left:27%; top:40%; }
.photobooth .gallery ul li:hover strong{ display:block; }
.photobooth .gallery ul li img {vertical-align:middle; display:block; width:100%; height:auto; min-height:250px; margin:0;}
.photobooth .gallery ul li:hover img {opacity:0.4;}


.photobooth .filter-gallery ul li.current a:after, .photobooth .filter-gallery ul li.current a:before{ top: 100%;left: 50%;	border: solid transparent;	content: " ";height: 0;
	width: 0;position: absolute;pointer-events: none;}	
.photobooth .filter-gallery ul li.current a:after { border-top-color: #efeeee;	border-width: 7px;	margin-left: -7px;}
.photobooth .filter-gallery ul li.current a:before { border-top-color: #e0e0e0;	border-width: 8px;	margin-left: -8px;}



/* --------- Pages ------- */
.content-area{ width:1170px; margin:0 auto; padding:50px 0;}
.site-main{ width:720px; margin:0; padding:0; float:left;}
.sitefull{ width:100% !important;}
#sidebar{ width:350px; float:right;}
.sidebar-left{ float:left !important;}
.flotRight{ float:right !important;}
/*sidebar css*/
aside.widget{margin-bottom:30px; background-color:#f9f9f9; padding:20px;}
aside.widget ul{ list-style:disc; }
h3.widget-title{ background-color:#34c6f6; padding:12px 15px; margin-bottom:1px; color:#fff;}
#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, #sidebar #contactform_main  span.capcode, #sidebar #contactform_main .capinput{width:100%;  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
#sidebar #contactform_main p{ margin-bottom:10px;}

#sidebar #contactform_main  span.capcode{ display:inline-block; width:30%; margin:0 3% 5px 0; padding:12px 13px; } 
#sidebar #contactform_main .capinput{  display:inline-block; width:67% !important; margin:0;} 

#sidebar ul li{ list-style:inside none disc; border-bottom:1px dashed #d0cfcf; padding:8px 0}
#sidebar ul li a{ font:300 14px/18px "Roboto",sans-serif; color:#3b3b3b; padding-left:8px; }
#sidebar ul li a:hover{ color:#34c6f6;}
#sidebar ul li:last-child { border:none;}
.nosidebar{ float:none !important; margin:0 auto;}

/* = Footer css
-------------------------------------------------------------- */
#footer-wrapper{ background-color:#ffffff; position:relative; }
#footer-wrapper .footwrap{ padding:50px 0;}
.cols-4{ width:18%; float:left; margin:0 5% 3% 0; position:relative;}
.widget-column-3 { width:24%;}
.cols-4.widget-column-3 p{ margin-bottom:25px;}
.widget-column-4 { width:25%;  margin-right:0;}
.cols-4 h5{ font-weight:400; margin-bottom:25px; text-transform:uppercase; border-bottom:1px solid #3f3f3f; padding-bottom:15px;}
.cols-4 h5 span{ color:#ff6600;}
.cols-4 a.readmore span{ color:#fff;}
.cols-4 p{ margin-bottom:7px;}
.phone-no{ line-height:22px;} 
.phone-no span { color:#ff6600;}
.cols-4 .parastyle{ margin-bottom:0;}
.cols-4 .phone-no p{ margin-bottom:2px;}

.copyright-wrapper { background-color:#13120f; position:relative; padding:30px 0; text-align:center; color:#fff;}
.copyright-wrapper ul li{ display:inline-block;}
.copyright-wrapper ul li a{ color:#fff; padding:0 10px; display:block; border-right:1px solid; height:12px; line-height:10px; }
.copyright-wrapper ul li a:hover, .copyright-wrapper ul li.current_page_item a{ color:#ff6600;}
.copyright-wrapper p{ line-height:30px;}

/* = Contact Form css
-------------------------------------------------------------- */
.wpcf7{ margin:0; padding:0; font:15px 'Roboto',san-serif; color:#d6d6d6;}
.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:40%; border:1px solid #eed2bb; padding:15px; float:left; margin:0 8px 8px 0;}   
#contactform_main textarea{ width:85.6%; margin-right:0; height:130px;} 
#contactform_main span.capcode{ float:left; padding:13px; border:1px solid #eed2bb; margin:0 8px 8px 0;}   
#contactform_main input[type=submit], .wpcf7 form input[type="submit"] { font:400 20px/24px 'Roboto', sans-serif; text-transform:uppercase; cursor:pointer; }
.wpcf7 form input[type="text"], .wpcf7 form input[type="email"], .wpcf7 form input[type="tel"], .wpcf7 form textarea{ border:1px solid #eed2bb; padding:15px; margin:0 8px 8px 0; }
.wpcf7 form textarea{ margin-right:0; height:130px;} 
#contactform_main p{ margin:0;}

/*Reservation form css*/
.wpcf7 form input[type="text"], .wpcf7 form input[type="email"], .wpcf7 form input[type="tel"], .wpcf7 form textarea{ width:90%; background-color:#fff; color:#a0a0a0; border:1px solid #eed2bb; padding:10px 15px; }
.wpcf7 form{ margin-bottom:6px;}
.wpcf7 form input[type="submit"] { font:400 20px/24px 'Roboto', sans-serif; text-transform:uppercase; cursor:pointer; width:100%; }


iframe{ border:1px solid #ccc !important; padding:9px; margin-bottom:25px; width:100%; box-sizing:border-box;}
.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;}
.post-title a{ color:#3d3d3d;}

.blog-post-repeat .postmeta{ margin-bottom:15px;}
p.read-more a{font:600 12px/22px 'Roboto', sans-serif;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; 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;}
h1.entry-title, h1.page-title{padding-bottom:20px; line-height:30px; border-bottom:solid 3px #ff0000; display:table; text-transform:uppercase;}
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:15px;}
input.search-field, .post-password-form input[type=password], .wpcf7 form input[type="submit"]{border:1px #eee solid; padding:8px 15px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
input.search-submit, .post-password-form input[type=submit], .wpcf7 form input[type="submit"]{border:none; color:#ffffff; padding:8px 15px; cursor:pointer; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}

.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;}
.accordion-box h2.active{color:#34c6f6; border-bottom:1px solid #ccc;}


.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, .btnfeatures{ background-color:#ff6565; color:#fff; font:400 14px/22px 'Roboto', sans-serif; padding:8px 20px; display:inline-block; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; -o-border-radius:2px; -ms-border-radius:2px; }
.button:hover{background-color:#34c6f6; border-color:#1898c2; color:#fff;}

.btnfeatures{ background-color:transparent;  border:1px solid #fff; padding:8px 20px; margin-right:20px;}
.btnfeatures:hover{ border-color:#ff6565;}

/*Quick contact form css*/
#quick-contactform{ background-color:rgba(0,0,0,0.5); position:absolute; width:315px; top:22%; right:6.7%; padding:25px; box-sizing:border-box; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; z-index:99;}
#quick-contactform h2.section_title{ margin-bottom:30px; padding-bottom:20px; font-size:20px !important; font-weight:600;}

#quick-contactform input[type=text], #quick-contactform input[type=email], #quick-contactform input[type=tel], #quick-contactform input[type=url], #quick-contactform textarea, #quick-contactform  span.capcode, #quick-contactform .wpcf7 form input[type=text], #quick-contactform .wpcf7 form input[type=email], #quick-contactform .wpcf7 form input[type=tel], #quick-contactform .wpcf7 form input[type=url], #quick-contactform .wpcf7 form textarea{width:100%; border:none; padding:8px 15px; float:none; margin:0 0 5px 0;  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; background-color:rgba(255,255,255,0.5) ; color:#fff !important; text-transform:uppercase; font-weight:bold;}
#quick-contactform  textarea, #quick-contactform  .wpcf7 form textarea{ height:80px; margin-bottom:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;} 
#quick-contactform  span.capcode{ display:inline-block; width:30%; border:none; margin:0 3% 5px 0; padding:4px 13px;} 
#quick-contactform .capinput{  display:inline-block; width:67% !important;}  
#quick-contactform  input[type=submit], #quick-contactform .wpcf7 form input[type="submit"] { font:400 20px/24px 'Roboto', sans-serif; text-transform:uppercase; cursor:pointer; border-radius:0; }


/* 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',san-serif; color:#ff8a00;}
.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',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}

/*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:#333333; padding:5px 10px; color:#ffffff; font:15px 'Roboto',san-serif;}
.prev-page a:hover, .next-page a:hover{ color:#ffffff; background-color:#34c6f6;}
.singleright { float:left; }
.singleleft { float:right; }
.woocommerceright{float:left;}
.woocommerceleft{float:right;}
.woocommercesitefull{ width:100%;}
.contact_right .phone-no a{color:#333;}
#slider{ min-height:655px; background:url(images/loading.gif) no-repeat center center #ffffff;}


.ngg-gallery-thumbnail-box {box-sizing: border-box; float:left; margin-right:0 !important; padding:0 5px !important; width:25%;}
.ngg-gallery-thumbnail { width:100%;}
.ngg-gallery-thumbnail img { margin:4px 0 !important; width:100%; box-sizing:border-box;}