@charset "UTF-8";
/* CSS Document - Silicon Valley International School */

/* fonts */

/* Webfont: MabryPro-Bold */@font-face {
    font-family: 'MabryProBold';
    src: url('font/MabryPro-Bold.woff') format('woff'); /* Modern Browsers */
    font-style: normal;
    font-weight: bold;
    text-rendering: optimizeLegibility;
}

/* Webfont: MabryPro-Black */@font-face {
    font-family: 'MabryProBlack';
    src: url('font/MabryPro-Black.woff') format('woff'); /* Modern Browsers */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: MabryPro-Light */@font-face {
    font-family: 'MabryProLight';
    src: url('font/MabryPro-Light.woff') format('woff'); /* Modern Browsers */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: MabryPro-Medium */@font-face {
    font-family: 'MabryProMedium';
    src: url('font/MabryPro-Medium.woff') format('woff'); /* Modern Browsers */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: MabryPro-Medium */@font-face {
    font-family: 'MabryProRegular';
    src: url('font/MabryPro-Regular.woff') format('woff'); /* Modern Browsers */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

body, div, h1, h2, h3, span, p {
			}
/* fullscreen */
			
body {
	margin-top: 0px;
	margin-right: 15px;
	margin-left: 15px;
	margin-bottom: 0px;
    font-family: 'MabryProRegular';
	font-weight: 400;
	background-color: #f6f8f9;
}

/* fix for scroll bars on webkit & >=Mac OS X Lion */ 
			::-webkit-scrollbar {
				background-color: rgba(0,0,0,0.5);
				width: 0.75em;
			}
			::-webkit-scrollbar-thumb {
    			background-color:  rgba(255,255,255,0.5);
			}
			
		
/* general text */	


.spintitles, .thumbtitles, .thumb_spintitles, .thumb_spintitles span {
	font-size: 24px !important;
}


.spintitles {
	
    font-family: 'MabryProRegular' !important;
	color:  #595957 !important;
	box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
	text-transform: lowercase !important;
	line-height: 1.2 !important;

}

.spintitles span {
    font-family: 'MabryProBold';

}

.thumbtitles {
    font-family: 'MabryProRegular' !important;
	color:  #595957 !important;
	box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
}

.thumb_spintitles {
    font-family: 'MabryProRegular' !important;
    text-transform: lowercase !important;
}

.thumb_spintitles span {
    font-family: 'MabryProBold' !important;
}

.thumbchooser {
	font-size: 30px !important;
    font-family: 'MabryProRegular' !important;
}

.thumbchooser_on {
	font-size: 30px !important;
    font-family: 'MabryProBold' !important;
}

.thumbchooser_sm {
	font-size: 18px !important;
    font-family: 'MabryProRegular' !important;
}


#mediagallery {
	color: #c32033;
	font-weight: 400;
	font-size: 24px;
    font-family: 'MabryProRegular' !important;

    }

#text {
	margin-left: 0px;
	margin-right: 0px;
}


/* popup text styles */

#textbox {
	margin: 40px 40px 0px 40px;
	background-color: #ffffff;
}

#textbox h3 {
	color: #18ab20;
    font-family: 'MabryProBold' !important;
	font-size: 21pt;
	line-height: 21pt;
	margin: 0px 0px 0px 0px;
	text-transform: lowercase !important;
	}

#textbox h4 {
	color: #18ab20;
    font-family: 'MabryProLight';
	font-size: 21pt;
	line-height: 21pt;
	margin: 20px 0px 0px 0px;
	text-transform: lowercase !important;
	}	
			
#textbox p {
	color: #595957;
	font-family: 'MabryProRegular' !important;
	font-size: 13pt;
	line-height: 19pt;
	}

#textbox li {
	margin-left: 50px;
	}
#textbox ul {
	margin-top: 0px;
	color: #ffffff;
	}

/* splash */

.splashbubble {
	font-size: 19px !important;

}

.flexFont {
    height:10vw !important;
    width:100%;
    padding:0%;
    margin: 0px;
    border-radius: 6em !important;
}

/* popups */

.lightbox {

	background-color: rgb(33, 33, 32, .8) !important;
}


.framebox {
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}




/* buttons  */

