/*
Theme Name: Classroom Pro
Theme URI: https://risingthemes.net/shop/classroom-wordpress-theme/
Author: RisingThemes
Author URI: https://www.risingthemes.net/
Description: Classroom is an educational WordPress theme mainly design and develope for education, tuition, college, school, and other education-related websites. This theme has built with modern design and development with the latest WordPress standards. This theme comes with the easy to use homepage layouts so you can display educational activities nicely. The theme has an inbuilt options framework can allow modifying your homepage layout within few clicks. This is a completely responsive theme nicely perform on all the screens and devices. When it comes to make the educational website there is need of display the educational information like course, students inquiry, teachers and all. This theme is a complete package to fulfill all your need about educational website.
Version: pro 1.0
License: GNU General Public License version 3
License URI: license.txt
Text Domain: classroom
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

Classroom Pro WordPress Theme has been created by RisingThemes(risingthemes.net), 2019.
Classroom 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;}
html{ overflow-x: hidden; }
body{box-sizing:border-box; -ms-word-wrap:break-word; word-wrap:break-word; line-height:26px; margin:0; padding:0; color:#757575; font-size:15px; font-family:'Open Sans'; 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:normal;}
h1{ font:700 36px 'Open Sans'; color:#2c2c2c;}
h2{ font:700 33px 'Rajdhani'; color:#2c2c2c;}
h3{ font:700 28px 'Rajdhani'; color:#2c2c2c;}
h4{ font:700 25px 'Rajdhani'; color:#2c2c2c;}
h5{ font:700 18px 'Rajdhani'; color:#2c2c2c;}
h6{ font:700 15px 'Rajdhani'; color:#2c2c2c;}
.left{float:left;}
.right{float:right;}
blockquote{ position:relative; margin-bottom:0; }
blockquote.align-left{ padding:30px 15px 15px 0px; text-align:left; }
blockquote.align-left::before{content: "\f10d"; font-family:'Font Awesome 5 Pro'; color: #26c193; font-size:25px; position: absolute; top:0; left: 0; }
blockquote.align-right{ padding:30px 0px 15px 15px; text-align:right;  }
blockquote.align-right::before{content: "\f10e"; font-family:'Font Awesome 5 Pro'; color: #26c193; font-size:25px; position: absolute; top:0; right: 0; }
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; border:none;}
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:25px; height:auto; width:auto; }
.aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; margin-top:0; height:auto; width:auto;}
.comments-area{ margin:30px 0 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:70px 0; position:relative; }
section.section-content { padding:50px 0;}
.boxlayout .header .container{ width:auto; }
.container{ width:1170px; margin:0 auto; position:relative;}
.full-container{ width:100%; position:relative;}
.no-padding{ padding:0; }
.full-container .one_half{ margin-bottom:0 !important;}

/*===============================================
** Header Css
*===============================================*/
.header{ padding:0; position:absolute; top:0; z-index:99; left:0; right:0;}

