/*
Theme Name: Educamp Pro
Theme URI: https://starthemes.net/wordpress-themes/education-wordpress-theme/
Author: StarThemes
Author URI: https://www.starthemes.net/
Description: Educamp is best education WordPress theme created form school, colleges, institutes, campus and related to other educational activities. If you wish to create a clean and nice dedicated learning website then this theme is a great option for you. This theme contains all the sections which are related to an education theme. This theme has packed with the excellent features and options so you can use it very easy. This theme has a responsive design and works really nice with all the screen resolutions. It also comes with the page templates you can create an inner page as per your requirement. 
Version: pro 1.0
License: GNU General Public License version 3
License URI: license.txt
Text Domain: educamp
Tags: one-column,two-columns,left-sidebar,right-sidebar,custom-background,custom-header,custom-menu,editor-style,featured-images,full-width-template, sticky-post,threaded-comments,translation-ready,theme-options

Educamp Pro WordPress Theme has been created by StarThemes(starthemes.net), 2018.
Educamp Pro WordPress Theme is released under the terms of GNU GPL
*/
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin:0; padding:0; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:focus{outline:none;}
body{box-sizing:border-box; -ms-word-wrap:break-word; word-wrap:break-word; line-height:28px; margin:0; padding:0; color:#353535; font-size:16px; font-family:'Assistant'; background-color:#ffffff; font-weight:400; overflow-x:hidden; }
img{ margin:0; padding:0; border:none;}
.bypostauthor { margin:0; padding:0;}
section img, img{width:100%; height:auto; display:block; }
h1,h2,h3,h4,h5,h6{ margin:0 0 20px; padding:0; line-height:1; font-weight:700;}
h1{ font-size:32px;}
h2{ font-size:25px;}
h3{ font-size:22px;}
h4{ font-size:19px;}
h5{ font-size:16px;}
h6{ font-size:14px;}
.left{float:left;}
.right{float:right;}
blockquote{ position:relative; margin-bottom:15px; }
blockquote.align-left{ padding:10px 20px; text-align:left; border-left:5px solid #f36523; margin-bottom:20px; color:#000000; font-weight: 400; font-size: 18px; font-style: italic; line-height:30px; background-color:#f7f7f7; }
blockquote.align-right{ padding:10px 20px; text-align:right; border-right:5px solid #f36523; margin-bottom:20px; color:#000000; font-weight: 400; font-size: 18px; font-style: italic;  line-height:30px; background-color:#f7f7f7; }
hr, .hr{border-bottom:1px solid #cfd0d2 !important; clear:both; margin:30px 0; border:none; }
p{ margin:0; padding:0;}
a{ text-decoration:none; transition:0.6s; -moz-transition:0.6s; -webkit-transition:0.6s; -o-transition:0.6s;}
a:hover{ text-decoration:none; }
a:focus{ outline:none; }
ul{ list-style:none; margin:0; padding:0;}
iframe{ width:100%; display:block; margin: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:25px; margin-top:4px; margin-bottom:6px; padding:0; height:auto; width:auto; }
.alignright, img.alignright { display: inline; float: right; margin-left:15px; height:auto; width:auto; margin-bottom:15px; }
.aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; margin-top:0; height:auto; width: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;}
.lastcols{ margin-right:0 !important;}
#lastcols{ margin-right:0 !important; }
.toggleMenu{display:none;}
section{ padding:80px 0; position:relative; }
.boxlayout .header .container{ width:auto; }
.container{ width:1170px; margin:0 auto; position:relative;}
.full-container{ width:100%; position:relative;}
.no-padding{ padding:0 !important; }
.full-container .one_half{ margin-bottom:0 !important;}

/*===============================================
** Top Header Css
*===============================================*/
.top-header{ background-color:#000000; padding:10px 0; color:#ffffff; }
.top-header-left{ float:left; }
.top-header-left ul li{ display:inline-block; margin-right:50px; }
.top-header-left ul li span{ margin-right:15px; }
.top-header, .top-header a, .top-header-right .social-icons a{ color:#ffffff; }
.top-header-right{ float:right; }
.top-header a:hover, .top-header .social-icons a:hover{ color:#f36523; }

/*===============================================
** Header Css
*===============================================*/
.header{ padding:30px 0; position:relative; z-index:10; }

/*===============================================
** Site Logo Css
*===============================================*/
.logo{ text-align:left; padding:0; position:relative; transition:0.3s; -moz-transition:0.3s; -webkit-transition:0.3s; -o-transition:0.3s; float:left; }
.logo img{ width:auto; margin-top: 15px; }
.logo h1{font-weight:700; margin:0; text-transform:uppercase; }
.logo a{ color:#202020; }
.logo p{ font-size:13px; color:#202020; display:block; }

/*===============================================
** Navigation Css
*===============================================*/
.toggle{ display: none; position: relative; margin:0; text-transform:uppercase; font-weight:700; }
.toggle a{ width:auto; padding:28px 25px; text-align:left; border-left:1px solid #ccc; color:#787878; }
.toggle a:before{ content:'\f0c9'; font-family:FontAwesome; position:absolute; top: 15px; font-size: 28px; left: 14px; }
.sitenav{ position:relative; z-index:9999; text-align:left; margin-left:50px; float:right; }
.sitenav ul {margin:0; padding:0; font-family:'Roboto'; font-size:13px; font-weight:700; text-transform:uppercase; letter-spacing: 0.1em; }
.sitenav ul li{ display:inline-block; position:relative; line-height:normal;}
.sitenav ul li a{ padding:50px 0 20px 30px; display:block; text-align:center; color:#000000; position:relative; }

/* = Navigation hover and active menu css
-------------------------------------------------------------- */
.sitenav ul li.current_page_item a, .sitenav ul li a:hover{ color:#f36523; }
.sitenav ul li a.parent:before{ content:'\f107'; position:absolute; right:0; top:48px; font-family:FontAwesome; font-size:17px; }
.sitenav ul li a.parent{ padding-right:25px; }

/* = Navigation 2nd level css
-------------------------------------------------------------- */
.sitenav ul li ul{display:none; z-index:9999; position:absolute; left:-9999px; }
.sitenav ul li:hover > ul{display:block; width:200px; position:absolute; left:auto; top:70px; text-align:left; -moz-animation: fadeInUp .3s ease-in-out; -webkit-animation: fadeInUp .3s ease-in-out; animation:fadeInUp .3s ease-in-out; }
.sitenav ul li ul li{display:block; position:relative; float:none; top:1px; line-height:18px; margin-left:0; }
.sitenav ul li ul li a{display:block; padding:10px; position:relative; top:0; text-align:left; }
.sitenav ul li ul li a.parent:before{ content:'\f105'; position: absolute; right: 8px; top: 9px; font-family: FontAwesome; font-size: 18px; }

/* = Navigation 3rd level css
-------------------------------------------------------------- */
.sitenav ul li:hover ul li:hover > ul{display:block; position:absolute; left:200px; top:-1px; -moz-animation: fadeInRight .3s ease-in-out; -webkit-animation: fadeInRight .3s ease-in-out; animation:fadeInRight .3s ease-in-out; }

/*===============================================
** Slider Css
*===============================================*/
.boxlayout .nivo-caption { bottom: 40%; width: 76%; }
#slider{ width:100%; margin:0; padding:0; position:relative; }
#slider:before{ background-color:rgba(0,0,0,0.5); content:''; position:absolute; left:0; right:0; z-index:6; width:100%; height:100%; }
.slider-main{ min-height:740px; position:relative; background:url(images/loading.gif) no-repeat center center #fff; background-size:20%; }
.boxlayout .slider-main{ min-height:568px; }
#slider a.button{ margin-right:20px; }
.boxlayout .slider-main .nivo-controlNav{ bottom:16%; }

/*===============================================
** Social Icons Css
*===============================================*/
#sidebar .social-icons{ text-align:center; }
.social-icons a{ width:30px; height:30px; line-height:30px; display:inline-block; padding:0; transition:0.6s; -moz-transition:0.6s; -webkit-transition:0.6s; -o-transition:0.6s; font-size:16px; color:#5c5b5b; position: relative; margin:0 3px; text-align:center; border-radius:50%; }
.social-icons a:hover { color:#ffffff; }
.social-icons br{ display:none;}

/*===============================================
** Buttons Css
*===============================================*/
a.button{ font-family:'Roboto'; font-size:14px; font-weight:700; text-transform:uppercase; padding: 16px 30px 15px; margin-bottom: 4px; line-height: 1; display: inline-block; text-align: center; color: #ffffff; background-color:#f36523; position: relative; -webkit-transition: all 0.4s linear 0s; transition: all 0.4s linear 0s; }
a.button:hover{ background-color:#202020; color:#ffffff; }

a.buttonstyle1{ text-transform:uppercase; color:#ffffff; background-color:#f36523; padding:14px 40px; font:700 15px/22px 'Roboto'; display:inline-block; }
a.buttonstyle1:hover{ background-color:#ffffff; color:#202020; }

a.sliderbtn{ font-family:'Roboto'; font-size:14px; font-weight:700; text-transform:uppercase; padding: 14px 30px 13px; margin-bottom: 4px; line-height: 1; display: inline-block; text-align: center; color: #ffffff; position: relative; -webkit-transition: all 0.4s linear 0s; transition: all 0.4s linear 0s; border:2px solid; }
a.sliderbtn:hover{ color:#f36523; }

.custombtn{ margin-top:60px;}

/*===============================================
** Section Title Css
*===============================================*/
.section_head{ text-align:center; padding-bottom:1px; }
h2.section_title{ font:700 38px/42px 'Roboto'; color:#161616; position:relative; text-transform:capitalize; padding:0 0 30px; margin:0 0 30px; letter-spacing:1px; }
h2.section_title:after, h2.section_title:before{ width:100px; margin:0 auto; content:''; position:absolute; left:0; right:0; }
h2.section_title:before{ border-top:1px solid #f36523; bottom:0; }
h2.section_title:after{ border-bottom:1px solid #f36523; bottom:1px; }
p.section_text{ color:#0000FF; width:56%; margin:0 auto 30px; }
h2.section_title span{ display:inline-block; margin-left:10px; color:#f36523; margin-bottom:10px; }
.section_head p{ margin:0 auto 10px; width:70%; }

/*===============================================
** Section Overlay Css
*===============================================*/
.sec-overlay{ position:relative; }
.sec-overlay:before{ content:''; width:100%; height:100%; background-color:rgba(24,24,24,0.8); position:absolute; top:0; left:0; }
.sec-overlay h1, .sec-overlay h2, .sec-overlay h3, .sec-overlay h4, .sec-overlay h5, .sec-overlay h6, .sec-overlay p, .sec-overlay h2.section_title{ color:#ffffff; }

/*===============================================
** Section Shortcode Css
*===============================================*/
.section-content{ background-repeat:no-repeat; background-position:center center; background-size:cover; }

/*===============================================
** Custom Heading Css
*===============================================*/
.custom-heading{ margin-bottom:30px; }
.custom-heading h2{ text-transform:uppercase; font-weight:700; position:relative; margin-bottom:40px;}
.custom-heading h2 span{ display:block; font-size:40%; margin-bottom:10px; letter-spacing:1px; }

/*===============================================
** Page boxes section Css
*===============================================*/
section#pagearea { width:100%; position:relative; padding-top:0; z-index:9; background-color:#f4f4f4; padding:30px 0; }
.pagearea-inner { position:relative; -webkit-transform:translateY(-25%); -moz-transform:translateY(-25%); -ms-transform:translateY(-25%); -o-transform:translateY(-25%); transform:translateY(-25%); }
.featbox { padding:50px 20px 30px; width:25%; float:left; margin:0 0 20px 0; position:relative; box-sizing:border-box; color:#ffffff; text-align:center; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; min-height:348px; }
.featbox:hover{ cursor:pointer; -webkit-transform: scale(1.1); transform: scale(1.1); z-index:99; }
.featbox .thumbbx{ height:62px; width:80px; margin:0 auto 30px; }
.featbox .thumbbx img{ margin:0 auto; width:auto; text-align:center; transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;}
.featbox h2{ margin-bottom:15px; text-transform:capitalize; display:block; position:relative; color:#ffffff; font:700 26px/34px 'Roboto'; letter-spacing:1px; }
.featbox p{ font-size:90%; margin-bottom:15px; }

.one_column{ width:100%;}
.two_column{ width:50%;}
.three_column{ width:33.33%;}
.four_column { width:25%;}
.five_column{ width:20%; }

/*===============================================
** Section First Css : Introduction
*===============================================*/
.intro-img{ padding-right:30px; }
.intro-cont h2.section_title{ margin:0; padding:0; text-align:left; font-size:50px; }
.intro-cont h2.section_title:before, .intro-cont h2.section_title:after{ content:none; }
.intro-cont p{ margin-bottom:40px; }
.intro-cont a.button{ margin-top:60px; }

/*===============================================
** Section Third Css : Iconbox
*===============================================*/
.iconbox{ text-align:center; margin-bottom:20px; padding:30px 0; }
.iconbox-thumb{ height:85px; width:65px; margin:0 auto; }
.iconbox-thumb img{ width:auto; margin:0 auto; }
.iconbox-cont h3{ margin:35px 0 20px; }

/*===============================================
** Section Four Css : Featured Course
*===============================================*/
.fea-crs-cnt p{ margin-bottom:30px; }
.fea-crs-cnt a.button{ margin-top:40px; }

/*===============================================
** Section Fifth Css : Popup Video
*===============================================*/
.popup-video-cont{ text-align:center; margin:80px 0; }
.pop-video-icon{ font-size:50px; margin-bottom:50px; }
.pop-video-icon a{ color:#ffffff; }
.popup-video-data h2{ font-size:46px; margin-bottom:40px; }
.popup-video-data h3{ font-size:30px; }

/*===============================================
** Infobox Css
*===============================================*/
.infobox{ text-align:center; position:relative; margin:20px 0; }
.infobox-icon{ width:80px; height:80px; margin:0 auto 30px; background-color:#f36523; color:#ffffff; border-radius:50px; color:#ffffff; font-size:40px; line-height:80px; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; }
.infobox:hover .infobox-icon{ background-color:#202020; }

/*===============================================
** Latest News Css
*===============================================*/
.news-box{ position:relative; padding:0; margin-bottom:10px; width:32%; margin-right:2%; float:left; position: relative; -webkit-border-radius:8px; border-radius: 8px; overflow: hidden; }
.news-thumb{ margin-bottom:15px; }
.post-meta{ margin-bottom:15px; }
.post-meta, .post-meta a{ color:#ff7f45; }

/*===============================================
** Photogallery Css
*===============================================*/
.gallery-wrap { display:flex; flex-wrap:wrap; }
.gallery.lastcols{ margin-right:0; }
.gal-col-two, .gal-col-three, .gal-col-four, .gal-col-five{ float:left; }
.gal-col-one{ width:100%; }
.gal-col-two{ width:49%; margin-right:2%; margin-bottom:2%; }
.gal-col-three{ width:32%; margin-right:2%; margin-bottom:2%; }
.gal-col-four{ width:23.4%; margin-right:2%; margin-bottom:2%; }
.gal-col-five{ width:18.3%; margin-right:2%; margin-bottom:2%; }
.gallery-image{ position:relative; }
.gallery-icon{ position:absolute; top:0; bottom:0; left:0; right:0; text-align:center; background-color:rgba(243,101,35,0.8); opacity:0; transition:all 0.5s ease-in-out; }
.gallery-icon a{ position:relative; top:50%; transform:translateY(-50%); color:#ffffff; text-transform:uppercase; font-weight:700; font-size:20px; }
.gallery-icon a:hover{ color:#ffffff; }
.gallery:hover .gallery-icon{ opacity:1; }

/*===============================================
** Testimonials Css
*===============================================*/
.testi-desc{ margin:0; padding:20px; background-color:#ffffff; border-radius:8px; }
.testi-thumb{ margin-bottom:20px; position:relative; width:80px; height:80px; border-radius:50%; overflow:hidden; margin:0; float:left; margin-right:20px; }
.tmttl{ overflow:hidden; }
.tmttl h4{ margin:0; }
.tmttl span{ display:block; margin-bottom:10px; color:#ff7f45; }
.tmttl p{ color:inherit; }

/*testimonials listing*/
.tmnllisting{ margin-bottom:35px; min-height:120px;}
.tmnllisting .tmnlthumb{ float:left; width:120px; height:120px; margin:0 5% 0 0; overflow:hidden;}
.tmnllisting .tmnlthumb img{ width:100%; height:100%; border-radius:50%;}
.tmnllisting h6{ margin-bottom:10px; padding-top:10px; text-transform:uppercase;}

#testimonials-widget h6{ margin-bottom:5px; text-transform:capitalize;}
#testimonials-widget p{ margin-bottom:15px;}

/*===============================================
** Counter Css
*===============================================*/
.counter-main{ display:flex; flex-wrap:nowrap; justify-content:center; }
.counter { position:relative; }
.counter-box { text-align:center; width:18%; padding:30px 0 10px; }
.counter-box img{ width:auto; margin:0 auto 20px; }
.counter-bdr{ padding:15px 0 15px; }
.counter-box i{ display:block; font-size:26px; margin-bottom:15px;}
.counter-box h3.counter { font:700 26px 'Roboto'; color:#ffffff; display:inline-block; margin: 0; line-height: normal; position: relative; } 
.counter-box h3 { text-transform:uppercase; margin:10px 0 0; font:400 14px 'Assistant'; color:#ffffff; }
.counter-box span { position: relative; right: -10px; font-size: 36px; color: #ffffff; font-weight: 700; }

/*===============================================
** Team Member Css
*===============================================*/
.teammember-list{ width:23.5%; float:left; margin-right:2%; position:relative; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; overflow:hidden; text-align:center; }
.team-thumbnail{ width:60%; margin:0 auto 30px; border:1px dashed #f36523; padding:8px; border-radius:5px; }
.team-thumbnail img{ border-radius:5px; }
.team-member-title-desi h3{ margin:0 0 10px; }
.team-member-title-desi cite{ font-style:normal; font-family:'Assistant'; font-size:14px; color:#a6a6a6; text-transform:uppercase; }
.team-member-title-desi p{ margin-top:20px; }
.member-social-icon{ border-top:1px solid #cccccc; padding:20px 0; margin-top:20px; }
.member-social-icon a{ color:#a6a6a6; width:30px; height:30px; border-radius:50px; display:inline-block; margin-right:10px; text-align: center; font-size: 16px; line-height: 30px; }

/*===============================================
** Portfolio Css
*===============================================*/
.item-dirt{ position: relative; padding: 0px 4%; width: 100%; height: 100%; }
.item-dirt-hov{ position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; display: block; background: rgba(255, 255, 255, 0.9); opacity: 0; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; }
.item-dirt-hov span::before, .item-dirt-hov span::after { content: ''; position: absolute; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; background-color: #272b2b; opacity: 0.2; }
.item-dirt-hov span:nth-child(1)::before, .item-dirt-hov span:nth-child(1)::after { top: 50%; margin-top: -1px; width: 50%; height: 2px; }
.item-dirt-hov span:nth-child(1)::before { right: 50%; }
.item-dirt-hov span:nth-child(1)::after { left: 50%; }
.item-dirt-hov span:nth-child(2)::before, .item-dirt-hov span:nth-child(2)::after { left: 50%; margin-left: -1px; width: 2px; height: 50%; }
.item-dirt-hov span:nth-child(2)::before { bottom: 50%; }
.item-dirt-hov span:nth-child(2)::after { top: 50%; }
.item-dirt:hover .item-dirt-hov { opacity: 1; }
.item-dirt:hover .item-dirt-hov span:nth-child(1)::before, .item-dirt:hover .item-dirt-hov span:nth-child(1)::after { width: 25px; }
.item-dirt:hover .item-dirt-hov span:nth-child(2)::before, .item-dirt:hover .item-dirt-hov span:nth-child(2)::after { height: 25px; }
.item-dirt:hover .item-dirt-hov span::before, .item-dirt:hover .item-dirt-hov span::after { opacity: 1; }
.portfolio-metadeta{ border-bottom:1px solid #f2f2f2; border-top:1px solid #f2f2f2; padding:10px 30px; text-align:center; margin-bottom:50px; }
.portfolio-metadata-item{ display:inline-block; margin:0 15px; }
.portfolio-metadata-item span{ color:#000000; }
.portfolio-share{ text-align:center; margin:40px 0; border-radius:0; }
.portfolio-share ul.social-share-post li{ border-radius:0; }
.single-portfolio .image-carousel{ width:80%; margin:50px auto; }

/*===============================================
** Client Logo Css
*===============================================*/
.partner-logo img{ width:auto !important; margin:0 auto; transition:all ease-in-out 0.5s; -webkit-transition:all ease-in-out 0.5s; }
.partner-logo img:hover{ -webkit-filter: grayscale(0); filter: none; }

/*===============================================
** Skill Bar Css
*===============================================*/
.skillbar {position:relative; display:block; margin-bottom:30px; width:100%; 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; font-weight:bold; }
.skillbar-title { font-size:13px; color:#1b1b1b; text-transform:uppercase; }
.skillbar-title span { display:block; color:#1b1b1b; padding:0; height:35px; line-height:35px;}
.skillbar-bar { height:6px; width:0px; background-color:#f36523; }
.skill-bar-percent { position:absolute; right:0; top:0; font-size:15px; height:35px; line-height:35px; color:#1b1b1b;}
.skill { width:46.98%; float:left;}
.skill-bar { margin:60px 0 0 0; }
.skill-bg{ width:100%; background-color:#a9aeb1; }

/*===============================================
** Footer Css
*===============================================*/
#footer-wrapper{ background-color:#1a1a1a; color:#979797; position:relative; padding:40px 0; font:300 15px/26px 'Roboto'; }
.widget-column{ width: 24%; float: left; padding-left: 1%; margin-left: 1%; margin-bottom:50px; }
#footer-wrapper .widget-column:first-child{ padding-left:0; margin-left:0; border:none; }
.cols-4 h5{ margin-bottom:30px; text-transform:uppercase; font-weight:700; position:relative; color:#ffffff; font-size:19px; font-family:'Roboto'; }
.contactdetail{ margin-top:40px; }
.contactdetail a{ color:#979797; }
.contactdetail p{ margin:20px 0; }
.contactdetail i{ margin-right:15px; color:#ffffff; font-size:20px; }

.cols-4 ul{ margin:0; padding:0; }
.cols-4 ul li{ list-style:none; margin-bottom:5px; display:block; }
.cols-4 ul li a{ padding:0 0 10px 20px; position:relative; display:block; color:#979797; }
.cols-4 ul li ul{ display:none;}
.cols-4 ul li a:before{ content:'\f105'; font-family:FontAwesome; position:absolute; left:0; font-size:14px;  }
.cols-4 ul li a:hover{ color:#f36523; }

/* Social Icon */
.widget-column .social-icons a{ color:#979797 }
.widget-column .social-icons a:hover{ color:#f36523 }

/*Foo Newsletter*/
.newsletter{ margin:20px 0 60px; position:relative; }
.newsletter form{ position:relative; }
.newsletter input[type=email]{ background-color:#444444; border:none; font-size:14px; color:#979797; font-family:'Roboto';  }
.newsletter button{ position:absolute; top:0; right:0; padding:14px 20px; border: none; color:#ffffff; background-color:#f36523; }
.newsletter button:hover{ cursor:pointer; }

/*===============================================
** Footer Copyright Css
*===============================================*/
.copyright-wrapper{ border-top:1px solid #272727; padding-top:40px; }
.copyright-txt{ float:left; }
.designby{ float:right; }
.copyright-wrapper a{ color:#979797; }
.copyright-wrapper a:hover{ color:#f36523; }

/*===============================================
** Course Listing and Course Single Css
*===============================================*/
.course-listing{}
.course-grid-box{ box-shadow:0 1px 6px rgba(0,0,0,.15); overflow:hidden; margin-bottom:40px; transition:all ease-in-out .4s; -webkit-transition:all ease-in-out .4s; -o-transition:all ease-in-out .4s; -ms-transition:all ease-in-out .4s; height:100%; display:table; }
.course-listing .course-grid-box .course-thumb { width:41.66%; float: left; position:relative; overflow:hidden; }
.course-thumb .ccate{ position:absolute; left:20px; top:20px; text-transform:uppercase; line-height:29px; font-size:12px; font-weight:700; z-index:999; border-radius:3px; }
.course-thumb .ccate a{ background-color:#f36523; color:#ffffff; padding:0px 12px; margin-right:8px; display:inline-block; }
.course-thumb .ccate a:hover{ background-color:#000000; }
.course-thumb .link-hover{ width:36px; height:36px; background-color:#fff; color:#f36523; position:absolute; left:-150px; top:0; right:0; bottom:0;  margin:auto; text-align:center; line-height:36px; border-radius:100px; z-index: 9; opacity:0; }
.course-grid-box:hover .link-hover{ left:0; opacity:1; }
.course-grid-box .course-thumb:after, .course-grid-box .course-thumb:before { background-color:rgba(0,0,0,.2); width:100%; height:0; position:absolute; left:0; top:0; content:""; opacity:0; }
.course-grid-box:hover .course-thumb::after, .course-grid-box:hover .course-thumb::before{ height:100%; opacity:1; }
.course-listing .course-grid-box .course-excerpt { position:relative; height:100%; display:table; width:58.33%; float:left; padding:25px 25px 0; text-align:left; }
.crs-txt{ margin-bottom:25px; }
.course-listing .course-grid-box .course-excerpt ul.course-meta { position:absolute; left:0; width:100%; bottom:0; text-align:center; border-top:1px solid #e6e6e6; }
.course-grid-box ul.course-meta li{ display:inline-block; line-height:49px; border-right:1px solid #e6e6e6; padding:0 15px; color:#666666; margin-left:-3px; width:33%; text-align:center; text-transform:uppercase; font-size:13px; font-weight:700; color:#666666; }
.course-grid-box ul.course-meta li:last-child { border:0; }
.course-grid-box ul.course-meta li i { margin-right:8px; }

.single-course-thumb{ position:relative; margin-bottom:30px; }
.single-course-thumb-overlay{ position:absolute; top:20px; left:20px; right:20px; }
.course-price{ float:left; background-color:#f36523; color:#ffffff; text-transform:uppercase; font-weight:700; padding:6px 25px; }
.course-enroll{ float:right; }
.course-enroll a{ background-color:#f36523; color:#ffffff; text-transform:uppercase; font-weight:700; padding:6px 25px; display:block; cursor:pointer; }
.course-enroll a:hover{ background-color:#000000; color:#ffffff; }
.single-course-head{ margin-bottom:30px; }
.single-course-head h2{ margin:0; }
.single-course-meta{ position:relative; margin-top:30px; }
.single-course-meta-box{ float:left; width:33.33%; padding:20px; border:1px solid #dcdcdc; }
.course-meta-box-icon{ width:40px; height:40px; border-radius:50px; background-color:#f36523; text-align:center; line-height:40px; font-size:20px; color:#ffffff; float:left; margin-right:20px; }
.course-meta-box-cont{ overflow:hidden; line-height:normal; }
.course-meta-box-cont strong{ display:block; }

.hidden-content{ max-width: 550px; border-radius: 4px; overflow: hidden; background-color:#ffffff; transform: translateY(-80px); transition: all .5s; display:none; }

/*===============================================
** Innerpages Css
*===============================================*/
/* Innerpage title */
.innerbanner{ overflow:hidden; position:relative; text-align:left; }
.innerbanner:before{ content:''; width:100%; height:100%; background-color:rgba(24,24,24,0.8); position:absolute; top:0; left:0; }
.innerbanner .container{ padding:150px 0;}
h1.innerpage-title{ padding:5px 0; text-transform:uppercase; position:relative; padding-left:25px; font-size:46px; margin:0; }
h1.innerpage-title:before{ content:''; width:3px; line-height:54px; bottom:0; height:auto; position:absolute; left:0; top:0; margin-right:22px; background-color:#f36523; }
#crumbs{ display: block; line-height:26px; color:#292929; text-transform:uppercase; position: relative; font-size:14px; font-weight:700; font-family:'Karla'; }
#crumbs .container{ padding:15px 0; }
#crumbs a, #crumbs span{ padding:0 8px; color:#292929; }
#crumbs a:hover{ color:#f36523; }
#crumbs .container{ border-bottom:1px solid #d8d8d8; }

/* Innerpage Content and Sidebar*/
.content-area{ padding:50px 0;}
.site-main{ width:830px; margin:0; padding:0; float:left;}
.sitefull{ width:100% !important; float:none !important; }

/*===============================================
** Blog Page Css
*===============================================*/
.blog-post-repeat { position:relative; min-height:200px; margin-bottom:30px; width:100%; display:inline-block; width:100%; padding-bottom:60px; }
.blog-post-repeat .post-thumb, .blog-post-single .post-thumb{ overflow:hidden; position:relative; margin-bottom:30px; }
.post-overlay { position:absolute; top:0; bottom:0; right:0; left:0; background-color:rgba(41,55,66,0.8); opacity:0; -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s; -webkit-transform:scale3d(0.5,0.5,1); transform:scale3d(0.5,0.5,1); }
.blog-post-repeat:hover .post-overlay, .blog-post-single:hover .post-overlay { opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1); }
.post-data .entry-header{ padding-bottom:0; margin-bottom:23px; overflow:hidden; }
.postmeta-date{ font-size:72px; font-weight:700; height:90px; width:110px; float:left; line-height:66px; color:#f36523; }
.postmeta-date i{ font-size:13px; text-transform:uppercase; font-style:normal; font-weight:700; display:block; line-height:20px; margin-top:3px; }
.entry-contains{ position:relative; padding-left:30px; width:calc(100% - 110px); width:-webkit-calc(100% - 110px); width:-moz-calc(100% - 110px); float:right; }
.entry-contains:before{ content:''; position:absolute; width:1px; top:4px; left:0; bottom:5px; background:#eee; } 
h3.post-title{ font-size:34px; font-weight:700; line-height:34px; margin:0 0 7px; }
ul.entry-meta{ margin:0; padding:0; }
ul.entry-meta li{ border-right:1px solid #eee; padding-right:23px; margin-right:20px; list-style:none; text-transform:uppercase; display:inline-block; line-height:18px; margin-top:10px; }
ul.entry-meta li a{ text-transform:uppercase; font-weight:700; font-size:14px; display:inline-block; color:#7a7a7a; }
ul.entry-meta li span{ color:#ccc; font-size:12px; font-weight:700; display:block; line-height:18px; }


/* Pagination */
.spacer20{height:20px; clear:both;}
.pagination{display:table; clear:both; margin:0 auto; }
.pagination ul{list-style:none; margin:20px 0;}
.pagination ul li{display:inline-block; margin-right:5px;}
.pagination ul li span, .pagination ul li a{background:#0f3cae; color:#ffffff; padding:5px 15px; display:inline-block;}
.pagination ul li .current, .pagination ul li a:hover{background:#0f3cae; color:#ffffff !important; }

/* home page posts pagination */
.navigation .page-numbers{ background:#383838; color:#ffffff; padding:5px 10px; display:inline-block; }
.navigation .page-numbers.current, .navigation .page-numbers:hover{ background:#037df0; color:#ffffff !important; }
.taxonomy-description{ margin-bottom:20px; }

/*===============================================
** Single Posts Css
*===============================================*/
article p{ margin:0 0 20px 0; }
.post-summary{ position:relative; margin-bottom:40px; }
.blog-post-single header.entry-header{ margin-bottom:30px; }
.post-bottom{ border-top:1px solid #e7e7e7; padding:20px 0 0; }
.post-bottom .post-tags{ float:left; }
.post-bottom .post-tags a{ background-color:#ececec; text-transform:lowercase; font-size:14px !important; padding:2px 8px; margin-right:2px; display:inline-block; margin-bottom:5px; font-weight:600; }
.post-bottom .social_share{ float:right; }

/* Post Nav */
.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:#515151; padding:5px 10px; color:#ffffff; font:15px 'Montserrat';}
.prev-page a:hover, .next-page a:hover{ color:#ffffff; background-color:#34c6f6;}
.singleright { float:left; }
.singleleft { float:right; }

#nav-below.post-navigation{ border-top:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; margin:40px 0; padding:20px 0; }
.nav-previous{ float:left; }
.nav-next{float:right; }
.nav-previous, .nav-next{ font-weight:700; letter-spacing:2px; text-transform:uppercase; }
.nav-previous a, .nav-next a{ color:#9c9c9c; position:relative; }
.nav-previous a{ padding-left:30px;  }
.nav-next a{ padding-right:30px; }
.nav-previous a:before{ content:'\f177'; font-family:FontAwesome; position: absolute; height: 100%; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; left: 30%; opacity: 0; top:-2px; }
.nav-previous a:hover::before { left:0; opacity: 1; }
.nav-next a:before{ content:'\f178'; font-family:FontAwesome; position: absolute; height: 100%; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; right: 30%; opacity: 0; top:-2px; }
.nav-next a:hover::before { right:0; opacity: 1; }

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

/* Team testi Single */
.team-testi-post-thumb{ width:350px; float:left; margin-right:30px; text-align:center; margin-bottom:30px; }
.team-testi-post-thumb img{ border:8px solid #f36523; padding:10px; }
.team-testi-post-thumb span{ display:block; text-transform:uppercase; font-weight:700; color:#f36523; line-height:normal; margin:15px 0; }
.team-testi-post-thumb a{ border:2px solid; height:40px; width:40px; display:inline-block; border-radius:50%; line-height:38px; margin:0 5px; }

/*===============================================
** Contact Page Css
*===============================================*/
.gmap{ position:relative; width:100%; }
.blackmap{ -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); display:block; }
.contact-content { padding:4em 4em 2em; box-shadow:0 0 8px -2px rgba(0,0,0,0.3); }
.contact-content .contact-page-info address{ margin-top:20px; font-style:normal; width:50%; float:left; }
.contact-content .contact-page-info address strong{ color:#323232; text-transform:uppercase; }
.contact-social{ margin-top:30px; padding-top:30px; border-top:1px solid #dbdbdb; }
.contact-social .social-icons a{ background-color: #f36523; border-radius: 50%; width: 40px; height: 40px; margin-right: 8px; color: #ffffff; line-height: 2.5; }
.contact-social .social-icons a:hover{ background-color:#202020; color:#ffffff; }

/*===============================================
** Sidebar Css
*===============================================*/
#sidebar{ width:320px; float:right; background-color:#ffffff; padding:0 0 30px; }
.widget_content { padding:0; }
.sidebar-left{ float:left !important;}
#sidebar .quotes h4 { margin:10px 0;}
aside.widget{ margin:0; padding:0; }
aside.widget ul{ list-style:disc; }
h3.widget-title{ font-size: 1.294em; font-weight: 700; line-height:36px; letter-spacing: 0.4px; } 
h3.widget-title span { display: block; width: 100%; letter-spacing: 0px; text-transform: uppercase; }
#sidebar aside.widget{ margin:0 0 30px; padding:0 0 5px 20px; position:relative; }
#sidebar aside.widget:before, #sidebar aside.widget:after{ content:""; position:absolute; left:0; top:0; }
#sidebar aside.widget:before{ width:3px; height:36px; z-index:3; background-color:#f36523; }
#sidebar aside.widget:after{ bottom:0; width:1px; background-color:#e5e5e5; } 

.sidebar-left #sidebar aside.widget{ padding:0 20px 5px 0; }
.sidebar-left #sidebar aside.widget:before, .sidebar-left #sidebar aside.widget:after{ content:""; position:absolute; top:0; left:auto; right:0; }
.sidebar-left #sidebar aside.widget:before{ width:3px; height:36px; z-index:3; background-color:#f36523; }
.sidebar-left #sidebar aside.widget:after{ bottom:0; width:1px; background-color:#e5e5e5; } 

.flotRight{ float:right !important;}
#sidebar aside.widget:first-child{ margin-top:0; }
.textwidget p{ margin-bottom:20px; }

#sidebar ul li{ list-style: disc inside ; padding:8px 0 8px 0; list-style:none; }
#sidebar ul li a{ line-height:18px; color:#000000; position:relative; }
#sidebar ul li a:hover{ color:#f36523;}
#sidebar ul li:last-child{ border:none;}
.nosidebar{ float:none !important; margin:0 auto;}

#sidebar .search-form input.search-field{ width:100%; padding:12px 40px 12px 16px; transition: transform 250ms ease-in-out; font-size: 14px; line-height: 18px; color: #575756; background-color: transparent; border-radius: 50px; border: 1px solid #575756; -webkit-transition: all 250ms ease-in-out; backface-visibility: hidden; transform-style: preserve-3d; }
#sidebar .search-form input.search-submit{ background:url(images/search-icon.png) no-repeat center center; padding: 22.5px 0; font-size:0; width:20%; height:40px; float:right;}
#sidebar form.search-form{ margin-bottom:0; }

#sidebar .widget_recent_entries li, #sidebar .widget_recent_comments li, #sidebar .widget_archive li, #sidebar .widget_categories li, #sidebar .widget_meta li{ border-bottom: 1px solid #e5e5e5; padding: 9px 0 14px 0; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
#sidebar .widget_recent_entries li:first-child, #sidebar .widget_recent_comments li:first-child, #sidebar .widget_archive li:first-child, #sidebar .widget_categories li:first-child, #sidebar .widget_meta li:first-child{ padding-top:0; }
#sidebar .widget_categories li span, #sidebar .widget_archive li span { float: right; width: 30px; height: 30px; line-height: 33px; text-align: center; background: transparent; border-radius: 100%; }
#sidebar .widget_tag_cloud a{ background-color:#ececec; text-transform:lowercase; font-size:14px !important; padding:2px 8px; margin-right:2px; display:inline-block; margin-bottom:5px; font-weight:600; }
#sidebar .widget_tag_cloud a:hover{ color:#ffffff; background-color:#000000; }

#sidebar #wp-calendar{ width:100%; text-align: center; }
#sidebar #wp-calendar caption{ font-weight:700; margin-bottom:20px;}
#sidebar #wp-calendar th{ background-color:#037df0; color:#ffffff; }
#sidebar #wp-calendar a{ display:block; background-color:#037df0; color:#ffffff; }

/*===============================================
** Course Sidebar Widget Css
*===============================================*/
.recent-course-grid{ position:relative; margin-bottom:20px; }
.recent-course-thumb{ width:100px; float:left; margin-right:12px; }
.recent-course-text{ overflow:hidden; }
.recent-course-text h5{ font-size:18px; line-height:24px; }
.meta-crs-recent{ position:absolute; bottom:0; }
.meta-crs-recent a{ color:#ffffff; background-color:#f36523; display:inline-block; padding:4px 6px; margin-right:5px; text-transform:uppercase; font-weight:700; font-size:12px; line-height:normal; }
.meta-crs-recent a:hover{ background-color:#000000; color:#ffffff; }

.course-cate li{ font-weight:700; transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out; position:relative; }
.course-cate li:hover{ transform:translateX(10px); -webkit-transform:translateX(10px); }
/*===============================================
** 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%;}
form.search-form{margin-bottom:20px; position:relative; }
input.search-field, .post-password-form input[type=password]{border:none; padding:7px 15px;}
form.search-form input.search-submit, .post-password-form input[type=submit]{border:none; color:#ffffff; padding:9px 30px; cursor:pointer; position:absolute; top:0; right:0; text-transform: uppercase; font-size: 16px; }

/*===============================================
** Posts Social Share Css
*===============================================*/
ul.social-share-post { display: inline-block; height: 35px; padding: 0; margin: 0; }
ul.social-share-post li { display: inline-block; padding: 0; margin: 2px; height: 33px; width: 33px; line-height: 30px; border-radius: 50%; text-align: center; background: transparent; border: 1px solid rgba(0,0,0,0.15); }
ul.social-share-post li a{ height: 33px; width: 33px; display: inline-block; color: #888; }
ul.social-share-post li a:hover{ color:#ffffff; }
ul.social-share-post li i { line-height: 31px; font-size: 13px; display: block; width: 100%; height: 100%; margin-left: -1px; }
ul.social-share-post li.social-share-twitter:hover{ background-color:#12c4f7; }
ul.social-share-post li.social-share-facebook:hover{ background-color:#3984bd; }
ul.social-share-post li.social-share-whatsapp:hover{ background-color:#65bc54; }
ul.social-share-post li.social-share-googleplus:hover{ background-color:#e65f3d; }
ul.social-share-post li.social-share-linkedin:hover{ background-color:#0097bf; }
ul.social-share-post li.social-share-pinterest:hover{ background-color:#cd2127; }

/*===============================================
** Comments Css
*===============================================*/
.comment-form-author, .comment-form-email, .comment-form-url{ width: 33%; float: left; margin-right: 3%; }
#commentform p.comment-form-url { margin-right: 0; }
#commentform input[type="text"] { width: 100%; float: left; display: inline-block; margin-right: 1%; clear: both; text-indent: 10px; font-size: 90%; padding: 10px 0 !important; margin-bottom: 15px; }

/*===============================================
** Contact Form Css
*===============================================*/
input[type="text"], select, input[type="password"], input[type="email"], input[type="url"], input[type="tel"], input[type="number"], input[type="range"], input[type="date"], textarea, input.text, input[type="search"]{ border: 1px solid; border-radius: 0; box-sizing: border-box; display: block; margin: 0 0 25px; padding: 10px 12px 9px; width: 100%; background-color: #ffffff;  font-family:'Roboto'; font-size:15px; border:1px solid #d8d8d8;}
input.send-btn{ border: none; font-size: 14px; padding: 14px 25px; text-transform: uppercase; transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; font-family:'Roboto'; font-weight:700; cursor:pointer; }
input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="tel"], input[type="number"], input[type="range"], input[type="date"]{ height:45px; }
textarea.wpcf7-form-control{ height:150px; }

/*===============================================
** Back to Top Css
*===============================================*/
#top{ position:relative;}
#back-top {	position: fixed; bottom: 15px; right:25px; z-index:999;}
#back-top a {width:64px; display:block; text-align:center; text-transform:uppercase; text-decoration:none; color:#f36523; -webkit-transition:1s; -moz-transition:1s; transition:1s; font-size:60px; line-height:1; }
#back-top a:hover{ color:#242c3a; }
#back-top span { width:64px;height:62px; display: block; margin-bottom: 7px; -webkit-transition:1s; -moz-transition:1s; transition:1s; opacity:0.8; }

/*===============================================
** Custom 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;}
.customtab{ margin-top:0px;}
article.tag-sticky-2{background:#f6f6f6; padding:10px;}

/* = Text meant only for screen readers.
-------------------------------------------------------------- */
.screen-reader-text {clip: rect(1px, 1px, 1px, 1px);position: absolute !important;	height: 1px;width: 1px;	overflow: hidden;}
.screen-reader-text:focus {	background-color:#f1f1f1; border-radius:3px; box-shadow:0 0 2px 2px rgba(0, 0, 0, 0.6);	clip:auto !important; color:#21759b;	display:block; font-size:14px; font-size:0.875rem; font-weight:bold; height:auto; left:5px; line-height:normal; padding:15px 23px 14px; text-decoration:none;	top:5px; width:auto; z-index:100000; /* Above WP toolbar. */}

/* = Accordion tab section css
-------------------------------------------------------------- */
.acc-content a { font-weight:bold; line-height:30px;}

/* = Box Layout Css
-------------------------------------------------------------- */
.boxlayout{ width:1210px; margin:0 auto; box-shadow:0 5px 10px #000000; position:relative; overflow-x:hidden; }
.boxlayout .container{ padding:0 20px;}
.boxlayout .content-area{ padding: 50px 0; }
.boxlayout .innerbanner .container{ padding:75px 30px; }

/*===============================================
** Woocommerce Css
*===============================================*/
.woocommerceright{float:left;}
.woocommerceleft{float:right;}
.content-area .woocommercesitefull{ width:100%;}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product { text-align:center; }
.woocommerce .woocommerce-result-count{ font-size:16px; margin-top:12px; }
.woocommerce .woocommerce-ordering{ margin-bottom:38px; position:relative; }
.woocommerce-ordering:after{ content:'\f078'; font-family:FontAwesome; position:absolute; top:10px; right:20px; }
form.woocommerce-ordering select{ padding:10px 30px 10px 10px; color:#242423; font-size:15px; background-color: #ffffff; border: 1px solid #e5e5e5; font-family:'Assistant'; position:relative; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url(...); }
.woocommerce span.onsale, .woocommerce .woo-entry-new-badge, .woocommerce .sale-perc, .woocommerce .soldout{ text-transform:uppercase; font-size:14px; font-family:'Assistant'; position:absolute; top:0; border-radius:0; min-height:inherit; min-width:inherit; padding:8px 16px; letter-spacing:2px; line-height:1; font-weight:700; }
.woocommerce ul.products li.product .onsale, .woocommerce ul.products li.product .sale-perc{ background-color:#f36523; color:#ffffff; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; }
.woocommerce ul.products li.product .onsale{ margin:0; right:auto; left:0; opacity:1; }
.woocommerce ul.products li.product .product-item-inner:hover .onsale{ opacity:0; }
.woocommerce ul.products li.product .sale-perc{ opacity:0; }
.woocommerce ul.products li.product .product-item-inner:hover .sale-perc{ opacity:1; }
.woocommerce .woo-entry-new-badge, .woocommerce .soldout{ right:0; background-color:#333333; color:#ffffff; }
.woocommerce ul.products li.product .woocommerce-loop-product__title{ font-size: 18px; }
.woocommerce ul.products li.product .star-rating{ margin:5px auto 10px;}
.woocommerce ul.products li.product .price { font-size: 18px; font-weight:700; }
.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price{ color:inherit !important;}
.woocommerce ul.products li.product .price del, .woocommerce ul.products li.product .price ins{ display:inline-block; margin:0 5px; }
.woocommerce ul.products li.product .price del{ font-size: 13px; }
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce button.button.alt, .woocommerce input.button, .woocommerce a.added_to_cart, .woocommerce a.button.alt, .woocommerce input.button.alt, .reset_variations{ margin-bottom:15px; background-color:#dda668; color:#ffffff; padding:10px 25px; font:400 14px/18px 'Assistant'; display:inline-block; transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; margin-top:20px; text-transform: uppercase; position:relative; border-radius:30px; font-weight:bold; }
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce button.button.alt:hover, .woocommerce input.button:hover, .woocommerce a.added_to_cart:hover, .woocommerce a.button.alt:hover, .woocommerce input.button.alt:hover, .reset_variations:hover{ background-color:#242423; color:#ffffff; }
.woocommerce ul.products li.product a img{-webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden; backface-visibility: hidden; margin:0; }
.woocommerce .product-item-thumbnail{ overflow:hidden; position:relative;z-index:2; -webkit-box-shadow: 0px 0px 10px 0px rgba(110,110,110,0.4); -moz-box-shadow: 0px 0px 10px 0px rgba(110,110,110,0.4); box-shadow: 0px 0px 10px 0px rgba(110,110,110,0.4); margin-bottom:20px; }
.woocommerce .product-item-thumbnail-holder{ text-align:center; }
.woocommerce .product-item-thumbnail-holder > a:last-child { position: absolute; bottom:0; margin-bottom:0; left:0; right:0; width:100%; color:#fff; padding:14px 20px; z-index:2; opacity:0; visibility: hidden; transition: all 250ms ease-out; /*background-color: #262626;*/ transform: translate(0, 100%); -webkit-transform: translate(0, 100%); border-radius:0; }
.woocommerce .product-item-inner:hover .product-item-thumbnail-holder > a:last-child { opacity: 1; visibility: visible; transform: translate(0, 0); -webkit-transform: translate(0, 0); }
.woocommerce .product-item-thumbnail-holder .added{ display:none !important; }
.woocommerce a.added_to_cart{ display: table; margin: 0 auto 15px; }
#sidebar .woocommerce-mini-cart__buttons a.button { margin-right:8px; }
#sidebar ul.woocommerce-mini-cart li{ list-style:none; position: relative; }
#sidebar ul.woocommerce-mini-cart li a, #sidebar ul.woocommerce-mini-cart li span.quantity{ font-size:15px; padding-left:0 !important; margin-bottom:5px; }
.woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img{ width:50px; }
.woocommerce .widget_shopping_cart .cart_list li a.remove, .woocommerce.widget_shopping_cart .cart_list li a.remove{ font-size:30px !important; height: 30px; width: 30px; line-height: 30px !important; padding-left:0 !important; border-radius:0; position: absolute; left: -2px; top: 10px; float:left; margin-right:15px; }
.woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total{ padding: 12px 0 10px; font-size:15px; text-transform:uppercase; }
.widget .woocommerce-product-search, .widget .search-form { position: relative; }
.widget .woocommerce-product-search input[type="submit"], .widget .search-form .search-submit { position: absolute; top: 0px; right: 0px; box-shadow: none; border: none; text-indent: -999px; padding: 0; outline:none; width: 46px; height: 52px; z-index: 1; border-radius: 0px 3px 3px 0px; background-image: url(images/findicon.png); background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: 16px 16px; opacity: 0.3;}
.widget .woocommerce-product-search input[type="submit"]:hover, .widget .search-form .search-submit:hover{ cursor:pointer; }	
.woocommerce .widget_price_filter .ui-slider .ui-slider-range, .woocommerce .widget_price_filter .ui-slider .ui-slider-handle{ background-color:#b1c903;}
.woocommerce .widget_price_filter .price_slider_amount .price_label{ font-size:15px; }
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content{ background-color:#242423;}
.woocommerce .widget_recent_reviews li, .woocommerce .widget_products li, .woocommerce .widget_top_rated_products li, .woocommerce .widget_rating_filter li, .woocommerce .widget_recently_viewed_products li{ list-style:none !important;}
.woocommerce .widget_recent_reviews a, .woocommerce .widget_products a, .woocommerce .widget_top_rated_products a, .woocommerce .widget_rating_filter a, .woocommerce .widget_recently_viewed_products a{ padding-left:0 !important;; font-size:16px !important; font-weight:700 !important; }
.woocommerce ul.product_list_widget li .star-rating{ margin: 8px 0; }
.woocommerce-LoopProduct-link br{ display:none; }
a.reset_variations{ margin:0; }
.woocommerce div.product form.cart .variations select{ max-width:50%; padding:10px; }

/*===============================================
** Show another image on hover Css
*===============================================*/
img.onhover{ position:absolute; top:0; left:0; opacity:0; transition:opacity .1s; -webkit-transition:opacity .1s; -webkit-backface-visibility:hidden; backface-visibility:hidden;  }
.woocommerce ul.products li.product .product-item-inner:hover img.onhover{ opacity: 1; object-fit: cover; }
.woocommerce ul.products li.product .product-item-inner:hover img.attachment-woocommerce_thumbnail{ opacity:0; }

/*===============================================
** Single Product Page Css
*===============================================*/
.related.products{ padding:0; }
.related.products h2{ text-transform:uppercase; border-bottom:1px solid #f1f1f1; padding-bottom:15px; }
body.single-product #sidebar {display:none;}
body.single-product .site-main{ width:auto; padding:4em; box-shadow:0 0 12px 4px #CCC; padding-bottom:0; }
.woocommerce h1.product_title{ border-bottom:1px solid #cccccc; padding-bottom:20px !important; color:#b1c903; }
.woocommerce div.product p.price, .woocommerce div.product span.price { margin-bottom: 1.618em; font-size:18px; font-weight:700; color:#242423; }
.woocommerce div.product .woocommerce-product-rating{ float:right; }
.woocommerce-product-details__short-description ul{ margin:20px 0;}
.woocommerce-product-details__short-description ul li{ position:relative; padding-left: 25px; margin-bottom: 10px; }
.woocommerce-product-details__short-description ul li:before{ content:'\f061'; font-family:FontAwesome; position:absolute; left:0; font-size:16px; color:#b1c903;}
.woocommerce .quantity .qty{ width:5em; margin:15px 30px 0 0; }
.woocommerce .product_meta{ border-top:1px solid #f1f1f1; padding-top:20px; font-size:16px; }
.woocommerce .product_meta .posted_in{ margin-right:30px; }
.woocommerce .product_meta .posted_in, .woocommerce .product_meta .tagged_as{ color:#959595; }
.woocommerce div.product .woocommerce-tabs ul.tabs::before{ border:none; }
.woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before{ content:none; }
.woocommerce div.product .woocommerce-tabs ul.tabs li{ border:none; font-size:16px; padding:0; margin-right:10px; background-color:none; }
.woocommerce div.product .woocommerce-tabs ul.tabs li a{ padding:12px 26px; border-radius:5px; color:#ffffff; }
.woocommerce div.product .woocommerce-tabs ul.tabs li .selected{ background-color:#dda668; color:#ffffff !important; }
.woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel--description p{ margin-bottom:15px; line-height:26px;}
.woocommerce #review_form #respond .comment-reply-title{ font-size: 22px; font-weight: bold; text-transform: uppercase; margin: 20px 0; display: block; }
.woocommerce #review_form #respond .comment-form-rating{ font-size:20px; }
.woocommerce #review_form #respond p.stars{ margin-top:15px; }
.woocommerce-tabs{ border-bottom:1px solid #ccc; padding:30px 0 10px; margin-bottom:30px; }
.woocommerce-product-details__short-description{ margin-bottom:20px; }
.woocommerce div.product p.stock{ color:#ffffff; font-weight:700; padding:0 20px; }
.woocommerce div.product p.stock.avail-in-stock{ background-color:#77a464; }
.woocommerce div.product p.stock.few-in-stock{ background-color:#f27144; }
.woocommerce div.product p.stock.out-of-stock{ background-color:red; }

/*===============================================
** Product Cart Page Css
*===============================================*/
.woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text{ width: 150px; height: 38px; }
.woocommerce .cart-collaterals{ margin-top:50px; }
.woocommerce-cart table.cart td.product-name{ font-weight:700; font-size:15px; }
.woocommerce-cart .cart-collaterals .cart_totals table{ padding:20px;}
.woocommerce-cart .cart-collaterals .cart_totals .cart-subtotal, .woocommerce-cart .cart-collaterals .cart_totals .order-total{ font-size:18px; }
.woocommerce-cart .wc-proceed-to-checkout{ text-align:center; }
.woocommerce .woocommerce-cart-form button.button{ margin:0; }

/*===============================================
** Checkout Page Css
*===============================================*/
.woocommerce-checkout .woocommerce #customer_details{ margin-bottom:50px; }
.woocommerce-checkout .woocommerce .woocommerce-billing-fields input{ padding:8px 12px; }
.woocommerce-checkout .woocommerce .woocommerce-billing-fields .select2-container--default .select2-selection--single{ border-radius:0; }
.woocommerce-checkout .woocommerce .woocommerce-checkout-review-order th, .woocommerce-checkout .woocommerce .woocommerce-checkout-review-order td{ border:none; }
.woocommerce-checkout .woocommerce .woocommerce-checkout-review-order .cart_item td, .woocommerce-checkout .woocommerce .woocommerce-checkout-review-order .cart-subtotal th, .woocommerce-checkout .woocommerce .woocommerce-checkout-review-order .cart-subtotal td{ border-bottom:1px solid #dddddd;}
#add_payment_method #payment ul.payment_methods li, .woocommerce-cart #payment ul.payment_methods li, .woocommerce-checkout #payment ul.payment_methods li{ list-style:none; }
.woocommerce-checkout #payment ul.payment_methods li label{ font-size:16px; }
#add_payment_method #payment div.form-row, .woocommerce-cart #payment div.form-row, .woocommerce-checkout #payment div.form-row{ padding:0 1em; }
.woocommerce-checkout .woocommerce .woocommerce-checkout-review-order a.about_paypal{ display:none; }

/*===============================================
** Woocommerce Pagination Css
*===============================================*/
.woocommerce nav.woocommerce-pagination ul{ border:none; }
.woocommerce nav.woocommerce-pagination ul li{ margin:0 5px; border:none; }
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span{ border-radius:50%; width: 40px; height: 40px; line-height: 25px; }

/*===============================================
** Data Tooltip Css
*===============================================*/
/* Add this attribute to the element that needs a tooltip */
[data-tooltip] { position: relative; z-index: 2; cursor: pointer; }
/* Hide the tooltip content by default */
[data-tooltip]:before, [data-tooltip]:after { visibility: hidden; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; pointer-events: none; }
/* Position tooltip above the element */
[data-tooltip]:before { position: absolute; bottom: 150%; left: 50%; margin-bottom: 5px; margin-left: -80px; padding: 7px; width: 170px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #000; background-color: hsla(0, 0%, 20%, 0.9); color: #fff; content: attr(data-tooltip); text-align: center; font-size: 14px; line-height: 1.2; }
/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after { position: absolute; bottom: 150%; left: 50%; margin-left: -5px; width: 0; border-top: 5px solid #000; border-top: 5px solid hsla(0, 0%, 20%, 0.9); border-right: 5px solid transparent; border-left: 5px solid transparent; content: " "; font-size: 0; line-height: 0; }
/* Show tooltip content on hover */
[data-tooltip]:hover:before, [data-tooltip]:hover:after { visibility: visible; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }

/*===============================================
** Author Bio Box Css
*===============================================*/
.author-box{ position: relative; clear: both; display: block; margin:0; padding: 2.6rem 3.2rem; background-color:#f36523; margin-bottom:30px; }
.author-img{ margin: 0; width: 70px; height: 70px; position:absolute; }
.author-bio-box{ padding-left:90px; }
.author-bio-box, .author-bio-box a{ color:#ffffff; }
.author-bio-box h4.author-name{ margin: 0 0 10px 0; text-transform: uppercase; font-weight: bold; }
.author-bio-box p{ margin-bottom:10px; }
.author-meta a { display:inline-block; list-style: none; padding: 0; margin: 0 15px 0 0; font-size: 13px; }

/*===============================================
** 404 Not Found Css
*===============================================*/
h1.title-404{ font-size: 80px; text-transform: uppercase; font-family:'Oswald'; margin:80px 0 50px; }
.text-404{ font-family:'Oswald'; font-size:22px; line-height:36px; margin-bottom:80px; }
.error-404 form{ width:50%; margin:0 auto 50px; position:relative; }
.error-404 form input[type=submit]{ position:absolute; top:0; right:0; text-transform:uppercase; font-weight:700; font-family:'Assistant'; font-size:18px; height: 52px; padding: 0 40px; }