/*
Theme Name: unschool Pro
Theme URI: https://themestulip.com/themes/education-wordpress-theme/
Author: ThemesTulip
Author URI: https://themestulip.com
Description: UnSchool is a beautiful, modern, and clean education WordPress theme designed specifically with educational institutions in mind. If you’re running or you want to start an educational establishment, you’ll need a tailor-made theme for your website like UnSchool. The theme has a responsive layout to ensure your website will look good on a mobile device as well as on the desktop computer. This theme has custom widgets for the swift display of testimonials, photo galleries, and upcoming events. While the UnSchool comes with pleasant default colors, and there’s also plenty of customization options if you need them.
Demo: https://themestulip.com/demo/unschool-pro/
Version: 1.3
Requires at least: 4.0
Tested up to: 6.2
Requires PHP: 5.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: unschool-pro
Tags: custom-menu,one-column,right-sidebar,theme-options,threaded-comments,translation-ready,custom-background,custom-colors,custom-header,custom-logo,editor-style,featured-images,full-width-template,two-columns,e-commerce,photography,portfolio

unschool WordPress Theme has been created by tulip Themes(themestulip.com), 2023.
unschool WordPress Theme is licensed under the GPL.
*/
/* main tags */

/*extra Classes */

*{ margin:0; padding:0; outline:none;}
*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
}
body{ margin:0; padding:0; -ms-word-wrap:break-word; word-wrap:break-word; background-color:#ffffff; line-height:20px; color:#484F5E;}
img{ margin:0; padding:0; border:none;}
section img, img{max-width:100%;}
h1,h2,h3,h4,h5,h6{ margin:0 0 20px; padding:0; line-height:1.1; font-weight:400; }
h1{ font-size:30px;}
h2{ font-size:24px;}
h3{ font-size:22px;}
h4{ font-size:20px;}
h5{ font-size:18px;}
h6{ font-size:16px;}
.space5{ height:5px; clear:both;}
.left{float:left;}
.right{float:right;}
p{ margin:0; padding:0;}
a{ text-decoration:none; outline:none;}
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;}
blockquote{ background:url(images/icon_quote.png) no-repeat 20px 22px; padding:15px 15px 15px 60px !important; font-style:italic; color:#888; font-size:14px; line-height:1.5;}
.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:13px; margin-top:4px; margin-bottom:6px; padding:0; }
.alignright, img.alignright { display: inline; float: right; margin-left:10px;}
.aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; margin-top:0; }
.comments-area{ margin-bottom:15px;}
.comment-list .comment-content ul { list-style:none; margin-left:15px;}
.comment-list .comment-content ul li{margin:5px;}
.main-container ol{list-style-position:outside; margin-left:20px;}
.main-container ol li{margin:5px 0;}
.subtitle{text-align:center;}
#top{ position:relative;}
#back-top {	position: fixed; bottom: 15px; right:25px;}
#back-top a {width:64px;	display: block;	text-align: center;	font: 11px/100% Arial, Helvetica, sans-serif;text-transform: uppercase;	text-decoration: none;color: #ffffff;	/* background color transition */
	-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;	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;opacity:0.5;
}

section{ padding:50px 0;}
h2.section_title{ font-weight:800; font-size:30px; margin-bottom:20px;text-align:center; text-transform: capitalize; }

#slider{ width:100%; margin:0; padding:0; position:relative; }
.container{ width:1100px; margin:0 auto; position:relative;}
#ourgallery .container, #ourclients .container{ width: 100% }
.header.fixed {
	position: fixed;
	top: 0;
	z-index: 999999;
	padding: 14px 25px;
}

.header-top {
    background-color: #595959;
    color: #fff;
    line-height: 36px;
    font-size: 14px;
    font-family: 'PT Sans', sans-serif;
    padding: 5px 0;
}
.left {
	float: left;
}
.header-top .right {
	text-align: right;
}
.right {
	float: right;
}
.header-top .fa {
	margin-right: 5px;
}
.logo h1, .logo a { text-transform: capitalize; }
.right span.phno {
	padding-right: 10px;
	margin-right: 5px;
}