/*===============================================
** Site Logo Css
*===============================================*/
.logo{ text-align:left; position:relative; padding:25px 0 10px; width:23%; float:left;}
.logo img{ width:auto; height:auto; display:block; }
.logo h1{font:700 28px 'Open Sans'; color:#ffffff; margin:0; text-transform:capitalize; }
.logo a{color:#ffffff;}
.logo p{ font:400 14px 'Open Sans'; color:#ffffff; display:block; }

/*===============================================
** Navigation Css
*===============================================*/
.navigation { position:relative; text-align:right; width:60%; float:left;}
.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:#ffffff; }
.toggle a::before{ content:'\f0c9'; font-family:'Font Awesome 5 Pro'; position:absolute; top: 15px; font-size: 28px; left: 14px; }
.sitenav{ position:relative; display:inline-block;}
.sitenav ul {margin:0; padding:0; font:400 14px 'Open Sans'; text-transform:uppercase; }
.sitenav ul li{ display:inline-block; position:relative; line-height:normal;}
.sitenav ul li a{padding:48px 15px 23px; text-align:center; color:#ffffff; display:inline-block; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); position:relative; -webkit-transition-property:color; transition-property:color; -webkit-transition-duration:0.5s; transition-duration:0.5s;}
.sitenav ul li a::before { content:''; position:absolute; z-index:-1; top:0; left:0; right:0; bottom:0; background-color:#26c193; -webkit-transform:scaleY(0); transform:scaleY(0); -webkit-transform-origin:50% 0; transform-origin:50% 0; -webkit-transition-property:transform; transition-property:transform; -webkit-transition-duration:0.5s; transition-duration:0.5s; -webkit-transition-timing-function:ease-out; transition-timing-function:ease-out;}
.sitenav ul li a:hover, .sitenav ul li a:focus, .sitenav ul li a:active { color:#ffffff;}
.sitenav ul li a:hover::before, .sitenav ul li a:focus::before, .sitenav ul li a:active::before { -webkit-transform:scaleY(1); transform:scaleY(1); -webkit-transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66);}

/* = Navigation hover and active menu css
-------------------------------------------------------------- */
.sitenav ul li.current_page_item a { background-color:#26c193; color:#ffffff;}

/* = Navigation 2nd level css
-------------------------------------------------------------- */
.sitenav ul li ul{display:none; z-index:9999; position:absolute; left:-9999px; }
.sitenav ul li:hover > ul{ background-color:#000000; display:block; width:200px; position:absolute; left:auto; top:90px; 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; line-height:18px; margin-left:0; }
.sitenav ul li ul li a{display:block; padding:10px 25px 10px 20px; position:relative; top:0; text-align:left; }
.sitenav ul li ul li:first-child a{ padding-left:20px; }

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

/*================================================== 
	HEADER ADMISSION BUTTON CSS
==================================================== */
.admit-btn { float:right; margin-left:30px; margin-top:37px;}
.admit-btn a.buttonstyle1 { border-radius:30px; text-transform:uppercase;}

/*===============================================
** 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.4); content:''; position:absolute; left:0; right:0; z-index:6; width:100%; height:100%; }
.slider-main{ min-height:715px; position:relative; background:url(images/loading.gif) no-repeat center center #fff;}
.boxlayout .slider-main{ min-height:650px; }

/*===============================================
** Social Icons Css
*===============================================*/
.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:#2c2c2c; border:1px solid #2c2c2c; position: relative; margin:0 3px; text-align:center;}
.social-icons a:hover { color:#26c193; border-color:#26c193;}
.social-icons br{ display:none;}

/*===============================================
** Buttons Css
*===============================================*/
a.morebutton{ font:700 15px 'Open Sans'; color:#ffffff; background-color:#26c193; text-transform:capitalize; padding:16px 30px 15px; display: inline-block; text-align:center; position:relative; -webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s; }
a.morebutton:hover{ background-color:#2c2c2c; color:#ffffff;}

a.ReadMore { font:700 13px 'Open Sans'; color:#2c2c2c; border-top:1px solid #2c2c2c; border-bottom:1px solid #2c2c2c; padding:10px 15px; text-transform:uppercase; display:inline-block; -webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s;}
a.ReadMore:hover { color:#7050fa; border-color:#7050fa;}

a.buttonstyle1{ font:700 15px 'Open Sans'; color:#ffffff; background-color:#7050fa; text-transform:capitalize; padding:10px 40px 10px; display: inline-block; text-align:center; position:relative; overflow:hidden; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); -ms-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); -webkit-transition-property:color; transition-property:color; -webkit-transition-duration:0.3s; transition-duration:0.3s; border-radius:30px;}
a.buttonstyle1::before { content:''; position:absolute; z-index:-1; top:0; left:0; right:0; bottom:0; background-color:#000000; border-radius:100%; -webkit-transform:scale(0); -ms- transform:scale(0); transform:scale(0); -webkit-transition-property:transform; transition-property:transform; -webkit-transition-duration:0.3s; transition-duration:0.3s; -webkit-transition-timing-function:ease-out; transition-timing-function:ease-out; overflow:hidden; border-radius:30px;}
a.buttonstyle1:hover, a.buttonstyle1:focus, a.buttonstyle1:active { color:#ffffff;}
a.buttonstyle1:hover::before, a.buttonstyle1:focus::before, a.buttonstyle1:active::before { -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1);}

.custombtn{ margin-top:30px;}

/*===============================================
** Section Title Css
*===============================================*/
.section_head{ text-align:center; padding-bottom:25px; }
h2.section_title{ font:700 45px 'Rajdhani'; color:#2c2c2c; position:relative; margin:0 0 30px; text-transform:capitalize; padding-bottom:20px;}
h2.section_title::before { content:''; position:absolute; bottom:0; left:0; right:0; margin:0 auto 7px; width:70px; border-bottom:2px solid #26c193;}
h2.section_title::after { content:''; position:absolute; bottom:0; left:0; right:0; margin:0 auto; width:120px; border-bottom:2px solid #26c193;}
h5.section_title_small { font:700 28px 'Dancing Script'; color:#26c193; margin-bottom:10px;}
.sec-overlay h2.section_title, .sec-overlay{ color:#ffffff;}
.sec-overlay h2.section_title::before, .sec-overlay h2.section_title::after, .our-events h2.section_title::before, .our-events h2.section_title::after { border-color:#ffffff;}
/*===============================================
** Section Overlay Css
*===============================================*/
.sec-overlay{ position:relative; }
.sec-overlay::before{ content:''; width:100%; height:100%; background-color:rgba(0,0,0,0.7); position:absolute; top:0; left:0; }

/*===============================================
** Innerpages Css
*===============================================*/
/* Innerpage title */
.innerbanner{ height:350px; overflow:hidden; position:relative; }
.innerbanner::before{ content:''; width:100%; height:100%; background-color:rgba(0,0,0,0.5); position:absolute; top:0; left:0; }
.innerbanner .container{ position:absolute; top:50%; left:0; right:0; }
h1.innerpage-title{ color:#ffffff; font:700 40px 'Rajdhani'; text-transform:capitalize; margin:0; padding-left:25px; display:inline-block; position:relative; line-height:1;}
h1.innerpage-title::before { content:''; position:absolute; left:0; top:0; bottom:0; height:100%; border-left:3px solid #26c193;}

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

/*================================================== 
	SECTION FIRST PAGE BOXES CSS
==================================================== */
section#pagearea { width:100%; position:relative;}
.pagearea-inner { position:relative; margin-top:-150px; z-index:9;}
.fourbox{ padding:40px 33px 50px; margin-right:30px; width:23%; float:left; text-align:center; position:relative; border-radius:10px; box-sizing:border-box; transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;}
.fourbox:hover { -webkit-transform:translate(0px, -25px); -moz-transform:translate(0px, -25px); -ms-transform:translate(0px, -25px); -o-transform:translate(0px, -25px); transform:translate(0px, -25px);}
.fourbox.last_column, .fourbox.three_column.last_column { margin-right:0;}
.fourbox .thumbbx{ width:80px; height:80px; margin:0 auto 20px; position:relative;}
.fourbox .thumbbx img{ max-width:80px; max-height:80px; display:block;}
.fourbox .fourbxcontent { color:#ffffff;}
.fourbox .fourbxcontent p{ font:400 14px/28px 'Open Sans';}
.fourbox .fourbxcontent h3{ text-transform:capitalize; display:inline-block; position:relative; font:700 21px 'Rajdhani'; color:#ffffff; margin-bottom:15px;}
.fourbox .fourbxcontent h3 a { color:#ffffff;}
/* Page Box Column */
.one_column{ width:100%;}
.two_column{ width:48.7%;}
.three_column{ width:31.6%;}
.four_column { width:23%;}

/*===============================================
** Section First CSS : Popular Online Courses
*===============================================*/
.course-slide { position:relative;}
.course-list { position:relative; padding:15px;}
.coursethumb { position:relative;}
.coursethumb img { width:100%; height:auto; display:block;}
.coursecontent { padding:40px 20px 20px; text-align:center; background-color:#ffffff; -webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s;}
.coursecontent h4 { margin-bottom:10px;}
.coursecontent span { display:block; margin-bottom:10px; color:#7050fa; font-size:13px;}
.courseprice { width:100%; position:absolute; z-index:1; bottom:-17px; left:0; margin-bottom:0; text-align:center;}
.courseprice span {display:inline-block; width:auto; height:35px; border-radius:20px; padding:0 25px; background-color:#7050fa; color:#ffffff; font-size:15px; font-weight:700; text-transform:uppercase; text-align:center; line-height:35px;}
.courseprice span.label-free { background-color:#26c193;}
.coursebutton { text-align:center; margin-top:25px;}
.coursebutton a { font:700 13px 'Open Sans'; color:#2c2c2c; text-transform:uppercase; padding:10px 0px; border-top:1px solid #2c2c2c; border-bottom:1px solid #2c2c2c; display:block;}
.coursebutton a:hover { color:#7050fa; border-color:#7050fa;}
.course-list:hover .coursecontent { -webkit-box-shadow:0px 5px 18px -6px rgba(0,0,0,0.75); -moz-box-shadow:0px 5px 18px -6px rgba(0,0,0,0.75); box-shadow:0px 5px 18px -6px rgba(0,0,0,0.75);}
.course-slide.owl-theme .owl-nav { margin-top:0;}
.course-slide.owl-theme .owl-nav button.owl-prev { position:absolute; left:-35px; top:42%; background:none; border:1px solid #757575; color:#757575; border-radius:50%;}
.course-slide.owl-theme .owl-nav button.owl-next { position:absolute; right:-35px; top:42%; background:none; border:1px solid #757575; color:#757575; border-radius:50%;}
.course-slide.owl-theme .owl-nav button.owl-prev:hover, .course-slide.owl-theme .owl-nav button.owl-next:hover { background:none; border-color:#000000; color:#000000;}

/* Course Page */
.course-box { width:31%; float:left; margin:0px 40px 40px 0;}
.course-box.lastcols { margin-right:0;}
.course-thumb { position:relative; overflow:hidden; z-index:1;}
.course-thumb img { width:100%; height:auto; display:block; -webkit-transition:all 0.5s; transition:all 0.5s;}
.course-thumb::before{ content:''; background-color:#000000; opacity:0; position:absolute; left:0; top:0; bottom:0; right:0; z-index:1; -webkit-transition:all 0.3s; transition:all 0.3s;}
.course-box:hover .course-thumb::before{ opacity:0.7; left:20px; top:20px; bottom:20px; right:20px;}
.course-box:hover .course-thumb img{ filter:grayscale(80%);}
.course-thumb .courseinfo{ text-align:right; position:absolute; left:20px; bottom:20px; z-index:1;}
.course-thumb h6{ color:#ffffff; background-color:#7050fa; text-transform:uppercase; padding:4px 10px; margin:0 19px 4px 0; opacity:0; -webkit-transform:translateX(-20px); -ms-transform:translateX(-20px); transform:translateX(-20px); -webkit-transition:all 0.5s; transition:all 0.5s;}
.course-box:hover h6{ opacity:1; -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0);}
.course-thumb span{ color:#ffffff; background-color:#7050fa; font:400 13px 'Open Sans'; letter-spacing:1px; text-transform:capitalize; padding:3px 10px; margin:0 0 15px; display:inline-block; opacity:0; -webkit-transform:translateX(20px); -ms-transform:translateX(20px); transform:translateX(20px); position:relative; -webkit-transition:all 0.5s; transition:all 0.5s;}
.course-thumb span::before { content:''; background:linear-gradient(45deg, #7050fa 49%, transparent 50%); height:18px; width:15px; position:absolute; top:-18px; right:0;}
.course-box:hover span{ opacity:1; transform:translateX(0);}
.course-thumb .course-price{ padding:0; margin:0; opacity:0; position:absolute; top:25px; right:25px; z-index:1; -webkit-transition:all 0.5s; transition:all 0.5s;}
.course-box:hover .course-price{ opacity: 1;}
.course-thumb .course-price div{ color:#ffffff; background-color:#7050fa; font:700 15px 'Open Sans'; text-align:center; padding:3px 10px; display:block; -webkit-transition:all 0.3s; transition:all 0.3s;}
.course-thumb .course-price div:hover{ box-shadow:0 0 10px #7050fa;}
.course-thumb .course-price .labelfree { background-color:#26c193;}
.course-content { padding:20px; text-align:center;}
.course-content h5 { margin-bottom:10px;}
.course-content span { color:#ffb300; font-size:13px; letter-spacing:5px; display:inline-block; position:relative; margin-bottom:10px;}

/* Course Single */
.coursebx-single { position:relative;}
.course-single-thumb { margin-bottom:15px; position:relative;}
.course-single-thumb img { width:100%; height:auto; display:block;}
.course-single-meta { padding:15px 0 0;}
.course-meta {display:inline-block; overflow:hidden; position:relative; padding:0;}
.course-author { border-right:1px dashed #999999; margin-right:15px; padding:10px 15px 10px 0; display:inline-block;}
.course-author h6 { margin-bottom:0; margin-top:7px;}
.course-categories { border-right:1px dashed #999999; margin-right:15px; padding:10px 15px 10px 0; display:inline-block;}
.course-categories a { font-weight:bold;}
.course-categories span { display:block; margin-bottom:3px;}
.client-rating { display:inline-block; margin-right:15px; padding:10px 15px 10px 0; border-right:1px dashed #999999;}
.client-rating span { display:block; margin-bottom:4px;}
.client-rating div { color:#ffb706; letter-spacing:2px;}
.coursefees {  display:inline-block; padding:10px 0px 10px 0;}
.coursefees span { display:block;}
.coursefees h5 { color:#7050fa; margin-top:7px; margin-bottom:0;}
.course-enroll { float:right; display:inline-block; position:relative; margin-top:18px;}
.course-enroll a { text-transform:uppercase;}
.course-details { position:relative;}

/* Course Single Widget Posts */
.course-posts-row { position:relative; margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #ebe7fb;}
.course-post-feat-img { width:80px; height:auto; float:left; border:1px solid #bbbbbb;}
.course-post-feat-img img { width:100%; height:auto; display:block;}
.course-post-content { width:68%; float:right;}
.course-post-content h6 { font:700 16px 'Rajdhani'; color:#2c2c2c; margin-bottom:5px;}
.course-post-content h6 a { color:#2c2c2c;}
#sidebar ul.features { margin-top:-20px; padding:15px 15px; background-color:#7050fa;}
#sidebar ul.features li { border-bottom:1px solid #ffffff; color:#ffffff; font-size:14px; padding:10px 0;}
#sidebar ul.features li::before { content:none;}
.fea-left { width:48%; float:left;}
.fea-left i { color:#ffffff; margin-right:10px;}
.fea-right { width:48%; float:right;}

/*===============================================
** Section Second CSS : Apply Online Course
*===============================================*/
.apply-form { width:45%; float:left; text-align:center; padding:3% 2%; background-color:#f8f8f8; border-radius:30px;}
.sec-overlay .apply-form h2.section_title { color:#2c2c2c; margin-bottom:20px;}
.apply-form h2.section_title::before, .apply-form h2.section_title::after { border-color:#26c193;}
.online-form { padding-top:5%; color:#757575;}
.online-form label { width:45%; float:left; margin:15px 10px 0;}
.online-form label input[type="text"], .online-form label input[type="email"], .online-form label input[type="tel"] { margin-bottom:0;}
.online-form label select { margin-bottom:0; padding-top:11px; padding-bottom:11px; padding-left:8px; color:#757575;}
.apply-form .online-form input[type="submit"] { margin-top:7%; padding:10px 30px; border:none; border-radius:30px; font:700 16px 'Open Sans'; text-transform:uppercase; letter-spacing:1px; cursor:pointer; -webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s;}
/* Register Now Countdown Timer */
.sec-countdown { width:50%; float:right; padding-top:3%; text-align:center;}
.sec-countdown h2.section_title { color:#ffffff; margin-bottom:20px;}
#register-countdown{ text-align:center; padding-top:7%;}
.countdown-box{ padding:0 20px; width:20%; float:left; font:700 40px 'Open Sans'; color:#ffffff; }
.countdown-box span{ display:block; margin-top:5px; font:400 18px 'Open Sans'; text-transform:capitalize; font-weight:normal; color:#26c193; }

/*===============================================
** Section Third CSS : Our Photo Gallery
*===============================================*/
/* Gallery Page */
.gallery{ text-align:center; border:1px solid #c8c8c8; }
.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-image img { width:100%; height:auto; display:block;}
.gallery-icon{ position:absolute; top:0; bottom:0; left:0; right:0; text-align:center; background-color:rgba(0,0,0,0.6); opacity:0; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; -webkit-transform:scale(0.2); -ms-transform:scale(0.2); transform:scale(0.2); }
.gallery-overlay { -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); position:relative; top:50%;}
.gallery-icon a{ position:relative; top:45%; color:#ffffff; text-transform:uppercase; font-weight:700; font-size:20px; display:inline-block; border:2px solid #ffffff; width:40px; height:40px;}
.gallery-icon a:hover{ border-radius:50%; border-color:#26c193; color:#26c193;}
.gallery-icon i{ display:block; line-height:38px; }
.gallery-image:hover .gallery-icon{ opacity:1; -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1);}

/*===============================================
** Section Fourth CSS : Our Acheivement Counter
*===============================================*/
.counter-box { width:25%; margin:0; float:left; padding:0 2%;}
.count-icon { display:inline-block; font-size:4.5em; color:#26c193; margin-right:20px; position:relative; top:-10px}
.count-text { display:inline-block; text-align:left;}
.count-text h2.counter { margin-bottom:5px; line-height:normal; font-size:50px; color:#ffffff;}
.count-text h5 { margin-bottom:0; text-transform:uppercase; font-weight:400; color:#ffffff;}

/*===============================================
** Section Fifth CSS : Student Testimonials
*===============================================*/
#clienttestimonials { position:relative;}
#clienttestimonials .owl-carousel .owl-stage-outer { padding:50px 0;}
.testimonials-wrap{ position:relative; width:90%; margin:0 auto; display:table; }
.testi-thumb { width:32%; padding:5%; display:table-cell; position:relative; }
.testi-thumb::before{ content:''; border:3px solid #26c193; position:absolute; top:-50px; bottom:-50px; right:0; left:0; }
.testthumb-inner{ width:180px; height:180px; position:absolute; left:0; right:0; margin:0 auto; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
.testthumb-inner img { width:100%; height:auto; display:block;}
.testi-desc{ width:80%;display:table-cell; vertical-align:middle; -ms-transform:translateX(-7%);-webkit-transform:translateX(-7%); transform:translateX(-7%);}
.testi-desc p { margin-bottom:15px;}
.testi-desc h4{ text-transform:capitalize; font:700 20px 'Rajdhani'; color:#2c2c2c; margin-bottom:5px;}
.testi-desc h4 a{ color:#2c2c2c; }
.testi-desc-inner { background-color:#ffffff; padding: 3%; }
#clienttestimonials .owl-theme .owl-nav { margin-top:0; position:absolute; bottom:0; right:0;}

/*testimonials*/
.client-say{ width:80%; margin:0 auto;  position:relative; z-index:1; font:normal 18px/24px 'Rajdhani'; color:#333333; }
.client-say .timthumb{ width:10%; float:left;}
.client-say .timthumb img{ height:100%; }
.client-say .tm_description{ width:87%; float:right;}
.client-say p{ margin-bottom:30px;}
.client-say h6{ color:#fff; margin:20px 0 0 0; text-transform:none; }

/*testimonials listing*/
.tmnllisting{ margin-bottom:20px; 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%;}
#testimonials .tmnlthumb { margin-bottom:15px; border:3px solid #7050fa; padding:5px;}
.tmnlcontent { width:73%; float:right;}
.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;}

/*===============================================
** Section Sixth CSS : Our Skilled Instructors
*===============================================*/
.team-left-thumb { width:92%; margin-bottom:-18%;}
.team-left-thumb img { width:100%; height:auto; display:block;}
.team-right-instructor h5.section_title_small, .team-right-instructor h2.section_title { text-align:center;}
.teammember-list{ position:relative; width:48%; float:left; margin:40px 21px 0px 0; text-align:center;}
.teammember-list.lastcols { margin-right:0;}
.thumnailbx{ position:relative; overflow:hidden;}
.teamthumb img{ width:100%; height:auto; display:block;  border-radius:50%;}
.teamthumb { width:200px; height:200px; margin:0 auto 25px; position:relative;}
.teamthumb:after{ content:''; width:0; border-radius:50%; background-color:rgba(38,193,147, 0.8); position:absolute; top:50%; left:50%; bottom:20px; right:auto; opacity:0; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); -webkit-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s;}
.teammember-list:hover .teamthumb:after{ width:100%; height:100%; opacity:1;}
.thumnailbx .member-social-icon{ width:85%; margin:0 auto; padding:5px 10px; border-radius:10px; position:absolute; top:-100%; left:0; right:0; z-index:1; -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s; background-color:#ffffff; -webkit-box-shadow:0px 9px 17px -7px rgba(44,44,44,1); -moz-box-shadow:0px 9px 17px -7px rgba(44,44,44,1); box-shadow:0px 9px 17px -7px rgba(44,44,44,1);}
.thumnailbx .member-social-icon a{ margin:0 4px; display:inline-block; color:#2c2c2c; font-size:15px; line-height:35px; height:35px; width:35px; -webkit-transition:all 0.3s; -ms-transition:all 0.3s; transition:all 0.3s;}
.thumnailbx .member-social-icon a:hover{ color:#26c193;}
.teammember-list:hover .member-social-icon{ top:52%;}
.teamcontent h4{ text-transform:capitalize; margin:0 0 5px 0; display:inline-block; letter-spacing:1px;}
.teamcontent cite{ text-transform:capitalize; display:block; font-style:normal;}

/*===============================================
** Section Seventh CSS : Upcoming Events
*===============================================*/
.our-events { position:relative;}
.our-events::before { content:''; position:absolute; width:100%; height:100%; background-color:rgba(38,193,147,0.9); top:0;}
.our-events h5.section_title_small, .our-events h2.section_title { color:#ffffff;}
.events-row { position:relative; background-color:#ffffff; padding:0 3%;}
.events-list { width:31.5%; float:left; padding:4% 0; margin-right:30px; position:relative;}
.events-list.lastcols { margin-right:0;}
.events-inner { position:relative;}
.event-date { width:20%; border:2px solid #c8c8c8; padding:15px 5px; text-align:center; position:absolute; overflow:hidden; left:0; top:0; z-index:1;}
.events-inner .event-date::before { content:''; position:absolute; top:0; right:0; bottom:0; left:0; background-color:#fa5054; -webkit-transform:scale(0); -moz-transform:scale(0); -ms-transform:scale(0); -o-transform:scale(0); transform:scale(0); -webkit-transition:all 300ms ease; -moz-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; transition:all 300ms ease; z-index:-1; border-color:#fa5054;}
.events-list:hover .events-inner .event-date::before{ -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1);}
.events-list:hover .events-inner .event-date { border:hidden;}
.events-list:hover .events-inner .event-date span, .events-list:hover .events-inner .event-date .spandate{ color:#ffffff; }
.event-date span { display:block; font:700 13px 'Open Sans'; color:#2c2c2c;}
.event-date .spandate { font-size:28px;}
.eventcontent { width:75%; float:right;}
.eventcontent h5 { margin-bottom:10px; text-transform:capitalize;}
.eventcontent i { color:#26c193; font-size:17px; margin-right:10px;}
.eventcontent p { margin:5px 0; font-size:15px;}
.events-list:hover .eventcontent h6 a { color:#fa5054;}
/* Event Page */
.eventbx { width:48%; float:left; margin:0 40px 40px 0; position:relative; padding:20px; border:1px solid #26c193;}
.eventbx.lastcols { margin-right:0;}
.event-thumb { position:relative; width:48%; float:left; overflow:hidden; -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
.event-thumb img { width:100%; height:auto; display:block; -webkit-transform:scale(1.3); -ms-transform:scale(1.3); transform:scale(1.3); -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
.eventbx:hover .event-thumb img { -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1);}
.event-thumb:after, .event-thumb::before{ content:''; background-color:#7050fa; height:37px; width:100%; opacity:0; position:absolute; left:0; top:-50px; z-index:1; -webkit-transition:all 0.3s; transition:all 0.3s;}
.event-thumb:after { top:auto; bottom:0;}
.eventbx:hover .event-thumb::before { opacity:1; top:0;}
.eventbx:hover .event-thumb:after { opacity:1; bottom:0;}
.event-thumb span{ color:#ffffff; font:400 20px/38px 'Open Sans'; text-transform:capitalize; opacity:0; -webkit-transform:scale(0); -ms-transform:scale(0); transform:scale(0); position:absolute; top:0; left:0; right:0; text-align:center; display:block; z-index:1; -webkit-transition:all 0.3s ease-in-out 0.1s; transition:all 0.3s ease-in-out 0.1s;}
.eventbx:hover .event-thumb span{ opacity:1; -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1);}
.event-thumb ul { padding:6px 12px; list-style:none; position:absolute; right:0; left:0; bottom:0; z-index:2; text-align:center;}
.event-thumb ul li{ margin:0 5px; display:inline-block; -webkit-transform:translateY(50px); -ms-transform:translateY(50px); transform:translateY(50px); -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; color:#ffffff;}
.event-thumb ul li i { margin-right:5px;}
.eventbx:hover .event-thumb ul li{ -webkit-transform: translateY(0); transform:translateY(0);}
.eventbx:hover .event-thumb ul li:nth-child(2){ -webkit-transition-delay:0.1s; transition-delay:0.1s;}
.eventdesc { width:48%; float:right;}
.eventdesc h6 { text-transform:capitalize; margin-bottom:9px; font-size:19px;}
.eventdesc i { color:#26c193; font-size:17px; margin-right:10px;}
.eventdesc span { display:block; margin:6px 0 0; font-size:14px;}
.eventdesc .buttonstyle1 { margin-top:25px; padding-top:8px; padding-bottom:8px;}
/* Event Single Page */
.event-single { position:relative;}
.event-single-meta { margin-bottom:30px;}
.single-meta-left { width:12%; float:left; background-color:#fa5054; padding:15px; margin-right:30px;}
.single-meta-left span { display:block; color:#ffffff; text-align:center; font:700 15px 'Open Sans';}
.single-meta-left .spandate { font-size:40px;}
.single-meta-middle { width:70%; float:left; padding-top:10px;}
.single-meta-middle i { color:#26c193; font-size:17px; margin-right:10px;}
.single-meta-middle ul li { display:block; margin-bottom:10px;}
.single-meta-right { float:right; width:12%; background-color:#fa5054; padding:31px 12px;}
.single-meta-right span { font:700 32px 'Open Sans'; color:#ffffff; display:block; text-align:center;}
.event-single-thumb { }
.event-single-content { padding:30px 0;}
.location-map { width:100%; margin-top:30px;}
.location-map h4 { border-bottom:2px solid #2c2c2c; padding-bottom:10px;}
.location-map iframe { width:100%; height:300px; border:5px solid #cccccc;}
#event-countdown { background-color:#fa5054; padding:15px;}
#event-countdown .countdown-box{ padding:0 20px; width:20%; float:left; font:400 40px 'Open Sans'; color:#ffffff; text-align:center;}
#event-countdown .countdown-box span { color:#ffffff; font:400 15px 'Open Sans';}
/* Event Single Widget Posts */
.event-posts-row { position:relative; margin-bottom:20px;}
.event-post-feat-img { width:85px; height:auto; float:left; border:3px solid #bbbbbb;}
.event-post-feat-img img { width:100%; height:auto; display:block;}
.event-post-content { width:68%; float:right;}
.event-post-content h6 { font:700 15px 'Rajdhani'; color:#2c2c2c; margin-bottom:5px;}
.event-post-content h6 a { color:#2c2c2c;}
.book-now input[type="text"], .book-now input[type="email"], .book-now input[type="tel"], .book-now select { margin-bottom:0px;}
.book-now select { color:#757575;}
.book-now input[type="submit"] { width:100%; padding:8px 10px; border:none; cursor:pointer; -webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s; font:700 18px 'Open Sans';}

/*===============================================
** Section Eighth CSS : Our Blog 
*===============================================*/
.latestnews { position:relative;}
.news-box{ padding:30px 0; margin-bottom:1%; position:relative; display:flex; align-items:center; flex-wrap:nowrap; justify-content:space-between;}
.news-thumb{ position:relative; width:48%;}
.news-thumb::before { content:''; position:absolute; left:12%; top:50%; width:50px; border-bottom:5px solid #26c193;}
.thumbinner { float:right; overflow:hidden; position:relative;}
.thumbinner img { width:405px; height:405px; display:block; border-radius:50%; -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;}
.thumbinner .thumbbtnlink { width:80%; height:80%; border-radius:50%; position:absolute; top:10%; left:0; right:0; margin:0 auto; border:2px solid #ffffff;   text-align:center; overflow:hidden; opacity:0; -webkit-transform:translate3d(0%, 50%, 0px);	-ms-transform:translate3d(0%, 50%, 0px); transform:translate3d(0%, 50%, 0px); -webkit-transition:all 0.35s ease 0s; transition:all 0.35s ease 0s;}
.news-box:hover .thumbbtnlink { background:rgba(0, 0, 0, 0.7); box-shadow:0 0 20px #ffffff;}
.news-box:hover .thumbbtnlink, .news-box .thumbbtnlink a.ReadMore { opacity:1; -webkit-transform:translate3d(0px, 0px, 0px); -ms-transform:translate3d(0px, 0px, 0px); transform:translate3d(0px, 0px, 0px);}
.thumbbtnlink a.ReadMore { margin-top:44%; color:#ffffff; border-color:#ffffff;}
.thumbbtnlink a.ReadMore:hover { color:#26c193; border-color:#26c193;}
.news-desc{  position:relative; width:48%; padding:0 20px;}
.news-desc h4 { text-transform:capitalize; font-weight:400;}
.newsmeta { margin-bottom:15px;}
.newsmeta i { margin-right:10px;}

/* News Odd CSS */
.news-desc-odd { width:48%; text-align:right; padding:0 20px;}
.news-thumb-odd { width:48%; position:relative;}
.news-thumb-odd::before { content:''; position:absolute; right:12%; top:50%; width:50px; border-bottom:5px solid #26c193;}
.news-thumb-odd .thumbinner { float:left;}
.news-thumb-odd .thumbinner img { width:405px; height:405px; display:block; border-radius:50%;}

/*===============================================
** Blog Page Css
*===============================================*/
.blog-post-repeat { position:relative; margin:0 30px 30px 0; width:48%; float:left;}
.blog-post-repeat-full { position:relative; margin:0 30px 40px 0; width:48%; float:left; }
.blog-post-repeat.lastmar, .blog-post-repeat-full.lastmar, .blog-post-repeat.last { margin-right:0;}
.post-thumb{ position:relative;}
.post-thumb img { width:100%; height:auto; display:block; position:relative;}
.post-thumb .blogdate { position:absolute; bottom:0; left:0; z-index:1; text-align:center;}
.blogdate .spandate { display:block; padding:10px 15px; background-color:#7050fa; color:#ffffff;}
.blogdate .spanyear { display:block; padding:7px; background-color:#2c2c2c; color:#ffffff;}
.post-data { padding:20px 0;}
.post-data h3 { margin-bottom:5px;}
.postmeta { display:inline-block;}
.postmeta a { color:#757575;}
.postmeta span { margin-right:10px; font-size:14px;}
.postmeta i { color:#26c193; margin-right:5px;}

/* Blog Post Single */
.blog-post-single .post-thumb-full{ position:relative;}
.blog-post-single .post-thumb-full img { width:100%; height:auto; display:block;}
.blog-post-single .post-data{ overflow:hidden; padding:1.95em 0 0; }
.post_bottom { border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; overflow: hidden; clear: both; margin-bottom:30px; }
.post_bottom_left{ float: left; width:75%; padding:10px 10px 10px 0; box-sizing: border-box; border-right: 1px solid #cccccc; }
.post_bottom_left .postmeta, .post_bottom_right .postmeta { padding-bottom:0;}
.post_bottom_left .postmeta.right { margin-top:3px;}
.post_bottom_right{ float:left; width:25%; border-left:1px solid #cccccc; text-align:center; box-sizing:border-box; padding:0.67em 0; margin-left:-1px; }
.post_bottom .postmeta{ display:inline-block; }
.post_bottom .postmeta i { margin-right:5px;}
.blog-post-single h3.post-title { margin-bottom:10px;}
.social_share { margin-top:8px; }

/*===============================================
** Section Nine CSS : Become An Instructor
*===============================================*/
.join-with-us { position:relative;}
.withus-left { width:80%; float:left; color:#ffffff;}
.withus-left h2 { font:700 45px 'Rajdhani'; color:#ffffff; text-transform:capitalize; margin-bottom:10px;}
.withus-left h2 span { color:#2c2c2c;}
.withus-right { display:inline-block; text-align:center;}
.withus-right a.buttonstyle1 { border-radius:30px; text-transform:uppercase; margin-top:17%;}

/*===============================================
** Footer Css
*===============================================*/
#footer-wrapper{ background-color:#242424; color:#ffffff; position:relative; font:400 14px 'Open Sans'; line-height:30px; padding-top:50px;}
/*.footer-inner { width:1170px; margin:0 auto; padding:70px 0 30px; position:relative;}*/
.foo-cols{ margin-bottom:50px; }
.footer-cols-two .foo-cols{ width:49%; float:left; margin-right:2%; padding-right:2%; }
.footer-cols-two .foo-cols:nth-child(2){ margin-right:0; padding-right:0; }
.footer-cols-three .foo-cols{ width:32%; float:left; margin-right:2%; padding-right:2%; }
.footer-cols-three .foo-cols:nth-child(3){ margin-right:0; padding-right:0; }
.footer-cols-four .foo-cols{ width:23%; float:left; margin-right:2.6%; padding-right:1%; }
.footer-cols-four .foo-cols:nth-child(4){ margin-right:0; padding-right:0; }

.foo-cols img { width:auto; margin-bottom:27px;}
.foo-cols h3 { font:400 28px 'Rajdhani'; color:#ffffff; padding-bottom:20px; position:relative; margin-top:7%;}
.foo-cols h3::before { content:''; position:absolute; left:0; bottom:0; width:80px; margin-bottom:7px; border-bottom:1px solid #f98b3b;}
.foo-cols h3::after { content:''; position:absolute; left:0; bottom:0; width:40px; border-bottom:1px solid #f98b3b;}
.foo-cols ul { position:relative;}
.foo-cols ul li { position:relative; padding:0px 0 7px 0;}
.foo-cols ul li::before { content:'\f105'; font-family:'Font Awesome 5 Pro'; color:#767575; position:absolute; left:0; top:1px;}
.foo-cols ul li a { padding-left:15px;}
.foo-cols ul li a:hover { color:#26c193;}

.subscribe { position:relative; margin-top:30px;}
.subscribe input[type="email"] { width:84%; font:400 15px 'Open Sans'; color:#2c2c2c; margin-right:0; background-color:#ffffff; border:none; margin-bottom:0; float:left;}
.subscribe input[type="submit"] { position:absolute; top:0; right:0; background:url(images/footnews-bg.png) no-repeat center; font-size:0; width:46px; height:45px; padding:0; margin-top:0; border:none; cursor:pointer; -webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s;}

/* Footer Social */
.foo-cols .social-icons { position:relative;}
.foo-cols .social-icons a { width:38px; height:38px; line-height:38px; display:inline-block; padding:0; -webkit-transition:0.6s; -moz-transition:0.6s; transition:0.6s; font-size:16px; color:#ffffff; border:1px solid #ffffff; position:relative; margin:0 3px; text-align:center;}
.foo-cols .social-icons a:hover { color:#26c193; border-color:#26c193; border-radius:50%;}
.foo-cols .social-icons i { margin-right:0; border:none; height:auto; width:auto; line-height:normal;}
.foo-cols span { display:block; margin-top:7%;}
.foo-cols i { margin-right:10px; width:45px; height:45px; line-height:45px; text-align:center; border:1px solid #ffffff;}

/* Copyright Wrapper */
.copyright-wrapper { position:relative; font:400 14px 'Open Sans';}
.copyright-wrapper a { color:#26c193;}
.copyright-inner {padding:30px 0; width:1170px; margin:0 auto; font:400 14px 'Open Sans'; border-top:1px solid #6c6c6c;}
.copyright-txt{ color:#ffffff; width:48%; float:left; text-align:left;}
.designby { color:#ffffff; width:48%; float:right; text-align:right;}
.copyright-txt a, .designby a { color:#26c193;}

/*===============================================
** Contact Page Css
*===============================================*/
.contact-content { position:relative;}
.one_half_left { width:33%; float:left; padding:15px 25px; border:1px solid #bdbdbd;}
.one_half_left ul { margin:0; padding:0px;}
.one_half_left ul li { border-bottom:1px solid #bdbdbd; padding:20px 0;}
.one_half_left ul li:last-child { border-bottom:none;}
.one_half_left h3 { display:inline-block; position:relative; text-transform:capitalize;}
.one_half_left i { font-size:25px; color:#26c193; margin-right:10px;}
.one_half_left .social-icons a { color:#2c2c2c; border-color:#2c2c2c; width:40px; height:40px; line-height:40px;}
.one_half_left .social-icons a:hover { color:#26c193; border-color:#26c193; border-radius:50%;}
.one_half_left .social-icons i { font-size:16px; margin-right:0; color:inherit;}
.one_half_right { width:60%; float:right;}

/*================================================== 
	CONTACT PAGE FORM
==================================================== */
#contactform_main { margin:5% 0;}
.contact-content #contactform_main input[type=text] { width:49%; border:1px solid #6f6f6f; padding:15px; float:left; margin:0 11px 12px 0; color:#333333;}
.contact-content #contactform_main input[type=email] { width:49%; border:1px solid #6f6f6f; padding:15px; float:left; margin:0 0px 12px 0; color:#333333;} 
.contact-content #contactform_main input[type=tel] { width:49%; border:1px solid #6f6f6f; padding:15px; float:left; margin:0 11px 12px 0; color:#333333;}
.contact-content #contactform_main input[type=url] { width:49%; border:1px solid #6f6f6f; padding:15px; float:left; margin:0 0px 12px 0; color:#333333;} 
#contactform_main textarea{ width:100%; margin-right:0; height:130px; border:1px solid #6f6f6f; padding:15px; color:#333333;} 
#contactform_main span.capcode{ float:left; padding:13px; padding:13px; margin:0 8px 8px 0;}   
#contactform_main input[type=submit]:hover { background-color:#333333; color:#ffffff;}
#contactform_main input[type=submit] { width:40%; font:700 16px/24px 'Open Sans'; border:none; padding-top:12px; padding-bottom:12px; text-transform:uppercase; cursor:pointer; 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:20px auto 0; display:block;}

/*=================================================
	ABOUT US PAGE
==================================================*/
.whatwe-box { padding:25px 15px; border-radius:5px; border:1px solid #cccccc; overflow:hidden; text-align:center; webkit-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; min-height:230px;}
.whatwe-box:hover { -webkit-box-shadow:0px 5px 17px 0px rgba(0, 0, 0, 0.15); box-shadow:0px 5px 17px 0px rgba(0, 0, 0, 0.15); border-color:#ffffff;}
.box-move { -webkit-transition:.5s; -o-transition:.5s; -moz-transition:.5s; transition:.5s;}
.whatwe-box:hover .box-move { -webkit-transform:translateY(-22%); -moz-transform:translateY(-22%); -ms-transform:translateY(-22%); -o-transform:translateY(-22%); transform:translateY(-22%);}
.whatwe-box i { margin-top:7px; color:#26c193; font-size:3em;}
.whatwe-box:hover i { opacity:0;}
.whatwe-box, .whatwe-box i { -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
.whatwe-box h4 { margin-top:15px; margin-bottom:15px;}
.whatwe-box p { padding:0 20px;}
.button_link { opacity:0; -webkit-transition:.4s; -o-transition:.4s; -moz-transition:.4s; transition:.4s; margin-bottom:-15%;}
.whatwe-box:hover .button_link { opacity:1;}
.whatwe-box:hover .button_link a { font-weight:700; color:#26c193;}
.whatwe-box:hover .button_link i { opacity:1; font-size:1.5em; font-weight:bold; margin-left:5px; position:relative; top:4px;}

/*===============================================
** 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:700 16px 'Rajdhani'; color:#2c2c2c; text-transform:capitalize; }
.skillbar-title span { display:block; color:#2c2c2c; padding:0; height:35px; line-height:35px;}
.skillbar-bar { height:5px; width:0px; background-color:#26c193; }
.skill-bar-percent { position:absolute; right:0; top:0; font-size:15px; height:35px; line-height:35px; color:#2c2c2c;}
.skill { width:46.98%; float:left;}
.skill-bar { margin:60px 0 0 0; }
.skill-bg{ width:100%; background-color:#2c2c2c; }

/* 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; float:left; 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-date{display:inline;}
.post-comment{display:inline;}
.post-categories{display:inline;}
.post-tags{display:inline;}
.blog-post-single .entry-content p{ padding:0; }
.post_bottom_meta{ margin:40px 17px 15px; display:block; clear:both; }
.post_tag i { font-size:14px; float:left; margin-right:8px; line-height:20px; margin-top:3px; }
.post_tag a { display:inline-block; font-size:80%; background:transparent; border:1px solid rgba(0,0,0,0.15); text-decoration:none; padding:3px 10px; float: left; margin:0 4px 4px 0; line-height:20px; }

/* 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 'Open Sans';}
.prev-page a:hover, .next-page a:hover{ color:#ffffff; background-color:#34c6f6;}
.singleright { float:left; }
.singleleft { float:right; }

.nav-previous{ float:left; padding-left:20px; border-bottom:1px solid #26c193; font:400 14px 'Open Sans'; color:#2c2c2c; display: inline-block; line-height:18px;}
.nav-next{float:right; text-align:right; padding-right:20px; display:inline-block; border-bottom:1px solid #26c193; font:400 14px 'Open Sans'; color:#2c2c2c; display: inline-block; line-height:18px;}
.nav-previous a { padding:10px 0 10px 15px; color:#2c2c2c; position:relative; display:inline-block;}
.nav-next a { padding:10px 15px 10px 0; color:#2c2c2c; position:relative; display:inline-block;}
.nav-previous a:hover, .nav-next a:hover { color:#26c193;}
nav.post-navigation{ display:block; clear:both; margin:0; text-transform:capitalize; padding:40px 0 0; position:relative; overflow:hidden; }
.nav-previous a::before{ content:'\f0a5'; font-family:'Font Awesome 5 Pro'; position:absolute; left:-18px; font-size: 20px; top:8px; color:#26c193;}
.nav-next a::after{ content:'\f0a4'; font-family:'Font Awesome 5 Pro'; position:absolute; right:-18px; font-size: 20px; top:8px; color:#26c193;}

/* Psot 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:5px solid #26c193; padding:10px; }
.team-testi-post-thumb span{ display:block; text-transform:uppercase; font-weight:700; color:#222222; 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; }

/*===============================================
** 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; font-size:18px;}
aside.widget{ margin:0; padding:0; }
aside.widget ul{ list-style:disc; }
h3.widget-title{ font:400 22px 'Rajdhani'; color:#000000; line-height:1.05; text-transform:capitalize; padding:10px 10px 10px 20px; position:relative; background-color:#ebe7fb;} 
h3.widget-title::before { content:''; position:absolute; top:0; left:0; border-left:3px solid #7050fa; height:100%;}
h3.widget-title::after { content:''; position:absolute; top:0; right:0; border-right:3px solid #7050fa; height:100%;}
h3.widget-title span { display: block; width: 100%; letter-spacing: 0px; text-transform:capitalize; }
#sidebar aside.widget{ margin:0 0 30px 15px; padding:0 0 10px; }
.flotRight{ float:right !important;}
#sidebar aside.widget:first-child{ margin-top:0; }

#sidebar ul li{ list-style: disc inside ; padding:8px 0 8px 0px; list-style:none; position:relative; }
#sidebar ul li::before { content:'\f178'; font-family:'Font Awesome 5 Pro'; color:#757575; font-size:12px; position:absolute; left:0; top:11px;}
#sidebar ul li a{ line-height:18px; color:#2c2c2c; position:relative; }
#sidebar ul li a:hover{ color:#26c193;}
#sidebar ul li:last-child{ border:none;}
.nosidebar{ float:none !important; margin:0 auto;}
#sidebar .search-form input.search-field{ width:80%;padding:12px 15px; box-sizing:border-box; display:inline-block; margin-bottom:0; border:1px solid #cccccc; color:#2c2c2c;}
#sidebar .search-form input.search-submit{ background:url(images/search-icon.png) no-repeat center center; background-color:#2c2c2c; padding: 22px 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 dotted #cccccc; padding:10px 0 10px 20px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
#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; }

/*===============================================
** 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-color:#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:'Open Sans';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 5px; height: 33px; width: 33px; line-height: 30px; border-radius: 50%; text-align: center; background: transparent; border: 1px solid rgba(0,0,0,0.15); -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
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:'Open Sans'; 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:'Open Sans'; 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; }

/*===============================================
** Back to Top Css
*===============================================*/
#top{ position:relative;}
#back-top {	position:fixed; width:35px; height:35px; right:2%; bottom:4%; z-index:10; background-color:#252525; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); -webkit-transition-delay:all 0.3s ease 0s; -moz-transition-delay:all 0.3s ease 0s; transition:all 0.3s ease 0s;}
#back-top:hover { border-radius:50%; box-shadow:1px 1px 5px #252525, -1px -1px 5px #252525;}
#back-top a { display:block; text-align:center; font:11px/100% Arial, Helvetica, sans-serif; text-transform:uppercase; text-decoration:none; -webkit-transition:1s; -moz-transition:1s; transition:1s;}
#back-top span { display:block; position:relative; margin-bottom:7px; -webkit-transition:1s; -moz-transition:1s; transition:1s;}
#back-top span::before { content:'\f106'; font-family:'Font Awesome 5 Pro'; position:absolute; color:#ffffff; font-size:25px; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);left:0px; right:0px; top:5px;}
/*===============================================
** 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 #000; position:relative; overflow-x:hidden; }
.boxlayout .container{ padding:0 20px;}
.boxlayout .content-area{ padding: 50px 0; }

/*===============================================
** 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; border:1px solid #e9e9e9; padding:10px;}
.imagewrapper { overflow:hidden; margin-bottom:1em;}
.woocommerce ul.products li.product .imagewrapper img{-webkit-transition:opacity 1s, -webkit-transform 1s; transition:opacity 1s, transform 1s; -webkit-backface-visibility:hidden; backface-visibility:hidden; margin:0; }
.woocommerce ul.products li.product:hover .imagewrapper img, .woocommerce-page ul.products li.product:hover .imagewrapper img {	-webkit-transform:scale3d(1.2,1.2,1); transform:scale3d(1.2,1.2,1);}
.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:'Font Awesome 5 Pro'; position:absolute; top:10px; right:20px; }
form.woocommerce-ordering select{ padding:10px 30px 10px 10px; color:#2c2c2c; font-size:15px; background-color: #ffffff; border: 1px solid #e5e5e5; font-family:'Open Sans'; position:relative; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.woocommerce span.onsale{ border-radius:0; min-height:inherit; min-width:inherit; padding:8px; letter-spacing:2px; line-height:1; background-color:#26c193; }
.woocommerce ul.products li.product .onsale{ margin:0; left:5px; top:5px; right:auto; text-transform:uppercase; font-size:14px; font-family:'Open Sans'; }
.woocommerce ul.products li.product .woocommerce-loop-product__title{ font:400 18px 'Open Sans'; background-color:#2c2c2c; color:#ffffff; padding:8px 10px;}
.woocommerce ul.products li.product .star-rating{ margin:10px auto 10px; color:#ffb200; font-size:15px;}
.woocommerce .star-rating span { display:block; color:#ffb200;}
.woocommerce .star-rating::before { color:#2c2c2c;}
.woocommerce ul.products li.product .price { font-size:20px; font-weight:700; }
.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price{ color:#2c2c2c; background-color:#e9e9e9; margin-top:10px; padding:5px 0;}
.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:18px; color:#000000; }
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce button.button.alt, .woocommerce input.button, .woocommerce a.button.alt, .woocommerce input.button.alt, .reset_variations{ margin-bottom:10px; background-color:#2c2c2c; color:#ffffff; padding:10px 25px; font:400 14px/18px 'Open Sans'; letter-spacing:1px; display: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:10px; text-transform:uppercase; position:relative; font-weight:400; border-radius:0;}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce button.button.alt:hover, .woocommerce input.button:hover, .woocommerce a.button.alt:hover, .woocommerce input.button.alt:hover, .reset_variations:hover{ background-color:#26c193; color:#ffffff;}
.woocommerce a.added_to_cart{ display:block; margin:0 0 10px; padding:10px 15px; background-color:#26c193; color:#ffffff; text-transform:uppercase; letter-spacing:1px; font:400 14px/18px 'Open Sans';}
.woocommerce a.added_to_cart:hover { background-color:#2c2c2c; color:#ffffff;}
#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::before, .woocommerce ul.cart_list li::before, .woocommerce ul.product_list_widget li::before { content:none !important;}
#sidebar .product-categories li { padding-left:20px;}
#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; border:1px solid #cccccc;}
.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"]{ 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:#26c193;}
.woocommerce .widget_price_filter .price_slider_amount .price_label{ font-size:15px; }
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content{ background-color:#2c2c2c;}
.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; }
.woocommerce div.product .woocommerce-tabs ul.tabs li a { color:#ffffff;}
.woocommerce.widget_product_search input[type="search"] { width:75%; float:left;}
.woocommerce.widget_product_search button { padding:10px 16px; border:none; background-color:#26c193; color:#ffffff; font:400 15px 'Open Sans';}

/*===============================================
** Single Product Page Css
*===============================================*/
.related.products{ padding:0; }
.related.products h2{ text-transform:capitalize; border-bottom:1px solid #2c2c2c; padding-bottom:15px; }
body.single-product #sidebar {display:none;}
body.single-product .site-main{ width:auto; padding:4em; padding-bottom:0; }
.woocommerce h1.product_title{ border-bottom:1px solid #cccccc; padding-bottom:20px !important; color:#7050fa; }
.woocommerce div.product p.price, .woocommerce div.product span.price { margin-bottom:1.618em; font-size:18px; font-weight:700; color:#2c2c2c; }
.woocommerce div.product .woocommerce-product-rating{ float:right; }
.woocommerce-Tabs-panel--description ul{ margin:20px 0;}
.woocommerce-Tabs-panel--description ul li{ position:relative; padding-left:25px; margin-bottom:10px; }
.woocommerce-Tabs-panel--description ul li::before{ content:'\f061';font-family:'Font Awesome 5 Pro';position:absolute; left:0; font-size:16px; color:#7050fa;}
.woocommerce .quantity .qty{ width:5em; margin:9px 30px 0 0; height:40px; }
.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; }
.woocommerce div.product .woocommerce-tabs ul.tabs li .selected{ background-color:#febb2b; 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; }
.flex-viewport { border:1px solid #e9e9e9; margin-bottom:5px;}
.woocommerce div.product div.images .flex-control-thumbs li { border:1px solid #e9e9e9; width:24%; margin-right:5px;}
.woocommerce div.product .woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n+4) { margin-right:0;}
.woocommerce div.product .woocommerce-tabs ul.tabs { padding-left:0;}
.woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce div.product .woocommerce-tabs ul.tabs li a { border-radius:0;}
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover { color:#ffffff;}

/*===============================================
** 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; }
.woocommerce div.product p.price del { margin-right:10px;}
.woocommerce .cart .button { float:right;}

/*===============================================
** 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; background-color:#2c2c2c; color:#ffffff;}
.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current { background-color:#26c193; color:#2c2c2c;}

/*===============================================
** 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:-56px; padding:7px; width:115px; -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 0 0px 0; border-top:1px solid rgba(0,0,0,0.1); padding:2.6rem 3.2rem; background-color:#352f01; }
.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:'Open Sans'; margin:80px 0 50px; }
.text-404{ font-family:'Open Sans'; 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:'Open Sans'; font-size:18px; height: 52px; padding: 0 40px; }