/*
Theme Name: Tutor Pro
Theme URI: https://alexathemes.net/themes/education-wordpress-theme/
Author: Tutor
Author URI: Tutor is a highly customized, responsive, elegant and retina ready education WordPress theme for school colleges and organizations. The best part of this theme is an elegant design which gives your institutional website a modern look. This theme has all the ability to control its options and make an amazing website for school, colleges or for small business. Its a perfect theme for sharing and selling your knowledge online. This theme comes with easy to manage theme options so you can control font, color, slider settings and more. This theme is tested with the latest version of WordPress and some useful plugins like wocommerce, jetpack and contact form 7. https://www.alexathemes.net/
Description: Enjoy the demo here: http://www.live-demo.online/tutor
Version: pro 1.0
License: GNU General Public License version 3
License URI: license.txt
Text Domain: tutor
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

Tutor Pro WordPress Theme has been created by AlexaThemes(alexathemes.net), 2019.
Tutor Pro WordPress Theme is released under the terms of GNU GPL
*/

*{ margin:0; padding:0; outline:none; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
*:before, *:after { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
body{ margin:0; padding:0; box-sizing:border-box; -ms-word-wrap:break-word; word-wrap:break-word; margin:0; padding:0; color:#717171; font:400 16px/26px 'Assistant'; background-color:#ffffff;}
img{ margin:0; padding:0; border:none;}
section img, img{max-width:100%; height:auto;}
.bypostauthor { margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{ margin:0 0 20px; padding:0; line-height:normal; font-weight:bold; font-family:'Roboto Condensed'; color:#1a1a1a;}
h1{ font-size:36px;}
h2{ font-size:27px;}
h3{ font-size:22px;}
h4{ font-size:18px;}
h5{ font-size:17px;}
h6{ font-size:15px;}
.left{float:left;}
.right{float:right;}
blockquote{ position:relative; margin-bottom:15px; }
blockquote.align-left{ padding:15px 15px 15px 60px; text-align:left; }
blockquote.align-left:before{content: "\f10d"; font-family:'Font Awesome 5 Pro'; color: #767676; font-size: 40px; position: absolute; top:25px; left: 0; }
blockquote.align-right{ padding:15px 60px 15px 15px; text-align:right;  }
blockquote.align-right:before{content: "\f10e"; font-family:'Font Awesome 5 Pro'; color: #767676; font-size: 40px; position: absolute; top:25px; right: 0; }
.hr{border-bottom:1px solid #e8e8e8; height:1px; clear:both; margin:50px 0;}
p{ margin:0; padding:0;}
a{ text-decoration:none; outline:none; 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; }
a:hover{ text-decoration:none; outline:none;}
ul{ list-style:none; margin:0; padding: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;}
.alignright, img.alignright { display: inline; float: right; margin-left:25px; height:auto;}
.aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; margin-top:0;  height:auto;}
.comments-area{ margin-bottom:15px; padding: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;}
.toggleMenu{display:none;}
section{ padding:70px 0;}
h2.section_title{ font:700 38px 'Oswald'; color:#1a1a1a; text-transform:capitalize; text-align:center; line-height:35px; display:block; margin:0 auto 35px; position:relative; padding-bottom:35px;}
h2.section_title:before { content:''; position:absolute; left:0; right:0; bottom:0; margin:0 auto; width:115px; border-bottom:2px solid #5a22bf;}
h2.section_title:after { content:'\f19d'; position:absolute; left:0; right:0; bottom:-16px; margin:0 auto; color:#5a22bf; font-family:'Font Awesome 5 Pro'; font-size:20px; width:35px; background-color:#ffffff;}
.entry-content section { padding:50px 0 70px;}
.entry-content h2.section_title { text-transform:capitalize; font-weight:400;}

/*================================================== 
	HEADER TOP CSS
==================================================== */
.header-top { width:100%; padding:5px 0;}
.head-top-left { float:left; color:#ffffff; font-family:'Roboto'; font-size:14px; margin-top:5px;}
.head-top-left a { color:#ffffff;}
.head-top-left span { margin-right:30px;}
.head-top-left i { margin-right:10px;}
.head-top-right { float:right;}

/*================================================== 
	HEADER CSS
==================================================== */
.header.fixed{ position: fixed; top:0; z-index:999999; padding:14px 25px;}
.header{ position:absolute; z-index:9; left:0; right:0; top:0;}
.header-main { background-color:#ffffff; width:100%;}
.header-inner { width:1170px; margin:0 auto; position:relative;}
.logo{ float:left; position:relative; padding:21px 0;}
.logo h1{ margin:0px; text-transform:uppercase; line-height:normal;}
.logo a{ color:#202020;}
.tagline, .logo p{ display:block; text-transform:capitalize;}
#slider{ width:100%; margin:0; padding:0; position:relative; background:url(images/wave.png) no-repeat;}
.wave { width:100%; margin:0; padding:0; position:absolute; bottom:0; height:73px; background:url(images/wave.png) no-repeat center; z-index:99;}

/*================================================== 
	SOCIAL ICONS CSS
==================================================== */
.social-icons a{ width:35px; height:35px; line-height:35px; margin:0 5px; padding:0; color:#1a1a1a; display:inline-block; text-align:center; font-size:14px;  vertical-align: middle; position:relative; 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;}
.social-icons a:hover { color:#00ca70;}
.social-icons br{ display:none;}

/*================================================== 
	CONTAINER CSS
==================================================== */
.container{ width:1170px; margin:0 auto; position:relative;}
.container-full { width:100%;}
.no-padding { padding:0;}

/*================================================== 
	TOGGLE MENU CSS
==================================================== */
.toggle{display: block;}
.toggle a{width:auto; color:#ffffff; background:url(images/mobile_nav_right.png) no-repeat right center #1a1a1a; padding:10px 25px 10px 15px; margin-top:5px; font-size:16px; text-align:left;}
.toggle a:hover{color:#ffffff !important;}

/*================================================== 
	HEADER NAVIGATION CSS
==================================================== */
.sitenav{ padding:0; position:relative; display:inline-block; float:right;}
.sitenav ul {margin:0; padding:0; font:700 13px 'Roboto'; text-transform:uppercase; line-height:normal;}
.sitenav ul li{display:inline-block; position:relative;}
.sitenav ul li.menu-item-has-children:hover::after { color:#5a22bf;}
.sitenav ul li a{padding:33px 15px; margin:0; text-align:center; transition:all 0.2s ease 0s; -o-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; display: inline-block; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform: erspective(1px) translateZ(0); box-shadow:0 0 1px transparent; position:relative; overflow:hidden; color:#000000;}
.sitenav ul li a { display:inline-block; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); position:relative; overflow:hidden;}
.sitenav ul li a:before { content:''; position:absolute; z-index:-1; left:51%; right:51%; bottom:0; background-color:#5a22bf; height:4px; -webkit-transition-property:left, right; transition-property:left, right; -webkit-transition-duration:0.3s; transition-duration:0.3s;  -webkit-transition-timing-function:ease-out; transition-timing-function:ease-out;}
.sitenav ul li a:hover:before, .sitenav ul li a:focus:before, .sitenav ul li a:active:before { left:0; right:0;}
.sitenav ul li ul li{display:block; position:relative; float:none; top:0;}
.sitenav ul li ul li.menu-item-has-children { position:relative;}
.sitenav ul li ul li.menu-item-has-children:after { content:'\f054'; position:absolute; right:15px; top:14px; font-size:14px; color:#ffffff; font-family:'Font Awesome 5 Pro';}
.sitenav ul li ul li.menu-item-has-children:hover::after { color:#5a22bf;}
.sitenav ul li ul li a{display:block; position:relative; top:0; text-align:left; padding:15px 12px; margin:0;}
.sitenav ul li a:hover, .sitenav ul li.current_page_item a,.sitenav ul li:hover > ul li.current_page_item a{ color:#5a22bf;}
.sitenav ul li ul{display:none; z-index:9999; position:relative;}
.sitenav ul li:hover > ul{display:block; width:180px; position:absolute; margin-top:0; -moz-animation:fadeInDown .3s ease-in; -webkit-animation:fadeInDown .3s ease-in; animation:fadeInDown .3s ease-in; background-color:#ffffff;}
.sitenav ul ul li:hover > ul{display:block;-moz-animation:fadeInLeft .3s ease-in; -webkit-animation:fadeInLeft .3s ease-in; animation:fadeInLeft .3s ease-in;}
.sitenav ul li:hover ul li ul{display:none; position:relative;}
.sitenav ul li:hover ul li:hover > ul{display:block; position:absolute; left:180px; top:0;}

/*================================================== 
	INNER BANNER CSS
==================================================== */
.innerbanner{ text-align:center; position:relative; padding:220px 0 130px;}
.innerbanner::before { content:''; position:absolute; top:0; right:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.6);}
.innerbanner img{ position: relative; background-size:cover; width:100%; height:auto; display:block;}
.entry-header { position:relative; bottom:0; left:0; right:0;}
.entry-container { width:1170px; margin:0 auto;}
.inner-page-title { text-align:center;}
h1.entry-title{ text-transform:uppercase; font:700 28px 'Lato'; color:#ffffff; padding:0px 0px 10px 0; margin-bottom:0; border-bottom:5px solid #5a22bf; display:inline-block;}

/*================================================== 
	BREADCRUMBS CSS
==================================================== */
.breadcrumb { position:relative; margin-bottom:-17px; height:38px; overflow:hidden; z-index:2;}
.innerbanner .breadcrumb { position:absolute; bottom:0; left:0; right:0;}
.crumbs-outer { background-color:#5a22bf; left:-98%; display:block; width:100%; position:absolute; top:0; height:38px; z-index:-1;}
.crumbs-inner { float:left; text-align:left;}
#crumbs { color:#ffffff; font:400 14px 'Assistant'; padding:10px 15px 10px 0; border-radius:0 20px 20px 0; display:inline-block; background-color:#5a22bf;}
#crumbs a { color:#ffffff; }
#crumbs a:hover { color:#ffb300;}
.search-outer { background-color:#5a22bf; right:-98%; display:block; width:100%; position:absolute; top:0; height:38px; z-index:-1;}
.search-inner { float:right;}
.search-box-bar { padding:4px 0 4px 12px; border-radius:20px 0 0 20px; display:inline-block; position:relative; width:150px; background-color:#5a22bf;}
.search-box-bar input[type="search"] { background:none;border:none;float:left; display: inline-block; width:115px; margin:0; padding-left:5px; color:#ffffff;}
.search-box-bar input[type="submit"]{cursor:pointer; border-radius:10px; line-height:38px; height:38px; padding:0 0px; display:inline-block; position:absolute; top:9px; right:0; background:url(images/search-icon.png) no-repeat; width:22px; height:22px; font-size:0;}
.contact-banner { position:relative;}

/*================================================== 
	DEFAULT BUTTON CSS
==================================================== */
a.ReadMore{ font:700 15px/25px 'Assistant'; color:#2857e1; border:2px solid #2857e1; border-radius:30px; text-transform:capitalize; 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; display:inline-block; padding:8px 20px; position:relative; background:none;}
a.ReadMore:hover{ color:#000000; border-color:#000000; background:none;}
.custombtn{ margin-top:30px;}

a.morebutton { background-color:#5a22bf; font:700 15px 'Assistant'; color:#ffffff; padding:14px 20px; text-transform:capitalize; display:inline-block; position:relative; 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;}
a.morebutton:hover{color:#ffffff; background-color:#1a1a1a;}

a.buttonstyle1{ padding:10px 35px; margin-top:35px; background-color:#00ca70; font:400 15px/25px 'Assistant'; color:#ffffff; display:inline-block; position:relative; text-transform:uppercase; 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;}
a.buttonstyle1:hover { color:#ffffff; background-color:#000000;}

.button{ color:#000000; background-color:#ffffff; border-radius:29px; padding:16px 28px; text-transform:capitalize; font:700 15px 'Roboto'; 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;}
.button:hover { color:#ffffff; background-color:#5a22bf;}

/*================================================== 
	SECTION FIRST PAGE BOXES CSS
==================================================== */
section#pagearea { width:100%; position:relative; background-color:#f5f5f5;}
.pagearea-inner { position:relative;}
.fourbox{ padding:30px 15px 30px; width:25%; float:left; margin:0; text-align:center; position:relative; box-sizing:border-box;}
.fourbox:hover{ cursor:pointer;}
.fourbox p{ line-height:28px; }
.fourbox h3{ margin:45px 0 15px; padding-bottom:10px; text-transform:capitalize; display:inline-block; position:relative;}
.pagemore{ border:2px solid #ffffff; color:#ffffff ; padding:8px 20px; display:inline-block; font:600 15px 'Karla'; text-transform:uppercase;}
.fourbox .thumbbx{ overflow:hidden; text-align:center; width:130px; height:130px; margin:0 auto; border-radius:30px; background:#0799EF; background:-webkit-radial-gradient(bottom left, #0799EF, #2ADDBF); background:-moz-radial-gradient(bottom left, #0799EF, #2ADDBF); background:radial-gradient(bottom left, #0799EF, #2ADDBF);}
.fourbox .thumbbx img{ max-width:80px; max-height:80px; margin:35px 0;}
.one_column{ width:100%;}
.two_column{ width:50%;}
.three_column{ width:33.3%;}
.four_column { width:25%;}
.five_column{ width:20%;}

/*================================================== 
	SECTION SECOND WELCOME TO FLY CSS
==================================================== */
.welcome { position:relative; padding-bottom:10%}
.welcome .one_half { text-align:right;}
.welcome .one_half img { width:85%; border-radius:30px;}
.welcome .one_half.last_column { text-align:left;}
.welcome .one_half.last_column h2 { font:400 28px 'Assistant'; color:#1a1a1a; margin-bottom:0;}
.welcome .one_half.last_column a.buttonstyle1 { border-radius:30px; font-weight::600; margin-right:12px;}
.welcome .one_half.last_column a.ReadMore { text-transform:uppercase; font-weight:400;}
.wel-about { width:37%; float:left; padding:4% 0 4% 7%; border-top-left-radius:30px; border-bottom-left-radius:30px; background:#0799EF; background:-webkit-radial-gradient(bottom left, #0799EF, #2ADDBF); background:-moz-radial-gradient(bottom left, #0799EF, #2ADDBF); background:radial-gradient(bottom left, #0799EF, #2ADDBF);}
.wel-about h2 { font:400 36px 'Assistant'; color:#ffffff; margin-bottom:0; text-transform:capitalize;}
.wel-about h1 { font:700 42px 'Assistant'; color:#ffffff; margin-bottom:0; text-transform:capitalize;}
.wel-video { width:63%; float:right; position:absolute; right:0; bottom:-60px;}
.wel-video iframe { border-radius:50px; width:100%;}

/*================================================== 
	SECTION THIRD COUNTER CSS
==================================================== */
.sec-counter { position:relative; background:#0799EF; background:-webkit-radial-gradient(bottom left, #0799EF, #2ADDBF); background:-moz-radial-gradient(bottom left, #0799EF, #2ADDBF); background:radial-gradient(bottom left, #0799EF, #2ADDBF);}
.counter-box { width:100%; margin:0 0 20px 0; padding:20px 40px; background-color:#ffffff; border-radius:30px; -webkit-box-shadow:0px 4px 10px -3px rgba(0,0,0,0.75); -moz-box-shadow:0px 4px 10px -3px rgba(0,0,0,0.75); box-shadow:0px 4px 10px -3px rgba(0,0,0,0.75);}
.counter-box#last { margin-bottom:0;}
.count-icon { width:20%; float:left; margin:6px 30px 0 0; text-align:center;}
.count-icon i { font-size:4em; color:#1a1a1a;}
.count-desc { display:inline-block; text-align:left;}
h1.counter { line-height:45px; display:inline-block; margin-bottom:0;}
span.plus { font-weight:700; font-size:50px;}
.count-desc h3 { margin:0 0 0 10px; text-transform:capitalize; display:inline-block;}
.count-desc p { font:600 17px 'Assistant';}
.sec-counter .one_half.last_column h2 { font:400 40px 'Lato'; color:#ffffff; margin-bottom:0;}
.sec-counter .one_half.last_column h1 { color:#ffffff; position:relative; padding-bottom:20px;}
.sec-counter .one_half.last_column h1:before { content:''; position:absolute; left:0; bottom:0; border-bottom:3px solid #ffffff; width:100px;}
.sec-counter .one_half.last_column { color:#ffffff;}
.sec-counter .one_half.last_column a.button { margin-top:15%; padding:25px 35px; font:700 20px 'Lato'; border-radius:40px;}


/*================================================== 
	SECTION FOURTH WHAT WE DO CSS
==================================================== */
.what-we-do { position:relative;}
.what-we-box { text-align:center; margin:20% 0 0;}
.what-we-thumb { border-radius:15px; width:220px; margin:0 auto 80px; overflow:hidden; transform:rotate(45deg); height:220px; position:relative;}
.what-we-thumb .thumbnailbox { width:100%; height:auto; transform:rotate(-45deg);}
.what-we-thumb .thumbnailbox img { width:100%; height:auto; display:block; border-radius:15px; transform:scale(1.4,1.4);}
.thumbnailbox .box-content{ width:100%; height:100%; position:absolute; top:50%; left:50%; z-index:2; transform:translate(-50%, -50%);}
.thumbnailbox .box-content:before, .thumbnailbox .box-content:after{ content:""; width:80%; height:80%; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) rotate(45deg); transition:all 0.5s ease 0s;}
.thumbnailbox .box-content:before, .thumbnailbox .box-content:after{ width:80%; height:80%; background:linear-gradient(45deg,rgba(0,0,0,0.4) 49%, transparent 50%); left:-100%; transition-delay:0.1s; border-radius:15px;}
.thumbnailbox .box-content:after{ background:linear-gradient(45deg,transparent 49%, rgba(0,0,0,0.4) 50%); left:160%;}
.what-we-box:hover .box-content:before, .what-we-box:hover .box-content:after{ left:50%;} 
.thumbnailbox .inner-content{ width:60%; height:60%; padding:40px 0; position:absolute; top:50%; left:50%; z-index:2; transform:translate(-50%, -50%) scale(0); transition:all 0.3s ease 0.2s;}
.thumbnailbox .inner-content:after{ content:""; width:100%; height:100%; background-color:rgba(90,34,191,0.7); position:absolute; top:50%; left:50%; z-index:-1; transform:translate(-50%, -50%) rotate(45deg); border-radius:15px;}
.what-we-box:hover .inner-content{ transform:translate(-50%, -50%) scale(1); transition:all 0.3s ease 0s;}
.inner-content a { font:700 14px 'Lato'; color:#ffffff; margin-top:15px; display:inline-block; text-transform:uppercase;}
.inner-content a:hover { color:#ffffff;}
.what-we-desc h3 { position:relative; padding-bottom:20px;}
.what-we-desc h3:before { content:''; position:absolute; left:0; right:0; bottom:0; margin:0 auto; border-bottom:2px solid #5a22bf; width:100px;}
.what-we-desc h3:after { content:'\f19d'; position:absolute; left:0; right:0; bottom:-10px; margin:0 auto; color:#5a22bf; font-family:'Font Awesome 5 Pro'; font-size:20px; width:35px; background-color:#ffffff;}

/*================================================== 
	SECTION FIFTH BROWSE OUR CATEGORIES CSS
==================================================== */
.category-box { background:#0799EF; background:-webkit-radial-gradient(bottom left, #0799EF, #2ADDBF); background:-moz-radial-gradient(bottom left, #0799EF, #2ADDBF); background:radial-gradient(bottom left, #0799EF, #2ADDBF); width:15%; float:left; border-radius:15px; text-align:center; margin:20px 22px 0 0; padding:15px 0; transition:all 0.5s; -o-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;}
.category-box#last { margin-right:0;}
.category-box:hover { transform:translateY(-15px); -webkit-transform:translateY(-15px); -webkit-box-shadow:0px 26px 33px -13px rgba(0,0,0,0.75); -moz-box-shadow:0px 26px 33px -13px rgba(0,0,0,0.75); box-shadow:0px 26px 33px -13px rgba(0,0,0,0.75);}
.cat-thumb { width:60px; height:60px;  margin:0 auto 25px;}
.cat-thumb img { width:100%; height:auto; display:block;}
.category-box h4 { color:#ffffff; padding:0 15px; font-size:20px; margin-bottom:10px;}
.category-box h4 a { color:#ffffff;}

/*================================================== 
	SECTION SIXTH FROM STORE CSS
==================================================== */
.store { position:relative;}
.storetitle { margin-bottom:5%;}
.storetitle h2 { color:#ffffff; margin-bottom:0; text-transform:capitalize; float:left;}
.storetitle a.button { float:right; margin-top:5px;}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width:22.15%; padding:15px; background-color:#eae7e7; border-radius:10px; position:relative;}
.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 { text-align:center; padding-bottom:10px;}
.woocommerce ul.products li.product .price { font-size:15px; font-weight:700; margin-bottom:0; background-color:#5a22bf; color:#ffffff; padding:5px 10px;}
.item-hidden{ position:relative; overflow:hidden; }

.woocommerce ul.products li.product .button { position:absolute; right:0; bottom:0; border-radius:0; background-color:#000000; margin-top:0; padding:10px 10px; transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; transform: translateX(70%); -webkit-transform: translateX(70%); -moz-transform: translateX(70%); font-size:85%;}
.woocommerce ul.products li.product .button:hover { transform: translateX(0%); -webkit-transform: translateX(0%); -moz-transform: translateX(0%); }
.woocommerce ul.products li.product .button::before { content:'\f07a'; font-family:'Font Awesome 5 Pro'; font-size:16px;position:relative; margin-right:14px;}
.woocommerce a.added_to_cart { display:inline-block; position:absolute; right:0; bottom:0; padding:10px 12px; color:#ffffff !important; background-color:#000000; 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; font:700 14px 'Lato'; text-transform:capitalize;}

.woocommerce a.wc-forward { padding-top:9px;}
.woocommerce ul.products li.product .imagewrapper span.onsale { border-radius:50%; padding:10px 9px 9px 5px; width:45px; height:45px; background-color:#5a22bf; text-transform:capitalize; font:700 12px/28px 'Assistant'; position:absolute; top:-2px;}
.woocommerce span.onsale { background-color:#5a22bf; width:50px; height:50px;}
.woocommerce ul.products li.product .price del { margin-right:10px; color:#ffffff; opacity:0.6;}
.woocommerce .star-rating span { display:block; color:#ffb200;}
.woocommerce .products .star-rating{ float:none; margin:5px auto 15px; color:#ffb200;}
.woocommerce ul.products li.product .star-rating { font-size:15px;}
.woocommerce .star-rating::before { color:#000000;}
.imagewrapper { position:relative; overflow:hidden;}
.imagewrapper img { display:block; height:auto; width:100%; margin-bottom:0; 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;}
.woocommerce ul.products li.product:hover img { opacity:1; -webkit-transform:scale(1.08); transform:scale(1.08);}
.woocommerce ul.products li.product:hover .imagewrapper .imgoverlay { opacity:1; width:100%; height:100%;}
.woocommerce ul.products li.product .imagewrapper .imgoverlay { background:rgba(90,34,191, 0.8); position:absolute; margin:auto; width:0px; height:0px; top:0; right:0; bottom:0; left:0;  opacity:0; -webkit-transition:.4s ease; transition:.4s ease;}
.woocommerce ul.products li.product a img { margin-bottom:0;}
.woocommerce ul.products li.product:hover .imagewrapper span.search { opacity:1; -webkit-transform:scale(1); transform:scale(1); -webkit-transition:transform .5s ease, opacity 1.3s ease; transition:transform .5s ease, opacity 1.3s ease;}
.woocommerce ul.products li.product .imagewrapper span.search { color:#ffffff; font-size:30px; text-align:center; position:absolute; margin:auto; width:100%; height:auto; line-height:30px; left:0; top:45%; right:0; bottom:0; opacity:1; -webkit-transform:scale(0); transform:scale(0); -webkit-transition:transform .5s ease, opacity .7s ease;  transition:transform .5s ease, opacity .7s ease;}

/* SHOP PAGE PAGINATION 
======================= */
.woocommerce nav.woocommerce-pagination ul { border:none;}
.woocommerce nav.woocommerce-pagination ul li { border:1px solid #1a1a1a; margin-right:5px; border-radius:50%;}
.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li span.current, .woocommerce button.button.alt { background-color:#1a1a1a; color:#ffffff;}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce button.button.alt:hover, .woocommerce nav.woocommerce-pagination ul li a:hover { background-color:#5a22bf; color:#ffffff;}
.woocommerce nav.woocommerce-pagination ul li:hover { border-color:#5a22bf;}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover { background-color:#1a1a1a; color:#ffffff;}
.woocommerce-page table.cart td.actions .input-text { width:100px; text-align:center;}
.woocommerce-cart table.cart td.actions .coupon .input-text { padding:10px 6px;}
.woocommerce form .form-row input.input-text { line-height:2;}
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span { min-width: 2em;}

/* SIDEBAR SHOP PAGE
==================== */
#sidebar .widget_shopping_cart_content ul li { list-style:none;}
.woocommerce a.remove { background-color:#f90303; color:#ffffff !important;}
.woocommerce a.remove.remove_from_cart_button { height:1.5em; width:0.5em; background-color:#f90303; color:#ffffff !important; left:0; right:0; text-align:center; padding:0px 5px 0 !important;}

/* CART IN SIDEBAR
================== */
.woocommerce a.remove:hover { background-color:#000000; color:#ffffff !important;}
.woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a { display:inline;}
.woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total { border-color:#c9c9c9; text-align:center; padding:10px 0;}
.woocommerce-mini-cart__buttons.buttons { text-align:center;}
.woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img { width:35px; height:35px; padding:5px; border:1px solid #c9c9c9;}
.widget_shopping_cart_content { padding:15px 0;}
.woocommerce-message::before, .woocommerce-info::before { color:#5a22bf;}
.woocommerce-message, .woocommerce-info { border-top-color:#5a22bf;}
.woocommerce-error, .woocommerce-info, .woocommerce-message { background-color:#ebe2fa;}

/* WOOCOMMERCE ALL BUTTON
========================= */
.woocommerce .widget_shopping_cart .buttons a, .woocommerce.widget_shopping_cart .buttons a, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce input.button, .woocommerce button.button { background-color:#1a1a1a; color:#ffffff; font-weight:normal;}
.woocommerce .widget_shopping_cart .buttons a:hover, .woocommerce.widget_shopping_cart .buttons a:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce input.button:hover, .woocommerce button.button:hover { background-color:#5a22bf; color:#ffffff;}
.woocommerce ul.products li.product a.added_to_cart { color:#1a1a1a;}
.woocommerce button.button { margin-top:15px;}
.coupon button.button { margin-top:0;}

/* FILTER BY PRICE IN SIDEBAR
============================= */
.price_slider_wrapper { padding:40px 0;}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle, .woocommerce .widget_price_filter .ui-slider .ui-slider-handle, .woocommerce .widget_price_filter .ui-slider .ui-slider-range { background-color:#5a22bf;}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content { background-color:#000000;}
.woocommerce .widget_price_filter .price_slider { margin-bottom:2em;}

/* WOOCOMMERCE SHOP PAGE DESCRIPTION
==================================== */
.woocommerce div.product .woocommerce-tabs ul.tabs { padding-left:0; display:inline-block; margin-top:5%;}
.woocommerce div.product .woocommerce-tabs ul.tabs::before { border:none;}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active { background-color: #5a22bf; border-bottom-color:none;}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::after, .woocommerce div.product .woocommerce-tabs ul.tabs li.active::before { box-shadow:none;}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before { border-radius:0; box-shadow:none; border:none;}
.woocommerce div.product .woocommerce-tabs ul.tabs li { border:none; background-color:#1a1a1a; border-radius:0; margin:0;}
.woocommerce div.product .woocommerce-tabs ul.tabs li a { color:#ffffff !important;}
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover { color:#ffffff;}

/* WOOCOMMERCE SINGLE PRODUCTS
============================== */
.woocommerce div.product .product_title { border-bottom:none; font-weight:400; padding-bottom:10px;}
.woocommerce div.product div.images .flex-control-thumbs li { margin:10px 5px 0 0; width:20%; border:1px solid #c9c9c9;}
.woocommerce div.product p.price, .woocommerce div.product span.price { color:#212121;}
.woocommerce div.product form.cart div.quantity { float:none; margin:10px 0;}
.woocommerce .quantity .qty {border:1px solid #c9c9c9; padding:2px 0px 2px 0;}
.woocommerce button.button.alt { margin-top:15px;}
.woocommerce-Tabs-panel h2 { font:700 22px 'Lato'; color:#1a1a1a;}
section.related.products h2 { font:700 22px 'Lato'; color:#1a1a1a; text-transform:capitalize;}

/* SIDEBAR PRODUCT SHOP PAGE
============================ */
#sidebar .widget_content ul.product_list_widget li { list-style:none;}
#sidebar .widget_content ul.product_list_widget li a { padding-left:0; margin-right:5px;}
#sidebar .widget_content ul.product_list_widget li span.product-title { font:400 15px 'Assistant'; color:#1a1a1a; 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;}
#sidebar .widget_content ul.product_list_widget li span.product-title:hover { color:#5a22bf;}

/* MY ACCOUNT PAGE
================== */
.woocommerce .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link{ padding: 10px 10px 10px 10px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; list-style:none; border-bottom:1px dashed #1a1a1a; position:relative; text-align:center;}
.woocommerce .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link:after { content:''; position:absolute; left:0; right:0; bottom:-3px; width:120px; margin:0 auto; border-bottom:5px solid #5a22bf;}
.woocommerce-account .woocommerce-MyAccount-navigation { width:28%;}

/*================================================== 
	SECTION SEVENTH MEET OUR TEACHERS CSS
==================================================== */
.our-team { position:relative;}
.team-left { float:left; width:23%;}
.team-left h2 { font-weight:400; line-height:24px; margin-bottom:0;}
.team-left h1 { padding-bottom:20px; position:relative;}
.team-left h1:before { content:''; position:absolute; left:0; bottom:0; width:110px; border-bottom:2px solid #5a22bf;}
.team-left h1:after { content:'\f19d'; position:absolute; left:38px; bottom:-10px; text-align:center; color:#5a22bf; font-family:'Font Awesome 5 Pro'; font-size:20px; width:35px; background-color:#ffffff;}
.team-left a.ReadMore { border-radius:30px; padding:8px 35px; display:inline-block; margin-top:30px;}
.team-right { float:right; width:75%;}
.teammember-list{ width:31%; float:left; position:relative;  margin:0px 29px 0px 0; -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; cursor:pointer;}
.teammember-list.lastcols { margin-right:0;}
.thumnailbx { overflow:hidden; position:relative; text-align:center;  border-radius:30px;}
.thumnailbx img { width:100%; height:auto; display:block;}
.thumnailbx .overlay { position:absolute; bottom:15px; left:0px; right:0px; width:90%; height:15%; margin:0 auto; overflow:hidden; 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; background:#2AD6B2;background: webkit-linear-gradient(top, #2AD6B2, #0B95EC); background:-moz-linear-gradient(top, #2AD6B2, #0B95EC); background:linear-gradient(top bottom, #2AD6B2, #0B95EC);}
.teammember-list:hover .overlay { height:92%; border-radius:30px;}
.titledesbox{ text-align:center; color:#ffffff;}
.teammember-list:hover .titledesbox { padding:18% 10px 0;}
.titledesbox h3{ margin-bottom:10px; text-transform:capitalize; padding:14px 0; font:700 20px 'Lato';}
.titledesbox h3 a { color:#ffffff;}
.titledesbox p { line-height:24px;}
.member-social-icon { position:relative; color:#ffffff; text-transform:none; font-size:70%; width:100%; text-align:center; margin-top:15%;}
.member-social-icon a{ margin:0 5px 0 0;text-align:center;display:inline-block; color:#ffffff; width:35px; height:35px; line-height:33px; visibility:visible;}
.member-social-icon a:hover{ color:#000000;}

/*================================================== 
	SECTION EIGHT WHY CHOOSE US CSS
==================================================== */
.choose-us { position:relative;}
.choose-left { float:left; width:42%; position:relative; margin-bottom:-70px;}
.choose-left img { width:100%; height:auto; display:block;}
.choose-right { float:right; width:53%; text-align:left;}
.choose-right h1 { padding-bottom:30px; margin-bottom:40px; position:relative; font-size:50px;}
.choose-right h1:before { content:''; position:absolute; left:0; bottom:0; width:110px; border-bottom:2px solid #5a22bf;}
.choose-right h1:after { content:'\f19d'; position:absolute; left:38px; bottom:-10px; text-align:center; color:#5a22bf; font-family:'Font Awesome 5 Pro'; font-size:20px; width:35px; background-color:#ffffff;}
.choose-us-box { width:47%; float:left; margin:0px 35px 40px 0;}
.choose-us-box#last { margin-right:0;}
.choose-thumb { width:65px; margin-bottom:30px; display:block;}
.choose-thumb img { width:100%; height:auto; display:block;}
.choose-desc { display:block;}
.choose-desc h3 { margin-bottom:10px;}

/*================================================== 
	SECTION NINE TESTIMONIALS CSS
==================================================== */
.clientsay { position:relative;}
.testimonial-left { width:38%; float:left; color:#ffffff; padding-top:30px;}
.testimonial-left h1 { color:#ffffff; padding-bottom:30px; margin-bottom:30px; position:relative;}
.testimonial-left h1:before { content:''; position:absolute; left:0; bottom:0; width:75px; border-bottom:3px solid #ffffff;}
.testimonial-left a.button { margin-top:12%;}
.testimonial-right { width:58%; float:right;}
.clientsay #clienttestiminials .item { padding:0 25px; margin:30px 0 5%; position:relative;}
.item-slide { background-color:#ffffff; border-radius:30px; width:90%; margin:0 auto; padding:10% 0;}
.clientsay #clienttestiminials .tmthumb{ width:77px; height:77px; float:left; border-radius:50%; position:absolute; left:20px;}
.clientsay #clienttestiminials .tmthumb img { width:100%; height:100%; display:block; border-radius:50%;}
.clientsay #clienttestiminials .tmdesc { width:82%; float:right; padding-right:30px;}
.clientsay #clienttestiminials .tmtitle { margin-bottom:20px;}
.clientsay #clienttestiminials .tmtitle h3{ margin-bottom:5px; text-transform:capitalize; font:700 22px 'Lato'; color:#1a1a1a;}
.clientsay #clienttestiminials .tmtitle h3 a{color:#1a1a1a;}

/* TESTIMONIALS
=============== */
.client-say{ width:80%; margin:0 auto;  position:relative; z-index:1; font:normal 16px/24px 'Roboto'; color:#333; }
.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:35px; min-height:120px;}
.tmnllisting .tmnlthumb{ float:left; width:150px; height:150px; 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:uppercase;}
#testimonials-widget p{ margin-bottom:15px;}

/* SIDEBAR TESTIMONIALS
======================= */
#testimonials .quotes span { text-transform:uppercase; display:block; font:700 15px 'Roboto Condensed'; color:#1a1a1a; margin-top:15px;}

/*================================================== 
	SECTION TENTH LATEST NEWS CSS
==================================================== */
.latestnews { position:relative;}
.fourcolumn-news { padding-top:40px;}
.news-box.news-large{ position:relative; width:45%; margin:0 30px 0 0; float:left; text-align:left;}
figure{ position:relative; width:100%; overflow:hidden;}
figure img{ width:100%; height:auto; display:block; border-radius:5px; -webkit-transition:opacity 1s, -webkit-transform 1s; transition:opacity 1s, transform 1s; -webkit-backface-visibility:hidden; backface-visibility:hidden;}
.news-box:hover figure img { -webkit-transform:scale3d(1.2,1.2,1); transform:scale3d(1.2,1.2,1);}
figure:before, figure:after{ content: ""; width: 0; height: 0; background-color:rgba(26,26,26,0.9); position: absolute; top: 5%; left: 5%; transition: all 0.3s ease-in-out; }
figure:after{ top: auto; left: auto; bottom: 5%; right: 5%; }
.news-box:hover figure:before, .news-box:hover figure:after { width: 90%;  height: 90%; }
figure .news-overlay{ width:100%; height:100%; padding-top:25%; position: absolute; top: 0; left: 0; opacity: 0; z-index: 2; transition: all 0.2s ease 0.3s; }
.news-box:hover figure .news-overlay{ opacity: 1; }
figure .news-overlay:before, figure .news-overlay:after{ content: ""; width: 85%; height: 85%; border: 2px solid transparent; position: absolute; top: 50%; left: 50%; z-index: -1; transform: translateY(-50%) translateX(-50%); transition: all 0.3s ease 0s; }
figure .news-overlay:before{ width: 0; }
figure .news-overlay:after{ height: 0; }
.news-box:hover .news-overlay::before{ width: 85%; border-top: 2px solid #00ca70; border-bottom: 2px solid #00ca70; transition-delay: 0.4s; }
.news-box:hover .news-overlay::after{ height: 85%; border-left: 2px solid #00ca70; border-right: 2px solid #00ca70; transition-delay: 0.4s; }
figcaption { padding:20px 0; width:100%;}
figcaption h3{ padding:0; margin-bottom:15px; text-transform:capitalize; line-height:28px;}
figcaption .postmeta { font:400 16px 'Assistant'; color:#717171;}
figcaption .postmeta a { color:#717171;}
figcaption .postmeta span { margin-right:20px;}
figcaption .postmeta span.spanlast { margin-right:0;}
figcaption .postmeta i { color:#5a22bf; margin-right:5px;}

.news-box { width:52%; position:relative; float:right; margin-bottom:40px;}
.news-box.last { margin-bottom:0;}
.news-box .news-thumb { width:30%; float:left; text-align:center; overflow:hidden; position:relative; -webkit-transition:all 0.35s ease; transition:all 0.35s ease;}
.news-box .news-thumb img { width:100%; height:auto; display:block; border-radius:5px; -webkit-transition:opacity 1s, -webkit-transform 1s; transition:opacity 1s, transform 1s; -webkit-backface-visibility:hidden; backface-visibility:hidden;}
.news-box:hover .news-thumb img { -webkit-transform:scale3d(1.2,1.2,1); transform:scale3d(1.2,1.2,1);}
.news-thumb:before, .news-thumb:after{ content:""; width:100%; height:100%; position:absolute; top:0; left:0; background-color:rgba(26,26,26,0.9); border-left:3px solid #00ca70; border-right:3px solid #00ca70; z-index:1; -webkit-transition:all 0.35s ease; transition:all 0.35s ease;}
.news-thumb:before{ -webkit-transform:skew(45deg) translateX(-155%); transform:skew(45deg) translateX(-155%);}
.news-box:hover .news-thumb:before{ -webkit-transform:skew(45deg) translateX(-55%); transform:skew(45deg) translateX(-55%);}
.news-thumb:after{ -webkit-transform:skew(45deg) translateX(155%); transform:skew(45deg) translateX(155%);}
.news-box:hover .news-thumb:after{ -webkit-transform:skew(45deg) translateX(55%); transform:skew(45deg) translateX(55%);}
.news-thumb img{ width:100%; height:auto; -webkit-transition:all 0.35s ease; transition:all 0.35s ease;}
.news-thumb .news-link{ position:absolute; top:50%; left:50%; opacity:0; z-index:2; -webkit-transform:translate(-50%, -50%) scale(0.5); transform:translate(-50%, -50%) scale(0.5); -webkit-transition:all 0.35s ease; transition:all 0.35s ease;}
.news-box:hover .news-link{ -webkit-transform:translate(-50%, -50%) scale(1); transform:translate(-50%, -50%) scale(1); opacity:1;}
.news-box .newsdesc { width:66%; float:right;}
.news-box .newsdesc h3{ padding:0; margin-bottom:15px; text-transform:capitalize; line-height:28px; letter-spacing:1px;}
.news-box .newsdesc .postmeta { font:400 14px 'Assistant'; color:#717171; padding-top:0;}
.news-box .newsdesc .postmeta a { color:#717171;}
.news-box .newsdesc .postmeta span { margin-right:10px;}
.news-box .newsdesc .postmeta span.spanlast { margin-right:0;}
.news-box .newsdesc .postmeta i { color:#5a22bf; margin-right:5px;}

/* BLOG PAGE
============ */
.post-title{ margin-bottom:0px; text-transform:uppercase; padding:10px 0;}
.post-title a{transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-webkit-transition:all 0.6s ease 0s;}
.blog-post-repeat, .archive-cat{ width:100%; margin:0px 0 40px 0; padding-bottom:10px; position:relative;}
.blog-post-repeat .post-thumb, .blog-post-repeat-full .post-thumb, .archive-cat .post-thumb{ position:relative; overflow:hidden; width:45%; float:left; border-radius:15px; -webkit-transition:all 0.35s ease; transition:all 0.35s ease;}
.blog-post-repeat .post-thumb img, .blog-post-repeat-full .post-thumb img, .archive-cat .post-thumb img{ position:relative; display:block; width:100%; height:auto;-webkit-transition:opacity 1s, -webkit-transform 1s;transition:opacity 1s, transform 1s; -webkit-backface-visibility:hidden; backface-visibility:hidden;}
.blog-post-repeat:hover .post-thumb img, .blog-post-repeat-full:hover .post-thumb img, .archive-cat:hover .post-thumb img { -webkit-transform:scale3d(1.2,1.2,1); transform:scale3d(1.2,1.2,1);}
.post-thumb:before, .post-thumb:after, .archive-cat .post-thumb:before, .archive-cat .post-thumb:after{ content:""; width:100%; height:100%; position:absolute; top:0; left:0; background-color:#1a1a1a; border-left:3px solid #00ca70; border-right:3px solid #00ca70; opacity:0.9; z-index:1; -webkit-transition:all 0.35s ease; transition:all 0.35s ease;}
.post-thumb:before, .archive-cat .post-thumb:before{ -webkit-transform:skew(45deg) translateX(-155%); transform:skew(45deg) translateX(-155%);}
.blog-post-repeat:hover .post-thumb:before, .blog-post-repeat-full:hover .post-thumb:before, .archive-cat:hover .post-thumb:before{ -webkit-transform:skew(45deg) translateX(-55%); transform:skew(45deg) translateX(-55%);}
.post-thumb:after, .archive-cat .post-thumb:after{ -webkit-transform:skew(45deg) translateX(155%); transform:skew(45deg) translateX(155%);}
.blog-post-repeat:hover .post-thumb:after, .blog-post-repeat-full:hover .post-thumb:after, .archive-cat:hover .post-thumb:after{ -webkit-transform:skew(45deg) translateX(55%); transform:skew(45deg) translateX(55%);}
.post-thumb img, .archive-cat .post-thumb img{ width:100%; height:auto; -webkit-transition:all 0.35s ease; transition:all 0.35s ease;}
.post-thumb .thumboverlay, .archive-cat .post-thumb .thumboverlay{ position:absolute; top:50%; left:50%; opacity:0; z-index:2; -webkit-transform:translate(-50%, -50%) scale(0.5); transform:translate(-50%, -50%) scale(0.5); -webkit-transition:all 0.35s ease; transition:all 0.35s ease;}
.blog-post-repeat:hover .thumboverlay, .blog-post-repeat-full:hover .thumboverlay, .archive-cat:hover .thumboverlay{ -webkit-transform:translate(-50%, -50%) scale(1); transform:translate(-50%, -50%) scale(1); opacity:1;}

.blog-post-repeat .post-content, .blog-post-repeat-full .post-content, .archive-cat .post-content { width:52%; float:right;}
.blog-post-repeat-full { width:100%; margin:0px 0 30px 0; padding-bottom:10px; position:relative;}
.blog-post-repeat .blogmeta, .blog-post-repeat-full .blogmeta, .archive-cat .blogmeta { font:400 14px/25px 'Assistant'; color:#717171; margin:15px 0; padding-bottom:10px; border-bottom:1px dashed #1a1a1a;}
.blog-post-repeat .blogmeta a, .blog-post-repeat-full .blogmeta a, .archive-cat .blogmeta a { color:#717171;}
.blog-post-repeat .blogmeta span, .blog-post-repeat-full .blogmeta span, .archive-cat .blogmeta span { margin-right:10px;}
.blog-post-repeat .blogmeta span.spanlast, .blog-post-repeat-full .blogmeta span.spanlast, .archive-cat .blogmeta span.spanlast { margin-right:0;}
.blog-post-repeat .blogmeta i, .blog-post-repeat-full .blogmeta i, .archive-cat .blogmeta i { color:#5a22bf; margin-right:5px;}
.blog-post-repeat a.buttonstyle1, .blog-post-repeat-full a.buttonstyle1, .archive-cat a.buttonstyle1 { font:700 14px 'Lato'; margin-top:0; padding:8px 20px;}
.single-post .blog-post-repeat { width:100%; float:none; height:auto; margin-right:0;}

/* BLOG SINGLE POST
=================== */
.single-blog .blog-post-repeat .post-thumb { width:100%; float:none; height:auto; overflow:visible; transition:none;}
.single-blog .post-thumb img { width:100%; height:auto; display:block; transition:none; backface-visibility:visible;}
.single-blog:hover .post-thumb img { transform:none; opacity:1;}
.single-blog .post-thumb:before, .single-blog .post-thumb:after{ content:none; transition:none; transform:none;}
.single-blog .post-thumb:before{ transform:none;}
.single-blog .postmeta { color:#717171; border-bottom:1px solid #717171; margin-bottom:20px; padding-bottom:10px;}
.single-blog .blog-post-repeat .postmeta a { color:#717171;}
.single-blog .blog-post-repeat .postmeta a:hover { color:#5a22bf;}
.single-blog .post-content-single{ padding:20px 0;}
.single-blog .postmeta .post-author { display:inline-block; border-right:1px solid #6f6f6f; margin-right:10px; padding-right:10px; margin-left:0;}
.single-blog .postmeta .post-date { display:inline-block; padding-right:10px; border-right:1px solid #6f6f6f;}
.single-blog .postmeta .post-comment { display:inline-block; float:none; padding-left:10px; margin-right:10px; padding-right:10px; border-right:1px solid #6f6f6f;}
.single-blog .postmeta .post-category { display:inline-block; float:none;}
.single-blog .postmeta i { color:#5a22bf; margin-right:5px;}
h2.heading{ padding-bottom:15px;}
.underline{ border-bottom:1px solid #efeded;}

/*================================================== 
	SECTION FOOTER CSS
==================================================== */
.foot-wave { width:100%; position:absolute; background:url(images/foot-wave.png) no-repeat center; height:81px; left:0; right:0; top:-4px;}
#footer-wrapper{ background-color:#1a1a1a; position:relative; padding:10% 0 0; color:#979797; font:300 15px/26px 'Roboto';}
.footer-inner { width:1170px; margin:0 auto; position:relative; border-bottom:1px solid #272727;}
.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:24%; float:left; margin-right:1%; padding-right:1%; }
.footer-cols-four .foo-cols:nth-child(4){ margin-right:0; padding-right:0; }

.foo-cols #text-2 h5 { font:700 30px 'Roboto'; color:#ffffff; text-transform:uppercase;}
.contact-info { margin-top:30px;}
.contact-info i { margin-right:15px;}
.contact-info p { padding:5px 0;}
.foo-cols h5 { font:700 19px 'Roboto'; color:#ffffff; text-transform:uppercase;}
.foo-cols #nav_menu-4, .foo-cols #nav_menu-2, .foo-cols #text-4 { padding-top:10px;}
.foo-cols #nav_menu-4 h5, .foo-cols #nav_menu-2 h5 { margin-bottom:38px;}
.foo-cols ul li { position:relative; padding-bottom:12px; padding-left:20px;}
.foo-cols ul li::before { content:'\f105'; position:absolute; left:0; font-size:20px; color:#979797; font-family:'Font Awesome 5 Pro';}
.foo-cols .newsletter { position:relative; margin-top:30px;}
.foo-cols .newsletter input[type="email"] { width:83%; background-color:#222222; font:400 15px 'Roboto'; color:#979797; margin-right:0; border:1px solid #333333; margin-bottom:0;}
.foo-cols .newsletter input[type="submit"] { position:absolute; top:1px; right:0; background:url(images/footnews-bg.png) no-repeat center #00ca70; font-size:0; width:50px; height:48px; padding:0; margin-top:0;}
.foo-cols .social-icons a { color:#5c5b5b; font-size:16px;}
.foo-cols .social-icons a:hover { color:#ffffff;}

/* ----- Copyright Wrapper ----- */
.copyright-wrapper { position:relative; font:400 15px 'Roboto';}
.copyright-inner {padding:30px 0; width:1170px; margin:0 auto;}
.copyright-txt{float:left; font-weight:500; color:#979797;}
.designby{float:right; font-weight:500; color:#979797;}

/*================================================== 
	COURSES PAGE CSS
==================================================== */
#course-wrap { position:relative; padding-top:40px;}
.course-box { width:31%; float:left; margin:0 35px 40px 0; position:relative; overflow:hidden;}
.course-box.lastcols { margin-right:0;}
.course-thumb { position:relative; overflow:hidden;}
.course-thumb img { width:100%; height:auto; display:block; transform:scale(1.1); transition:all 0.3s ease 0s;}
.course-thumb:before{ content:''; width:100%; height:100%; background-color:rgba(0,0,0,0.7); position:absolute; top:-100%; left:0; z-index:1; transition:all 0.3s ease 0s;}
.course-box:hover .course-thumb:before{ top:0;}
.course-box:hover img{ transform: scale(1);}
.course-box .course-info{ width:100%; background-color:#5a22bf; position:absolute; bottom:-1px; left:50%; opacity:0; z-index:1; transform:translateX(-50%) rotateX(90deg); transform-origin:bottom; transition:all 0.4s ease 0s; text-align:center;}
.course-box:hover .course-info{ opacity:1; transform:translateX(-50%) rotateX(0deg);}
.course-box .icon{ padding:0; margin:-27px 0 10px 0; list-style:none;nborder-top:none; width:100%; border-top:none;}
.course-box .icon li{ display:inline-block; transition:all 0.3s ease 0s; border-right:none;	width:17%;}
.course-box .icon li a{ display:block; width:35px; height:35px; line-height:35px; font-size:18px; color:#ffffff; position:relative;}
.course-box .icon li a:hover{ color:#ffffff;}
.course-box .icon li a:after{ content:''; width:100%; height:100%; background-color:#00ca70; position:absolute; top:50%; left:0; z-index:-1; transform:translateY(-50%) rotate(45deg); transition:all 0.3s ease 0s;}
.course-box .icon li a:hover:after{ box-shadow:0 0 10px #000000; transform: translateY(-50%) rotate(360deg);}
.course-box .icon li.spanrating { width:33%; color:#ffb300; font-size:13px; letter-spacing:5px; display:inline-block; position:relative; top:22px;}
.course-box .icon li.spanprice { width:33%; font:700 21px 'Roboto Condensed'; color:#ffffff; float:right; position:relative; top:24px;}
.course-content { padding:20px 0px 0;}
.course-content h4 { text-align:center; margin-bottom:10px; text-transform:uppercase;}
.course-content p { text-align:center;}
.course-info ul { border-top:1px solid #ffffff;}
.course-info ul li { width:33%; margin:0; float:left; border-right:1px solid #ffffff; text-align:center; padding:10px 10px;}
.course-info ul li.last { border-right:none;}
.course-info ul li h6 { margin-bottom:0; color:#ffffff; font-size:14px;}
.course-info ul li span { color:#ffffff; font:400 14px 'Lato';}

/* COURSE SINGLE 
================ */
.single-course-box { position:relative;}
.single-course-thumb { width:100%; position:relative;}
.single-course-thumb img { width:100%; height:auto; display:block;}
.course-meta { margin-bottom:10px;}
.course-meta ul li { display:inline-block; text-align:center; padding:15px 0px; margin-right:3%; text-align:left;}
.course-meta ul li.last { margin-right:0;}
.course-meta ul li h6 { margin-bottom:5px; font-weight:400; font-size:16px;}
.course-meta ul li i { font-size:50px; color:#5a22bf;}
.pull-right { margin-left:10px; float:right;}
.single-course-box .single-course-thumb { margin-bottom:20px;}
.single-course-tab { position:relative; width:100%; margin-top:30px;}
ul.singletabs { margin:0px; padding:0px; list-style:none;}
ul.singletabs li { background:none; color:#1a1a1a; display:inline-block; padding:10px 15px; cursor:pointer; margin-bottom:-1px;}
ul.singletabs li.current { background-color:#ffffff; border:1px solid #5a22bf; border-bottom-color: transparent !important; font-weight:700; color:#5a22bf; border-top-left-radius:5px; border-top-right-radius:5px;}
.singletab-content{ display:none; padding:20px 30px; border:1px solid #dddddd;}
.singletab-content.current{ display:inherit; border:1px solid #5a22bf;}
.singletab-content h3 { position:relative; padding-bottom:15px; margin-top:20px;}
.singletab-content h3:before { content:''; position:absolute; left:0; bottom:0; border-bottom:3px solid #5a22bf; width:50px;}
.singletab-content ul li { padding:5px 20px; clear:both;}
.singletab-content ul.course-list li { position:relative; padding-left:0;}
.singletab-content ul.course-list li:before { content:'\f324'; font-family:'Font Awesome 5 Pro'; color:#5a22bf; font-size:12px; margin-right:10px;}
.course-info-title { color:#1a1a1a; font-weight:600; display:inline-block; margin-right:10px;}
.course-info-title i { color:#5a22bf; font-size:20px; margin-right:10px; position:relative; top:2px;}

/* SIDEBAR WIDGET COURSES POST SINGLE 
===================================== */
.course-posts-widget { padding:20px 0;}
.course-posts-row { position:relative; margin-bottom:15px; padding-bottom:15px; border-bottom: 1px dashed #1d1d1d;}
.course-post-feat-img { width:25%; float:left;}
.course-post-feat-img img { width:100%; height:auto; display:block;}
.course-post-content { width:70%; float:right;}
.course-post-content h6 { margin-bottom:0;}
.quick-contact { padding-top:20px;}
.quick-contact input[type="email"] { width:100%; font:400 15px 'Lato'; color:#000000;}
.quick-contact textarea { width:100%; font:400 15px 'Lato'; color:#000000;}

/* RELATED POSTS COURSE SINGLE 
============================== */
.course-ralated { position:relative; margin-top:30px;}
.course-ralated h2 { text-transform:uppercase; font-weight:400; border-bottom:1px solid #1a1a1a; position:relative; padding-bottom:15px; margin-bottom:30px;}
.course-ralated h2:before { content:''; position:absolute; left:0; bottom:-3px; border-bottom:6px solid #5a22bf; width:100px;}
.course-box-related { width:48%; margin-right:33px; float:left; position:relative;}
.course-box-related.lastcols { margin-right:0;}
.course-box-related .course-thumb { position:relative; overflow:hidden;}
.course-box-related .course-thumb img { width:100%; height:auto; display:block; transform:scale(1.1); transition:all 0.3s ease 0s;}
.course-box-related .course-thumb:before{ content:''; width:100%; height:100%; background-color:rgba(0,0,0,0.7); position:absolute; top:-100%; left:0; z-index:1; transition:all 0.3s ease 0s;}
.course-box-related:hover .course-thumb:before{ top:0;}
.course-box-related:hover img{ transform: scale(1);}
.course-box-related .course-info{ width:100%; background-color:#5a22bf; position:absolute; bottom:-1px; left:50%; opacity:0; z-index:1; transform:translateX(-50%) rotateX(90deg); transform-origin:bottom; transition:all 0.4s ease 0s; text-align:center;}
.course-box-related:hover .course-info{ opacity:1; transform:translateX(-50%) rotateX(0deg);}
.course-box-related .icon{ padding:0; margin:-27px 0 10px 0; list-style:none;nborder-top:none; width:100%; border-top:none;}
.course-box-related .icon li{ display:inline-block; transition:all 0.3s ease 0s; border-right:none;	width:17%;}
.course-box-related .icon li a{ display:block; width:35px; height:35px; line-height:35px; font-size:18px; color:#ffffff; position:relative;}
.course-box-related .icon li a:hover{ color:#ffffff;}
.course-box-related .icon li a:after{ content:''; width:100%; height:100%; background-color:#00ca70; position:absolute; top:50%; left:0; z-index:-1; transform:translateY(-50%) rotate(45deg); transition:all 0.3s ease 0s;}
.course-box-related .icon li a:hover:after{ box-shadow:0 0 10px #000000; transform: translateY(-50%) rotate(360deg);}
.course-box-related .icon li.spanrating { width:33%; color:#ffb300; font-size:13px; letter-spacing:5px; display:inline-block; position:relative; top:22px;}
.course-box-related .icon li.spanprice { width:33%; font:700 21px 'Roboto Condensed'; color:#ffffff; float:right; position:relative; top:24px;}

/*================================================== 
	CONTACT PAGE CSS
==================================================== */
#contactform_main { margin:2% 0;}
.contact_form h5 { color:#5a22bf; font-weight:normal; margin-bottom:5px;}
.contact_form h2 { font-weight:normal; text-transform:uppercase; display:inline-block; border-bottom:3px solid #5a22bf; padding-bottom:10px;}
.seccontact { position:relative; margin-bottom:5%;}
.contact-details { width:30%; position:absolute; left:0; top:10%; background-color:#5a22bf;opacity:0.9; padding:40px 20px; text-align:center; color:#ffffff; }
.contact-details h5 { color:#ffffff; text-transform:uppercase; display:inline-block; border-bottom:2px solid #ffffff; padding-bottom:10px;}
.contact-details .contact-info a { color:#ffffff;}
.contact_form { text-align:center;}
.contact-map { float:right; width:85%;}
.contact-map iframe { border:3px solid #d2d2d2; border-radius:5px;}

/*================================================== 
	PORTFOLIO CSS
==================================================== */
.item-dirt{ position: relative; padding: 0px 0; width: 100%; height: 100%; }
.item-dirt-hov{ position:absolute; left:0px; top:0px; right:0px; bottom:0px; display:block; background:rgba(90,34,191, 0.8); 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:#ffffff; 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 SINGLE
=================== */
.portfolio-metadeta{ border-bottom:1px solid #5a22bf; border-top:1px solid #5a22bf; 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-metadata-item span i { color:#5a22bf; margin-right:5px;}
.portfolio-share{ text-align:center; margin:40px 0; border-radius:0;}
.portfolio-share ul.social-share-post li{ border-radius:0;}
.single-portfolios .image-carousel{ width:65%; margin:50px auto;}
.portfolios ul { margin:0 0 4% 0; text-align:center;}
.portfolios ul li { list-style:none; padding:10px 20px; border-bottom:5px solid #1a1a1a; color:#1a1a1a; background-color:#f2f2f2; font:400 15px 'Assistant'; text-transform:uppercase; margin:0 5px; cursor:pointer; display:inline-block;}
.portfolios ul li.active { border-color:#5a22bf;}

/*================================================== 
	SKILL BAR CSS
==================================================== */
.skillbar {position:relative; display:block; margin-bottom:35px; 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;}
.skillbar-title { font:700 18px 'Assistant';color:#1a1a1a;}
.skillbar-title span { display:block; color:#1a1a1a; padding:0; height:35px; line-height:35px;}
.skillbar-bar { height:10px; width:0px; background-color:#5a22bf; border-radius:9px;}
.skill-bar-percent { position:absolute; right:0; top:0; font-size:15px; height:35px; line-height:35px; color:#1a1a1a; font:700 18px 'Roboto Condensed';}
.skill { width:46.98%; float:left;}
.skill-bg{ width:100%; background-color:#1a1a1a; border-radius:9px;}
.content-area .skillbar {position:relative;} 
.content-area .skill-tab { padding:40px 0;}
.content-area .skill-tab .one_half h3, .content-area .skill-tab .one_half.last_column h3 { font:700 25px 'Roboto'; color:#1a1a1a; text-transform:uppercase; margin-bottom:40px;}
/* --------- Pages ------- */
.content-area{ padding:70px 0;}
.site-main{ width:830px; margin:0; padding:0; float:left;}
.sitefull{ width:100% !important;}
#sidebar{ width:300px; float:right;}
.sidebar-left{ float:left !important;}
#sidebar .quotes h6 a { color:#ffffff;}
.flotRight{ float:right !important;}

/*================================================== 
	SIDEBAR CSS
==================================================== */
aside.widget{ padding:0px 0px 0; color:#1a1a1a;}
aside.widget.widget_search { border:none; padding:0;}
aside.widget ul{ list-style:disc; }
h3.widget-title{ font:700 20px 'Lato'; padding:0px 0 15px; color:#1a1a1a; border-bottom:1px solid #1a1a1a; text-transform:uppercase; position:relative; text-align:center;}
h3.widget-title::after { content:''; position:absolute; width:50px; border-bottom:5px solid #5a22bf; left:0; bottom:-3px;}
h3.widget-title::before { content:''; position:absolute; width:50px; border-bottom:5px solid #5a22bf; right:0; bottom:-3px;}
.textwidget { padding:15px 0px;}
#sidebar #contactform_main input[type=text], #sidebar #contactform_main input[type=email], #sidebar #contactform_main input[type=tel],#sidebar #contactform_main input[type=url], #sidebar #contactform_main textarea{width:90%; }
#sidebar #contactform_main p{ margin-bottom:10px;}
#sidebar ul { padding:15px 15px 0 15px;}
#sidebar ul li, #sidebar ul li.cat-item{ list-style: disc inside ; border-bottom:1px dashed #1d1d1d; padding:8px 0 8px 0;}
#sidebar ul li a, #sidebar ul li.cat-item a{ font:400 14px/18px "Roboto";  padding-left:15px; color:#1a1a1a; position:relative;}
#sidebar ul li a:hover, #sidebar ul li.cat-item a:hover{ color:#5a22bf;}
#sidebar ul li:last-child, #sidebar ul li.cat-item:last-child{ border:none;}
.nosidebar{ float:none !important; margin:0 auto;}
#sidebar #testimonials { padding:0 15px;}
#sidebar .search-form input.search-field{ width:80%; padding: 12px 15px 11px 15px; box-sizing:border-box; color:#1a1a1a;}
#sidebar .search-form input.search-submit{ background:url(images/search-icon.png) no-repeat center center #1a1a1a; padding:12px 0 12px 0; font-size:0; width:20%; height:41px;float:right;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;}
#sidebar .widget_recent_entries li, #sidebar .widget_recent_comments li, #sidebar .widget_archive li, #sidebar .widget_categories li, #sidebar .widget_meta li, #sidebar ul li.cat-item{ padding: 10px 0 10px 0; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; list-style:none;}
#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, #sidebar ul li.cat-item:first-child{ padding-top:0; }
#sidebar .widget_categories li span { float:right; width:30px; height:30px; line-height:33px; text-align:center; background:transparent; border-radius:100%;}
#sidebar .widget_recent_entries li:hover, #sidebar .widget_recent_comments li:hover, #sidebar .widget_archive li:hover, #sidebar .widget_categories li:hover, #sidebar .widget_meta li:hover, #sidebar ul li.cat-item:hover{ padding-left: 15px; }
#sidebar .widget_recent_entries li a:before, #sidebar .widget_archive li a:before, #sidebar .widget_categories li a:before, #sidebar .widget_meta li a:before, #sidebar ul li.cat-item a:before{ content:'\f101'; font-family:'Font Awesome 5 Pro'; position:absolute; left:0; top:0; }
#sidebar .widget_tag_cloud a{ border:1px solid; text-transform:uppercase; font-size:15px !important; border-radius:3px; padding:8px 15px; margin-right:10px; display:inline-block; margin-bottom:10px; }
.widget_content { padding:0 0 20px 0; }

/*================================================== 
	CONTACT FORM CSS
==================================================== */
.wpcf7{ margin:0; padding:0; font:15px 'Roboto'; color:#1a1a1a;}
.wpcf7 form{ margin:0; padding:0;}
.wpcf7 form span.last{ float:none !important;}
.wpcf7 form input[type="url"], .wpcf7 form input[type="date"], .wpcf7 form select{ border:1px solid #cccccc; padding:5px 3px; margin-top:10px; font:13px arial; color:#1a1a1a;}
.wpcf7 form input[type="checkbox"], .wpcf7 form input[type="radio"], .wpcf7 form input[type="file"]{ margin-top:10px; padding:0;}
span.wpcf7-list-item{ margin:0 15px 0 0 !important;}
.wpcf7 form input[type="text"], .wpcf7 form input[type="email"], .wpcf7 form input[type="tel"], .wpcf7 form textarea{ border:1px solid #cccccc; padding:15px; margin:0 8px 8px 0; color:#1a1a1a;}
.wpcf7 form textarea{ margin-right:0; height:130px;}
#contactform_main input[type=text] { width:49%; border:1px solid #dddddd; padding:15px; float:left; margin:0 12px 12px 0; color:#000000;}
#contactform_main input[type=email] { width:49%; border:1px solid #dddddd; padding:15px; float:left; margin:0 0px 12px 0; color:#000000;} 
#contactform_main input[type=tel] { width:49%; border:1px solid #dddddd; padding:15px; float:left; margin:0 12px 12px 0; color:#000000;}
#contactform_main input[type=url] { width:49%; border:1px solid #dddddd; padding:15px; float:left; margin:0 0px 12px 0; color:#000000;} 
#contactform_main textarea{ width:99%; margin-right:0; height:130px; border:1px solid #dddddd; padding:15px; color:#000000;} 
#contactform_main span.capcode{ float:left; padding:13px; padding:13px; margin:0 8px 8px 0;}   
#contactform_main input[type=submit] { width:20%; display:table; margin:20px auto 0;}
#contactform_main input[type=submit]:hover { background-color:#1a1a1a; color:#ffffff;}
#contactform_main input[type=submit], .wpcf7 form input[type="submit"] { font:700 16px/24px 'Roboto'; 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-top:20px;} 
iframe{ width:100%; display:block;}

/*================================================== 
	SEARCH POSTS CSS
==================================================== */
.search-post { padding:30px 0; border-bottom:1px solid #bbbbbb;}
.search-post .post-thumb { width:47%; float:left; position:relative; background-color:#4c82c3; overflow:hidden;}
.search-post .post-thumb img { width:100%; height:auto; 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; }
.search-post:hover .post-thumb img { opacity:0.3; -webkit-transform:scale(1.08); transform:scale(1.08);}
.search-post figcaption::after {position:absolute; top:15px; right:15px; bottom:15px; left:15px; content:''; opacity:0; -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition:opacity 0.35s, transform 0.35s; border:1px solid #ffffff; -webkit-transform:scale(0,1); transform:scale(0,1);}
.search-post:hover figcaption::after { opacity:1; -webkit-transform:scale(1); transform:scale(1);}
.search-post .BlogMeta { position:absolute; top:100%; display:block; -webkit-transition-property: top, opacity; transition-property: top, opacity; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; -webkit-transition-delay: 0s; transition-delay: 0s; opacity:0; text-align:left; width:auto; height:auto; left:35px; background-color:#ffffff; font:400 15px 'Roboto'; color:#4c82c3; padding:10px 20px; border-radius:29px;}
.search-post .BlogMeta a { color:#4c82c3;}
.search-post:hover .BlogMeta { -webkit-transition-delay: 0.17s; transition-delay: 0.17s; opacity:0.9; top:75%;}
.search-post .post-content { width:47%; float:right; padding-top:10px;}
.search-post .post-content h3.post-title { margin-bottom:15px;}
.search-post .post-content h3.post-title a { color:#1a1a1a;}

/* ----- default css ----- */
.error_msg{padding:10px; background:#5747cb; color:#ffffff; border:1px #5747cb solid; margin:15px 0;}
.success_msg{padding:10px; background:#5747cb; color:#ffffff; border:1px #5747cb solid; margin:15px 0;}
.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-color:#1a1a1a; color:#ffffff; padding:5px 10px; display:inline-block;}
.pagination ul li .current, .pagination ul li a:hover{background-color:#5a22bf; color:#ffffff;}
article.tag-sticky-2{background:#f6f6f6; padding:10px;}
article p{margin:0 0 20px 0;}
.post-date{display:inline;}
.post-comment{display:inline;}
.post-categories{display:inline;}
.post-tags{display:inline;}
form.search-form{margin-bottom:20px;}
input.search-field, .post-password-form input[type=password], .wpcf7 form input[type="submit"]{border:1px #bbbbbb solid; padding:7px 15px;}
input.search-submit, .post-password-form input[type=submit], .wpcf7 form input[type="submit"]{border:none; color:#ffffff; padding:8px 25px; cursor:pointer; }

.nav-previous{float:left; margin-top:10px; margin-bottom:10px;}
.nav-previous a { padding:5px 10px; 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; display:inline-block; border:1px solid #373735; }
.nav-previous a:hover { border:1px solid #5a22bf;}
.nav-next{float:right; margin-top:10px; margin-bottom:10px; 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;}
.nav-next a { padding:5px 10px; 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; display:inline-block; border:1px solid #373735;}
.nav-next a:hover { border:1px solid #5a22bf;}
nav.post-navigation{padding:30px 0 20px;}
.comment-list, ol.comment-list{list-style:none; margin-left:0; margin-top:20px; margin-bottom:20px; padding:15px 15px 25px 15px;}
.comment-list ul, ol.comment-list ul{list-style:none;}
.comment-list li.comment{margin-top:0px; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #bbbbbb;}
.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;}
.comment-author.vcard { width:80px; height:80px; border:5px solid #f2f2f2;}
.comment-author.vcard img { width:100%; height:auto; display:block;}
#commentform label { margin:10px 0;}
#commentform input#email, #commentform input#url, #commentform input#author, #commentform textarea, #commentform input#eazycfc_captcha { width:47%;}
#commentform input#submit { margin-top:15px; padding-top:12px; padding-bottom:12px; 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;}
h3.comments-title { letter-spacing:1px;}
.comments-area .comment-list ul li { margin-top:10px; margin-bottom:0; border-bottom:none; padding-bottom:0;}
.comments-area .comment-list ul.children li.comment {  padding-left:10%;}
article.comment-body { border:1px solid #f2f2f2; padding:10px;}
.comments-area .comment-list .reply { margin-top:15px;}
.customtab{ margin-top:0px;}

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

/*================================================== 
	WOOCOMMERCE CSS
==================================================== */
a.added_to_cart{background:#1a1a1a; padding:5px; display:inline-block; color:#fff; line-height:1;}
a.button.added:before{content:'' !important;}
#bbpress-forums ul li{padding:0;}
#subscription-toggle a.subscription-toggle{padding:5px 10px; display:inline-block; color:#e1472f; margin-top:4px;}
textarea.wp-editor-area{border:1px #ccc solid;}
.woocommerce input[type=text], .woocommerce textarea{border:1px #ccc solid; padding:4px;}
form.woocommerce-ordering select{ padding:5px; color:#777777;}
.woocommerce table.shop_table th, .woocommerce-page table.shop_table th{ font-family:'Roboto'; color:#1a1a1a;}
h1.product_title, p.price{ margin-bottom:10px;}
.woocommerce table.shop_table th, .woocommerce-page table.shop_table th{ font-family:'Roboto'; font-size:15px; color:#1a1a1a;}
.woocommerce ul.products li, #payment ul.payment_methods li{ list-style:none !important;}
.woocommerce table.shop_table th, .woocommerce table.shop_table td{ border-bottom:0px !important}
.woocommerceright{float:left;}
.woocommerceleft{float:right;}
.woocommercesitefull{ width:100%;}

/*================================================== 
	POST NAV CSS
==================================================== */
.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 'Roboto';}
.prev-page a:hover, .next-page a:hover{ color:#ffffff; background-color:#34c6f6;}
.singleright { float:left; }
.singleleft { float:right; }
/* ----- back to top css ----- */
#top{ position:relative;}
#back-top {	position: fixed; bottom: 0px; right:10px;}
#back-top a {width:64px; display: block; text-align: center; font: 11px/100% Arial, Helvetica, sans-serif;text-transform: uppercase; text-decoration: none;color: #bbb;-webkit-transition:1s; -moz-transition:1s; transition:1s;}
#back-top span {width:64px;height:62px;	display: block;	margin-bottom: 7px;	background: url(images/up-arrow.png) no-repeat center center; -webkit-transition:1s; -moz-transition:1s; transition:1s; opacity:0.7;}
.slider-main{ min-height:498px; position:relative; background:url(images/loading.gif) no-repeat center center #fff;}
.boxlayout{ width:1210px; margin:0 auto; box-shadow:0 5px 10px #000; position:relative;}
.boxlayout .container{ padding:0 20px;}
.boxlayout .content-area { padding:70px 20px;}