.fourbox h3::after {
	content: "";
	position: absolute;
	width: 40px;
	height: 2px;
	background-color: #000000;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.BlogPost h5::after {
	content: "";
	position: absolute;
	width: 40px;
	height: 2px;
	background-color: #000000;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

/* = header css
-------------------------------------------------------------- */
.logo{float:left; padding:0; text-align:right;}
.header .header-inner{ margin:0 auto; padding:9px 0; position:relative; width:1100px;}
.logo h1{font-weight:400; margin:0px; line-height:28px;}
.header span.tagline{ font-size:13px; display:block; margin-top: 8px;}
.logo a{ color:#000;}
.logo img{ height:55px; }
.fixed .logo{ padding:6px 0;}
.header{width:100%; height:auto;  padding:0; z-index:999; position:relative; top:0;  -webkit-transition: all .4s ease-in-out;
	   -moz-transition: all .4s ease-in-out;
		-ms-transition: all .4s ease-in-out;
		 -o-transition: all .4s ease-in-out;
			transition: all .4s ease-in-out; }
.logo.logo-left.header-box{ text-align: left; }
.header-middle.header-box{padding: 16px 0 0; text-align: center; color:#fff;}
.header-middle.header-box a{ color: #fff; }
.header-middle.header-box ul{ text-align: center; display: inline-block; }
.header-middle.header-box ul li{ text-align: left; }
.header-middle.header-box .fa{ margin: 0 10px 0 0; }			
.header-box{ display: inline-block; width:35%; }
.header-box.header-right {  text-align: right;float: right;width: 63%;}
/*fixed header css*/
/*body.home .fixed, body.blog .fixed{position:fixed !important; top:auto !important; margin:0; padding:0; z-index:999;}*/
/*fixed header home and inner page*/
body .fixed{position:fixed !important; top:auto !important; margin:0; padding:0; z-index:999;}
.fixed .header-inner .header-nav ul li a{ padding:20px 20px !important;}
.fixed .header-inner .header-nav ul li ul li a{padding-top:10px !important; padding-bottom:10px !important; }
.header_right {	float: right;
	text-align: right;
}

/* = Header menu css
-------------------------------------------------------------- */
.header-navigation{ margin:0 auto; padding:0; position:relative; width:auto;}
.toggleMenu{display:none;}
.toggle{display: block;}
.toggle a{width:100%; color:#ffffff; background:url(images/mobile_nav_right.png) no-repeat right center #3e3e3e; padding:10px 10px; margin-top:5px; font-size:16px;}
.toggle a:hover{color:#ffffff !important;}
.header-nav{ padding:0; text-align:left; float:none;}
.header-nav ul { float:none; margin:0; padding:0; font-family:'Roboto', sans-serif; font-weight:400;}
.header-nav ul li{display:inline-block; margin:0; position:relative; text-align:center;}
.header-nav ul li a{padding:20px 20px; display:block; color:#000; font-weight:600; border-bottom:none; }
.header-nav ul li a:hover, .header-nav ul li.current_page_item a { color:#000; border-bottom:none; }
.header-nav ul li li a:hover, .header-nav ul li ul li.current_page_item a{border-bottom: 1px solid;}

.header-nav ul li ul li{display:block; position:relative; float:none; top:-1px;}
.header-nav ul li ul li a{display:block; padding-top:10px; padding-bottom:10px; position:relative; text-align:left; border-bottom:1px solid #1a1a1a;}


.header-nav ul li ul{display:none; z-index:9999999; position:relative;}
.header-nav ul li:hover > ul{ display:block; width:200px; position:absolute; left:0; text-align:left; background-color:rgba(255,255,255,1.0);}
.header-nav ul li:hover ul li ul{display:none; position:relative;}
.header-nav ul li:hover ul li:hover > ul{display:block; position:absolute; left:201px; top: 0px;}

/* = innerbanner css
-------------------------------------------------------------- */
.innerbanner{ text-align:center; height:269px; overflow:hidden;}
.innerbanner img{ position: relative; background-size:cover; width:100%; height:auto;}

.UnderLine{ width:10%; position:relative; display:block; clear:both; margin:10px auto 30px; border-top:1px solid #E1E1E1;}
.hr-inner{ position:absolute; margin-top:-1px; top:50%; height:1px; width:100%;}
.hr-style { background-color:#4C4C4C; border-radius: 20px;  border-style: solid;  border-width:1px; display: block; height: 9px; left: 50%; margin-left: -5px; margin-top: -5px; position: absolute;    width: 9px;}

/* = Video Galley CSS
-------------------------------------------------------------- */
.vid_galle_left{ width:54%; float:left;}
.vid_galle_left p{ margin-bottom:30px;}
.vid_galle_right{ width:34.2%; float:right; margin:0; padding:0;}
.videobox{ position:relative; width:100%; display: table; height:100%; overflow:hidden; min-width:60px; min-height:60px;}
.videobox img{ vertical-align:top; width:100%;}
#section7 .videobox{ border-radius:5px;}
#section7 .videobox:hover img{ opacity:0.4;}
.videobox .playbtn {
    background: url(images/videoplaybtn.png) no-repeat  22px 7px;
   
}
.videobox .playbtn{background-color: #ff9c00; position:absolute;width:60px;height:60px;left:50%; text-align:center; margin:auto;top:50%; transform:translate(-50%,-50%); border-radius:100%;}
/*.videobox .playbtn:before { content: "\f0da"; font-family: 'Font Awesome 5 Solid'; line-height:60px; margin:0 auto; text-align:center; position:relative; color:#ffffff; font-size:30px;}
*//*Video Gallery*/
.most_video{ position:relative;}
.most_video_bg, .most_images_bg{ background:#000; height:200px; overflow:hidden; position:relative}
.most_video_bg img, .most_images_bg img{ min-height:200px;}
.most_video_bg img{ opacity:0.4; vertical-align:top;}
.video-title-desc{ text-align:center; padding:30px 50px; width:100%; position:absolute; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); z-index:999;}
.video-title-desc h3{color:#ffffff; margin:0 0 20px;}
.video-title-desc p{color:#ffffff; margin:0 0 30px;}
.most_video_bg i{ font-size:30px; text-align:center; color:#ffffff; background:#0F0; height:56px; width:56px; line-height:56px; -webkit-border-radius:100%; -moz-border-radius:100%;border-radius:100%;}
.most_video_bg:hover i{ color:#575757; background:#ffffff;}
.videogalley_wrapper .owl-nav{ margin:0;}
.videogalley_wrapper .owl-prev, .videogalley_wrapper .owl-next{ bottom:47%;}
.videogalley_wrapper .owl-prev{ left:-45px;}
.videogalley_wrapper .owl-next{ right:-45px;}
.videogalley_wrapper br{ display:none;}

.most_images h3{ color:#ffffff; position:absolute; bottom:0; padding:20px 10px; text-align:center; right:0; left:0; margin:0;}
.most_images:hover .most_images_bg img{ opacity:0.4}

/* = section first css
-------------------------------------------------------------- */
/* = Section first css
-------------------------------------------------------------- */
#pagearea{padding:0 0 90px;  z-index:9999; background-color:#f6f6f6;  }

#pagearea .container{ z-index:999999;}

.four_column{ width:25%; min-height:320px; float:left; margin:0; padding:50px 30px; position:relative; box-sizing:border-box; text-align:center;}
.four_column p{ color:#fff; margin:0; line-height:24px; }
.four_column h3{ font-size:24px; font-weight:600; color:#ffffff; margin:0 0 25px;}
.four_column .thumbbx{ margin:0 auto 30px auto; overflow:hidden; height:66px; width:70px; position:relative; }
.four_column .thumbbx img { height:66px; width:inherit; max-height:inherit; min-width:inherit;}
.pagecontent{ padding:0; position:relative; }

.one_column{ min-height:inherit; float:none !important; margin:0 auto !important; text-align:left; padding:30px; display:inherit !important; width:100%;}
.one_column .thumbbx{ float:left; margin:0 30px 0 0;}

.two_column{width:50%;}
.three_column{ width:33.333%;}
.five_column{width:20%;}
.six_column{ width:33.333%;}

a.ReadMore{ background-color:#333339; color:#fff ; padding:5px 15px; display:inline-block;}
a.ReadMore:hover{ background-color:#ffae00; color:#fff; }
.pagemore{ color:#111 ; border:1px solid #717171; padding:10px 25px; display:inline-block; border-radius:25px; }
.pagemore:hover{ color:#111 ; }

/* = Welcome Section CSS
-------------------------------------------------------------- */ 	
#section1 .container {
    width: 100%;
    padding: 0 !important;
}
#section1 {
    padding: 0;
}
#section1 .sec_content_main_title{margin-bottom: 75px;}
#section1 .one_half{margin-bottom: 0;}
.our-facilities{padding:70px 150px 0px 80px !important;}
.ourspecialties{width:100%; margin:0 0 40px 0; padding:0; display:inline-block; position:relative;}
.ourspecialties .ourspecialties-con{ display:table; }
.ourspecialties .ourspecialties-thumb{margin:0 30px 0 0;width:49px; height:59px; line-height:60px; float:left; text-align:center; position:relative;}
.ourspecialties .ourspecialties-thumb img{ width:49px; max-height:59px; vertical-align:middle;}

.ourspecialties p{margin:0; position:relative; z-index:999; color:#ffffff;}
.ourspecialties h5{ margin:0 0 15px 0; font-weight:600; padding:0;position:relative; color:#ffffff;}
.ourspecialtiesbg{padding:0; position:relative;transition:all .5s ease 0;}

/*services section css*/
.services-wrap .one_third { margin-bottom:0;}
.services-wrap .one_third .fa{ color:#333; font-size:24px; float:left; margin:0 20px 0 0;}
.services-wrap .one_third h4{ margin:0 0 15px;}
.services-wrap .one_third a.rdmore, #aboutsection .one_half a.rdmore, a.rdmore{background:#595959; color:#ffffff; margin-top:25px; display:inline-block; padding:5px 15px; border:1px solid #A8B1B8; }
.services-wrap .one_third:hover .fa{ color:#595959;}
.services-wrap .one_third:hover h4{ color:#595959;}
.services-wrap .one_third:hover a.rdmore, #aboutsection .one_half a.rdmore:hover, a.rdmore:hover{ border-color:#595959; color:#595959;}

#ThemeFeaturd{ padding-bottom:5px;}
#welcomearea, #wrapsecond, #ThemeFeaturd, #ourclients, #creativeteam, #testimonialsarea, #aboutsection, #commonsection{background: #F7F6F6; border-top:1px solid #E1E1E1; box-shadow:0 1px 10px rgba(0, 0, 0, 0.1) inset}
#commonsection .commonsection-wrap{ text-align: center; }
.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
#aboutsection .one_half { margin-bottom:0; text-align:right;}
#aboutsection .one_half.last_column {text-align:left;padding:0 0 0;}

#aboutsection .one_half p{ margin-bottom:25px;}
#aboutsection .one_half .hr-style{ left:auto; right:0;}
#aboutsection .one_half .UnderLine{ display:inline-block;}
.page-template .tm_description{ color:#595959;}
#testimonialsarea{ background-attachment:fixed;}
#testimonialsarea .last_column img{ background-size: cover;  bottom: 0; float: right; margin: 0; overflow: hidden; position: absolute; right: 0; top: 0; width: 100%;}
#testimonialsarea #testimonials{ width:100%; margin:0 auto;}

.tmlisting{ margin-bottom:20px; padding-bottom:20px; border-bottom:1px dotted #ccc;}
.tmlisting img{ float:left; margin:0 25px 0 0;}
.tmlisting h5{ margin:0 0 5px;}
.tmlisting span{ margin-bottom:15px; display:block;}

/* = latest news section css
-------------------------------------------------------------- */
.last { margin-right:0 !important;}
.view-all-btn{ text-align:center;}
.view-all-btn a{ font:400 16px/18px "Roboto",sans-serif; color:#454545; border:1px solid #454545; padding:12px 25px; display:inline-block; border-left:5px solid #454545; }
.view-all-btn a:hover{ border-color: #34c6f6; }

.BlogPost{ width:24%; margin:0 1.0% 3% 0; float:left;}
.newsdetails{ padding: 10px; text-align: center; }
.BlogPost .recentthumb{ height:170px; overflow:hidden; margin-bottom:0}
.BlogPost img{ width:100%; height:auto;}
.BlogPost h5{ color:#595959; margin:0 0 25px;  position: relative; padding-bottom: 30px;}
.BlogPost h5:hover{color:#595959;}
.BlogPost span{ margin-bottom:10px; display:block; color:#595959;}

/* = new section start =*/

/*= welcome section css start =*/
#welcomearea h6.sub-title-head:after, #pagearea h6.sub-title-head:after, #section2 h6.sub-title-head:after, #section5 h6.sub-title-head:after{ display:none;}
#welcomearea h6.sub-title-head, #pagearea h6.sub-title-head, #section2 h6.sub-title-head, #section5 h6.sub-title-head { text-align:left; display:block;}

/* = Welcome Section CSS
-------------------------------------------------------------- */
#welcomearea{ position:relative;}
.welcome_imgcolumn{width:30%; margin:0; float:right; position:relative; position:relative; padding:0; }
.welcome_imgcolumn img{ border-radius:10px; width:100%; display:block; position:relative; z-index:999;}
.welcome_imgcolumn-small{border-radius:15px; box-shadow:0 0 10px #e9e9e9; position:absolute; width:225px; height:225px; top:50%; transform:translateY(-50%); left:-100px; z-index:999;}
.welcome_imgcolumn-small img{min-height:225px; border:solid 3px #ffffff;}


.welcome_contentcolumn h2.section_title{ text-align:left; line-height:66px; margin-bottom:20px;}
.welcome_contentcolumn{width:50%; margin:0; padding:0; float:left; }
.welcome_contentcolumn.welcome_full{ width:100%; float:none; }
.welcome_contentcolumn p{ margin-bottom:25px; }
.welcome_contentcolumn .area_row{ margin:0; border-top: dashed 1px #c5c5c5;}

/* = Latesr news section css
-------------------------------------------------------------- */
.twocolumn-news{ width:100%; }
.news-box.news-box-full{ width:50%; float:left; padding:0 15px 0 0;}

.news-box.news-box-full .news-thumb{ width:100%; height:485px; float:none; }
.news-box.news-box-full .news-thumb img{min-height:485px;}
.news-box.news-box-full .news-thumb:before{position:absolute; content:''; left:0; bottom:0; background:url(images/news-shadow.png) repeat-x bottom center; width:100%; height:100%; }

.news-box.news-box-full h6{ font-size:36px; color:#ffffff;}
.news-box.news-box-full .newsdesc{padding:45px 40px; width:100%; position:absolute; width:100%; left:0; bottom:0;}
.newsrightcolumn{ width:50%; float:right; padding:0 0 0 15px;}

.news-box{padding:0; width:100%; margin:0 0 30px 0;  position:relative;}
.news-box .news-thumb{width:270px;height:230px;overflow:hidden;position:relative;float:left;margin:0 25px 0 0;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.news-box .news-thumb img{object-fit:cover; vertical-align:top; width:100%; height:auto; min-height:230px;} 
/* .news-box:hover img{ opacity:0.6;}*/
.news-box p{ margin-bottom:15px;}
.news-box h6{ margin:0 0 15px 0; font-weight:600; line-height:38px; font-size:28px;}
.news-box .PostMeta{ font-size:13px; text-transform:capitalize; color:#666666; padding:15px 0 0 0; margin:0;}
.news-box .PostMeta a{ color:#666666; }
.news-box .PostMeta span{ margin-right:10px;}
.news-box .PostMeta i{ color:#cc3333; margin-right:10px;}
.news-box.news-box-full .PostMeta i{ font-size:0;}
.newsdesc{ position:relative; padding:0; display:table; }
.news-box .postdt{font-size:15px; position:absolute; background:#ffffff; color:#000; left:20px; top:20px; padding:12px 15px; text-align:center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size:16px; line-height:20px;}
.news-box .postdt i{ margin-right:10px;}
.news-box .postdt strong{ display:block; font-size:19px}
.news-box .poststyle{ font-weight:500; font-size:15px; padding:0; color:#222222; letter-spacing:3px; text-decoration:underline;}
.news-box .poststyle:hover{ text-decoration:none;}
.blogpostwrap .subtitle{ border:none; padding:0;}

h2.heading{ padding-bottom:15px;}
.underline{ border-bottom:1px solid #efeded;}
.last{ margin-right:0 !important;}

/* popular cources */
.area_row {
    margin: 0 -15px;
}
.popular-course{  padding:15px;  }
.popular-course .popular-course-thumb{height:240px; overflow:hidden; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;}
.popular-course-con {padding: 20px 30px 40px 30px; box-shadow: 0 0 10px #e3e3e3;}
.popular-course .popular-course-thumb img{min-height:240px; vertical-align:top;}
.popular-course:hover .popular-course-thumb img{ opacity:0.5}
.popular-course h6{margin:0 0 25px 0; padding-bottom:20px; border-bottom:solid 1px #e5e5e5; line-height:34px; font-weight:600; position:relative}

.our-chef-con{display:inline-block; padding:30px; position:relative}
.our-chef-price{ position:absolute; top:-31px; left:0; right:0; width:62px; height:62px; line-height:62px; margin:0 auto; -webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%; background:#000000; font-size:20px; color:#ffffff; font-weight:600; } 
/* = counter section css
-------------------------------------------------------------- */
.counterlist{ float: none;width: 24%;margin: 30px 0 15px 0;position: relative;padding: 20px 15px 25px 25px;box-sizing: border-box;text-align: center;display: inline-block;vertical-align: top;}
.circle_countr{ display:block; margin:0;padding:0;}
.counterlist h6{display:block; font-size:28px; font-weight:700; color:#ffffff; line-height:100%; float:left; padding:0; margin:0; position:relative;}
.counterlist p{ clear:both; margin:0; }
.counter-icon{ float:left; width:57px; height:65px; overflow:hidden; margin:0 15px 0 0; }
.counter-con{ display:table; padding:10px 0 0  0;}
.borderstyle{ position:absolute; border:solid 1px #fff; width:40%; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; height:100%; top:0; left:0; border-right:0;}
.borderstyle:before{ border-right:solid 1px #ffffff; height:20px; width:1px; position:absolute; right:0; top:0; content:'';}
.borderstyle:after{ border-right:solid 1px #ffffff; height:20px; width:1px; position:absolute; right:0; bottom:0; content:'';}
.counterlist i {
    color: #ffa600;
    font-size: 43px;
    margin-top: 15px;
}
#section4 .subtitle{font-size:17px; color:#ffffff; text-align:center; line-height: normal;}

.featureslists{ margin-bottom:15px; min-height:70px;}
.featureslists .fa{ font-size:30px; color:#888; float:left; margin:0 25px 0 0; width:65px; height:65px; line-height:65px; border-radius:50%; border:1px solid #e1e1e1; text-align:center; }
.featureslists h5{ font-size:16px; font-weight:600; margin-bottom:10px;}
.featureslists p{ font-size:12px; line-height:18px;}

.serviceswrap .one_fourth{ box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; text-align:center;}
.serviceswrap br{ display: none; }

/* = Teammember Section7 css
-------------------------------------------------------------- */
#teampanel{ margin:50px 0 0}
.teammember-list{padding:40px 15px; position:relative; box-sizing:border-box; text-align:center;}
.teammember-list:hover{ cursor:pointer;}
.teammember-list .thumnailbx{ width:205px; height:205px; overflow:hidden; border-radius:100%; position:relative; margin:0 auto;}
.teammember-list img{  min-height:205px; vertical-align:top; width:100%; height:auto;}
.teammember-list span.title{font-weight:600; color:#303030; font-size:16px; text-transform:uppercase; padding-bottom:10px; margin-bottom:5px; position:relative; display:block;}
.teammember-list cite{ display:table; font-style:normal; font-weight:700; margin-top:0; font-size:13px; padding:7px 30px; margin:0 auto;}
.teammember-list:hover cite{ background:#efefef}
.titledesbox{ text-align:center; padding:20px 0; overflow:visible; }
.member-social-icon{text-align:center; margin:10px auto 0 auto; }
.member-social-icon a{ margin:0 5px 0 0; text-align:center; display:inline-block; color:#2f2f2f; width:35px; height:35px; line-height:35px;}
.member-social-icon a:hover{ color:#ffffff;}
.teammember-list:hover .member-social-icon{ display:block;}
.teammember-list:hover .member-social-icon{ opacity:1; bottom:30px;}
#teampanel .owl-nav{ margin:0; padding:0;}
#teampanel .owl-prev, #teampanel .owl-next{ position: absolute; width:27px; height:43px; font-size:0; top:130px;}
#teampanel .owl-prev{ left:-50px; }
#teampanel .owl-next{ right:-50px;}
#teampanel .owl-prev:hover, #teampanel .owl-next:hover{ opacity:0.8}

/*------------------------- */
#section3 .one_half{width:70%; margin:0;}


.features{ width:50%; box-sizing:border-box; padding:20px 30px 20px 0; float:left; }
.features-thumb{width:81px;height:81px;line-height:81px;margin:0 20px 20px 0;border:solid 1px #ff9c00;-webkit-border-radius:0%;-moz-border-radius:0%;border-radius:0%; float:left; text-align:center}
.features-thumb i{min-height:37px;line-height:81px;vertical-align:middle; font-size: 43px; color: #ffffff;}
.features h5{ font-size:24px; font-weight:500; text-transform:uppercase;}
.features p{ color:#858484;}
.section6 h3{ color:#ffffff; }

/*------------------our client -----------------*/
.bestplatform-wrapper .owl-controls { position:absolute; top:50%; transform:translateY(-50%); width:100%;}
.bestplatform-wrapper .owl-controls .owl-nav{ width:100%;margin:0; padding:0;}
.bestplatform-wrapper .owl-controls .owl-nav .owl-prev{left:-45px;}
.bestplatform-wrapper .owl-controls .owl-nav .owl-next{right:-45px;}

.boxlayout .bestplatform-wrapper .owl-controls .owl-nav .owl-prev{left:0;}
.boxlayout .bestplatform-wrapper .owl-controls .owl-nav .owl-next{right:0;}


.bestplatformtitle{ width:25%; float:left;}
.bestplatformtitle .sec_content_main_title{ font-size:46px; line-height: normal; font-weight: 800;}
.bestplatformslider{ width:75%; float:left; padding:0 0 0 70px;}


.bestplatform{ padding:30px; background:#ff0000; text-align:center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.bestplatform-thumb{width:70px; height:59px; margin:0 auto; overflow:hidden;}
.bestplatform-thumb img{ min-height:59px;}
.bestplatform-content{ padding:0; position:relative;}
.owl-carousel .owl-item .bestplatform-content h5 {
	position: relative;
	margin: 25px 0 0 0;
	line-height: 30px;
	color: #ffffff;
	padding: 0 0 0 0;
	background: none;
	font-size: 20px;
}

.shortdesc{ text-align:center; padding:0;  position:relative; margin:0 auto 20px; width:70%;}
.quovolve-nav.quovolve-nav-below{ clear: both; }

.end { margin-right: 0 !important; }

.buttonstyle2{border:1px solid; background-color:#555; color:#fff ; padding:6px 15px; font:normal 14px/20px 'Roboto Condensed'; display:inline-block; border-radius:0 !important;-moz-border-radius:20px; -webkit-border-radius:20px;}
.buttonstyle2:hover{ background-color:#fff; color:#555; }
/* featured section */
.features_left{ position:relative; text-align:right;}
.features_right{ position:relative; text-align:left;}
.features_left .featuresdbox .fa{ float:right; margin:0 0 0 30px;}
.featuresdbox{ width:100%; padding:30px; margin:0 0 4% 0; min-height:110px; box-sizing:border-box; background:#ff0000;}
.featuresdbox .fa{ float:left; color:#222; text-align:center; font-size:36px; width:32px; height:32px; line-height:32px; margin-right:30px; }
.featuresdbox h5{ margin:0 0 15px; position:relative;}
.featuresdboxboxcon{ display:table;}
.phno {    margin-right: 20px;}


/*-=-=-=-=-=-=-=-=-=-=- */
/* Flip Panel */
/*-=-=-=-=-=-=-=-=-=-=- */

.panel {
	margin: 0 auto;
	height: auto;  
	position: relative;
	-webkit-perspective: 600px;
	-moz-perspective: 600px;
}

.panel .front,
.panel .back {	text-align: center;}
.panel .back {
    height: inherit;
    position: absolute;
    top: 0;
    z-index: 1000;
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
	}
.panel .front {
	height: inherit;
	position: relative;
	top: 0;
	z-index: 900;
	text-align: center;
	-webkit-transform: rotateX(0deg) rotateY(0deg);
	   -moz-transform: rotateX(0deg) rotateY(0deg);
	-webkit-transform-style: preserve-3d;
	   -moz-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	   -moz-backface-visibility: hidden;
	-webkit-transition: all .4s ease-in-out;
	   -moz-transition: all .4s ease-in-out;
		-ms-transition: all .4s ease-in-out;
		 -o-transition: all .4s ease-in-out;
			transition: all .4s ease-in-out;
}

.panel .back {
	height: inherit;
	position: absolute;
	top: 0;
	z-index: 1000;
	-webkit-transform: rotateY(-180deg);
	   -moz-transform: rotateY(-180deg);
	-webkit-transform-style: preserve-3d;
	   -moz-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	   -moz-backface-visibility: hidden;
	-webkit-transition: all .4s ease-in-out;
	   -moz-transition: all .4s ease-in-out;
		-ms-transition: all .4s ease-in-out;
		 -o-transition: all .4s ease-in-out;
			transition: all .4s ease-in-out;
}
.panel.flip .front {
	z-index: 900;
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
}
.panel.flip .back {
	z-index: 1000;
	-webkit-transform: rotateX(0deg) rotateY(0deg);
	-moz-transform: rotateX(0deg) rotateY(0deg);
}
.box1{width: 270px;	height:270px;margin: 0 auto; overflow:hidden;}
.box1 img { width:100%;}
.box2{background-color: #595959;color:#fff;	width: 270px;height:270px;	margin: 0 auto;	padding:20px; text-align: left;}
.box2 p{ margin-bottom:20px;}

/* = Section8 Testimonials Section css
-------------------------------------------------------------- */
#clienttestiminials{box-sizing:border-box; position:relative; }
#clienttestiminials .item{ margin:0 auto; position:relative;}
#clienttestiminials h6{ margin:0px; font-size:18px; color:#242424; position:relative; padding-bottom:5px;}
#clienttestiminials span{ font-size:14px; color:#717171; padding-left:15px;}
#clienttestiminials .tmthumb{ width:65px; height:65px; float:left; margin:0 30px; overflow:hidden; border-radius:100%; }
#clienttestiminials .tmthumb img{ width:100%; height:auto; min-height:65px; }
#clienttestiminials .leftttl{ padding-top:25px;}
.arrow_box{ padding:50px 40px; position:relative; background-color:#fff; border-radius:10px; margin-bottom:30px;}
.arrow_box:after {
    top: 100%;
    left:11%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #ffffff;
    border-width:15px;
    margin-left:-15px;
}
.arrow_box i{ font-size:40px; float:left; margin:0 20px 0 0; color:#e3e3e3;}
.arrow_box p{ padding-left:60px;}

h2.heading{ padding-bottom:15px;}
.underline{ border-bottom:1px solid #efeded;}
#sidebar #testimonials .tm_thumb{ float:none; width:auto; text-align:center;}
#sidebar #testimonials ul li img{ margin-top:0; float:none;}
#sidebar #testimonials .quovolve-nav{ display:none;}
#sidebar #testimonials ul li .tm_description{ float:none; padding:0; width:auto;}
#sidebar #testimonials .clientdetails span{ color: #555; }

/* welcome unschool */
.custombtn {
    margin-top: 30px;
}
a.morebutton {
	background-color: #05305a;
        border:1px solid #05305a;
	color: #fff;
	padding: 10px 20px;
	font: normal 16px/20px 'Roboto Condensed';
	text-transform: uppercase;
	display: inline-block;
	border-radius: 25px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
}


/* = social icons css
-------------------------------------------------------------- */
.social-icons a{  width:35px; height:35px; border-radius:50%; line-height:33px; text-align:center; border:1px solid #fff;  vertical-align:middle; display:inline-block; transition:0.6s; -moz-transition:0.6s; -webkit-transition:0.6s; -o-transition:0.6s; font-size:14px; color:#c9c8c8; margin:0 4px 0 0; }
.social-icons br{ display:none;}
.social-icons a:hover{ border-color:#595959;}

/* --------- Pages ------- */
.content-area{ width:1100px; margin:0 auto; padding:50px 0;}
.site-main{ width:710px; margin:0; padding:0; float:left;}
.sitefull{ width:100% !important;}
#sidebar{ width:360px; float:right;}
.sidebar-left{ float:left !important;}
.flotRight{ float:right !important;}
/*sidebar css*/
aside.widget{margin-bottom:30px; background-color:#f9f9f9; padding:20px;}
aside.widget ul{ list-style:disc; }
h3.widget-title{ background-color:#34c6f6; padding:12px 15px; margin-bottom:1px; color:#fff;}
#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 li{ list-style:none;}
#sidebar ul li a{ font:300 14px/18px "Roboto",sans-serif; background:url(images/sidebar-arrow.png) no-repeat 0 14px; padding:10px 0 10px 20px; color:#3b3b3b; border-bottom:1px dashed #d0cfcf; display:block; }
#sidebar ul li a:hover{ color:#34c6f6;}
#sidebar ul li:last-child a{ border:none;}
.nosidebar{ float:none !important; margin:0 auto;}

/* = skill bar css
-------------------------------------------------------------- */
.skillbar {position:relative; display:block; margin-bottom:15px; 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:16px 'Roboto',san-serif;color:#6e6d6d;}
.skillbar-title span { display:block; color:#6e6d6d; padding:0; height:35px; line-height:35px;}
.skillbar-bar { height:6px; width:0px; background:#65676a;}
.skill-bar-percent { position:absolute; right:0; top:0; font-size:15px; height:35px; line-height:35px; color:#6e6d6d;}
.skill { width:46.98%; float:left;}
.skill-bar { margin:60px 0 0 0;}
.skill-bg{ width:100%; background-color:#e0dfdf;}


/* = Footer css
-------------------------------------------------------------- */
#footer-wrapper{ background-color:#4C4C4C; position:relative; color:#ffffff;}
.footer ul li a{ color: #fff; }
.footer{ padding:45px 0;}
.footer h5{ font-weight:400; font-size:20px; margin-bottom:30px; border-bottom:1px solid #ffffff; padding-bottom:15px; color:#ffffff; }
.footer p{ margin-bottom:15px;}
.footer ul{ margin:0; padding:0; list-style:inside disc;}
.footer ul li { padding:0;  color:#ffffff; }
.footer ul li a { color:#ffffff; font:normal 12px/24px 'PT Sans', sans-serif; padding:0;}
.footer ul li a:hover, .footer ul li.current_page_item a { color:#fff; transition: all 0.5s ease 0s; }
.footer ul li ul { display:none;}

.cols-1 .widget-column-1{ width:100%; float:none; text-align:center;}
.cols-1 .widget-column-1 ul li{ display:inline-block;}
.cols-1 .widget-column-1 ul li a{ padding:0 15px; height:12px; line-height:10px; display:block; border-right:1px solid}
.cols-1 .widget-column-1 ul li:last-child a{border:none;}

.cols-2 .widget-column-1{width:45%; float:left; margin:0 10% 0% 0; }
.cols-2 .widget-column-2{width:45%; float:left; margin-right:0px;}

.cols-3 .widget-column-1{width:29%; float:left; margin:0 6% 0 0; }
.cols-3 .widget-column-2{width:29%; float:left; margin:0 6% 0 0;}
.cols-3 .widget-column-3{width:29%; float:left; margin-right:0px;}

/* footer 4 column css*/
.cols-4 .widget-column-1{ width:24%;  float:left; margin:0 4% 0 0; }
.cols-4 .widget-column-2{ width:16%;  float:left; margin:0 4% 0 0;}
.cols-4 .widget-column-3{ width:24%;  float:left; margin:0 4% 0 0;}
.cols-4 .widget-column-4{ width:24%;  float:left; margin-right:0;}

.contactdetail{ line-height:22px; margin-bottom:20px; } 
.contactdetail .fa{ margin-right:15px; font-size:16px;}
.contactdetail p{ margin-bottom:8px;}


.copyright-wrapper { background-color:#595959; position:relative; padding:15px 0;}
.copyright-txt {	float: left;	width: 50%;	text-align: left;}
.design-by { float:right; width:48%; text-align: right;}
.recent-post{ min-height:70px; margin:0 0 20px 0; }
.recent-post img{ float:left; width:55px; margin:3px 10px 5px 0; border:2px solid}
.recent-post h6{ font-size:15px; color:#fff; margin:0 0 5px; font-weight:600;}
.recent-post h6:hover{color:#34c6f6;}
.recent-post.last{ border-bottom:none; margin-bottom:0; padding-bottom:0;}
.content-area .recent-post h6{ color:#454545;}

/* = Contact Form css
-------------------------------------------------------------- */
.wpcf7{ margin:0; padding:0; font:15px 'Roboto',san-serif; color:#d6d6d6;}
.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{ background-color:#f1f1f1; border:1px solid #cccccc; padding:5px 3px; margin-top:10px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; font:13px arial; color:#777777;}
.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;}


#contactform_main input[type=text], #contactform_main input[type=email], #contactform_main input[type=tel], #contactform_main input[type=url], #contactform_main textarea, .wpcf7 form input[type="text"], .wpcf7 form input[type="email"], .wpcf7 form input[type="tel"], .wpcf7 form textarea{width:40%; border:1px solid #eee; padding:15px; float:left; margin:0 8px 8px 0; -moz-box-shadow:    inset 0 0 5px #f1f1f1;
   -webkit-box-shadow: inset 0 0 5px #f1f1f1;
   box-shadow:         inset 0 0 5px #f1f1f1;}
#contactform_main textarea, .wpcf7 form textarea{ width:85.6%; margin-right:0; height:130px;} 
#contactform_main span.capcode{ float:left; padding:13px; margin:0 5px 0 0;  border:1px solid #eee; padding:13px; float:left; margin:0 8px 8px 0; -moz-box-shadow:    inset 0 0 5px #f1f1f1;
   -webkit-box-shadow: inset 0 0 5px #f1f1f1;
   box-shadow:         inset 0 0 5px #f1f1f1; }
   
#contactform_main input[type=submit], .wpcf7 form input[type="submit"] { font:400 20px/24px 'Roboto', sans-serif; text-transform:uppercase; cursor:pointer; }


iframe{ border:1px solid #ccc; padding:9px; margin-bottom:25px;}
.contact_left{ float:left; width:65%; }
.contact_right{ float:right; width:30%;}
.contact_right h3{ margin-bottom:15px;}
.post-title{ margin-bottom:0px; font-weight:400;}
.post-title a{ color:#3d3d3d;}

.blog-post-repeat .postmeta{ border-bottom:1px solid #e8e8e8; margin-bottom:15px;}
p.read-more a{font:600 12px/22px 'Open Sans', sans-serif;background-color:#595959; color:#fff; text-align:center; padding:5px 15px;  display:inline-block; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;}
p.read-more a:hover { background-color:#34c6f6;}
.blog-post-repeat .post-thumb img{ float:left; margin-right:15px;}
.blog-post-repeat .post-thumb.blogsingle{ width:300px; height:auto;}
.blog-post-repeat .post-thumb.blogsingle img{ width:100%; margin-top:7px; }

/*default 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;}
.spacer20{height:20px; clear:both;}
.pagination{display:table; clear:both;}
.pagination ul{list-style:none; margin:20px 0;}
.pagination ul li{display:inline; float:left; margin-right:5px;}
.pagination ul li span, .pagination ul li a{background:#303441; color:#fff; padding:5px 10px; display:inline-block;}
.pagination ul li .current, .pagination ul li a:hover{background:#34c6f6;}
h1.entry-title, h1.page-title{ line-height:20px;}
article.tag-sticky-2{background:#f6f6f6; padding:10px;}
article img{height:auto; margin-bottom:15px;}
article p{margin:5px 0 20px 0;}
.post-date{display:inline;}
.post-comment{display:inline;}
.post-categories{display:inline;}
.post-tags{display:inline;}
form.search-form{margin-bottom:15px;}
input.search-field, .post-password-form input[type=password]{border:1px #eee solid; padding:8px 15px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
input.search-submit, .post-password-form input[type=submit]{border:none; color:#ffffff; padding:8px 15px; cursor:pointer; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}

.nav-previous{float:left; margin-top:10px; margin-bottom:10px;}
.nav-next{float:right; margin-top:10px; margin-bottom:10px;}
nav.post-navigation{padding:10px 0 20px;}
.accordion-box h2.active{color:#34c6f6; border-bottom:1px solid #ccc;}


.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;}


/* Buttons */
.button{  background-color:rgba(0, 0, 0, 0.6); color:#fff; font:400 14px/22px 'PT Sans', sans-serif; padding:8px 20px; display:inline-block; }

.frdbox{ width:50%; float:left; margin:0 ; min-height:95px; padding: 45px; border:1px solid #e4e4e4;}
.frdbox .fa{ border:1px solid #F02D73; color:#F02D73; float:left; width:40px; height:40px; line-height:40px; margin:0 15px 0 0; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; text-align:center; font-size:16px; }
.frdbox h4{ margin:0 0 10px; color:#595959;}
.frdbox p{ margin-left:55px;}

#sidebar #testimonials ul li{ color:#555;}
/* woocommerce CSS
================================================*/
a.added_to_cart{background:#e1472f; padding:5px; display:inline-block; color:#fff; line-height:1;}
a.added_to_cart:hover{background:#000000;}
a.button.added:before{content:'' !important;}
#bbpress-forums ul li{padding:0;}
#subscription-toggle a.subscription-toggle{padding:5px 10px; display:inline-block; color:#e1472f; margin-top:4px;}
textarea.wp-editor-area{border:1px #ccc solid;}
.woocommerce input[type=text], .woocommerce textarea{border:1px #ccc solid; padding:4px;}
form.woocommerce-ordering select{ padding:5px; color:#777777;}
.woocommerce table.shop_table th, .woocommerce-page table.shop_table th{ font-family:'Roboto',san-serif; color:#ff8a00;}
.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price{ color:inherit !important;}
h1.product_title, p.price{ margin-bottom:10px;}
.woocommerce table.shop_table th, .woocommerce-page table.shop_table th{ font-family:'Roboto',san-serif; color:#ff6d84;}
.woocommerce ul.products li, #payment ul.payment_methods li{ list-style:none !important;}
.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price{ color:inherit !important;}
.woocommerce table.shop_table th, .woocommerce table.shop_table td{ border-bottom:0px !important}
.woocommerce .quantity .qty{ height:30px !important; border:1px solid #ccc;}
.product .summary p{ margin-bottom:10px;}

/* Photogallery CSS
================================================*/
.controls {display: inline-block;width:100%;margin: 0 0 30px;vertical-align: top;text-align:center;}
.controls li {
	margin-left: 20px;
	cursor: pointer;
	list-style-type: square;
	display: inline-block;
	text-transform: uppercase;
	padding: 7px;
	border-radius: 0;
	border: 1px solid;
}
hr { margin: 0 0 30px;height: 0;border: 0 none;border-top: 1px solid #eee;}
#Grid { margin:0;}
#Grid:after {content: '';display: inline-block;width: 100%;}
#Grid .mix {
    background-color: #fff;
    width: 25%;
    float: left;
    margin: 0;
    height: auto;
    overflow: hidden;
    vertical-align: top;
    box-sizing: border-box;
    position: relative;
    transition: all 0.6s ease-in-out;
    list-style: none;}
#Grid .mix img { width:100%; height:auto; min-height:auto; outline:1px solid #fff; outline:none; outline-offset:-5px; border-radius: 0px;}
#Grid .mix:hover img{ opacity:0.2;}
#Grid .mix a{ display:block; background: #F02D73; color: #fff; margin-bottom: -5px;}
#Grid .mix a:hover{ color: transparent; }
#Grid .mix {display: none;}
#Grid .mix strong{ position:absolute; width:100%; text-align:center; top:40%; color:#fff; opacity:1; display:none; font-size:18px;}
#Grid .mix:hover strong{ display:block; z-index:9999;}
.controls li{font-weight:400;}
.controls li.active, .controls li:hover{ color:#595959; }


/*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:#595959; padding:5px 10px; color:#ffffff; font:15px 'Roboto',san-serif;}
.prev-page a:hover, .next-page a:hover{ color:#ffffff; background-color:#34c6f6;}
.singleright { float:left; }
.singleleft { float:right; }
.slider-main{ min-height:auto; background:url(images/loading.gif) no-repeat center center #ffffff; }
.slide_info{ opacity: 0.8;  padding: 9px;  text-align: left;}
.slide_info a.button{background: none;
color: #ff9c00;
border: 1px solid #ff9c00;
font-weight: bold;}
.header span.tagline{text-align:left;}
section#shadow-host-companion{padding:0;}