/*
Theme Name: SKT The App Pro
Theme URI: http://www.sktthemes.net/themes/the_app_pro/
Author: SKT Themes
Author URI: http://www.sktthemes.net
Description: SKT The App is a App WordPress theme which can cater to display of any product/s. Basically the purpose of this theme is to showcase a product or a mobile app. The App is also a One Page WordPress theme which has various sections laid out nicely. Activate the theme and set up sections with easy to use theme options. Compatible with major WordPress plugins like WooCommerce and Contact form 7.

Version: pro1.0
License: GNU General Public License
License URI: license.txt
Text Domain: the_app_pro
Tags: black, orange, gray, red, white, light, brown, two-columns, left-sidebar, right-sidebar, one-column, responsive-layout, custom-background, custom-menu, featured-images, full-width-template, theme-options, threaded-comments, translation-ready

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

/* font-family: 'Open Sans', sans-serif, Arial; */
*{margin: 0; padding: 0; outline:0;}
body{margin:0; padding:0; line-height:1;  
	background-attachment: fixed !important;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-origin: padding-box;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover !important;
    line-height: 22px;}
img{border:0; padding:0; margin:0; max-width:100%; }
a{text-decoration:none; color:#eb5055;}
a:hover{text-decoration:none; color:#000000;}
blockquote p{padding:0; margin:0; }
blockquote{color:#777; font-style:italic; line-height:1.5; padding:20px 15px; margin:15px 0 20px; background:#f6f6f6; position:relative;}
p{line-height:1.5; margin:5px 0 15px;}
h1, h2, h3, h4, h5, h6 {color:#000; line-height:1.5; -ms-word-wrap: break-word; word-wrap: break-word;}
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span{color:#eb5055;}
h1 {font-size:26px; margin:5px 0 15px; font-weight:lighter;}
h2 {font-size:19px; margin:5px 0 15px;}
h3 {font-size:17px; margin:5px 0 13px; font-weight:lighter;}
h4 {font-size:15px; margin:5px 0 12px}
h5 {font-size:14px; margin:5px 0 11px; font-weight:normal;}
h6 {font-size:12px; margin:5px 0 10px;}
.clear{clear:both;}
.right{float:right;}
.left{float:left;}
.text-center{text-align:center;}
.text-left{text-align:left;}
.text-right{text-align:right;}
.text-justify{text-align:justify;}
.alignleft{float:left; margin:0 20px 5px 0;}
.alignright{float:right; margin:0 0 5px 20px;}
.aligncenter{margin:5px auto; text-align:center;}
.alignnone{float:none; display:block;}
 hr{background:url(images/hr_double.png) repeat-x center top; border:none; height:8px; padding:10px 0; clear:both;}
.wrapper_main{width:1071px; margin:50px auto 0; }
.container{width:930px; margin:0 auto;}
section{padding:10px 0;}
.header{padding:10px 0; z-index:101;}
.fixed_header{position:fixed; top:0; }
.mobile_nav a{background:url(images/mobile_nav_right.png) no-repeat right center #f6f6f6; border:1px #ccc solid; margin-top:10px; padding:12px 20px; display:none;}
#logo{padding:15px 0 10px; float:left;}
#logo h1{font-size:36px; color:#eb5055; margin-bottom:0;}
#logo p{ margin:0; padding:0;}
.header_right{float:right;}
.header_right .search_form{padding:8px 0 2px; float:right; color:#ffffff;}
.search-form{border:1px #e3e4e5 solid; width:240px; background:#fff; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;}
.search-form label span{display:none;}
.search-form .search-field{border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;}
.search-form .search-field{border:none; background:#ffffff; padding:8px; width:150px; color:#777;}
.search-form .search-submit{float:right;  font-size:0; display:inline-block; height:34px; margin:-1px; width:70px; border:none; cursor:pointer; border-radius:0 5px 5px 0; -moz-border-radius:0 5px 5px 0; -webkit-border-radius:0 5px 5px 0;}
.search-form .search-submit:hover{background-color:#000000;}
.header_right p{ margin:0; padding:0;}
.col_one_half, .col_one_third, .col_one_fourth, .col_one_fifth{float:left;}
.col_one_half{width:48%; margin-right:4%;}
.col_one_third{width:31%; margin-right:3%;}
.col_one_fourth{width:22%; margin-right:3%;}
.col_one_fifth{width:18%; margin-right:2%;}
#footer{background-color:#333; color:#eeeeee; padding:50px 0 40px;}
#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6{color:#fff;}
#footer hr{background:url(images/hr_footer.png) repeat-x center center; border:none; padding:15px 0 0; clear:both;}
#footer a, #copyright a{color:#fff;}
#footer a:hover, #copyright a:hover{color:#eb5055;}
#footer aside.widget{float:left; border-right:1px #424242 solid; width:27%; padding-right:4%; margin-right:4%; padding-bottom:10px;}
#footer aside.widget.last{padding-right:0; margin-right:0; border:none;}
#footer aside.widget .fp_date{color:#a5a4a4; font-size:11px;}
#footer .search-form{margin-top:15px;}
#copyright{ color:#fff; padding:20px 0; font-size:12px;}
#copyright a{padding:0 3px;}
.welcome_text{padding:30px 0 0;}
.welcome_text img{vertical-align:top;}
.about_text{ padding:30px 0; visibility:hidden;}
.readmore{ color:#000; background:transparent; border:2px #7d7d7d solid; padding:5px 10px; margin:10px 0; display:inline-block;}
.readmore:hover{color:#eb5055;}
.features{padding:30px 0;}
.features .col_one_third{width:290px; margin-right:44px; margin-top:5px; margin-bottom:10px;}
.features_more{background:#333; color:#fff; padding:30px 0;}
.features_more h1, .features_more h2, .features_more h3, .features_more h4, .features_more h5, .features_more h6, .buy_theme h1, .buy_theme h2, .buy_theme h3, .buy_theme h4, .buy_theme h5, .buy_theme h6, .buy_theme h1 a, .buy_theme h2 a, .buy_theme h3 a, .buy_theme h4 a, .buy_theme h5 a, .buy_theme h6 a{color:#fff;}
.features_more hr{opacity:.3; filter: alpha(opacity=30);}
section ul, .content-area ul{list-style:none; line-height:1.5;}
section ul li, .content-area ul li, .content-area ol li ul li { padding:5px 5px 5px 25px; text-align:left;}
section ol li, .content-area ol li{background-image:none; padding:5px;}
section ol, .content-area ol{margin-left:15px;}
.sticky{background:#f6f6f6;}
.tag-sticky-2{background:#f6f6f6; padding:10px;}
.features_more ul{margin-left:40px;}
.buy_theme{background:#eb5055; color:#fff; padding:12px 0;}
.buy_theme h2{padding:12px 0; background:url(images/h1_buy_bg.png) repeat-x center center; text-align:center; margin:0;}
.buy_theme h2 span{background:#eb5055; padding:0 25px;}
.buy_theme h2 a{background:#eb5055; border:1px #ffffff solid; padding:10px 15px;}
.buy_theme h2 a:hover{background:#000;}
.testimonials{padding:30px 0;}
.testimonials h5{text-align:center; color:#777;}
.post-comment{float:left;}
.post-date{float:left;}
.post-categories{float:left;}
.post-tags{float:right;}
img{height:auto;}
blockquote .bubble{background:url(images/bq_bubble.png) no-repeat left top; height:13px; width:20px; position:absolute; display:block; bottom:-12px; left:15px;}
.tm_client{font-size:12px; font-weight:normal; color:#777; margin-bottom:10px;}
.tm_client strong{font-size:14px; color:#eb5055;}
.lead_text{width:75%; margin-left:auto; margin-right:auto; }
.content-area{padding:20px 0 30px;}	
.pagination{padding:15px 0 5px; display:table;}
.pagination ul{list-style:none;}
.pagination ul li{list-style:none; background-image:none; padding:0; margin-right:5px; display:inline; float:left; margin-top:5px;}
.pagination ul li a, .pagination ul li span{display:inline-block; padding:5px 10px; color:#fff; background-color:#333;}
.pagination ul li span.current, .pagination ul li:hover a {background-color:#eb5055;}
#sitefull{width:96%; background-color:#ffffff; padding:20px;}
#sidebar aside{margin-bottom:25px;}
#sitemain.nosidebar{margin-left:auto; margin-right:auto; float:none;}
.nav-previous{float:left;}
#sidebar ul{ margin:0 0 0 15px; padding:0;}
#sidebar ul li{ background:none !important; padding-right:0 !important; list-style:disc; padding-left:10px}
h3.widget-title{ border-bottom:1px solid #404141; padding-bottom:5px;}
.nav-next{float:right;}
.postmeta{margin-bottom:15px;}
.post-navigation{padding-bottom:15px;}
.image-navigation .nav-next, .image-navigation .nav-previous{padding:15px 0;}
dd, dt{padding:5px 0; line-height:1.5;}
.wp-caption, .gallery-caption{max-width:100%; background:#f6f6f6; text-align:center; margin-bottom:10px;}
.wp-caption-text{text-align:center; color:#333; padding-bottom:10px; display:block; margin-bottom:0;}
.post-password-form input[type=password]{border:1px #ccc solid; padding:2px;}
.hdr_buy_link a{background:#eb5055; padding:7px 10px; color:#fff; display:inline-block; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px;}
.hdr_buy_link a:hover{background-color:#000; color:#fff;}
.feature_section{ visibility:hidden;}

/* woocommerce */
a.added_to_cart{background:#eb5055; 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{float:left; padding:4px 0 0 15px;}*/
#subscription-toggle a.subscription-toggle{padding:5px 10px; display:inline-block; color:#eb5055; margin-top:4px;}
textarea.wp-editor-area{border:1px #ccc solid;}
article.type-post{margin-bottom:10px;}

.team_links{text-align:center; padding:10px 0; border-top:1px #fff solid;}
.team_links a{ margin-right:10px;}
.member_info{background:#f6f6f6; text-align:center; margin-top:10px;}
.member_dtl{padding:15px;}

.cf_text{width:288px; padding:5px; border:1px #ddd solid; text-align:left;}
.cf_textarea{width:288px; padding:5px; border:1px #ddd solid; text-align:right; font:12px arial;}
.cf_captcha{width:168px; padding:5px; border:1px #ddd solid;}
.cf_button{padding:5px 15px; background:#eb5055; border:none; color:#fff; cursor:pointer;}
.cf_button:hover{background:#666;}
.error_msg{color:#e00; vertical-align:top;}
.success_msg{color:#070; padding:5px 0 15px;}
.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:#e74c3c; 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:#e74c3c; 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:#e74c3c;}
li.comment{ list-style:none;}
.webicon{font-size:22px; padding:15px 0;}

/* ----------- Gallery ------- */
.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; width:483px; margin:0 auto 30px auto; text-align:center; }
.photobooth .filter-gallery ul {list-style:none !important; overflow:hidden; border-top:1px solid #c1bfbf; border-bottom:1px solid #c1bfbf; }
.photobooth .filter-gallery ul li {float:left; padding:15px; width:auto; background:none;}
.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 10px 10px 0; padding:0; text-align:inherit;}
.photobooth .gallery ul li p {color:#111; background:url("images/heart-icon.png") 50% 0 no-repeat #ffffff; margin:0; padding:10px 0; position:absolute; width:312px; 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:20px; display:block; font-weight:bold; }
.photobooth .gallery ul li strong {color:#fff; margin:0; padding:10px 0; position:absolute; width:220px; display:none; text-align:center; bottom:0; opacity:0.8; }
.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:220px; height:187px;}
.photobooth .gallery ul li:hover {background:#000; float:left; background:url("images/camera-icon.png") 50% 20% no-repeat #000000; }
.photobooth .gallery ul li:hover img {opacity:0.3; }
.photobooth .gallery ul li:hover strong {color:#fff; margin:0; padding:10px 0; position:absolute; width:220px; display:block; text-align:center; bottom:50%; opacity:0.8; }
.photobooth .gallery ul li:hover p {color:#111; background:url("images/heart-icon.png") 50% 10px no-repeat #ffffff; margin:0; padding:10px 0; position:absolute; width:220px; display:block; text-align:center; bottom:0; opacity:0.8; }
.photobooth .gallery ul li:hover p span {margin-top:20px; display:block;}

.get-the-app{ text-align:center; padding:20px 0; visibility:hidden;}

#jump a{display:block; display:none; z-index: 999;  border-radius:3px; bottom:30px; box-shadow:0 1px 7px 0 #333333; height:25px; opacity:0.7; padding:5px; position:fixed; right:30px; text-align:center; text-transform:uppercase; width:30px; background:#eb5055; color:#fff;}

/* ------ Woocommerce ------- */
select.orderby{ margin:0; padding:0; height:35px; font:14x 'PT Sans', Helvetica, sans-serif; color:#4e4e4e; border:1px solid #cccccc;}
.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price{ color:#eb5055 !important;}

ol.comment-list, .comment-respond{ clear:left;}
.social_media .social-icon{ margin:0 0 10px 8px; padding:3px 0; border:1px solid #ffffff; display:inline-block; width:30px; max-height:30px; vertical-align:middle; text-align:center; border-radius:20px;}
.social_media .social-icon a{ vertical-align:middle;}