.buttons {

	background-color:  #18ab20 !important;
	border: 0px solid #ffffff !important;
	border-radius: 20px !important;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

/*.buttonicons {
	filter: brightness(0) saturate(100%) invert(66%) sepia(68%) saturate(399%) hue-rotate(32deg) brightness(95%) contrast(100%);
	  use https://angel-rs.github.io/css-color-filter-generator/ to find filter for desired HEX   */
}

.svghover {
	transition: all .5s ease;
}

.svghover:hover {
    transform: scale(1.2);
    
}




/* markers */

.marker_normal {
	background-color:  #000000 !important;
	border: 2px solid #ffffff !important;
	border-radius: 100px !important;
	transition: background-color .5s ease  !important;
	transition: all .5s ease  !important;
}

.marker_normal:hover, .marker_normal:focus{
	background-color:  #8c8c82 !important;
	transform: scale(1.1) !important;
}

.marker_active {
	background-color:  #000000 !important;
	border: 2px solid #b4ff0c !important;
	border-radius: 100px !important;
}

.marker_active:hover, .marker_active:focus{
	transform: scale(1.1) !important;
	transition: all .5s ease  !important;
}




/* social media buttons */

				
#socialbuttons {
	display: none;
	padding-left: 18px;
	padding-right: 18px;
	padding-bottom: 20px;
	padding-top: 4px;
	text-align: center;
	background-color: #ffffff;
	width: 300px !important;
	height: 140px !important;	
}


#socialbuttons p {
	color: #18ab20;
	font-size: 22px;
    font-family: 'MabryProMedium';
}

#socialbuttons a {
margin-left: 1px;
margin-right: 1px;
}

.a2a_kit {
	position: absolute !important;
	top: 70px !important;
}

.a2a_follow {
	left: 230px !important;
}

/*  fancybox background and caption in the slideshows  */



.fancybox-close:hover {

    transform: scale(1.2);
    transition: all .2s ease-in-out;
}

.fancybox-nav span:hover {

    transform: scale(1.2);
    transition: all .2s ease-in-out;
}


#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: #000000;
}


/* animation of svg */

.svg:hover { 
	transform: scale(1.2); 
	transition: all .2s ease-in-out;
}


.content {
	color:#777; 
	width:100%;
}


/* video QA bubbles */

.video1 {
font-size: 16px !important;
background-color: #b4ff0c !important;
color: #595957 !important;

}

.video1a {
background-image: url(testimonials/rollovers/Why-INTL.png);
background-size: cover;
background-position: center;
}


.video2 {
font-size: 16px !important;
background-color: #47ffff !important;
color: #595957 !important;
}

.video2a {
background-image: url(testimonials/rollovers/INTL-Community.png);
background-size: cover;
background-position: center;
}

.video3 {
font-size: 16px !important;
background-color: #e5e5e0 !important;
color: #595957 !important;
}

.video3a {
background-image: url(testimonials/rollovers/2-language-perspective.png);
background-size: cover;
background-position: center;
}

.video4 {
font-size: 16px !important;
background-color: #b4ff0c !important;
color: #595957 !important;
}

.video4a {
background-image: url(testimonials/rollovers/IB-Perspective-INTL-Trip.png);
background-size: cover;
background-position: center;
}

.video5 {
font-size: 16px !important;
background-color: #47ffff !important;
color: #595957 !important;
}

.video5a {
background-image: url(testimonials/rollovers/Adapt.png);
background-size: cover;
background-position: center;
}

.video6 {
font-size: 16px !important;
background-color: #e5e5e0 !important;
color: #595957 !important;
}

.video6a {
background-image: url(testimonials/rollovers/IB-Unique-EE.png);
background-size: cover;
background-position: center;
}

.video7 {
font-size: 16px !important;
background-color: #b4ff0c !important;
color: #595957 !important;
}

.video7a {
background-image: url(testimonials/rollovers/English-be-behind.png);
background-size: cover;
background-position: center;
}

.video8 {
font-size: 16px !important;
background-color: #47ffff !important;
color: #595957 !important;
}

.video8a {
background-image: url(testimonials/rollovers/Explain-TOK-INTL-Trip.png);
background-size: cover;
background-position: center;
}

.video9 {
font-size: 16px !important;
background-color: #e5e5e0 !important;
color: #595957 !important;
}

