/*
Theme Name: SKT Black Pro
Theme URI: http://www.sktthemes.net/shop/skt-black-pro/
Author: SKT Themes
Author URI: http://www.sktthemes.net
Description: SKT Black is a responsive multipurpose WordPress theme which can be used for multiple purposes and industries. So photo gallery, portfolio, or any business, blogging etc can be done. It has the ability to change colour of links and certain elements so that it suits the colour of your logo. Also the theme comprises of several blocks on the homepage making it a complete theme so that one may add anything he wants on the home page. Also it uses a very easy to use theme options whereby one can easily set up social icons and other elements with ease and without having any knowledge of HTML. SKT Black is 100% responsive pixel perfect WordPress theme which comprises of different page templates and widgets to help able to edit and handle the theme easily. Can be used for any kind of business, blogging, photo, or portfolio purposes. Easy to set up menu using Appearance menus. Compatible with all major browsers and iPhone and iPad friendly as well. Comes with a beautiful parallax slider. One can also set up this theme as a store as its compatible with WooCommerce and also other popular plugins like Contact form 7. It is translation ready and can be translated for any language. Also it has custom header as well as custom background. Check demo at: http://sktthemesdemo.net/skt-black-pro

Version: pro2.0
License: GNU General Public License
License URI: license.txt
Text Domain: skt-black
Tags: black, gray, dark, one-column, two-columns, 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 Black WordPress Theme has been created by SKT Themes(sktthemes.net), 2016.
SKT Black WordPress Theme is released under the terms of GNU GPL
*/

/* font-family: 'Open Sans', sans-serif, Arial; */
/* =========== Fonts =========== */
/*
font-family: 'Roboto', sans-serif;
font-family: 'Lobster', cursive;
font-family: 'Open Sans', sans-serif;
font-family: 'Open Sans Condensed', sans-serif;
font-family: 'Lato', sans-serif;
*/

*{ margin:0; padding:0;}
body{ margin:0; padding:0; -ms-word-wrap:break-word; word-wrap:break-word; background-color:#000000; line-height:20px;}
img{ margin:0; padding:0; border:none;}
section img{max-width:100%;}
h1,h2,h3,h4,h5,h6{ margin:0; padding:0;}
p{ margin:0; padding:0;}
a{ text-decoration:none; color:#ff8a00;}
a:hover{ text-decoration:none; color:#ffffff;}
ul{ margin:0 0 0 15px; padding:0;}
.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:45px; margin-top:4px; margin-bottom:20px; padding:0; }
.alignright, img.alignright { display: inline; float: right; }
.aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; margin-top:0; }
.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;}
section{ padding:70px 0;}
section h2 {font-weight:700; padding:0 0 50px 0; text-align:center; text-transform:uppercase;}
a.contact-button{ visibility:hidden; /*width:15%;*/ margin:0 auto;}

#slider{ width:100%; margin:0; padding:0; position:relative;}
#slider .top-bar{ margin:0; padding:16px 0 20px; position:relative; text-align:center;}
#slider .top-bar h2{font-weight:900; padding:0 0 20px 0; text-align:center; text-transform:uppercase; text-shadow:2px 2px 2px #000; -moz-text-shadow:2px 2px 2px #000; -webkit-text-shadow:2px 2px 2px #000; -o-text-shadow:2px 2px 2px #000;}
#slider .top-bar p{ color:#ffffff; font-weight:normal; margin:0 0 10px 0; line-height:24px; text-align:center; text-shadow:1px 1px 1px #000; -moz-text-shadow:1px 1px 1px #000; -webkit-text-shadow:1px 1px 1px #000; -o-text-shadow:1px 1px 1px #000;}
#slider .top-bar a.contact, .contact-banner a{ font:700 26px 'Roboto', sans-serif; padding:10px 40px; margin-top:21px; text-transform:uppercase; display:inline-block; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px; -ms-border-radius:4px;}
#slider .top-bar a.read{ font:14px arial; color:#ffffff; background-color:transparent; display:block; text-shadow:1px 1px 1px #000000; -moz-text-shadow:1px 1px 1px #000000; -webkit-text-shadow:1px 1px 1px #000000; -o-text-shadow:1px 1px 1px #000000; text-decoration:underline;}
#slider .top-bar a.read:hover{ background-color:transparent;}
/*-----------------------------------ANIMATION STYLES---------------------------------------------*/

