/*
Theme Name: SKT Clean Pro
Theme URI: http://www.sktthemes.net/shop/clean-multipurpose-wordpress-theme/
Author: SKT Themes
Author URI: http://www.sktthemes.net
Description: SKT Clean Pro is a clean multipurpose WordPress theme which is scalable as well as flexible and can be used for any business, commercial, corporate, photography, portfolio, personal or to showcase any product or projects. It is compatible with WooCommerce and can be used as a shop and is multilingual using qTranslate X. It is also translation ready for translation in other languages. Compatible with NextGen gallery for portfolio and contact form 7 for forms. Check demo at: http://sktthemesdemo.net/clean/

Version: pro 1.0
License: GNU General Public License version 3
License URI: license.txt
Text Domain: skt-clean-pro
Tags: blue,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 Clean Pro WordPress Theme has been created by SKT Themes(sktthemes.net), 2016.
SKT Clean Pro WordPress Theme is released under the terms of GNU GPL
*/

*{ margin:0; padding:0; outline:none;}
*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
}

body{ margin:0; padding:0; 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#pagearea{ background-color:#f6f6f6;}
.home section#wrapperthree{ padding-bottom:0;}

h2.section_title{font-weight:600; text-align:center; padding-bottom:25px; margin-bottom:60px; position:relative; color:#2e2e2e; border-bottom:1px solid #eeeeee; display:table; margin:0 auto 50px;}
h2.section_title::after{ content:""; position:absolute; width:10px; height:10px; background-color:#fff; border:2px solid #eeeeee; bottom:-6px; left:0; right:0; margin:auto; border-radius:50%; -webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box; }
h2.section_title span{ font-weight:300;}

/*Header Info Bar CSS*/
.headertop{ background-color:#f9f9f9; border-bottom:1px solid #f1f0f0;}
.headerinfo { font:400 15px/18px 'Roboto Condensed'; color:#1f1f1f; padding:15px 10px; display:inline-block; float:left; }
.headerinfo .fa{ margin-right:8px;}
.headerinfo span{ margin-left:35px;}
.headerinfo a{ color:#fff;}
.headertop .right .headerinfo{ padding:0;}

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

.logo{float:left;  text-align:left; width:25%; padding:18px 0;}
.logo img{ height:84px;}
.logo h1{font-weight:600; margin:0px; text-transform:uppercase;}
.logo h1 span{ color:#ffae00; display:inline-block;}
.logo a{color:#000;}
.tagline{ font-family:'Roboto Condensed', sans-serif; font-size:14px; color:#828181; display:block;}
.header_right{ float:right; text-align:right; width:75%; padding:26px 0;}

/* = social icons css
-------------------------------------------------------------- */
.headertop .social-icons{ text-align:center;}
.headertop .social-icons a{ width:40px; height:48px;line-height:48px; margin:0; padding:0;text-align:center; display:inline-block; float:left; font-size:15px; border-right:1px solid #e6e5e5; }
.headertop .social-icons a:hover{ background-color:#31cafd; color:#fff;}
.headertop .social-icons a:last-child{ margin-right:0;}
.headertop .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;}
.header{width:100%; position:relative; box-shadow:0 3px 3px #ccc; z-index:999;}
.sitenav{ padding:0; position:relative; z-index:999; }
.sitenav ul {margin:0; padding:0; font-family:'Roboto', sans-serif; font-weight:300;}
.sitenav ul li{display:inline-block; text-transform:uppercase; position:relative;}
.sitenav ul li:last-child{border-right:none;}
.sitenav ul li a{padding:8px 23px; display:block; text-align:center;}
.sitenav ul li.current_page_item a, .sitenav ul li a:hover, .sitenav ul li.current-menu-parent a.parent{ background-color:#31cafd; color:#fff; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;}
.sitenav ul li:last-child ul{ right:0;}


.sitenav ul li ul li{display:block; position:relative; float:none; top:-1px; border-bottom:1px #eaeaea solid;}
.sitenav ul li ul li a{ display:block; padding-top:10px; padding-bottom:10px; position:relative; top:1px; text-align:left;}

.sitenav ul li ul{display:none; z-index:9999; 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:1px;}

.sitenav ul li:hover > ul li a{ border-radius: 0px;}

/* = 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{ color:#2e2e2e; width:21.8%; float:left; margin:0 4% 0 0; text-align:center; position:relative;}
.fourbox:hover{ cursor:pointer;}
.fourbox img{ padding:14px; width:100%;
	 -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
	}
		
.fourbox p{ margin-bottom:20px; line-height:20px; }
.fourbox h3{ font-size:18px; font-weight:400; color:#343434; margin:0 0 25px;}
a.ReadMore{ background-color:#333339; color:#fff ; padding:5px 15px; display:inline-block;}
a.ReadMore:hover{ background-color:#ffae00; color:#fff; }
.fourbox:hover h3{ color:#31cafd;}
.fourbox .thumbbx {
    width: 59px;
    height:59px;
	margin:0 auto 40px;
	box-shadow:-5px 5px 0 #e3e3e3;
	border-radius:5px; -moz-border-radius:5px;-wbkit-border-radius:5px;
    background: #868787;
/* Rotate */
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
	/*transition:0.6s; -moz-transition:0.6s; -webkit-transition:0.6s; -o-transition:0.6s;*/
}
.fourbox:hover .thumbbx{ background: #31cafd; 
	 -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); 
	transition:0.6s; -moz-transition:0.6s; -webkit-transition:0.6s; -o-transition:0.6s;
	}
	
.fourbox .thumbbx img{ 
	 -webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	}
	
.fourbox:hover .thumbbx img{ 
	 -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
	}
	
.one_column{ width:100%;}
.two_column{ width:48%;}
.three_column{ width:30%;}
.five_column{ width:18%;}
.six_column{ width:15.5%; margin-right:1%;}
	
/* = Featured Services css
-------------------------------------------------------------- */
.theme-features .last_column{ padding-top:20px;}	
.theme-features h5{ margin-bottom:40px;}
.featurebx{position:relative;}
.featurebx:hover { cursor:pointer;}
.ftrthumb{ width:45px; height:45px; float:left; background-color:#868787;  text-align:center; margin-bottom:35px; color:#fff; border-radius:5px; -moz-border-radius:5px;-wbkit-border-radius:5px;
/* Rotate */
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
	transition:all 0.6s ease 0s; -moz-transition:all 0.6s ease 0s; -webkit-transition:all 0.6s ease 0s; -o-transition:0.6s ease 0s;
}	
.ftrthumb .fa{ font-size:22px; padding:10px;
	-webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);}
.ftrdescription{ width:85%; float:right;}
.ftrdescription span{ color:#34c6f6; font-weight:bold;}
.ftrdescription p{ display: inline;}
.blankline{ position:absolute; height:35px; width:2px; background-color:#868787; left:21px; bottom:2px;}
.featurebx:last-child .blankline{ width:0 !important;}

.featurebx:hover .ftrthumb{background-color:#31cafd; cursor:pointer;  -webkit-transform: rotate(0deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg); 
	transition:all 0.6s ease 0s; -moz-transition:all 0.6s ease 0s; -webkit-transition:all 0.6s ease 0s; -o-transition:all 0.6s ease 0s;}

/* Latest News */
.news-box{ width:33.3%; float:left; margin:0; position:relative;}
.news-box .newsthumb{ max-height:252px; overflow:hidden; }
.news-box .newsthumb a{ display:block;}
.news-box .newsthumb img{ width:100%; display:block; }
.news-box .newscontent{ background-color:#fff; text-align:center; padding:30px; color:#585858; min-height:252px;}

.news-box .newscontent p{ margin-bottom:30px;}
.news-box h6{ margin:0 0 15px; color:#373737; font-size:19px; }
.news-box.last { border-bottom:0 ; margin:0 ; padding:0 ;}
.news-box .datebx{color:#555555; font-size:13px; margin-top:-10px; margin-bottom:15px; }
/*hovereffect*/
.news-box:hover .newscontent{ background-color:#31cafd; color:#fff; }
.news-box:hover h6{color:#ffffff; }

.buttonstyle1{ background-color:#31cafd; color:#fff ; padding:8px 20px; font:normal 16px/20px 'Roboto Condensed'; text-transform:uppercase; display:inline-block; border-radius:5px;-moz-border-radius:5px; -webkit-border-radius:5px;}
.news-box:hover .buttonstyle1{ background-color:#fff; color:#31cafd; }

#videosection{ padding:0 !important; }
#block{width: 100%; height:500px; padding:70px 0px;  background:url(images/videobg.jpg) no-repeat center top; position:relative; z-index:-1;}
.videobgwrap{ text-align:center; width:75%; margin:0 auto;}
.videobgwrap h2{ font-size:48px; font-weight:600; color:#fff; margin-bottom:30px; text-shadow:0 0 3px #959595;}
.videobgwrap h2 span{ font-weight:300; }
.videobgwrap p{ font:400 16px/24px 'Roboto',san-serif; color:#ffffff; text-shadow:1px 1px 2px #000;}



.last { margin-right:0 !important;}
.custombtn{ margin-top:30px;}
h2.heading{ padding-bottom:15px;}
.underline{ border-bottom:1px solid #efeded;}


/*testimonials section css*/
.tmwrap{ padding:50px; position:relative; z-index:1; color:#353535; 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; float:left;}
.tmwrap .titlebox{ width:180px; float:right; text-align:left;}
.tmwrap .say_thumb img{ height:100%;  border-radius:50%; border:3px solid #fff; }
.tmwrap h5{ color:#ffae00; 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;}

/* = Team Member Flipbox css
-------------------------------------------------------------- */
.team_column{ width:23%; float:left; margin:0 2.60% 2% 0; position: relative;	display:inline;	display: inline-block;}
.team_column h5{ margin-bottom:5px;}
.team_column h5 a{ color:#fff;}
.member-designation{ color:#2e2e2e; text-transform:uppercase; display:block; margin-bottom:15px;}

.og-grid li:hover .memmberdetails{ background-color:rgba(49,202,253,0.7); padding:10px 0; margin-top:-60px; position:relative; display:block;}
.memmberdetails h5{ font-size:18px; color:#fff; margin:0;}
.test{ position:relative;}
.team-thumb{ background-color:#696969; width:270px; height:310px; overflow:hidden;}
.team-thumb img{ width:100%; height: auto;}
.og-grid li:hover .team-thumb img{ opacity:0.6;}

.member-designation{ color:#2e2e2e; font-size:12px;  display:inline-block; text-transform:uppercase; }
.member-social-icon{ margin-bottom:20px;}
.member-social-icon a{ margin:0 2px 2px 0; display:inline-block; background-color:#46cffd; color:#fff; width:35px; height:35px; line-height:35px;}
.member-social-icon a:hover{ background-color:#ffffff; color:#31cafd;}

.end { margin-right: 0 !important; }

.buttonstyle2{ background-color:#ffffff; color:#31cafd ; padding:8px 20px; font:normal 14px/20px 'Roboto Condensed'; text-transform:uppercase; display:inline-block; border-radius:5px;-moz-border-radius:5px; -webkit-border-radius:5px;}
.buttonstyle2:hover{ background-color:#414141; color:#ffffff; }

/*-=-=-=-=-=-=-=-=-=-=- */
/* Flip Panel */
/*-=-=-=-=-=-=-=-=-=-=- */

.panel {
	margin: 0 auto;
	height: 310px;  
	position: relative;
	-webkit-perspective: 600px;
	-moz-perspective: 600px;
}

.panel .front,
.panel .back {
	text-align: center;
}
	
.panel .front {
	height: inherit;
	position: absolute;
	top: 0;
	z-index: 900;
	text-align: center;
	-webkit-transform: rotateX(0deg) rotateY(0deg);
	   -moz-transform: rotateX(0deg) rotateY(0deg);
	-webkit-transform-style: preserve-3d;
	   -moz-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	   -moz-backface-visibility: hidden;
	-webkit-transition: all .4s ease-in-out;
	   -moz-transition: all .4s ease-in-out;
		-ms-transition: all .4s ease-in-out;
		 -o-transition: all .4s ease-in-out;
			transition: all .4s ease-in-out;
}

.panel .back {
	height: inherit;
	position: absolute;
	top: 0;
	z-index: 1000;
	-webkit-transform: rotateY(-180deg);
	   -moz-transform: rotateY(-180deg);
	-webkit-transform-style: preserve-3d;
	   -moz-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	   -moz-backface-visibility: hidden;
	-webkit-transition: all .4s ease-in-out;
	   -moz-transition: all .4s ease-in-out;
		-ms-transition: all .4s ease-in-out;
		 -o-transition: all .4s ease-in-out;
			transition: all .4s ease-in-out;
}
.panel.flip .front {
	z-index: 900;
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
}
.panel.flip .back {
	z-index: 1000;
	-webkit-transform: rotateX(0deg) rotateY(0deg);
	-moz-transform: rotateX(0deg) rotateY(0deg);
}
.box1{width: 270px;	height:310px;margin: 0 auto; overflow:hidden;}
.box1 img { width:100%;}
.box2{background-color: #31cafd;color:#fff;	width: 270px;height:310px;	margin: 0 auto;	padding:20px;}
.box2 p{ margin-bottom:20px;}




/*testimonials css*/
#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-bottom:45px;}
#sync2 .item{ text-align: center; cursor: pointer; height:140px; }

#sync2 .item img{ opacity:0.3; vertical-align: top;}
#sync2 .synced .item img{ opacity:1;}

#testimonialswrap{padding-bottom:0; position:relative; background-attachment:inherit !important; background-size:inherit !important; background-position:center top !important;}
#testimonialswrap .container{ width:100%; }
#testimonialswrap .container #sync1{ width:980px; margin: auto;}
#testimonialswrap .container #sync2{ width:100%; background-color:#000; height:140px; overflow:hidden;}
#testimonialswrap .container #sync2 .owl-wrapper-outer{ width:100%; margin:0 auto; text-align:center;}
#sync2.owl-carousel .owl-item{ float: inherit; display:inline-block;}
#sync1 .owl-wrapper-outer{ padding-bottom:60px;}
#sync1 .item{font:400 16px/25px 'Roboto',san-serif; color:#353535; background:url(images/quote_left.png) no-repeat left top; padding:0 0 0 75px;}
.owl-controls{ position:absolute; top:-110px; width:100%;}

/*New CSS Add*/
#sync2 .owl-wrapper { width:1170px !important;}
/*New CSS Add*/

.owl-controls .owl-prev, .owl-controls .owl-next{ background:url(images/arrow_testimonials.png) no-repeat 10px center #5c5c5c; width:30px; height:30px; position:absolute; text-indent:-9999px; }

.owl-controls .owl-prev:hover, .owl-controls .owl-next:hover{ background-color:#31cafd;}
.owl-controls .owl-prev{ left:-9.60%;}
.owl-controls .owl-next{ right:-9.60%; background-position:-8px center;}

#sync2 .synced .item::after {top:auto; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; border-bottom-color:#ffffff; border-width:10px; left:0; right:0; margin:-20px auto 0 auto; bottom:0;}

/*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 35px; text-align:center; 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 Condensed',san-serif; display:inline-block; padding:0; width:auto; list-style:none;  cursor:pointer; position:relative; text-transform:uppercase;  }
.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:#ffae00; }

.photobooth .gallery ul{list-style:none !important; margin:0 -15px;}
.photobooth .gallery ul li{ width:25%; float:left; position:relative; margin:0 0 40px 0; line-height:40px; list-style:none; padding:0 15px; cursor:pointer; text-align:center;}
.photobooth .gallery ul li strong{ font:400 18px/20px 'Roboto Condensed',san-serif; color:#373737; margin:15px 0 0; display:block; }

.photobooth .gallery ul li img {vertical-align:middle; display:block; width:100%; margin:0;}
.photobooth .gallery ul li:hover img {opacity:0.4;}
.photobooth .gallery ul li:hover strong{ color:#31cafd;}
.photobooth .gallery ul li .gallerythumb{ background:url("images/zoom-icon.png") 50% center no-repeat #31cafd; height:178px; overflow:hidden;}




/* --------- 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{width:90%; }
#sidebar #contactform_main p{ margin-bottom:10px;}

#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 Condensed",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
-------------------------------------------------------------- */
#footersocial{ background-color:#171717; padding:20px 0; color:#9a9a9a;}
#footersocial .social-icons{ text-align:center;}
#footersocial .social-icons a{ color:#777777; width:25px; height:25px;line-height:25px; margin:0 0 0 12px; padding:0;text-align:center; display:inline-block; font-size:16px; }
#footersocial .social-icons a:hover{  color:#fff;}
#footersocial .social-icons a:last-child{ margin-right:0;}
#footersocial .social-icons br{ display:none;}
.footerinfo { font:400 16px/18px 'Roboto Condensed'; display:inline-block; }
.footerinfo .fa{ margin-right:8px;}
.footerinfo span{ margin-left:35px;}
.footerinfo a{ color:#777777;}



/* = Footer css
-------------------------------------------------------------- */
#footer-wrapper{ background-color:#212121; position:relative; padding:0;}
.cols-1, .cols-2, .cols-3, .cols-4{ padding-top:0;}

.cols-2 .widget-column-1{width:46%; float:left; margin:0 8% 0% 0; padding-left:2.5%; padding-right:1.5%; }
.cols-2 .widget-column-3{width:40%; float:left; margin-right:0px;}

.cols-3 .widget-column-1{width:30%; float:left; margin:0 6% 0% 0; padding-left:2.5%; padding-right:1.5%; }
.cols-3 .widget-column-2{width:30%; float:left; margin:0 6% 0% 0;}
.cols-3 .widget-column-3{width:24%; float:left; margin-right:0px;}

/* footer 4 column css*/
.cols-4 .widget-column-1{width:15% !important;  float:left; margin:0 5% 0 0; }
.cols-4 .widget-column-2{ width:23%;  float:left; margin:0 5% 0 0;}
.cols-4 .widget-column-3{ width:23%;  float:left; margin:0 5% 0 0;}
.cols-4 .widget-column-4{ width:23%;  float:left; margin-right:0;}

.footer { padding:50px 0 20px 0;}
.footer h5{ font-size:22px; color:#fff; border-bottom:1px solid #333333; padding-bottom:25px; margin-bottom:30px;}
.cols-1 .widget-column-1{width:100%; margin:0; padding:0; }
.footer .cols-1 .widget-column-1 ul{ margin:0 auto; display:table; padding:0;}
.footer .cols-1 .widget-column-1 ul li{display:block; line-height:14px; float:left; padding:0 10px 0 0; margin:0 auto auto 10px; border-bottom:0; border-right:solid 1px #abaaaa;}
.footer .cols-1 .widget-column-1 ul li:last-child{ margin-right:0; padding:0; border:0;}
.footer .cols-1 .widget-column-1 ul li a {padding:0; background:none; display:inline-block;}
.footer .cols-1 .widget-column-1 ul li a:hover, .cols-1 .widget-column-1 ul li.current_page_item a{transition:all 0.5s ease 0s;}
.footer i{ margin-right:15px;}

.footer ul{ margin:0; padding:0;}
.footer ul li{display:block; padding-bottom:8px;}
.footer ul li:last-child{ margin-right:0; border-bottom:0;}
.footer ul li a{font:normal 12px/24px; padding:0 0 0 15px; display:inline-block; position:relative; color:#919090;}
.footer ul li a:hover, .footer ul li.current_page_item a { color:#fff;}
.footer ul li a::before { position:absolute; font-family:fontawesome; content:"\f105"; left:0;}

.cols-3 a.readmore span, .cols-2 a.readmore span, .cols-4 a.readmore span{color:#fff;}
.footer-post { display:block; min-height:55px; padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #333;}
.footer-post h6 {text-transform:uppercase; margin-bottom:5px;}
.footer-post img {float:left; margin:3px 15px 0 0; border:solid 3px #fff;}
.footer-post p { line-height:18px; margin-bottom:8px;}
.footer-post a { font-size:11px;}
.parastyle i {float:left; font-size:22px; margin-top:5px;}
.parastyle span {display:inline-block;}
.footer-post:last-child{ border-bottom:none;}

.phone-no{margin:10px 0 20px 0; line-height:27px;}
.phone-no strong {width:25%; display:inline-block;}
.cols-3 .parastyle, .cols-2 .parastyle, .cols-4 .parastyle{margin-bottom:0;}
.cols-3 .phone-no p, .cols-2 .phone-no p, .cols-4 .phone-no p{margin-bottom:0;}

#footer-project img{ width:84px; float:left; margin:0 5px 5px 0;}
#footer-project img:hover{ opacity:0.8;}

/*copyright css*/
.copyright-wrapper { background-color:#000000; position:relative; padding:20px 0;}
.copyright-txt { float:left; text-align:left; }
.design-by { float:right; text-align:right;}
.recent-post{margin:0 0 20px 0; border-bottom:1px solid #4b4d51; padding-bottom:10px;}
.recent-post img{ float:left; width:60px; margin:3px 10px 5px 0;}
.recent-post h6{color:#fff; line-height:20px; margin:0 0 5px; padding-top:0; text-transform:uppercase; font-weight:600;}
.recent-post.last{ border-bottom:none; margin-bottom:0; padding-bottom:0;}
.content-area .recent-post h6{ color:#454545;}

/* = Contact Form css
-------------------------------------------------------------- */
.wpcf7{ margin:0; padding:0; font:15px 'Roboto Condensed',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; padding:13px; margin:0 8px 8px 0;}   
#contactform_main input[type=submit], .wpcf7 form input[type="submit"] { font:400 20px/24px 'Roboto Condensed', 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 Condensed', sans-serif; text-transform:uppercase; cursor:pointer; width:100%; }


iframe{ border:1px solid #ccc; padding:9px; margin-bottom:25px;}
.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 Condensed', 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{ line-height:30px; display:table; }
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{ background-color:#31cafd; color:#fff; font:400 16px/22px 'Roboto Condensed', sans-serif; padding:8px 20px; display:inline-block; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px; text-transform:uppercase; }
.button:hover{background-color:#424242; color:#fff;}


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

/*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 Condensed',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-main{ background:url(images/loading.gif) no-repeat center center #ffffff; min-height:500px; }