/*
Theme Name: SKT ZYM Pro
Theme URI: http://www.sktthemes.net/themes/skt-zym-pro/
Author: SKT Themes
Author URI: http://www.sktthemes.net
Description: SKT zym 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 zym 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-zym-pro

Version: pro1.0
License: GNU General Public License version 3
License URI: license.txt
Text Domain: skt_zym
Tags: gray, zym, 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 zym WordPress Theme has been created by SKT Themes(sktthemes.net), 2015.
SKT zym 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;
*/

@import url(http://fonts.googleapis.com/css?family=Dosis:400,200,300,500,600,700,800);
@import url(http://fonts.googleapis.com/css?family=Arimo:400,400italic,700,700italic);
/* 	font-family: 'Dosis', sans-serif; */

*{ margin:0; padding:0;}
body{ margin:0; padding:0; -ms-word-wrap:break-word; word-wrap:break-word;  line-height:21px;}
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;}
a:hover{ text-decoration:none;}
ul{ list-style:none; margin:0; 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; padding:0; }
.alignright, img.alignright { display:inline; float:right; margin-top:140px; }
.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:55px 0;}
p.description{ margin:0; padding:0;}

#slider{width:1000px; margin:0 auto; padding:0; position:relative;}
#slider .top-bar{margin:0; position:relative;}
#slider .top-bar h2{font-weight:normal; padding:0; text-transform:uppercase; line-height:100%;}
#slider .top-bar p{color:#ffffff; font-weight:normal; margin:10px 0; padding:0; line-height:100%; }
#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:15px 'Dosis'; color:#be1522; background-color:transparent; display:block; text-transform:uppercase;}
#slider .top-bar a.read:hover{ background-color:transparent;}
/*-----------------------------------ANIMATION STYLES---------------------------------------------*/

.header .header-inner{ margin:0 auto; padding:0; position:relative; width:1000px;}
.header .header-inner .logo{margin:0; padding:35px 0 20px; float:left; width:25%; }

.header .header-inner .logo h1{  line-height:100%;font-weight:400; text-transform:uppercase; }
.header .header-inner .logo a{ line-height:100%; }