a.arrow-down { display: block; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; width:61px; height:64px; margin:auto; background: url(images/arrow-down.png) no-repeat 0 0; position:absolute; bottom:90px; left:48%; -webkit-animation-name: bounce; -moz-animation-name: bounce; -o-animation-name: bounce; -ms-animation-name: bounce; animation-name: bounce; -webkit-animation-direction: normal; -moz-animation-direction: normal; -o-animation-direction: normal; -ms-animation-direction: normal; animation-direction: normal; -webkit-animation-duration: 2s; -moz-animation-duration: 2s; -o-animation-duration: 2s; -ms-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; animation-iteration-count: infinite; z-index:99;}

@-moz-keyframes bounce {

  0% {-moz-transform: translateY(0); transform: translateY(0);}
  20% { -moz-transform: translateY(0); transform: translateY(0);}
  40% {-moz-transform: translateY(-30px); transform: translateY(-30px);}
  50% {-moz-transform: translateY(0); transform: translateY(0);}
  60% {-moz-transform: translateY(-15px); transform: translateY(-15px);}
  80% {-moz-transform: translateY(0); transform: translateY(0);}
  100% {-moz-transform: translateY(0); transform: translateY(0);}
}

@-webkit-keyframes bounce {

  0% {-webkit-transform: translateY(0); transform: translateY(0);}
  20% {-webkit-transform: translateY(0); transform: translateY(0);}
  40% {-webkit-transform: translateY(-30px); transform: translateY(-30px);}
  50% {-webkit-transform: translateY(0); transform: translateY(0);}
  60% {-webkit-transform: translateY(-15px); transform: translateY(-15px);}
  80% {-webkit-transform: translateY(0); transform: translateY(0);}
  100% {-webkit-transform: translateY(0); transform: translateY(0);}
}

@-o-keyframes bounce {

  0% {-o-transform: translateY(0); transform: translateY(0);}
  20% {-o-transform: translateY(0); transform: translateY(0);}
  40% { -o-transform: translateY(-30px); transform: translateY(-30px);}
  50% {-o-transform: translateY(0); transform: translateY(0);}
  60% {-o-transform: translateY(-15px); transform: translateY(-15px);}
  80% {-o-transform: translateY(0); transform: translateY(0);}
  100% {-o-transform: translateY(0); transform: translateY(0);}
}

@-ms-keyframes bounce {

  0% {-ms-transform: translateY(0); transform: translateY(0);}
  20% {-ms-transform: translateY(0);transform: translateY(0);}
  40% {-ms-transform: translateY(-30px);transform: translateY(-30px);}
  50% {-ms-transform: translateY(0);transform: translateY(0);}
  60% {-ms-transform: translateY(-15px);transform: translateY(-15px);}
  80% {-ms-transform: translateY(0);transform: translateY(0);}
  100% {-ms-transform: translateY(0);transform: translateY(0);}
}

@keyframes bounce {

  0% {transform: translateY(0);}
  20% {transform: translateY(0);}
  40% {transform: translateY(-30px);}
  50% {transform: translateY(0);}
  60% {transform: translateY(-15px);}
  80% {transform: translateY(0);}
  100% {transform: translateY(0);}
}

