/*
Theme Name: Study Education Pro
Theme URI: https://www.featherthemes.com/themes/wordpress-theme-study-education-pro/
Author: featherthemes
Author URI: https://featherthemes.com
Description: Study Education Lite is a best WordPress theme for all education purposes. Its ideal for all education related websites like book club, bookstore, publishing agency, author, writer, literature, publishing house, schools, universities, training facilities, research organizations, e-learning, education LMS, university, schools, colleges, tuition, kindergarten, book selling, elementary school, daycare, primary and secondary schools corporate, business, health coach, life coaching, education theme, learning management system, tutor, wellness coach, religious and spiritual preacher, motivational speaker websites and all education and learning related websites. With it, you can customize your website to look and feel exactly the way you want, It is fully responsive that fits well on all devices, be it desktop, mobile or tabs.
Version: 1.3
Requires at least: 4.0
Tested up to: 5.8
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: study-education-pro
Tags: custom-menu,one-column,right-sidebar,theme-options,threaded-comments,translation-ready,blog,custom-background,custom-colors,custom-header,custom-logo,editor-style,featured-images,full-width-template,two-columns,Business consultant,portfolio

Study Education Pro WordPress Theme has been created by featherthemes(featherthemes.com), 2022.
Study Education Pro 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; font-size:13px;}
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;}

.left-column-10, .left-column-20, .left-column-30, .left-column-40, .left-column-45, .left-column-50, .left-column-60, .left-column-70, .left-column-80, .left-column-90,
.right-column-10, .right-column-20, .right-column-30, .right-column-40, .right-column-45, .right-column-50, .right-column-60, .right-column-70, .right-column-80, .right-column-90{ float:left; padding:0 15px;}

.left-column-10{width:10%;}
.left-column-20{ width:20%;}
.left-column-30{ width:30%;}
.left-column-40{ width:40%;}
.left-column-45{ width:45%;}
.left-column-50{width:50%;}
.left-column-60{width:60%;}
.left-column-70{width:70%;}
.left-column-80{width:80%;}
.left-column-90{width:90%;}

.right-column-10{width:10%;}
.right-column-20{width:20%;}
.right-column-30{width:30%;}
.right-column-40{width:40%;}
.right-column-45{width:45%;}
.right-column-50{width:50%;}
.right-column-60{width:60%;}
.right-column-70{width:70%;}
.right-column-80{width:80%;}
.right-column-90{width:90%;}

.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;}
#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:400; font-size:30px; margin-bottom:50px;text-align:center; text-transform: capitalize; font-weight:800; }
#slider{ width:100%; margin:0; padding:0; position:relative; }
.container{ width:1170px; margin:0 auto; position:relative;}
.header.fixed {
    position: fixed;
    top: 0;
    z-index: 999999;
    padding: 14px 25px;
    border-bottom: 1px solid #ccc;
}

.header-top {
    background-color: none;
    color: none;
    line-height:auto;
    font-size: 14px;
    font-family: 'PT Sans', sans-serif;
    padding: 0 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: 0;
    margin-right: 0;
}
/* popular cource start */
.cource-threebox{width:32.3%;}
.cource-fourbox{width:24.0%;}
.cource-twobox{width:33.0%;}
.cource-onebox{width:33.0%;}
.cource-morebox{width:33.0%;}

