/*
Theme Name: SKT Exceptiona
Theme URI: http://www.sktthemes.net/demo/exceptiona/
Author: SKT Themes
Author URI: http://www.sktthemes.net
Description: SKT Exceptiona is a multipurpose WordPress theme. It has ability to have a nice slider. Easy to customize which requires no prior html coding knowledge. So just fill in the sections and your home page is set. Logo, layout, content on any pages can be set up very easily. This theme is responsive and looks good on all major browsers and devices. Can be used by corporate, business, bloggers, portfolio and any kind of business or industries. Comes with 4 default templates. Compatible with popular plugins like Contact Form 7 and SEO plugins.

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

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


@import url(http://fonts.googleapis.com/css?family=Cabin:400,400italic,500,500italic,600,600italic,700,700italic);

/* 
font-family: 'Roboto', sans-serif;   
font-family: 'Pontano Sans', sans-serif;
*/

/* Default CSS
================================================*/
*{ margin:0; padding:0; outline:none;}
body{background-color:#fff; color:#757575; line-height:20px; }
img{ border:none; max-width:100%; height:auto;}
section img{max-width:100%;}
section p{ margin:0; padding:0;}
h1, h2, h3, h4, h5, h6{ margin-bottom:20px; font-weight:400; line-height: 1.1;}

a{ text-decoration:none; color:#02abe5;}
hr{background:url(images/border-image-full.png) no-repeat bottom center; width:100%; height:14px; margin:40px 0; clear:both; clear:left; clear:right; border:none;}
a:hover{ text-decoration:none; color:#757575;}
ul{ list-style:none;}
.clear{ clear:both;}
.right{float:right;}
.left{float:left;}
footer.entry-meta{ clear:both;}

blockquote{color:#777; font-style:italic; line-height:1.5; padding:20px 15px; margin:15px 0 20px; background:#f6f6f6; position:relative;}
blockquote p{padding:0; margin:0; }
blockquote .bubble{background:url(images/base/bq_bubble.png) no-repeat left top; height:13px; width:20px; position:absolute; display:block; bottom:-12px; left:15px;}
.middle-align{ margin:0 auto;}
.wp-caption{ margin:0; padding:0; font-size:13px; max-width:100%;}
.wp-caption-text{ margin:0; padding:0;}
.alignleft, img.alignleft {display: inline; float: left; margin-right:25px; margin-top:4px; margin-bottom:20px; padding:0; }
.alignright, img.alignright { display: inline; float:right; margin-left:25px; margin-top:5px;  margin-bottom:20px; }
.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;}
body.home section{padding:50px 0;}
a.contact-button{ visibility:hidden; width:15%; margin:0 auto;}
.space40{height:40px; clear:both}
.space300{ height:300px; clear:both}

h1{font-size:34px; color:#1f1f1f; }
h2{font-size:32px; color:#454545; } 
h3{font-size:28px; color:#454545; }
h4{font-size:24px; color:#313131; }
h5{font-size:20px; color:#373737; } 
h6{ font-size:18px; color:#373737; }

h1.entry-title{ line-height:40px;}

/* Header CSS
================================================*/
.container{ width:990px; margin:0 auto; padding:0;}
.header{width:100%; height:auto; }
.header-contact{ text-align:right; font-family: 'Pontano Sans', sans-serif;}
.header-contact a{ background-color:#b6de2b; padding:8px 20px; font-size:18px; color:#000; border:1px solid #9fc120; border-radius:4px; margin:0; line-height:35px; }
.header-contact a span{ margin-right:10px;}
.logo{ margin:30px 0; text-align:center;}
.logo img{ width:20%;}
.logo h1{font-weight:400; text-transform:uppercase; text-align:center; }
.logo a{ color:#333;}
h1 span.line-left{ background: url(images/logo-left.png) no-repeat left center; padding-left:85px;}
h1 span.line-right{ background: url(images/logo-right.png) no-repeat right center; padding-right:85px;}
.site-description{ text-align:center; padding:25px 0; line-height:30px;}

.mobile_nav a{background:url(images/base/mobile_nav_right.png) no-repeat right center #222; border:1px #ccc solid; margin-top:10px; padding:12px 20px; display:none; }

.header_navigation{ background-color:#fdfdfd; border:1px solid #e6e6e6; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; margin-bottom:20px; display:inline-block; width:99.5%; }
#nav ul { font-weight:400;}
#nav ul li{ display:inline-block; float:left; margin:0; text-transform:capitalize; position:relative;}
#nav ul li a{ padding:4px 20px; display:block; border-right:1px solid #e6e6e6; line-height:42px;}
#nav ul li.current-menu-item:first-child a{-webkit-border-top-left-radius: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-topleft: 8px; -moz-border-radius-bottomleft: 8px; border-top-left-radius: 8px; border-bottom-left-radius: 8px;}


#nav ul li:last-child a{ border-right:none; }
@media screen and (min-width:768px) {
#nav ul li ul{display:none; z-index:2; position:relative;}
#nav ul li:hover > ul{display:block; width:200px; position:absolute; text-align:left; z-index:999;}
#nav ul li ul li{display:block; position:relative; float:none; }
#nav ul li ul li a{ display:block; padding-top:0px; padding-bottom:0px; border-radius:0 !important; border-right:none;}
#nav ul li:hover ul li ul{display:none;}
#nav ul li:hover ul li:hover > ul{display:block; position:absolute; left:200px; top:0px;}
}
.fa-home{ position:relative; top:4px;}

#nav ul li:hover > ul li a:hover, #nav ul li.current-menu-item ul li a{ background:transparent !important;}

/* Section default css
--------------------------------------------------------*/
body.home section#home_slider{ padding:0;}
body.home section.our-services{ padding:0; margin-top:-25px;}
body.home section.pramotion{ margin-top:-15px;}
body.home section.our-company{ padding-top:0; margin-top:-10px;}
body.home section.latestposts-wrap{ padding:0;}

section .read-more{ margin-top:30px; display:table;}
.read-more{ padding:2px 10px; border-radius:6px;}
h2.section-title{ text-align:center; margin-bottom:30px;}
.border-color{width:100%; margin:40px 0; border-bottom:1px #eeeeee solid; display:inline-block; clear:both;}

.page-template-default .divider, 
.page-template-template-contact-php .divider, 
.page-template-template-left-sidebar-php .divider, 
.page-template-template-right-sidebar-php .divider, 
.page-template-template-full-width-php .divider, 
.page-template-blog-left-sidebar-php .divider, 
.page-template-blog-right-sidebar-php .divider, 
.page-template-blog-full-width-php .divider{ height:90px !important; background-position:center bottom !important;}
/* sevices section css
--------------------------------------------------------*/
.our-services .one_third img{ margin-bottom:20px; border-radius:5px; border:1px solid #e5e5e5;}
.our-services .one_third h5 span{ margin-right:15px;}

/* News and pramotion css
--------------------------------------------------------*/
.newsbox{ background-color:#fff; width:31%; float:left; margin:0 3% 6% 0; border:1px solid #dddcdc;}
.newsbox .ntbox{ height:182px; overflow:hidden;}
.newsbox .titlebox{ border-bottom:1px solid #eaebeb; padding:20px;}
.newsbox .titlebox h6{ margin-bottom:10px; font-weight:600;}
.newsbox .titlebox span{ text-transform:uppercase; font-size:12px; font-weight:600;}
.newsbox .descbox{ padding:20px;}

/* Latest Post css
--------------------------------------------------------*/
.latest_posts{ padding-bottom:30px;}
.latest_posts .postthumbnail{ height:195px; overflow:hidden;}
.latest_posts .postthumbnail img{ width:100%;}
.latest_posts .BlogPost{ background-color:#ffffff; border:1px solid #dddcdc;}
.latest_posts .post_content{ padding:20px 30px; position:relative;}
.latest_posts .post_content h6{ font-weight:600; margin-bottom:10px;}
.latest_posts .post_content h6 a{color:#5a5b5b;}
.latest_posts .post_content span{ text-transform:uppercase; font-size:12px; font-weight:600;}
.latest_posts a.comment-count{ position:absolute; widows:30px; height:30px; line-height:30px; right:0; top:30px; background-color:#339cd6; color:#ffffff; text-align:center; padding:0 12px;}

/* Page Content CSS
================================================*/
.innerpage_wrapper{ padding-bottom:30px !important;}
.innerpage_wrapper section p{ margin-bottom:20px;}
.innerpage_wrapper p{ margin-bottom:20px;}
.content-part{ width:670px; float:left;}
.page-content{ padding:0 25px;}

/* Sidebar CSS
================================================*/
.sidebar-left img, .front-left img{ float: left; margin:5px 12px 5px 0;}
.sidebar-right{ width:290px; float:right; position:relative;}
.widget-area{ margin-bottom:20px;}
h3.widget_title{ font-size:22px;  margin:0 0 10px; padding:0 0 10px; border-bottom:1px solid #dddddd;}
.sidebar-area{position:relative; margin-bottom:20px; padding:15px;}
.sidebar-area ul{ list-style:none;}
.sidebar-area ul li{ padding:0;}
.sidebar-area ul li a{ background:url(images/list-arrow.png) no-repeat left 10px; display:block; text-decoration:none; color:#3f3f3f; padding:5px 0 5px 18px; }
.sidebar-area ul li a:hover{background:url(images/list-arrow-hover.png) no-repeat left 10px; color:#02abe5;}


/*Team Member css*/
.team-col { margin:0 1% 5% !important; float:left; text-align:center; min-height:350px;}
.team-col .teamthumbox{ height:180px; overflow:hidden;}
.team-col .team-desc{ padding:15px;}
.team-col h6 { color:#666666; font-weight:normal;  text-transform:uppercase; margin:0;}
.team-col:hover h6 { color:#ffffff; }
.team-col span{ display:block; margin:5px 0 15px;}
.team-col .social-links a{color:#8d8c8c; border-right:1px solid #8d8c8c; margin-right:6px; padding-right:6px;}
.team-col .social-links a.bnone{ border-right:none;}
.team-col:hover .social-links a{color:#fff;  border-right:1px solid #e6e6e6;}
.team-col:hover{ cursor:pointer; color:#fff;}

/* Blog Page CSS
================================================*/
.blog-post h3.entry-title{ border-top:1px solid #d9d9d9; line-height:30px; padding:8px 0 12px 0; margin:0;}
.blog-post .postmeta{border-top:1px dotted #cdcdcd; border-bottom:1px dotted #cdcdcd; line-height:22px; margin-bottom:15px; color:#555e58!important; font-size:12px; }
.blog-post .entry-date{float:right;}
.blog-post .post-thumb{ width:38%;}
.blog-post .post-thumb img{ float:left; margin:5px 25px 5px 0; }
.blog-post .post-comment{float:left;}
.blog-post .post-date{float:left;}
.blog-post .post-categories{float:left;}
.blog-post .post-tags{float:left;}
.blog-post a.read-more{ margin-top:28px;}
.blog-post .blog-post-repeat{ margin-bottom:35px;}

/* Contact Page CSS
================================================*/
.content-part.contact_left{ width:48%;}
.contact_left iframe{ padding:5px; border:1px solid #ccc; margin-bottom:30px;}
.contact_info{ width:48%; float:right; padding-top:40px;}

.contact-form .cf_text, .contact-form .cf_textarea, .contact-form .cf_captcha, .wpcf7-form input[type=text], .wpcf7-form input[type=email], .wpcf7-form input[type=tel], .wpcf7-form textarea { width:70%; padding:10px; border:1px #ddd solid;}
.contact-form .cf_text{}
.contact-form .cf_textarea, .wpcf7-form textarea{ height:150px;}
.contact-form .cf_captcha{width:47%}
.contact-form .cf_button, .wpcf7-form input[type=submit]{padding:10px 15px; border:none; color:#fff; cursor:pointer;}
.contact-form .error_msg{color:#e00; padding-left:10px; vertical-align:top;}
.contact-form .success_msg{color:#070; padding:10px 0 15px;}

/*====================== Footer Section ==========================*/
#footer{ width:100%; }
#footer .container{ text-align:center; padding:20px 0; background-color:#ccc; box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3); border-radius:5px; margin-bottom:50px;}
#footer ul{margin:0; padding:0;}
#footer ul li{margin:0 0 8px 0; display:inline-block;}
#footer ul li a{color:#777777; margin:0; padding:0 8px; display:block; border-right:1px solid #777; height:12px; line-height:12px; }
#footer ul li:last-child a{ border-right:none;}
/*social icons*/
.social-icons { text-align:center;}
.social-icons br{ display:none;}
.social-icons a{ width:58px; height:58px; border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; -webkit-border-radius:50%; text-align:center; line-height:54px; vertical-align:middle; display:inline-block; margin:0 7px 7px; background-repeat: no-repeat; background-position:center center; transition:0.6s; -moz-transition:0.6s; -webkit-transition:0.6s; -o-transition:0.6s;}

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

/* ------ Animation Style -----*/
.our-services, .pramotion, .our-company, .latestposts-wrap, .social-wraps{ visibility:hidden;}

/* ---- Search ---- */
form.search-form{ margin:0; padding:0;}
form.search-form input[type="search"]{ border:1px solid #cccccc; padding:7px;}
form.search-form input[type="submit"]{ border:none; padding:7px 8px; cursor:pointer;}