.main-container{margin:0; padding:0;}
body.home .fixed, body.blog .fixed{position:fixed !important; top:0 !important; margin:0; padding:15px 0; z-index:99;}
.header .header-inner{ margin:0 auto; padding:0; position:relative; width:1160px;}
.header .header-inner .logo{margin:0; padding:0; }
.header .header-inner .logo img{ height:40px; width:auto;}
.header .header-inner .logo h1{ font-weight:700; text-transform:uppercase; }
.header .header-inner .logo a{ color:#ffffff;}
.container{ width:1160px; margin:0 auto; padding:0; position:relative;}
.toggle{display:none;}
.header{width:100%; height:auto; position:relative; border-bottom:#222222 solid 1px; padding:25px 0;}
.header .header-inner .nav{ margin:0; padding:0; text-align:right; float:right;}
.header .header-inner .nav ul { float:right; margin:5px 0 0; padding:0; font-family:'Open Sans', sans-serif; font-weight:600;}
.header .header-inner .nav ul li{ display:inline-block; margin:0; text-transform:uppercase; position:relative;}
.header .header-inner .nav ul li a{ color:#ffffff; padding:5px 10px; display:block;}
.header .header-inner .nav ul li a:hover{color:#ff8a00;}
.header .header-inner .nav ul li ul li{display:block; position:relative; float:none; }
.header .header-inner .nav ul li ul li a{color:#000; display:block; padding-top:10px; padding-bottom:10px; border-bottom:1px #313131 solid;}
.header .header-inner .nav ul li.home.current_page_item a{color:#ff8a00;}

.logo .tagline{ font-size:13px; display:block;}

/* --------- Homepage --------- */
.services { width:100%; margin:0 auto; position:relative; visibility:hidden; text-align:center;}
#services-box { width:19.8%; height:auto; display:inline-block; margin:0 1px 1px 0; padding:2.4%; position:relative; transition:0.3s; vertical-align:top; min-height:300px;}
#services-box img { display: block; margin:auto; height:51px; width:auto;}
#services-box h2 { color:#fff; font-weight:300; font-size:26px; text-transform:capitalize; text-align:center; padding:20px 0;}
#services-box h2 span { font-weight:bold;}
#services-box p { line-height:20px;}
#services-box .read-more { color:#fff; font:300 14px 'Roboto', sans-serif; text-transform:uppercase; text-align:center; border:#fff solid 1px; padding:8px 10px; display:block; margin:30px auto 0 auto; width:50%;}
#services-box:hover .read-more { background:#fff; color:#3a3c41;}
#services-box:hover {color:#fff;}
/*------------------------------------------- SERVICES END -------------------------------------------*/

.contact-banner { text-align:center;}
.banner-bg { background:url(images/contact-banner.jpg) no-repeat top center; width:100%; height:100%; padding:55px 0; background-size:cover; background-position:center center;}
.contact-banner h3 { color:#ffffff; font-weight:400; font-size:34px; padding:0 0 20px 0; text-align:center; text-transform:capitalize;}
/*------------------------------------------- CONTACT BANNER END -------------------------------------------*/

.gry-row{ margin:0;}
.message-thumb{ border:#212121 solid 7px; overflow:hidden; visibility:hidden;}
.message-desc{ visibility:hidden;}


/*latest news*/
.latest-news { width:100%; margin-bottom:60px;}
.news-box { width:48.27%; background:#1a1a1a; border:#2a2a2a solid 1px; display:inline-block; visibility:hidden; min-height:270px;}
.news { display:block;}
.newscontent{ float:left; width:49%; padding:30px;}
.newsthumb{ float:right; width:38%; height:270px; overflow:hidden;}
.newsthumb img{ margin:0; width:100%; height:auto;}
.news h2 { color:#f0efef; font-weight:normal; font-size:18px !important; text-align:left; background:url(images/black-gry-border.jpg) repeat-x left bottom; padding-bottom:20px; margin-bottom:20px; display:table;}
.more { width:35px; height:35px; background:#4a4a4a url(images/white-arrow.png) no-repeat center center; border-radius:50%; display:inline-block; margin:10% 0 0 22%;}
.more:hover { background:#ff8a00 url(images/white-arrow.png) no-repeat center center;}
.last { margin-right:0 !important; float:right !important;}

.see-all-button {  border:1px solid #444; display:table; font-size:16px; font-weight:700; margin:50px auto 0; padding:10px 20px; text-align:center; text-transform:uppercase; transition: all 0.3s ease 0s; color:#f0efef;}
.see-all-button:hover { background:#ff8a00; border:#ff8a00 solid 1px; color:#fff;}
/*------------------------------------------- LATEST NEWS END -------------------------------------------*/

.testimonials { width:100%;}
.testimonial-box { width:48%; float:left; margin-right:30px; margin-bottom:30px; visibility:hidden; vertical-align:top;}
.testimonial-box img { margin-right:25px; border:#000 solid 6px; float:left; width:118px; height:132px;}
.testimonial-post { width:57%; background:#000; border:#232323 solid 1px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px; -ms-border-radius:4px; padding:16px 35px; position:relative; float:left;}
.testimonial-box h2 { color:#c6c5c5; font-weight:normal; font-size:18px; padding:0; text-align:left; border-bottom:#363636 solid 1px; padding-bottom:13px; margin-bottom:13px; }
.testimonial-arrow { background:url(images/testimonial-arrow.png) no-repeat left top; position:absolute; left:-10px; top:42%; width:10px; height:25px; display:none;}
/*------------------------------------------- TESTIMONIALS END -------------------------------------------*/

#some-facts { width:auto; margin:0 0 30px 100px;}
#some-facts li { width:160px; height:160px; display:inline-block; text-align:center; border-radius:50%; margin:0 40px; text-transform:uppercase;}
#some-facts li h2 { padding:55px 0 10px 0; font-size:30px;}
#some-facts li h5{ font:16px "Roboto",sans-serif; color:#757575;}
/*------------------------------------------- SOME FACTS END -------------------------------------------*/

.our-team { width:auto;}
.team-desc{ visibility:hidden;}
.team-div{ visibility:hidden;}
.teamimgbx{  height:170px; overflow:hidden;}
.teamimgbx img{ width:100%; height:auto; overflow:hidden;}
.skill { width:46.98%; float:left;}
.skill-bar { margin:60px 0 0 0;}
.skill-bg{ width:100%; background-color:#000000;}
.team-members { margin:0; padding:0;}
.team-col { width:44.69%; margin:0 0 40px 26px; float:left;}
.team-col h3 { color:#f0efef; font-weight:normal; font-size:18px; border-bottom:#000 solid 1px; padding:25px 0 15px; margin-bottom:15px;}
.content-area .team-col{ width:23.2%; margin:0 20px 20px 0;}
.content-area .team-col h3{ margin:0;}
.content-area h1, .content-area h2, .content-area h3, .content-area h4, .content-area h5, .content-area h6{ margin-bottom:20px;}

/*------------------------------------------- OUR TEAM END ------------------------------------------- */

.stat{ visibility:hidden;}
.signup-newsletter { width:auto; min-height:106px; background:#000; border:#1d1d1d solid 7px; visibility:hidden;}
.newsletter { width:34.48%; padding:2% 0 2.3% 3%; background:url(images/sepretor-arrow.png) no-repeat top right; float:left;}
.newsletter h2 { color:#cfcfcf; font-weight:300; font-size:28px; text-align:left; padding:0; text-transform:capitalize; line-height:36px;}
.newsletter h2 span {font-weight:700;}

.newsletter-form { width:54.41%; float:right; padding:2.5% 3% 2.3% 0;}
.newsletter-form input[type="text"], .newsletter-form input[type="email"] { background:#1a1a1a; border:#252525 solid 1px; color:#a9a8a8; padding:15px 0 15px 20px; margin-right:8px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px; width:34%; float:left;}
.newsletter-form input[type="submit"] { border:0; color:#fff; font:normal 20px 'Roboto', sans-serif; padding:10px 25px; height:48px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px; cursor:pointer; text-align:center;}

#sidebar .signup-newsletter { background:transparent; border:none !important;}
#sidebar .newsletter { width:auto; float:none;  padding:0;  background:transparent;}
#sidebar .newsletter h2 { display:none;}
#sidebar .newsletter-form { width:auto; float:none; padding:0;}
#sidebar .newsletter-form input[type="text"], #sidebar .newsletter-form input[type="email"] { margin:8px 0; width:100%; float:none;}



/*------------------------------------------- NEWSLETTER END -------------------------------------------*/

/* --------------------------- SOCIAL ICONS --------------------*/
.social-icon{margin:0; padding:0; position:relative; text-align:center;}
.social-icon a{margin:0 7px 7px 0; padding:17px 0; width:58px; text-align:center; border-radius:30px; -moz-border-radius:30px; -o-border-radius:30px; -webkit-border-radius:30px; display:inline-block; background-repeat: no-repeat; background-position:center center; transition:0.6s; -moz-transition:0.6s; -webkit-transition:0.6s; -o-transition:0.6s;}

/* --------- Pages ------- */
.content-area{ width:1160px; margin:0 auto; padding:50px 0;}
.site-main{ width:800px; margin:0; padding:0; float:left;}
.sitefull{ width:auto !important;}
.nosidebar{ width:80%; margin:0 auto; float:none; }
#sidebar{ width:270px; margin:0; padding:0; float:right;}

/* ------------ Footer -------- */
#footer-wrapper { position:relative; padding:55px 0 0;}
.footer { width:1160px; margin:auto;}
.footer-col-1 { width:30%; float:left; margin:0 5% 50px 0;}
.footer-col-3 { width:30%; float:left; margin:0 0 50px 0; /* background:url(images/map.png) no-repeat center bottom; */}
.footer-col-1 h2 { font-weight:normal; font-size:22px; margin-bottom:20px; text-transform:uppercase; }
.footer-col-3 h2 { font-weight:900; font-size:30px; margin-bottom:18px; text-transform:uppercase;}

.footer-nav { margin:0; padding:0;}
.footer-nav li { display:block; padding:0;}
.footer-nav li a { color:#8e8d8d; font:normal 12px/24px Arial, Helvetica, sans-serif; background:url(images/gry-arrow.png) no-repeat 0 3px; padding:0 0 0 20px;}
.footer-nav li a:hover { color:#ff8a00; background:url(images/gry-arrow.png) no-repeat 0 -9px; transition: all 0.5s ease 0s; overflow:hidden;}

.recent-post { margin:0px; padding:0px; list-style:none;}
.recent-post ul{ list-style:none !important;}
.recent-post li { line-height:18px; padding:0 0 35px 0px; background:none; margin-bottom:35px; border-bottom:#3b3b3b dashed 1px;}
.recent-post li img { float:left; margin:0 20px 0 0; border:#2d2d2d solid 3px;}
.recent-post li span { font-size:11px;}
.recent-post li a { color:#b0afaf; text-decoration:none;}
.recent-post li a:hover { color:#fff; text-decoration:none;}
.recent-post li:last-child { border-bottom:0; padding-bottom:0; margin-bottom:0;}

.phone-no { margin-top:40px; line-height:24px;}
.phone-no strong { width:35%; display:inline-block;}

.copyright-wrapper { position:relative; padding:25px 0;}
.copyright { width:1160px; margin:auto;}
.copyright-txt { float:left;}
.copyright-txt span { color:#ff8a00;}
.design-by { float:right;}

/* ------ Contact Form ------ */
.wpcf7{ margin:0; padding:0; font:15px 'Roboto',san-serif; color:#ffffff;}
.wpcf7 form{ margin:0; padding:0;}
.wpcf7 form span.last{ float:none !important;}
.wpcf7 form input[type="text"], .wpcf7 form input[type="email"], .wpcf7 form input[type="tel"], .wpcf7 form input[type="url"], .wpcf7 form input[type="date"], .wpcf7 form select, p.left input[type="text"], p.right input[type="url"], p.right input[type="email"], p.left input[type="tel"]{ background-color:#f1f1f1; border:1px solid #cccccc; padding:5px 3px; margin-top:10px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; font:13px arial; color:#777777;}
.wpcf7 form textarea, textarea{height:150px; width:400px; border:1px solid #cccccc; background-color:#f1f1f1; padding:5px 3px; margin-top:10px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; 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;}
.wpcf7 form input[type="submit"], p.sub input[type="submit"]{ margin:0; padding:5px 20px; background-color:#ff8a00; border:1px solid #cccccc; color:#ffffff; border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px; cursor:pointer;}

/* --- skills bar --- */
.skillbar {position:relative; display:block; margin-bottom:15px; width:100%; background:#eee; height:35px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -webkit-transition:0.4s linear; -moz-transition:0.4s linear; -ms-transition:0.4s linear; -o-transition:0.4s linear; transition:0.4s linear; -webkit-transition-property:width, background-color; -moz-transition-property:width, background-color; -ms-transition-property:width, background-color; -o-transition-property:width, background-color; transition-property:width, background-color; margin-top:25px;}
.skillbar-title { font:16px 'Roboto',san-serif; background:#141414; color:#8e8d8d;}
.skillbar-title span { display:block; background-color:transparent; color:#8e8d8d; padding:0; height:35px; line-height:35px;}
.skillbar-bar { height:6px; width:0px; background:#ff8a00;}
.skill-bar-percent { position:absolute; right:0; top:0; font-size:15px; height:35px; line-height:35px; color:#8e8d8d;}
.pricing_table{font-size:15px;}
.price_col{transition: left 0.5s;}
.price_col{float:left; text-align:center; background:#2c3e50; color:#fff; margin-top:10px; z-index:0;}
.pricing_table .th{font-size:24px; font-weight:bold; color:#fff; padding:10px 0;}
.pricing_table .highlight{background:#ff8a00; box-shadow:0 0 10px rgba(0,0,0,0.75); z-index:1; margin-top:0; z-index:1; position:relative;}
.pricing_table .highlight .th{padding-top:20px;}
.pricing_table .highlight .tf{padding-bottom:30px;}
.pricing_table .td, .pricing_table .tf{padding:20px 0; border-top:1px #fff solid;}
.pricing_table .tf a{background:#ff8a00; color:#fff; border:1px #ccc dashed; padding:8px 12px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px;}
.pricing_table .tf a:hover{background-color:#2c3e50;}
.pricing_table .highlight .tf a{background-color:#2c3e50;}
.pricing_table .highlight .tf a:hover{background-color:#ff8a00;}
.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:#ff8a00;}
h1.entry-title, h1.page-title{padding-bottom:20px; font-size:30px;}
article.tag-sticky-2{background:#f6f6f6; padding:10px;}
article img{height:auto;}
article p{margin:10px 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]{border:1px #eee solid; padding:4px;}
input.search-submit, .post-password-form input[type=submit]{border:none; color:#ffffff; padding:4px 10px; cursor:pointer;}
aside.widget{margin-bottom:30px;}
aside.widget ul{ list-style:disc; margin-left:13px;}
.photobooth .eleven strong {color:#333; font-size:24px; font-style:italic; margin-bottom:13px; display:block; }
.photobooth .eleven p {color:#555; font-size:18px; }
.photobooth .five {font-size:24px; color:#555; margin-top:0; padding-top:0; line-height:31px; }
.photobooth .filter-gallery {position:relative; display:table; margin:0 auto 30px auto; text-align:center; }
.photobooth .filter-gallery ul {list-style:none !important; overflow:hidden; background-color:#141414;}
.photobooth .filter-gallery ul li { display:inline-block; padding:15px; width:auto;}
.photobooth .filter-gallery ul li.current {font-weight:bold;}
.photobooth .gallery ul{list-style:none !important; margin:0;}
.photobooth .gallery ul li {background:#000; float:left; cursor:pointer; position:relative; -webkit-transition:all 0.6s ease-in-out; -moz-transition:all 0.6s ease-in-out; -ms-transition:all 0.6s ease-in-out; -o-transition:all 0.6s ease-in-out; transition:all 0.6s ease-in-out; background:url("images/camera-icon.png") 50% 0 no-repeat #000000; margin:0 1.3% 1.3% 0; width:24%; height:200px; overflow:hidden;}
.photobooth .gallery ul li img{ height: auto; min-height:200px;}
.photobooth .gallery ul li p {color:#111; margin:0; padding:10px 0; position:absolute; width:100%; display:none; text-align:center; bottom:0; opacity:0.8; -webkit-transition:all 0.6s ease-in-out; -moz-transition:all 0.6s ease-in-out; -ms-transition:all 0.6s ease-in-out; -o-transition:all 0.6s ease-in-out; transition:all 0.6s ease-in-out; }
.photobooth .gallery ul li p span {margin-top:0px; display:block; font-weight:bold; }
.photobooth .gallery ul li strong {color:#fff; margin:0; padding:10px 0; position:absolute; display:none; text-align:center; bottom:0; opacity:0.8; width:100%;}
.photobooth .gallery ul li img {vertical-align:middle; -webkit-transition:all 0.6s ease-in-out; -moz-transition:all 0.6s ease-in-out; -ms-transition:all 0.6s ease-in-out; -o-transition:all 0.6s ease-in-out; transition:all 0.6s ease-in-out; width:100%; }
.photobooth .gallery ul li:hover img {opacity:0.3; }
.photobooth .gallery ul li:hover strong {color:#fff; margin:0; padding:10px 0; position:absolute; display:block; text-align:center; bottom:50%; opacity:0.8; }
.photobooth .gallery ul li:hover p {color:#111; margin:0; padding:10px 0; position:absolute; display:block; text-align:center; bottom:0; opacity:0.8; }
.photobooth .gallery ul li:hover p span {margin-top:20px; display:block;}
.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:#ff8a00;}
.webicon{font-size:20px;}
#sidebar ul li{margin:5px 0;}
.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;}
h3.widget-title{ font-size:18px; border-bottom:1px solid #cccccc; padding-bottom:15px; margin-bottom:15px;}
.blog-post-repeat{ border-bottom:1px solid #313131; margin-bottom:40px;}

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

.hdr_buy_pro{font-size:14px; font-weight:bold; line-height:18px;}
.hdr_buy_pro a{color:#fff; background:#ff8a00; padding:3px 10px;}
.hdr_buy_pro a:hover{background:#fff; color:#ff8a00;}
@media screen and (min-width:940px){
	.hdr_buy_pro{position:absolute; top:0; right:0; }
}
@media screen and (min-width:720px) and (max-width:939px){
	.hdr_buy_pro{position:absolute; top:28px; right:290px; }
}
@media screen and (max-width:719px){
	.hdr_buy_pro{display:block; text-align:center; padding-bottom:10px;}
}
.main-form-area{ width:341px; margin:0; padding:0;}
/* = innerbanner css
-------------------------------------------------------------- */
.innerbanner{ text-align:center; height:265px; overflow:hidden;}
.innerbanner img{ position: relative; background-size:cover; width:100%; }

.singleright { float:left; }
.singleleft { float:right; }
.nosidebar{ float:none !important; margin:0 auto;}
.sitefull{ width:100% !important;  float:none !important;}
.woocommerceright{float:left;}
.woocommerceleft{float:right;}
.woocommercesitefull{ width:100%;}
.slider-main{ background:url(images/loading.gif) no-repeat center center #ffffff; min-height:600px; }