:root{
--white-c:#ffffff;
--black-c:#000000;
--black-b:#bbbbbb;
--b-color2:#c2272d;
--global-c1:#002b46;
--gray-33:#333333;
--off-blue:#ebf1ff;
--off-blue22:#22272b;
--off-white:#cccccc;
--off-slide:#e5f2f4;
--off-slide-p:#b2b5b7;
}
:root{
--font-3:'lato';
--font-4:'Roboto Condensed', sans-serif;
--font-5:'Montserrat';
} #slider{ 
max-width:100%; 
margin:auto; 
padding:0; 
position:relative;
}
#slider img {
width: 100%;
}
#slider h1 {
color: var(--off-slide);
font-size: 36px;
line-height: 56px;
}
#slider p {
color: var(--off-slide-p);
font: 600 14px var(--font-3);
margin: 15px;
line-height: 26px;
letter-spacing: 1px;
}
#slider p.price {
font-size: 22px !important;
}
#slider .carousel-caption.d-none.d-md-block {
max-width: 1000px;
margin: 0 auto;
width: 85%;
}
#slider .btn-primary {
color: var(--white-c);
background: var(--b-color2);
border:1px solid var(--b-color2);
margin-top: 30px;
margin-right: 15px;
letter-spacing: 2px;
border-radius: 0;
padding: 12px 25px;
}
#slider .btn-secondery {
color: var(--white-c);
background: transparent;
border:1px solid var(--white-c);
margin-top: 30px;
letter-spacing: 2px;
border-radius: 0;
padding: 12px 25px;
}
#slider .btn-primary:hover{
color: var(--white-c);
background: transparent;
border:1px solid var(--white-c);
}
#slider .btn-secondery:hover{
color: var(--white-c);
background: var(--b-color2);
border:1px solid var(--b-color2);
}
#slider .carousel-indicators{
right: 0;
bottom: 4rem;
left: auto;
}
#slider .carousel-caption {
top: 55%;
transform: translateY(-50%); 
bottom: inherit;
text-align: left;
left: 10%;
right: 10%;
}
#slider .fancy-title{
margin: 30px auto;
}
.inner_carousel{
padding: 20px 30px;
text-align: center;
}
#slider .carousel-control-next, #slider .carousel-control-prev {
width: 10%;
}
#slider .carousel-item-next,#slider .carousel-item-prev,#slider .carousel-item.active {
display: block !important;
}
#slider .carousel-control-prev-icon,#slider .carousel-control-next-icon{
background-image:none; 
}
#slider .carousel-control-next,#slider .carousel-control-prev{
opacity: 1;
}
.carousel-control-next-icon,.carousel-control-prev-icon{
width: auto;
height: auto;
}
#slider a i {
padding: 19px 23px;
background-color: var(--global-c1);
border-radius: 50%;
font-size: 22px;
}
#slider a i:focus,#slider a i:active,#slider a i:hover{
background: var(--b-color2);
border: none;
transition: all 0.5s ease-out;
}
span.last_slide_head{
color: var(--b-color2);
} .fancy-title {
margin: 0;
width: 250px;
}
.fancy {
line-height: 0.5;
text-align: center;
}
.fancy i {
color: var(--b-color2);
font-size: 24px;
}
.fancy span {
display: inline-block;
position: relative;  
}
.fancy span:before,.fancy span:after {
content: "";
position: absolute;
height: 10px;
border-bottom: 2px solid var(--b-color2);
top: 0;
width: 600px;
}
.fancy span:before {
right: 100%;
margin-right: 15px;
width: 100px;
}
.fancy span:after {
left: 100%;
margin-left: 15px;
width: 100px;
} #welcome {
background-size: 100% 100%;
background-repeat: no-repeat;
}
.welcome-heading h2{
margin-bottom: 15px;
font-size: 34px;
font-weight: bold;
color: var(--global-c1);
}
.welcome-heading img{
text-align: right;
}
.welcome-content p {
padding: 10px 0;
font-size: 16px;
line-height: 30px;
margin: 0;
}
.welcome-content a {
border: solid 1px var(--global-c1);
padding: 8px 30px;
font-weight: bold;
font-size: 16px;
color: var(--global-c1);
letter-spacing: 1px;
display:inline-block;
margin: 25px 0;
}
.welcome-content a:hover {
border: solid 1px var(--b-color2);  
color: var(--b-color2);
} #courses {
background-color: var(--off-blue);
padding: 70px 0;
}
#courses h2 {
color: var(--off-blue22);
padding: 0 0 10px;
margin: 0;
font-size: 36px;
}
#courses h5 {
color: var(--off-blue22);
font-size: 15px;
font-weight: normal;
}
.textcontent a{
font-weight: 600;
font-size: 18px;
}
#courses p.small-text{
margin:28px 0;
}
#courses h4 a, #events h4 a, h4.latest_post_name a,.team-box h4 a {
text-align: center;
color: var(--global-c1);
font-weight: 600;
font-size: 18px;
}
.team-box p {
color: #757b82;
font-weight: 600;
font-size: 14px;
margin-bottom: 5px;
}
.textcontent-box {
margin: 0 auto;
}
.textcontent {
padding: 15px;
}
.textcontent-row {
width: 400px;
border: solid 1px var(--off-white);
background-color: var(--white-c);
position: relative;
top: 50%;
transform: translateY(-50%);
right: 70px;
padding: 0;
}
.post-image img {
width: 100%;
}
.post-image-shortcode, .latest_post_box, .events {
background-color: var(--white-c);
margin: 0 -5px 20px 0;
border: solid 1px var(--off-white);
}
.post-image, .latest_post_box, .events {
background-color: var(--white-c);   
margin: 0 10px 20px 0;
border: solid 1px #cccccc7d;
}
.feature-type {
border-top: solid 1px #cccccc7d;
padding: 0;
margin: 0;
}
.feature-type p {
padding: 0;
margin: 10px 0;
}
.feature-col{
border-right: solid 1px #cccccc7d;
}
.feature-col .entry-comments{
background:url(//globalsolution.in/wp-content/themes/vw-school-pro/assets/css/main-css/images/comments.png) no-repeat;
padding: 0 0 0 20px;
}
.border-right {
border-right: solid 1px var(--off-white);
}
.post-text-right {
padding: 15px;
}
.feature-col-right p, .feature-col-right i {
border-bottom: solid 1px var(--off-white);
margin: 0;
padding:0;
height: 80px;
line-height: 6em;
}
.feature-col-right p:last-child {
border-bottom: inherit;
}
.price_div span.price{
background-color: var(--b-color2);
position: absolute;
top: 15px;
right: 0px;
padding: 5px 0 5px 10px;
color: var(--white-c);
font-weight: bold;
z-index: 99;
}
.price_div span.price:after{
content: "";
width: 0;
height: 0;
border-bottom: 17px solid var(--b-color2);
border-right: 11px solid transparent;
top: -40px;
position: relative;
left: 0px;
z-index: -1;
}
.price_div span.priceshortcode{
background-color: var(--b-color2);
position: absolute;
top: 15px;
right: 13px;
padding: 5px 0 5px 10px;
color: var(--white-c);
font-weight: bold;
}
.price_div span.priceshortcode:after{
content: "";
width: 1px;
height: 0;
border-bottom: 17px solid var(--b-color2);
border-right: 11px solid transparent;
top: -17px;
position: absolute;
left: 83px;
z-index: -1;
}
.price_div .amount{
color: var(--white-c) !important;
padding-right: 10px;
}
.feature-type span {
display: block;
font-weight: bold;
color: var(--global-c1);
} .eventpost_meta i{
color: var(--b-color2);
}
.eventpost_meta, .event-title{
padding: 0 10px;
}
.eventpost_meta span,.eventpost_meta p{
font-size: 12px;
}
.eventpost_meta p{
display: inline-block;
}  .view {
width: 100%;
height: 100%;
float: left;
overflow: hidden;
position: relative;
text-align: center;
cursor: default;
}
.view .mask,.view .content { 
width: 100%;
height: 100%;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
}
.view img {
display: block;
position: relative;
width:100%;
}
.second-effect .mask {
opacity: 0;
overflow:visible;
border:0px solid rgba(0,0,0,0.7);
box-sizing:border-box;
transition: all 0.4s ease-in-out;
}
.second-effect:hover .mask {
opacity: 1;
}
.second-effect:hover a.info {
opacity:1;
transform:scale(1,1);
transition-delay:0.3s;
}
#gallery p{
text-align:center;
font-size: 35px;
}
.single-post .gallery-image img {
height: 150px;
}
.gallery-image img{
height:auto;
width:100%;
}
.gallery_img{
width: 100%;
height: 100%;
}
#TB_ajaxContent{
padding: 1% !important;
width:auto !important; 
height:auto !important;
}
#TB_ajaxWindowTitle{
text-align:center;
color: var(--global-c1);
text-transform: capitalize;
} figure.gallery-item {
width: 20%;
float: left;
}
.gallery-image {
height: 100%;
padding: 0;
}
.view img {
display: block;
position: relative;
width:100%;
height:auto;
}
.bwt_img {
height: 100%;
width: 100%;
}
.view a.info {
background: url(//globalsolution.in/wp-content/themes/vw-school-pro/assets/css/main-css/assets/images/link.png) center no-repeat;
display: inline-block;
text-decoration: none;
padding: 0;
text-indent: -9999px;
width: 50px;
height: 50px;
top: 43%;
transform: translate(-50%);
border-radius: 50%;
}
.second-effect a.info {
position:relative;
opacity:0;
transform:scale(0,0);
transition: transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
outline:none;
}
.second-effect:hover .mask {
opacity: 1;
background: rgba(0, 0, 0, 0.5);
}
.second-effect:hover a.info {
opacity:1;
transform:scale(1,1);
transition-delay:0.3s;
}
.secondry-menu ul {
padding: 50px 0;
margin: 0;
text-align: center;
}
.secondry-menu li {
display: inline-block;
padding: 5px 25px;
}
.secondry-menu li a {
color: #929292 !important;
font-size: 14px;
font-family: var(--font-5);
text-transform: uppercase;
font-weight: bold;
}
.secondry-menu li a:hover {
color: #ffbf43;
}
.row-eq-height > [class^=col] {
display: flex;
flex-direction: column;
}
.head-inner.text-center {
max-width: 700px;
margin: 0 auto;
width: 100%;
}
#TB_window {
position: fixed;
background-color: var(--white-c);
z-index: 100050;
visibility: hidden;
text-align: left;
top: 50%;
left: 50%;
-webkit-box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
transform: translate(-50%,-50%);
margin: 0 !important;
}
#school_gallery .row{
margin: 0;
} .team-socialbox {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
opacity: 0;
transition: .5s ease;
background-color: rgba(0, 43, 70, 0.3);
}
.inner_socio {
color: white;
font-size: 20px;
position: absolute;
top: 50%;
transform: translateY(-50%);
-ms-transform: translateY(-50%);
text-align: center;
width: 100%;
}
.team_wrap:hover .team-socialbox{
opacity: 1;
}
.team-image {
position: relative;
}
.inner_socio a {
color: #264359;
margin: 5px;
padding: 8px 12px;
background-color: var(--white-c);
border-radius: 50%;
}
.inner_socio a i {
width: 20px;
text-align: center;
font-size: 14px;
}
.inner_socio a:hover,.team_wrap:hover .team-box{
background-color: var(--b-color2);
}
.inner_socio a:hover i,.team_wrap:hover .team-box p, .team_wrap:hover .team-box h4 a{
color: var(--white-c);
}
.team-box {
background-color: var(--off-blue);
padding: 0 10px;
padding-bottom: 1px;
}
.team_wrap .team-image img{
width:100% !important;
} #testimonials {
background-color: var(--global-c1);
}
#testimonials h2, #testimonials p{
color: var(--white-c);
}
#testimonials .fancy-title {
margin: 0 auto;
}
.inner-test-bg{
background-repeat: no-repeat;
background-size: 100% 100%;
}
.inner-test-bg .short_text {
max-width: 70%;
color: var(--white-c);
font-size: 20px;
font-weight: bold;
font-style: italic;
margin: 0 auto;
}
.testimonial_box img {
width: 100px !important;
border-radius: 50%;
}
#testimonials .owl-carousel .owl-item img{
width: 125px !important;
height: 115px !imporwidth: 125px !important;
height: 115px;width: 125px !important;
height: 115px !important;
}
#testimonials button.owl-prev {
position: absolute;
left: 0;
background: var(--gray-33);
border: none;
padding: 10px;
}
#testimonials button.owl-next {
position: absolute;
right: 0;
background: var(--gray-33);
border: none;
padding: 10px;
}
#testimonials button.owl-next i, #testimonials button.owl-prev i{
color: var(--white-c);
}
#testimonials .testimonial_box {    
padding: 20px;
}
#testimonials .owl-dots {
text-align: center;
display: block;
}
#testimonials button.owl-dot {
width: 10px;
height: 10px;
margin: 2px;
background-color: transparent;
border: solid 2px var(--white-c);
border-radius: 50%;
}
#testimonials button.owl-dot.active {
background-color: var(--b-color2);
border: solid 2px var(--b-color2);
}
#testimonials button:focus {
outline: inherit !important;
}
#testimonials h4.testimonial_name a {
color: var(--b-color2);
font-weight: bold;
font-style: italic;
} #choosevideo {
padding: 40px 0;
}
.why-choose-box {
padding: 25px 0;
}
.choose-box-icon {
border: solid;
text-align: center;
background-color: var(--white-c);
border: solid 1px var(--off-white);
width: 65px;
height: 65px;
}
.choose-box-icon:hover {
background-color: var(--b-color2);
border: solid 2px var(--b-color2) ;
}
.choose-box-icon i {
padding: 14px;
color: var(--b-color2);
font-size: 30px;
}
.choose-box-icon:hover i {
color: var(--white-c);
}
.choose-box-content h4, .choose-box-content p{
color: var(--global-c1);
font-weight: bold;
font-size: 24px;
padding: 0;
margin-bottom: 10px; 
} #our_partners .owl-carousel {
padding: 0;
}
#our_partners .owl-dots {
text-align: center;
margin-top: 30px;
}
.partners_inner {
background-color: var(--b-color2);
position: relative;
top: 5em;
}
#our_partners button.owl-dot {
width: 12px;
height: 12px;
margin: 2px;
background-color: var(--white-c);
border: solid 2px var(--global-c1);
}
#our_partners button.owl-dot.active {
background-color: var(--b-color2);
border: solid 2px var(--b-color2);
}
#our_partners button:focus {
outline: inherit !important;
} #latest_post .welcome-heading {
padding: 0;
}
.latest_post_text {
padding: 20px; 
}
.latest_post_text i{
color: var(--b-color2);
}
h3.latest_post_name {  
margin: 0;
padding: 0;
}
h3.latest_post_name a {
font-size: 24px;
font-weight: bold;
text-transform: uppercase;
}
.tags{
padding: 25px 0 15px;
text-transform: uppercase;  
}
.tags a{
text-transform: capitalize;
border: solid 1px #66686b;
padding: 3px 15px;
border-radius: 15px;
color: #66686b;
margin: 2px 5px;
display: inline-block;
}
.discover-btn {
border-left: solid 5px var(--b-color2);
margin: 20px 0 0;
}
.discover-btn a {
color: var(--global-c1);
font-size: 16px;
font-weight: bold;
padding-left: 10px;
}
.discover-btn a:hover {
color: var(--b-color2);
}
#latest_post .owl-dots {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%)
}
#latest_post button.owl-dot {
width: 12px;
height: 12px;
margin: 2px;
background-color: var(--white-c);
border: solid 2px var(--global-c1);
display: block;
margin: 5px auto;
}
#latest_post button.owl-dot.active {
background-color: var(--b-color2);
border: solid 2px var(--b-color2);
}
#latest_post button:focus {
outline: inherit !important;
} .owl-carousel .owl-item img {
width: auto !important;
margin: 0 auto;
}
button.owl-prev, button.owl-next {
background: var(--off-blue);
border:none;
padding: 6px 12px;
margin: 5px;
}
.owl-nav {
position: absolute;
top: -23%;
right: 0px;
width: 5%;
}
.owl-nav .owl-prev i {
color: var(--global-c1);
}
.owl-next i {
color: var(--b-color2);
}
#courses button.owl-prev,#courses button.owl-next{
background-color: var(--white-c);
}
#events .owl-nav {
top: -40%;
}