.courcelist{margin-top:20px; vertical-align:top;  float:none; box-sizing:border-box; padding:0 0 30px 0;color:#ddd; margin:0 5px; text-align:center; display:inline-block; }
.cource-wrap{ text-align:center;}
.cntimage{  margin:0 auto; border-radius:0; border:1px solid #ddd; background-color:#fff; padding:0; overflow:hidden; position:relative;}
.courcelist:hover .cntimage{ background-color:#ef2e2e; }


.courcelist .cntimage img {backface-visibility:hidden; height:auto; min-height:188px; transition: opacity 1s ease 0s, transform 1s ease 0s; vertical-align: middle; width:100%;border-radius:0;}
.courcelist:hover img { transform: scale3d(1.3, 1.3, 1); opacity:0.2;}

.cntimage span.counterd{ position:absolute; width:auto; height:auto; line-height:20px;  text-align:center; top:0%; left:0; right:0; margin:0 auto; border-radius:0; padding-top:10px; box-sizing:border-box; display:block; font-size:22px; font-weight:600;}
.cntimage span.counterd span{margin:0 0 8px 0; font-size:15px;  display:inline-block; text-transform:capitalize; font-weight:300;}
.cntimage img{ min-height:240px; height:auto; border-radius:50%;}
.courcelist h6{ font-size:18px; color:#272727; margin:20px 0 0; }
.courcelist .description{ padding:12px 0 0;}
.courcelist p.price{  font-size:20px; font-weight:600; margin:20px 0;}
.cntbutton{ background-color:#fff; color:#dd3333; font:400 15px/22px 'Roboto Condensed', sans-serif; padding:9px 15px; display:inline-block;border-radius:0;}
.courcelist:hover .cntbutton{background-color:#dd3333; color:#fff;}
.cource-wrap .cntbutton{margin-top:17px;}
/* popular cource end */

/* why choose us start */
#Choosuslistsy{ }
.chooseus-wrap .one_third{  width:31.5%; margin:0 2.5% 45px 0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; vertical-align:top; text-align:center;  padding:35px 30px;}
.chooseus-wrap .one_third:hover{ }
.one_third .ftrimgbx{ height:190px; overflow:hidden; margin-bottom:15px;}
.one_third .ftrimgbx img{ width:100%; height:auto; }
.chooseus-wrap .one_third h4{ text-transform:uppercase; font-weight:600;}
.chooseus-wrap .one_third:hover h4{ color:#fff; }
.chooseus-wrap .learnmore{ font:normal 16px/20px 'Roboto Condensed'; margin-top:30px; padding:9px 15px; display:inline-block; }
.chooseus-wrap .one_third:hover .learnmore{  }
.chooseus-wrap .one_third .mainicon i{ font-size:50px; margin-bottom:25px; }
.chooseus-wrap .one_third:hover i{ }
/* why  choose us end */

/* offer css start*/
.offerwrap .one_half{ width:31%; margin:0;}
.offer-1-column{ position:relative;}
.offer-1-column .offimgbx{ background-color:#ef2e2e; height:358px; overflow:hidden;}
.offer-1-column .offimgbx img{ min-height:358px; height:auto; width:100%;}
.offdesc{ position:absolute; top:0; color:#fff; padding:50px; text-align:center; display:none;}
.offer-1-column:hover .offdesc{ display:block; }
.offer-1-column:hover .offimgbx img{ opacity:0.1;}
.offdesc h6{ margin-bottom:20px; text-transform:uppercase; color:#fff; font-size:22px; font-weight:600;}
.offdesc h6 span{ color:#111;}
.offdesc h5{ margin-bottom:30px; text-transform:uppercase; color:#fff; font-size:24px; font-weight:600; padding-bottom:20px; position:relative; line-height:32px;}
.offdesc h5::after{ content:""; position:absolute; width:100px; height:2px; background-color:#fff; bottom:0; left:0; right:0; margin:auto;}
.offdesc p{ font-size:15px;}
.offerwrap .one_half.last_column{ width:69%}
.offer-2-column{ width:45%; float: left; margin:0 0 29px 5%;}
.offerimgbox{ width:33%; margin:0 7% 0 0; float:left; height:100px; overflow:hidden;}
.offerimgbox img{ width:100%; height:auto; min-height:100px;}
.offcontnt{ width:60%; float:left; line-height:16px;}
.offcontnt .pricedv{font:600 16px/18px "Roboto Condensed",sans-serif; color:#ef2e2e; margin:10px 0; }
.offcontnt .pricedv span{ margin-right:10px; color:#999; text-decoration:line-through; font-weight:400;}
.offcontnt h4{ font-size:16px; text-transform:uppercase; margin-bottom:15px;}
/* offer css end */




/* #educationwelcomearea section start */
#educationwelcomearea{ padding:0;}
#educationwelcomearea h2.section_title::after{ left:0; margin:0;}
#educationwelcomearea h2.section_title{  text-align:left; margin:25px 0;}
#bestoffer{ padding-bottom:60px;}
.educationwelcome-wrap{  width:100%; border-radius:0;  padding:50px 0; top:0; position:relative;}
.educationwelcome-wrap p {line-height:26px;} 
.educationwelcome-wrap span.educationwelcomeprice{margin-bottom:50px;}

.educationwelcome-wrap span{ display:block; font-size:24px; font-weight:600; margin:25px 0;}
.educationwelcome-wrap a.bookatour{border-radius: 0;  padding:15px 38px;  font:600 16px/22px 'Roboto Condensed', sans-serif; position:relative; bottom:14px;}
.educationwelcome-wrap .best-beache-img {    position: relative;    text-align: center;}
/* vacation section end */

/* welcome to our website start */
#welcomeareay{ position:relative; text-align:center; }
.welcome-boxy{ width:75%; margin:0 auto; z-index:9999; }
.welcome-boxy{  margin:0 auto 20px; overflow:hidden; }
.welcome-boxy img{ width:100%; height:auto; min-height:80px; }
.welcome-boxy p{ margin-bottom:35px; font-size:15px; line-height:24px;}
.welcome-boxy a.rdmore{border-radius: 0;  padding:15px 38px;  font:600 16px/22px 'Roboto Condensed', sans-serif; position:relative; bottom:14px;}
.welcome-boxy h2.section_title{margin-bottom: 35px;}

/* welcome to our website end */
/* team section css started */
.team_column {    background:     #f3f3f3;}
.team_column:hover{background-color: #1d9d74;}
.teammember-content{padding:10px 20px; text-align:center; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
.ourteam-thumb{height:350px; overflow:hidden; position:relative; }
.ourteam-thumb img{ min-height:350px; width:100%;}
.team_column{width:23.1%; float:left; margin:0 2.5% 1% 0; position:relative; display:inline; display:inline-block; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
.team_column h5{ font-weight:bold; margin-bottom:5px;}
.member-designation{display:block; margin-bottom:5px;}
.teammember-content p{ margin:0 0 30px 0; }
.teamrectangle{position:absolute; left:0; right:0; bottom:0; margin:0 auto; width:0; height:0; border-left:300px solid transparent; border-bottom:70px solid #f3f3f3; box-sizing:border-box;}
.og-grid li:hover .memmberdetails{background-color:rgba(49,202,253,0.7); padding:10px 0; margin-top:-60px; position:relative; display:block;}
.memmberdetails h5{ font-size:18px; color:#fff; margin:0;}
.team-thumb{ background-color:#696969; width:270px; height:310px; overflow:hidden;}
.team-thumb img{ width:100%; height: auto;}
.og-grid li:hover .team-thumb img{ opacity:0.6;}
.member-social-icon{ margin:0;}
.member-social-icon a{ border-radius:100%; margin:0 3px 3px 0; display:inline-block; color:#000; width:35px; height:35px; line-height:35px;}
.member-social-icon a:hover{ color:#fff;}

.end, .last{ margin-right: 0 !important; }

.buttonstyle2{ background-color:#555; color:#fff ; padding:6px 15px; font:normal 14px/20px 'Roboto Condensed'; display:inline-block; border-radius:20px;-moz-border-radius:20px; -webkit-border-radius:20px;}
.buttonstyle2:hover{ background-color:#fff; color:#555; }
.textwidget select{ width:100%;}
table{ width:100%}
.clientwrap p { text-align:center; font-size:16px; margin-bottom:25px;}
/* team section css end */

/*Missionvission css*/
.missionvission-wrap h3{ font-size:20px; font-weight:600; border-bottom:1px solid #ccc; padding-bottom:10px; display:inline-block; margin-bottom:30px;}
.missionvission-wrap h5{ font-style:italic; font-size:18px; line-height:24px; border-left:3px solid #ccc; padding-left:20px;}

#ourrecruiters{ text-align:center; font-size:15px;}
.our-recruiters{ margin:0; padding:0;}
.our-recruiters li{ float:left; margin:0 10px; width:18%; box-sizing:border-box;}

/* offer css end */

/* = header css
-------------------------------------------------------------- */
.logo{float:left; padding: 10px 0 4px; text-align:right; width:33%;}
.header .header-inner{ margin:0 auto; padding:0; position:relative; width:1100px;}
.logo h1{font-weight:400; margin:0px; line-height:28px; margin-top:20px;}
.header span.tagline{ font-size:13px; display:block;}
.logo a{ color:#000;}
.logo img{ height:auto; }
.fixed .logo{ padding:6px 0;}
.header{width:100%; height:auto;  padding:10px 0 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:100%; }*/
.header-box.header-left{ display: inline-block; width:32%; float:left; }

/*.header-box.header-right {  text-align: right;  float: right;  padding: 0 0 0 0; width: 69%;}*/
/*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:0px; font-size:16px;}
.toggle a:hover{color:#ffffff !important;}
/*@media screen and (min-width: 1024px){
    .menu-item-has-children > a:after, .page_item_has_children > a:after {
        font-family: dashicons;
        content: '\f347';
        vertical-align: bottom;
        margin-left: 0.25em;
    }
}*/
.header-nav{ padding:0; text-align:left; float:none; line-height:36px;}
.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:30px 20px; display:block; color:#000; font-weight:600; border-bottom:1px solid transparent; }
.header-nav ul li a:hover, .header-nav ul li.current_page_item a { color:#000; }

.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; }
.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:200px;}

/* = innerbanner css
-------------------------------------------------------------- */
.innerbanner{ text-align:center; height:auto; overflow:hidden;}
.innerbanner img{ position: relative; background-size:multi; width:100%; }

.UnderLine{ width:50%; 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:#364558; 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;}

/* = section first css
-------------------------------------------------------------- */

/*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:#333333; color:#ffffff; margin-top:25px; display:inline-block; padding:9px 15px;   width: auto;}
.services-wrap .one_third:hover .fa{ color:#28374a;}
.services-wrap .one_third:hover h4{ color:#28374a;}
.services-wrap .one_third:hover a.rdmore, #aboutsection .one_half a.rdmore:hover, a.rdmore:hover{}

#ThemeFeaturd{ padding-bottom:5px;}
#welcomearea,#pageboxes, #bestoffer, #ourgallery, #vacationarea, #newswraper, #Popularcourcecv{background: #F7F6F6; border-top:1px solid #E1E1E1; box-shadow:0 1px 10px rgba(0, 0, 0, 0.1) inset}
#ourgallery .container, #ourclients .container{ width: 100%; } 
#ourclients.skillrow .container { width: 1100px; }
#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;}

/*#testimonialsarea{ background-attachment:fixed;}
#testimonialsarea .last_column img{ background-size: multi;  bottom: 0; float: right; margin: 0; overflow: hidden; position: absolute; right: 0; top: 0; width: 100%;}
#testimonialsarea #testimonials{ width:100%; margin:0 auto;}
#testimonialsarea .testimonials-wrap h2{ color:#ffffff;}
.tm_description{ color: #ffffff; }*/

#sidebar #testimonialsarea .testimonials-wrap h2{ color:#000000;}
#sidebar .tm_description{ color: #000000; }
#sidebar #testimonials ul li h6 {
    color: #000000;
}
#sidebar #testimonials .clientdetails span {
    color: #000000;
}

.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 0.5% 3% 0; float:left; }
.BlogPost .recentthumb{ height:auto; overflow:hidden; margin-bottom:0;}
.newstop{ border: 1px solid #ccc; padding: 5px; text-align: center; }
.tpostdetails {    border: 1px solid #ccc;    padding: 9px; text-align: center;}
.BlogPost img{ width:100%; height:auto;}
.BlogPost h5{ margin:0 0 12px 0;}
.BlogPost h5:hover{color:#28374a;}
.BlogPost span{ margin-bottom:10px; display:block; color:#28374a;}

/* = counter section css
-------------------------------------------------------------- */
.skillwrap{text-align: center; padding-bottom:50px;}
.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;
}

.featureslists{ margin-bottom:15px; min-height:70px;}
.featureslists .fa{ font-size:50px; color:#333333; float:left; margin:0 25px 0 0; width:65px; height:65px; line-height:65px; border-radius:0; border:none; text-align:center; }
.featureslists h5{ font-size:16px; font-weight:600; margin-bottom:10px;}
.featureslists p{ font-size:12px; line-height:18px;}

#welcomearea .one_half {width: 35%;margin-right: 2%;}
#welcomearea .one_half.last_column {width: 63%;margin-right: 0%;}
#welcomearea .featureslists{ width: 45%; float: left; margin-right: 25px;}


.serviceswrap .one_fourth{ box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; text-align:center;}
.serviceswrap br{ display: none; }
/* feature section */
/* 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 1% 0; min-height:110px; box-sizing:border-box; background:#ffffff;}
.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;}

/* = Team Member Part css
-------------------------------------------------------------- */
section#ourteam{ background-attachment:fixed; background-size:inherit; }
.teammember-list{ float:left; width:29%; margin:0 6% 6% 0; }
.teammember-list img{}
.teammember-list h5{ font-size:17px; color:#fff; margin:7px 0; text-transform:none; font-weight:400;}
.teammember-list p{ color:#fff;}
.member-desination{ color:#fff; font-size:12px; border-bottom:2px solid #34c6f6; padding-bottom:5px; display:inline-block; margin-bottom:10px;}
.member-social-icon{  padding-top:0;}
.member-social-icon a{ margin:0 10px; color:#555;}
.member-social-icon a:hover{ color:#34c6f6;}

.content-area .teammember-list p{ color:#454545;}
.content-area .teammember-list h5, .content-area .member-desination{color:#454545;}


/* = Team Member Flipbox css
-------------------------------------------------------------- */
/*.team_column{ width:24.6%; float:left; margin:0 0.30% 2% 0; position: relative;	display:inline;	display: inline-block;}
.team_column h5{ margin-bottom:5px;}
.team_column h5 a{ color:#333;}
.member-designation{ color:#333333; text-transform:uppercase; display:block; margin-bottom:15px;}

.og-grid li:hover .memmberdetails{ background-color:rgba(49,202,253,0.7); padding:10px 0; margin-top:-60px; position:relative; display:block;}
.memmberdetails h5{ font-size:18px; color:#fff; margin:0;}
.test{ position:relative;}
.team-thumb{ background-color:#696969; width:270px; height:310px; overflow:hidden;}
.team-thumb img{ width:100%; height: auto;}
.og-grid li:hover .team-thumb img{ opacity:0.6;}

.member-designation{ color:#333333; font-size:12px;  display:inline-block; text-transform:uppercase; font-style: italic; }
.member-social-icon{ margin-bottom:20px;}
.member-social-icon a{ margin:0 2px 2px 0; display:inline-block; color:#000; width:35px; height:35px; line-height:35px;}
.member-social-icon a:hover{ color:#fff;}
.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; width: 100%;}
.buttonstyle2:hover{ background-color:#fff; color:#555; }
.buttonstyle2*/

/* = Team Member Part css
-------------------------------------------------------------- */
.teammember-list{vertical-align:top; display:inline-block; text-align:center; width:23.4%; margin:0 1% 1% 0; float:none; position:relative; box-sizing:border-box; text-align:center; border-radius:0; 
/*                  box-shadow: 0px 5px 30px 0px rgba(214,215,216,0.57);
                  -webkit-box-shadow: 0px 5px 30px 0px rgba(214,215,216,0.57);
                  -moz-box-shadow: 0px 5px 30px 0px rgba(214,215,216,0.57);*/
}
.teammember-list .thumnailbx{ width:auto; height:auto; overflow:hidden;  border-radius:0%; border:0px solid #fff; margin:0 auto}
.teammember-list img{ width:100%; height:100%; min-height:240px;}
.teammember-list span.title, 
.single-featherteam .titledesbox span.title
{ font-weight:600; color:#222; font-size:22px; position:relative; }

.teammember-list cite,
.single-featherteam .titledesbox cite
{ display:block; font-style:normal; margin:10px 0; color:#222; }

.teammember-list .titledesbox{ text-align:center; padding-top:30px;}
.single-featherteam .titledesbox{text-align:left;}
.member-social-icon{ text-align:center;}
.single-featherteam .member-social-icon{ text-align:left;}
.member-social-icon a{   margin:0 5px 0 0; text-align:center; display:inline-block; width:45px; height:45px; line-height:40px; border-radius:50%;}
.member-social-icon i{ font-size:14px;}
.member-social-icon a:hover{ color:#222;}
.teammember-list:hover .thumnailbx img{ opacity:0.2;}
.subtitle {
    text-align: center;
    padding-bottom: 25px;
    margin: 0 auto;
    width: 70%;
    line-height: 25px;
}
.teammember-list a.rdmore,
.single-featherteam a.rdmore{margin-top:14px; font-size:14px;}
.team-bottom {    background: #F1F6FB;    padding: 0 0 25px;}
#creativeteam {background-attachment: scroll !important;background-size: auto !important;}


/*-=-=-=-=-=-=-=-=-=-=- */
/* Flip Panel */
/*-=-=-=-=-=-=-=-=-=-=- */

.panel {
    margin: 0 auto;
    height: auto;  
    position: relative;
    -webkit-perspective: 600px;
    -moz-perspective: 600px;
}

.panel .front,
.panel .back {
    text-align: center;
}

.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: auto;	height:252px;margin: 0 auto; overflow:hidden;}
.box1 img { width:100%;}
.box2{background-color: #28374a;color:#fff;	width: auto;height:auto;	margin: 0 auto;	padding:0 6px 20px; text-align: center;}
.box2 p{ margin-bottom:20px;}
.topbox{
    background-color: #fff;
    color: #333;
    border: 1px solid #ccc;
    padding-top: 15px;
}



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;}

/* = latest news section css
-------------------------------------------------------------- */
.last { margin-right:0 !important;}
.view-all-btn{ text-align:center; }
.shopbutton{ margin: 15px 0; }
.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; }

.posts-wrap{ text-align: center;display: inline-block; }

.BlogPost.oddnumb {
    float: left;
}

.blog-left {
    float: left;
    width: 50%;
}
.blog-right {
    float: right;
    width: 46%;
    text-align: left;
    margin: 9px auto;
    padding: 0 16px;
}
.blog-right .datecomment{ text-align: left; }

.BlogPost {    width: 49%;    margin: 0 0 ;    float: none;    display: inline-block;    vertical-align: top;    border-bottom: none;
               padding-bottom: 0px; height: 269px;}

.BlogPost.lastblog{ border-bottom: none; margin-bottom: 0;}
.BlogPost .recentthumb{ overflow:hidden; margin-bottom:0; position: relative; vertical-align: top;}
.BlogPost img{ width:100%; height:auto;}
.BlogPost h5{ margin:0 0 5px 0;}
.BlogPost h5:hover{color:#1e73be;}
.BlogPost span{ margin-bottom:10px; display:block; color:#1e73be;}
.BlogPost .datecomment{font-size: 12px;
                       position: relative;
                       width: auto;
                       height: auto;
                       background-color:none;
                       overflow: hidden;
                       color:#364558;
                       top: 0;
                       left: 0;
                       text-align: left;
                       border-radius: 3px;
                       padding: 3px;
}


/* = section first css
-------------------------------------------------------------- */
#pageboxes .pageclmn { display: inline-block; text-align: center; width:100%; }
.resourcebox{ border: none; padding: 5px;  text-align: center;}
.top-resourcebox{ border:none; padding: 5px 5px 30px; text-align: center; }
.threebox{width:33.0%;}
.fourbox{width:25.0%;}
.twobox{width:33.0%;}
.onebox{width:33.0%;}
.morebox{width:33.0%;}
.commonboxrs{vertical-align:top; color:#333333;  float:none; margin:0 0 10px; text-align:center; position:relative; min-height:280px;padding:0; background:#ffffff; display: inline-block;}
.commonboxrs p{line-height:20px; text-align: center; }
.commonboxrs h3{ font-size:18px; font-weight:400; color:#333333; margin:15px 0 15px;}
.commonboxrs:hover h3{ color:#28374a;}
.commonboxrs .thumbbx {border: 0;
                    width: auto;
                    height: auto;
                    overflow: hidden;
                    margin: 0 auto 0;
                    border-radius: 0;
                    -moz-border-radius: 50%;
                    -wbkit-border-radius: 50%;}
.commonboxrs .thumbbx img {	width: auto;	height: auto;	min-height:auto;}
.one_column{ width:100%;}
.two_column{ width:48%;}
.three_column{ width:30%;}
.five_column{ width:18.3%; margin-right:2%;}
#pageboxes .container {
    width: 100%;
    max-width: 1330px;
}

a.pagemore::after {
	width: 35px;
	height: 35px;
	line-height: 35px;
	top: -5px;
	text-align: center;
	content: "\f0da";
	font-size: 14px;
	position: relative;
	font-family: 'Font Awesome 6 Free';
	margin: 0;
	float: right;
	border-radius: 100%;
	border: solid 1px #e8e8e8;
	color: #e8e8e8;
}
.topboxbg a.rdmore{background:none; font-weight:600; font-size:17px;}
/* = social icons css
-------------------------------------------------------------- */
.header-top .social-icons a{ border:0; background-color:none;}
.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:#28374a;}

/* --------- 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, #sidebar .wp-block-group ul, #sidebar .wp-block-group ol,
.wp-block-search__inside-wrapper {margin-bottom:30px; background-color:#f9f9f9; padding:20px;}
aside.widget ul, #sidebar .wp-block-group ul, #sidebar .wp-block-group ol{ list-style:disc; }
h3.widget-title, #sidebar .wp-block-group h2,
#sidebar .wp-block-search .wp-block-search__label{ 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:#28374a; 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;}
#sidebar .wp-block-search .wp-block-search__label{display:inline-block; font-size:24px;}
.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:#364558; position:relative; color:#ffffff;}
.footer ul li a{ color: #fff; }
.footer{ padding:45px 0;}
.footer h5{ font-weight:bold; font-size:20px; margin-bottom:22px; border-bottom:none; padding-bottom:15px; color:#ffffff; border-bottom:1px solid; }
.footer p{ margin-bottom:15px;}
.footer ul{ margin:0; padding:0; list-style:inside disc;}
.footer ul li { padding:0;  color:#ffffff;  list-style: none;}
.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;  padding:0 0 0 20px;} 
.contactdetail i{ margin-right:15px; font-size:16px;}
.contact_right .social-icons{padding:0 0 0 20px;}
.contactdetail p{ margin-bottom:8px;}


.copyright-wrapper { background-color:#333333; position:relative; padding:15px 0;}

.copyright-txt {    float: left;    width: 48%;    text-align: left;}
.design-by { float:right; width:49%; text-align: right;}
.recent-post{ min-height:70px; margin:0 0 20px 0; }
.recent-post img{ float:left; width:70px; 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%; padding-bottom:20px;}
.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:#28374a; 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:22%; float:left; margin:0 4% 4% 0; min-height:95px;}
.frdbox .fa{ border:none; color:#333; 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:50px; }

.frdbox i.fa{ display: inline-block; width: 100%; text-align: center;  float: none; margin:11px 0;}
.frdbox h4{ margin:0 0 10px; color:#28374a;display: inline-block; width: 100%; text-align: center;}
.frdbox p{ margin-left:0;display: inline-block; width: 100%; text-align: center;}

#sidebar #testimonials ul li{ color:#555;}
/* #sidebar aside.widget {    background-color: #364558;} */

/* 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: 6px;	cursor: pointer;	list-style-type: square;	display: inline-block;	text-transform: uppercase;	padding: 7px;	border-radius: 0px;	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:24.4%; float:left; margin:0 4px; height:auto; overflow:hidden; vertical-align:top; box-sizing:border-box; position:relative; -webkit-transition:all 0.6s ease-in-out; -moz-transition:all 0.6s ease-in-out; -ms-transition:all 0.6s ease-in-out; -o-transition:all 0.6s ease-in-out; transition:all 0.6s ease-in-out;  list-style:none;}
#Grid .mix img { width:100%; height:auto; min-height:auto; outline:1px solid #fff; outline:none; outline-offset:-5px; border-radius: 0;}
#Grid .mix:hover img{ opacity:0.2;}
#Grid .mix a{ display:block; background: #fff; color: #fff;}
#Grid .mix a:hover{ color: transparent; }
#Grid .mix {display: none;}
#Grid .mix strong{ position:absolute; width:100%; text-align:center; top:50%; color:#fff; opacity:1; display:none; font-size:18px;}
#Grid .mix:hover strong{ display:block; z-index:9999;}
.controls li.active, .controls li:hover{ color:#333333; font-weight:bold;}


/*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:#333333; 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{ padding: 0px;  text-align: left; width:38%; float:left;padding: 15px;}
/*.nivo-caption .slide_info h2{text-align:right;}
.nivo-caption .slide_info p{text-align:right;}*/
#slider .nivo-caption{padding:0; bottom:31px; left:6%; right:6%; width:auto;}
.slide_info .rdmore{border: none;
                    border-radius: 0;
                    padding: 12px 23px;
                    font: 600 16px/22px 'Roboto Condensed', sans-serif;
                    position: relative;
                    bottom: 14px; margin-top:5px;}

.header span.tagline{text-align:left;}
.logo a:hover{ color: #ffffff; }

/*extra css */
.home .sliderlogo.logo.logo-left.header-box {
    position: absolute;
    top: 35%;
    left: 30%;
    right: 30%;

    padding: 15px 10px;
    text-align: center;
    width: auto;
    color: #ffffff;
}
.home .sliderlogo.logo.logo-left.header-box h1{  text-transform: uppercase;}

.logo.logo-left.header-box span.tagline {
    font-size: 15px;
    display: block;
    margin-top: 8px;
}
.headercommon{ width: 42%; }
.header-top-middle{ float: left; }
.header-box.header-right {
    text-align: right;
    float: right;
    padding: 0 0 0 0;
    width: 61.7%;
}
.right.headercommon li{ line-height: 26px; margin: 0 0 0 13px; display: inline;}
.left.headercommon{padding: 0; line-height: 24px;}
.header-top .right{padding: 0px 0 0;}
.header-nav ul li a:hover, .header-nav ul li.current_page_item a
{margin-bottom:0;}
.header-nav ul li a{padding: 17px; margin-bottom:0;border-bottom:0;}

.maintopheader {position: relative; width:100%; z-index: 999; clear:both;}

/* extraa css */
.fourbox{ color:#333333;background:#ffffff; vertical-align:top;}
.top-resourcebox, .resourcebox{ background-color:none;}

/* = Latesr news section css
-------------------------------------------------------------- */
#newswraper{ background-attachment:inherit !important; background-size:auto !important;}
.fourcolumn-news{ width:100%; display:inline-block; text-align:center; }
.news-box{ width:33%; float:none; margin:0 5px 0 0;  position:relative; vertical-align:top; display:inline-block;}
.news-box.last {margin-right:0; padding:0;}
.news-box .news-thumb{ height:256px; overflow:hidden; position:relative;}
.news-box .news-thumb img{ width:100%; height:auto; min-height:256px;}
.news-box:hover .news-thumb img{ opacity:0.5;}
.news-box p{ margin:0;}
.news-box h3{margin:0 0 20px; font-weight:600; line-height:32px; }
.news-box .PostMeta{ text-transform:capitalize; font-weight:600; position:absolute; left:0; bottom:0; width:auto; font-size:13px; background:#ff0000; color:#ffffff; padding:5px 25px;}
.news-box .PostMeta a{ color:#ffffff;}
.newsdesc{position:relative; padding:12px 22px 23px;}
.news-box .postdt{margin-bottom: 10px;}
.news-box .poststyle{ margin-top:30px; padding:8px 35px; font-weight:600; display:inline-block; border-radius:35px;}
/*fade*/
.latest-package-thumb img, .news-box .poststyle, .news-box img, .newsdesc, .videobox img, .member-social-icon, .teammember-list .titledesbox, .teammember-list img, .top4box .thumbbx, .ind_col3, .event_thumb img{transition:all ease-in-out .4s;-ms-transition:all ease-in-out .4s;-webkit-transition:all ease-in-out .4s;}

/* testimonial and video section started */
.left_videobox{padding-right:70px ;}
.right_testimonial{padding-left:70px ;}
.videobox{ position:relative; width:100%; height:100%; overflow:hidden; margin-bottom:35px; border-radius:5px;}
.videobox:hover img{ opacity:0.5}
#testimonialmain .testimonials-wrap .left_videobox h2 {margin-bottom: 75px;}
.videobox img{ vertical-align:top; opacity: 1; height: 100%; object-fit: cover; width:100%;}
.videobox .playbtn {
	background: url(images/videoplaybtn.png) no-repeat center center;
	border-radius: 100%;
	text-align: center;
	width: 187px;
	height: 187px;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 50%;
	transform: translateY(-50%);
	position: absolute;
}
.videobox .playbtn::after {
    position: relative;
    top: 0;
    left: 2px;
    content: '\f04b';
    font-family: 'Font Awesome 6 free';
    
    font-weight: 900;
    font-size: 20px;
    color: #ffffff;
    text-align: center;
    line-height: 187px;
}
iframe.grtyoutube-iframe{padding:0; border:0; margin-bottom:0;}
#testimonialmain{position:relative;}
/*#testimonialmain::after {
    background: #f6f6f6;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
}*/
section .container {
    z-index: 999;
}

/* = Section8 Testimonials Section css
-------------------------------------------------------------- */
.slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; -webkit-animation-duration: 1s;animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
@-webkit-keyframes slideInUp { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); visibility: visible; } 100% { -webkit-transform: translateY(0); transform: translateY(0); } }
@keyframes slideInUp { 0% {-webkit-transform: translateY(100%);transform: translateY(100%);visibility: visible;}100% {-webkit-transform: translateY(0);transform: translateY(0);}} 

/* = Testimonials Section css
-------------------------------------------------------------- */
.slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; -webkit-animation-duration: 1s;animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
  @-webkit-keyframes slideInUp { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); visibility: visible; } 100% { -webkit-transform: translateY(0); transform: translateY(0); } }
  @keyframes slideInUp { 0% {-webkit-transform: translateY(100%);transform: translateY(100%);visibility: visible;}100% {-webkit-transform: translateY(0);transform: translateY(0);}} 
.clients-reviews-title{ background:rgb(255 255 255 / 30%); box-shadow:0 10px 40px rgb(39 39 39 / 30%); padding:90px 60px 80px 60px; border-radius: 200px;}
.clients-reviews-title .sec_content_main_title{ font-size:40px; }
.clients-reviews{ padding:70px 60px 75px 0px; border-radius: 200px; border:solid 2px #ffffff; box-shadow:0 10px 40px rgb(39 39 39 / 30%); }
#clienttestiminials{box-sizing:border-box; position:relative; padding:20px 0 0 0; }
#clienttestiminials .owl-nav{ margin:0; text-align:center; position:relative;width:110px; }
#clienttestiminials .item{ margin:0 auto; position:relative; }
#clienttestiminials h4{ margin:0 0 15px 0; font-weight:600; color:#fff;}
#clienttestiminials h4:before{position:relative; top:0; left:0; font-family:'Font Awesome 6 free'; content:'\f10d'; margin:0 20px 0 0}
#clienttestiminials h6{ margin:0 0 15px 0; font-weight:400; padding:0; color:#fff;}
#clienttestiminials span{ display:block; font-size:14px; color:#282828; padding-top:5px;}
#clienttestiminials .tmthumb{ width:210px; height:210px; float:left; margin:0px 40px 0 0; position:relative; overflow:hidden; border-radius:100%; border:solid 10px #fff; }
#clienttestiminials .tmthumb img{ width:100%; height:auto; min-height:210px; object-fit:cover; }
#clienttestiminials .leftttl{ padding-top:15px;}
#clienttestiminials .arrow_box .designation_box p{margin:25px 0 0 0; color:#fff;}
#clienttestiminials .arrow_box .designation_box{margin-bottom:0;}
#clienttestiminials .arrow_box{position:relative; padding:40px 40px 40px 0; margin:0 0 30px 0; }
#clienttestiminials .arrow_box:before{ display:block; border:solid 1px #979797; width:85%; height:100%; content:''; position:absolute; top:0; right:0; border-radius:10px;  }
#clienttestiminials .owl-controls .owl-dots{ width:auto; text-align:right; margin:0 0 0 100px;}

/*testimonials listing*/
.tmnllisting{ margin-bottom:35px; min-height:120px; background-color:#f2f2f2; padding:25px;}
.tmnllisting .tmnlthumb{ float:left; width:120px; height:120px; margin:0 5% 0 0; overflow:hidden;}
.tmnllisting .tmnlthumb img{ width:100%; height:100%; }
.tmnllisting h6{ margin-bottom:5px; text-transform:uppercase; font-size:20px;}
.tmnllisting span{ display:block; margin-bottom:15px;}
.tmnllisting p{ margin-bottom:0;}

#testimonials-widget h6{ margin-bottom:5px; text-transform:uppercase;}
#testimonials-widget p{ margin-bottom:15px;}

/*  Our Blog  */
.blankspace{ height:60px; clear:both;}
/* = Latesr news section css
-------------------------------------------------------------- */

/*--------------------------------------------------------------
#  Gallery Section
--------------------------------------------------------------*/
#cphotogalleryslider article {
    background-size: cover;
    background-position: 50%;
    padding: 325px 0;
    position: relative;
}
#cphotogalleryslider .entry-container {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
#cphotogalleryslider .owl-item.active.center article{background-color:rgba(255,166,0,0.3); z-index:9999;}
#cphotogalleryslider .owl-item.active.center article:before {
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  background-color: inherit;
  content: ' ';
}
#cphotogalleryslider .section-subtitle, 
#cphotogalleryslider .section-title {
    color: #fff;
}
#cphotogalleryslider .section-subtitle {
    font-family: 'Kaushan Script', cursive;
    font-size: 29px;
    color: #0EB5E1;
    margin: 0 0 8px;
    line-height: 1.3;
}
#cphotogalleryslider .section-header {
    text-align: center;
    margin-bottom: 25px;
}
#cphotogalleryslider .section-title {
    font-size: 32px;
    font-weight: bold;
    margin: 0 0 2px;
    word-wrap: break-word;
    position: relative;
    text-transform: uppercase;
}
#cphotogalleryslider .slick-dots {
    position: relative;
    bottom: 0;
    margin-top: 25px;
}
#cphotogalleryslider .btn {
    background-color: transparent;
    border-color: #fff;
}
#cphotogalleryslider .btn:hover,
#cphotogalleryslider .btn:focus {
    background-color: #fff;
    color: #000;
}
.btn {
    padding: 14px 28px;
    font-size: 18px;
    font-weight: 500;
    display: inline-block;
    position: relative;
    text-align: center;
    background-color: #0EB5E1;
    border: 2px solid #0EB5E1;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    text-decoration: none;
    font-family: 'Exo 2', sans-serif;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#cphotogalleryslider .owl-item.active.center .section-header,
#cphotogalleryslider .owl-item.active.center .read-more
{visibility:visible;}
#cphotogalleryslider .owl-item .section-header, 
#cphotogalleryslider .owl-item .read-more{visibility:hidden;}
#cphotogalleryslider .owl-prev{top:50%; left:50px;}
#cphotogalleryslider .owl-next{top:50%; right:50px;}

#cphotogalleryslider .owl-item.active.center{}

.studyeducation_section_subtitle {
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 7px;
    font-family: 'Open Sans', sans-serif;
    text-align:center;
}
.ftcommon{margin-bottom:11px;}

/* feature css start*/
.featurewrap .one_half{ width:31%; margin:0;}
.feature-1-column{ position:relative;}
.feature-1-column .offimgbx{ background-color:#ef2e2e; height:358px; overflow:hidden;}
.feature-1-column .offimgbx img{ min-height:358px; height:auto; width:100%;}
.offdesc{ position:absolute; top:0; color:#fff; padding:50px; text-align:center; display:none;}
.feature-1-column:hover .offdesc{ display:block; }
.feature-1-column:hover .offimgbx img{ opacity:0.1;}
.offdesc h6{ margin-bottom:20px; text-transform:uppercase; color:#fff; font-size:22px; font-weight:600;}
.offdesc h6 span{ color:#111;}
.offdesc h5{ margin-bottom:30px; text-transform:uppercase; color:#fff; font-size:24px; font-weight:600; padding-bottom:20px; position:relative; line-height:32px;}
.offdesc h5::after{ content:""; position:absolute; width:100px; height:2px; background-color:#fff; bottom:0; left:0; right:0; margin:auto;}
.offdesc p{ font-size:15px;}
.featurewrap .one_half.last_column{ width:69%}
.feature-2-column{ width:45%; float: left; margin:0 0 29px 5%;}
.featureimgbox{ width:33%; margin:0 7% 0 0; float:left; height:100px; overflow:hidden;}
.featureimgbox img{ width:100%; height:auto; min-height:100px;}
.offcontnt{ width:60%; float:left; line-height:16px; padding-top:15px;}
.offcontnt .pricedv{font:600 16px/18px "Roboto Condensed",sans-serif; color:#ef2e2e; margin:10px 0; }
.offcontnt .pricedv span{ margin-right:10px; color:#999; text-decoration:line-through; font-weight:400;}
.offcontnt h4{ font-size:16px; text-transform:uppercase; margin-bottom:15px;}

/* = top stip css
------------------------------------------- */
.pp_topstrip{ clear:both; background:#ff0000; color:#fff; padding:0; margin:0; position:relative; }
.pp_topstrip .social-icons{ display:inline-block;}
.pp_topstrip .social-icons a{ border:none; height:auto; line-height:26px; padding:0; margin:0 5px;}
.boxlayout .pp_topstrip:after{ width:100%;}
.boxlayout .nivo-caption { width:40%; left:2.5%}
.boxlayout .nivo-controlNav {text-indent: 2.5%;}
.boxlayout .our-facilities{padding:40px 100px 0px 80px !important;}

.pp_topstrip{ float:right; padding:2px 30px 6px 0; position:relative}
.pp_topstrip:before{color: #fff; width: 40px;float: left;padding: 0;line-height: 40px; position: absolute; left:-20px; top:0; content:''; background:#ff0000; height:100%;-webkit-transform: skew(35deg);-moz-transform: skew(35deg);-ms-transform: skew(35deg); -o-transform: skew(35deg);}
.top-align-right{display: inline-block;width: 100%;text-align: right;}
.infobox{ display:inline-block; margin:0; text-align:left; color:#fff; padding:0 25px; line-height:38px;}
.pp_topstrip .social-icons{padding:0 0 0 10px; line-height:48px;}
.pp_topstrip .infobox a{ color:#fff;}
.infobox i{ margin:0 15px 0 0; line-height:30px; text-align:center; font-size:16px; }
.pp_topstrip .social-icons a{ font-size:14px;}

.header-top {
    border-top: 4px solid;
}

/* = Section first css
-------------------------------------------------------------- */

@media (min-width: 768px){
	/*equal-height-row*/
	/*.box-equal-height{ display:flex; margin-bottom: 30px;}
	.box-equal-height .top4box .topboxbg, .box-equal-height .top4box .topboxbg .pagecontent{ height:100%; }*/
}

#pageboxes{position:relative; }
#pageboxes .container { width:100%; max-width:1330px; }
a.pagemore{padding: 0; margin: 20px 0 0 0; display: block; font-weight: 600; }

.top4box{ width:25%; float:left; margin:0;padding:7px; position:relative; box-sizing:border-box; padding-top:12px;}
.topboxbg{ position:relative;  padding:0;}
.top4box h4{ font-weight:700; text-transform:uppercase; margin:0 0 15px; }
.top4box .thumbbx{ margin:0; padding:0; width:100%; height:270px; position:relative; }
.top4box .thumbbx img{height:100%; width:100%; min-height:270px; object-fit: cover; vertical-align:top; }
.top4box:hover .thumbbx img{ opacity:0.2}
.top4box .thumbbx .box-count{ width:75px; height:75px; line-height:100%; position:absolute; right:-50px; top:50%; transform:translateY(-50%); border-radius:100%; background:#0C0; color:#ffffff;}
.top4box:hover .thumbbx .box-count{ background:#000000;}
.top4box .thumbbx .box-count h4{ margin:0; padding:0; line-height: 75px;color:#ffffff;}
.pagecontent{ border:solid #f0f0f0 1px; background:#fff; width:90%; min-height:240px; margin:0 auto; padding:60px 30px 40px 30px; position:relative; margin-top:-35px; }

#menu-header-menu .menu-item-has-children > a::after, #menu-header-menu .page_item_has_children > a::after {
	font-family: 'Font Awesome 6 free';
	content: '\f107';
	vertical-align: bottom;
	margin-left: 0.80em;
        font-weight:600;
}