.header-right{ float:right; padding:20px 0 0 0; font: normal 24px/24px 'Dosis'; color:#727272;}

.toggle{display:none;}
.header{width:100%; height:auto; position:relative; padding:0;}
.header .header-inner .nav{width:1020px; margin:0 auto; padding:0; border-radius:5px; position:relative; left:-10px; bottom:-20px; z-index:9999;}

.our-fees{ background:#f41123; padding:13px 40px 10px 40px; position:absolute; top:-3px; right:40px; border-radius:5px 5px 0px 0px;}
.nav .our-fees ul{ background:none;}
.our-fees ul li{ border:none !important; padding:0 !important;}

/* --------------------------- SOCIAL ICONS --------------------*/
.social-icons{ margin:0; padding:0; text-align:center;}
.icon{padding:6px 7px; font-size:16px;  display:inline-block; transition:0.6s; -moz-transition:0.6s; -webkit-transition:0.6s; -o-transition:0.6s;}

/* --------- Pages ------- */
.main-container{ width:1000px; margin:0 auto; padding:0; background:#fff;}
.container{  margin:0; padding:0 25px; position:relative;}
.content-area{ color:#616161; margin:0 auto; padding:30px 25px;}
.site-main{ width:580px; margin:0; padding:0; float:left;}
#sitefull{ width:auto !important;}
#nosidebar{ width:80%; margin:0 auto; float:none; text-align:center;}
#sidebar{ width:310px; margin:0; padding:0; float:right;}

/*=================== START =================== */
h1{ font:normal 40px 'Dosis'; color:#be1522;}
h2{ font:normal 36px 'Dosis'; color:#be1522;}
h3{ font:normal 30px 'Dosis'; color:#be1522;}
h4{ font:normal 24px 'Dosis'; color:#be1522;}
h5{ font:normal 20px 'Dosis'; color:#be1522;}
h6{ font:normal 36px 'Dosis'; color:#be1522;}
h1, h2, h3, h4, h5, h6{ line-height:100%; }
.follow-us{ float:right}
.follow-social{padding:0; position:relative; top:-5px;}
.qus-callus{ margin:15px 0;  float:right}
.top-address{ font:normal 15px/20px 'Dosis'; text-align:right;}
.qus-callus a:hover, .top-address a:hover{ color:#727272 ;}

/* --------- Homepage --------- */
.zym-time-table { width:100%; margin:0 auto; position:relative; visibility:hidden;}
.zym-time-table h2, .zym-time-table h3, .event-meet-find h4, .client-gallery h3{ margin-bottom:30px;}
a.start-today{ background:#be1522; padding:10px 50px; margin-top:40px; font-family:Dosis; color:#fff; font-size:18px; display:inline-block;  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}

.timetable{position:relative; border-bottom:dashed 1px #282828; font-family:'Dosis'; padding:1px 0; }
.timetable-wp{ padding:13px 12px;}
.clock-icon{ float:left; margin-right:15px; margin-top:3px; color:#515050; font-size:18px;}
.clock-icon i{ display:inherit;}
.timetable-wp:hover{ background:#212121; display:block;}
.timetable-wp.active{ background:#212121; display:block;}
.timetable-title{float:left;  text-align:left; color:#e9e9e9; font-size:16px; font-weight:500;}
.timetable-wp:hover .timetable-title{ color:#be1522;}
.timetable-wp.active .timetable-title{ color:#be1522;}
.timetable-wp.active .clock-icon{ color:#fff;}
.timetable-wp:hover .clock-icon{ color:#fff;}
.timetable-time{ text-align:right; color:#6c6c6c; font-size:14px;}

.content-area .timetable-title{color:#000; }
.content-area .timetable-wp:hover{ background:#e7e7e7;}
.content-area .active{ background:#e7e7e7;}
 
.event-meet-find{width:100%; margin:0 auto; position:relative; visibility:hidden;}
.event-meet-find p{margin-top:20px; }
.event-meet-thumb img, .findus-map iframe{background-color:#2b2b2b; padding:6px; border:1px solid #3d3c3c; -webkit-border-radius: 3px;
-moz-border-radius: 3px; border-radius: 3px; display:flex; }
.findus-map iframe{ min-height:200px;}
.event-meet-thumb img{ width:100%; height:auto;}
.content-area .photobooth .gallery ul li img {height:200px; width:96%; padding:6px; }

.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; height:110px; width:92%; padding:6px; }
.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;}
.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:#f7f6f6;}
.photobooth .filter-gallery ul li {float:left; padding:15px; width:auto;}
.photobooth .filter-gallery ul li a:hover{ color:#000;}
.photobooth .filter-gallery ul li.current { border-bottom: solid 1px #be1522;}

.photobooth .gallery ul{list-style:none !important; margin:0;}
.photobooth .gallery ul li {border-radius:10px; 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% 10px no-repeat; margin:0 2% 2% 0; width:31.5%; height:100%;} 
.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%;}

.testimonial-say{position:relative; }
.client-say{border-radius:5px; background:#171717; padding:30px; margin-bottom:30px; font-size:13px; line-height:22px; text-shadow:0 0 0 #171717; color:#878686; font-style:italic;}
.say-thumb{ float:left; margin-right:20px;}
.say-thumb img{ height:58px; width:58px; border-radius:100%;}
.client-arrow{position: relative;}
.client-arrow:before{top:30px; left:0; border: solid transparent; content: " ";	height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(23, 23, 23, 0); border-top-color: #171717; border-width:15px; }

.say-name{ float:left; margin:20px 0 0 0; font-size:18px; font-family:'Dosis';}
.customNavigation{ text-align:right; background:#b61521; border-radius:5px; display:table; float:right; margin-top:-50px; z-index:999; position:relative;}
.prev{background:url(images/prev.png) no-repeat center center; border-right:1px solid #000;}
.next{background:url(images/next.png) no-repeat center center; }
.prev, .next{padding:11px 16px; height:14px; display:table-cell; cursor:pointer;}


/*------------------------------------------- LATEST NEWS END -------------------------------------------*/
.latest-news { width:100%; margin-bottom:0px;}
.latest-news h3{ margin-bottom:40px;}
.news-box {width:31%; float:left; margin-right:3.5%;}
.news-thumb{}
.date-news{ color:#be1522; text-transform:uppercase; font-weight:700; float:left; font-family:'Dosis'; font-size:13px;}
.news-comment{float:right; font-weight:bold; }
.news-box .news-thumb img{margin:0 0 10px 0; width:95%; padding:6px; background:#2b2b2b; border:solid 1px #3d3c3c; border-radius:5px;}
.news { padding:0; display:block; margin:0;}
.news h5{border-bottom:solid 1px #212121; border-top:solid 1px #212121; padding:10px 0 15px 0; margin:10px 0;}
.more{display:inline-block; margin:1% 0 0 0; font-family:'Dosis'; text-transform:uppercase;}
.last{ margin-right:0 !important; float:right !important;}

.getstartbutton{ font:normal 18px/100% 'Dosis';}
.getstartbutton a{margin:0 auto; padding:10px 40px; display:table; color:#fff; border-radius:5px;}
/* ------------ Footer -------- */
#footer-wrapper{ position:relative; padding:55px 0 0;}
.footer { width:auto; padding:0 25px; margin:auto;  font-size:12px; color:#8c8c8c;}
.footer h3{ margin-bottom:40px;}
.widget-column-1 { width:20%; float:left; margin:0 55px 50px 0; border-right:1px #282828 solid; }
.widget-column-2 { width:34%; float:left; margin:0 55px 50px 0; padding-right:55px; border-right:1px #282828 solid; }
.widget-column-3 { width:28%; float:left; margin:0 0 50px 0;}
.footer li { display:block; padding:0; margin-bottom:10px;}
.footer li a { color:#fff; font:400 15px/15px 'Dosis'; background:url(images/gry-arrow.png) no-repeat 0 5px; padding:0 0 0 20px;}
.footer li a:hover { color:#be1522; transition: all 0.5s ease 0s; overflow:hidden;}
.footer-post{ width:auto; margin-bottom:20px; padding-bottom:20px; border-bottom:dashed 1px #3d3d3d; } 
.footer-post:last-child{ margin:0; padding:0; border-bottom:none;}
.footer-post .footer-post-thumb{ float:left; margin:0; padding:0;}
.footer-post .footer-post-thumb img{margin:0 20px 0 0; border:solid 3px #4d4c4c;}
.footer-post a{margin-bottom:5px; display:block;}

.phone-no { margin-top:20px; line-height:24px;}
.phone-no span{ width:35%; color:#be1522; display:inline-block;}
.phone-no a{ color:#8c8c8c;}
.footer-social{ margin-top:15px;}

.copyright-wrapper { position:relative; padding:25px 0;}
.copyright { width:1000px; margin:auto;}
.copyright-txt { float:left;}
.copyright-txt span { color:#00a8ff;}
.design-by { float:right;}

.breadcrumbs{ color:#616161;}
.breadcrumbs a:hover{ color:#616161;}
h1.entry-title, h1.page-title{ margin-bottom:30px;}
.content-area p{ margin-bottom:15px;}

/*------------------------------------------- OUR Tranners ------------------------------------------- */
.team-members{ width:auto;}
.team-col { width:31.3%; margin:0 25px 40px 0; padding-bottom:10px; float:left; background:#ececec; border:1px solid #f1f1f1;}
.teamnomargn{ margin-right:0;}
.team-col img{ width:100%; height:auto;}
.team-col h3 { color:#323232; font-weight:normal; font-size:18px; padding:15px; border-bottom:none;}
.team-col p{ padding:0 15px; color:#727272;}
.team-col .more_link {border-top: 1px dashed #c9c9c9; padding-top:10px; padding-left:15px; margin-top:15px; display:block;}
.team-col .more_link:hover{ color:#727272;}
.post-thumb img{float:left; margin:0 20px 20px 0; background-color:#2b2b2b; border-radius:3px; display:flex; padding:5px;}
/*------------------------------------------- Blog ------------------------------------------- */
.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:table;}
.pagination ul li .current, .pagination ul li a:hover{background:#00a8ff;}

.entry-summary a.read-more:hover{color:#616161; }
.entry-summary{ display:block;}
.space40{ height:40px;}

.widget{background:#e7e7e7; padding:15px; margin-bottom:50px;}
.widget li{ border-bottom:1px dotted #787878; padding-bottom:10px; margin-bottom:10px; }
.widget li:last-child{ border-bottom:none;}
.widget li a{ color:#3f3f3f;}

h5.widget-title{ margin-bottom:20px;}
.comment-list{ color:#616161;}
.comment-list a:hover, #commentform a:hover{ color:#616161;}

.latest-post{ position:relative;}
.latest-post-sidebar{width:auto; padding-bottom:20px; margin-bottom:20px; line-height:20px; border-bottom:solid 1px #fdf9fa; } 
.latest-post-sidebar:last-child{ margin:0; border-bottom:none;}
.latest-post-sidebar .sidebar-post-thumb{ float:left; margin:0; padding:0;}
.latest-post-sidebar .sidebar-post-thumb img{margin:0 20px 0 0}
.latest-post-sidebar .sidebar-post-title{ line-height:15px; font-size:15px; font-family:'Roboto Condensed', sans-serif; margin-bottom:5px;}
.latest-post-sidebar span a:hover{color:#171717;}
/*------------------------------------------- Contact Us ------------------------------------------- */
#contactform_main { margin: 0; padding: 0;}
#contactform_main input[type="text"], #contactform_main input[type="tel"], #contactform_main input[type="email"], #contactform_main input[type="url"] { border: 1px solid #cfcfcf;f4f1f1; color:#717171; margin: 0 0 10px 0; padding:10px 5px;	width:260px;}
#contactform_main textarea { border: 1px solid #cfcfcf; color:#717171; margin-bottom: 10px; padding:10px 5px; width:98%;}
button, html input[type='button'], input[type='reset'], input[type='submit'] { border:none; text-transform:uppercase; border-radius: 3px; color:#fff; cursor: pointer; display: block; font-size:1.2rem; line-height:1; margin-top: 15px; padding: 0.6em 2em; } 
.error_msg{padding:10px; background:#ffd3ce; color:#be1522; border:1px #e00 solid; margin:15px 0;}
.success_msg{padding:10px; background:#dcffc5; color:#070; border:1px #070 solid; margin:15px 0;}
input[type="search"]{ border: 1px solid #cfcfcf;f4f1f1; color:#717171; margin: 0 0 10px 0; padding:10px 5px; width:auto;}

/* -- Animation style -- */
.client-gallery, .news-box, .getstartbutton a, .widget-column-1, .widget-column-2, .widget-column-3{ visibility:hidden;}