.video9a {
background-image: url(testimonials/rollovers/TOK-valuable-favorite-experience.png);
background-size: cover;
background-position: center;
}

.video10 {
font-size: 16px !important;
background-color: #b4ff0c !important;
color: #595957 !important;
}

.video10a {
background-image: url(testimonials/rollovers/IB-Unique-EE.png);
background-size: cover;
background-position: center;
}

.video11 {
font-size: 16px !important;
background-color: #47ffff !important;
color: #595957 !important;
}

.video11a {
background-image: url(testimonials/rollovers/Explain-TOK-INTL-Trip.png);
background-size: cover;
background-position: center;
}

.video12 {
font-size: 16px !important;
background-color: #e5e5e0 !important;
color: #595957 !important;
}

.video12a {
background-image: url(testimonials/rollovers/IB-Perspective-INTL-Trip.png);
background-size: cover;
background-position: center;
}


.video13 {
font-size: 16px !important;
background-color: #b4ff0c !important;
color: #595957 !important;
}

.video13a {
background-image: url(testimonials/rollovers/INTL-Activities.png);
background-size: cover;
background-position: center;
}

.video14 {
font-size: 16px !important;
background-color: #47ffff !important;
color: #595957 !important;
}

.video14a {
background-image: url(testimonials/rollovers/After-School-Activities.png);
background-size: cover;
background-position: center;
}

.video15 {
font-size: 16px !important;
background-color: #e5e5e0 !important;
color: #595957 !important;
}

.video15a {
background-image: url(testimonials/rollovers/Explain-TOK-INTL-Trip.png);
background-size: cover;
background-position: center;
}


/* photo bubbles */

.photos1 {
font-size: 16px !important;
background-color: #b4ff0c !important;
color: #595957 !important;

}

.photos1a {
background-image: url(photos/rollovers/Welcome.jpg);
background-size: cover;
background-position: center;
}


.photos2 {
font-size: 16px !important;
background-color: #47ffff !important;
color: #595957 !important;
}

.photos2a {
background-image: url(photos/rollovers/DiscoverWillowsCampus.jpg);
background-size: cover;
background-position: center;
}

.photos3 {
font-size: 16px !important;
background-color: #e5e5e0 !important;
color: #595957 !important;
}

.photos3a {
background-image: url(photos/rollovers/discovercohncampus.jpg);
background-size: cover;
background-position: center;
}

.photos4 {
font-size: 16px !important;
background-color: #b4ff0c !important;
color: #595957 !important;
}

.photos4a {
background-image: url(photos/rollovers/discoverprimaryyearsprogramme.jpg);
background-size: cover;
background-position: center;
}

.photos5 {
font-size: 16px !important;
background-color: #47ffff !important;
color: #595957 !important;
}

.photos5a {
background-image: url(photos/rollovers/ExploreEarlyYearsProgramClassrooms.jpg);
background-size: cover;
background-position: center;
}

.photos6 {
font-size: 16px !important;
background-color: #e5e5e0 !important;
color: #595957 !important;
}

.photos6a {
background-image: url(photos/rollovers/ExploreElementarySchoolClassrooms.jpg);
background-size: cover;
background-position: center;
}

.photos7 {
font-size: 16px !important;
background-color: #b4ff0c !important;
color: #595957 !important;
}

.photos7a {
background-image: url(photos/rollovers/ExploreMiddleSchoolClassroom.jpg);
background-size: cover;
background-position: center;
}

.photos8 {
font-size: 16px !important;
background-color: #47ffff !important;
color: #595957 !important;
}

.photos8a {
background-image: url(photos/rollovers/ExploreHighSchoolClassroom.jpg);
background-size: cover;
background-position: center;
}

.photos9 {
font-size: 16px !important;
background-color: #e5e5e0 !important;
color: #595957 !important;
}

.photos9a {
background-image: url(photos/rollovers/discoverSTEM.jpg);
background-size: cover;
background-position: center;
}

.photos10 {
font-size: 16px !important;
background-color: #b4ff0c !important;
color: #595957 !important;
}

.photos10a {
background-image: url(photos/rollovers/ExploreEarlyYearsOutdoorSpaces.jpg);
background-size: cover;
background-position: center;
}