/*fonts*/
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lato/v17/S6uyw4BMUTPHjxAwXjeu.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lato/v17/S6uyw4BMUTPHjx4wXg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: 'Playfair Display';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/playfairdisplay/v22/nuFvD-vYSZviVYUb_rj3ij__anPXJzDwcbmjWBN2PKdFvXDTbtPY_Q.woff2) format('woff2');
	unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}


/* vietnamese */

@font-face {
	font-family: 'Playfair Display';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/playfairdisplay/v22/nuFvD-vYSZviVYUb_rj3ij__anPXJzDwcbmjWBN2PKdFvXDYbtPY_Q.woff2) format('woff2');
	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}


/* latin-ext */

@font-face {
	font-family: 'Playfair Display';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/playfairdisplay/v22/nuFvD-vYSZviVYUb_rj3ij__anPXJzDwcbmjWBN2PKdFvXDZbtPY_Q.woff2) format('woff2');
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}


/* latin */

@font-face {
	font-family: 'Playfair Display';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/playfairdisplay/v22/nuFvD-vYSZviVYUb_rj3ij__anPXJzDwcbmjWBN2PKdFvXDXbtM.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: 'Anton';
	src: url('fonts/anton-webfont.eot');
	src: url('fonts/anton-webfontd41dd41d.eot?#iefix') format('embedded-opentype'), url('fonts/anton-webfont.html') format('woff2'), url('fonts/anton-webfont-2.html') format('woff'), url('fonts/anton-webfont-3.html') format('truetype'), url('fonts/anton-webfont.svg#antonregular') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'barlow_condensedlight';
	src: url('fonts/barlowcondensed-light-webfont.eot');
	src: url('fonts/barlowcondensed-light-webfontd41dd41d.eot?#iefix') format('embedded-opentype'), url('fonts/barlowcondensed-light-webfont.html') format('woff2'), url('fonts/barlowcondensed-light-webfont-2.html') format('woff'), url('fonts/barlowcondensed-light-webfont-3.html') format('truetype'), url('fonts/barlowcondensed-light-webfont.svg#barlow_condensedlight') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'BarlowCondensedBold';
	src: url('fonts/barlowcondensed-bold-webfont.eot');
	src: url('fonts/barlowcondensed-bold-webfontd41dd41d.eot?#iefix') format('embedded-opentype'), url('fonts/barlowcondensed-bold-webfont.html') format('woff2'), url('fonts/barlowcondensed-bold-webfont-2.html') format('woff'), url('fonts/barlowcondensed-bold-webfont-3.html') format('truetype'), url('fonts/barlowcondensed-bold-webfont.svg#barlow_condensedbold') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'BarlowCondensedBold';
	src: url('fonts/barlowcondensed-semibold-webfont.eot');
	src: url('fonts/barlowcondensed-semibold-webfontd41dd41d.eot?#iefix') format('embedded-opentype'), url('fonts/barlowcondensed-semibold-webfont.html') format('woff2'), url('fonts/barlowcondensed-semibold-webfont-2.html') format('woff'), url('fonts/barlowcondensed-semibold-webfont-3.html') format('truetype'), url('fonts/barlowcondensed-semibold-webfont.svg#barlow_condensedsemibold') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Avenir LT Std';
	src: url('fonts/AvenirLTStd-Black.eot');
	src: url('fonts/AvenirLTStd-Blackd41dd41d.eot?#iefix') format('embedded-opentype'), url('fonts/AvenirLTStd-Black.html') format('woff2'), url('fonts/AvenirLTStd-Black-2.html') format('woff'), url('fonts/AvenirLTStd-Black-3.html') format('truetype'), url('fonts/AvenirLTStd-Black.svg#AvenirLTStd-Black') format('svg');
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Avenir LT Std 45 Book';
	src: url('fonts/AvenirLTStd-Book.eot');
	src: url('fonts/AvenirLTStd-Bookd41dd41d.eot?#iefix') format('embedded-opentype'), url('fonts/AvenirLTStd-Book.html') format('woff2'), url('fonts/AvenirLTStd-Book-2.html') format('woff'), url('fonts/AvenirLTStd-Book-3.html') format('truetype'), url('fonts/AvenirLTStd-Book.otf') format('opentype'), url('fonts/AvenirLTStd-Book.svg#AvenirLTStd-Book') format('svg');
	font-weight: 350;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-00FE;
	font-display: swap;
}

@font-face {
	font-family: 'Anton';
	src: url('fonts/anton/Anton.eot');
	src: url('fonts/anton/Anton.eot') format('embedded-opentype'), url('../errors/404/index.html') format('woff2'), url('../errors/404/index.html') format('woff'), url('fonts/anton/Anton.html') format('truetype'), url('fonts/anton/Anton.svg#Anton') format('svg');
	font-display: swap;
}

@font-face {
	font-family: 'AvenirLTStdBlack';
	src: url('fonts/AvenirLTStdBlack/AvenirLTStdBlack.eot');
	src: url('fonts/AvenirLTStdBlack/AvenirLTStdBlack.eot') format('embedded-opentype'), url('fonts/AvenirLTStdBlack/AvenirLTStdBlack.html') format('woff2'), url('fonts/AvenirLTStdBlack/AvenirLTStdBlack-2.html') format('woff'), url('fonts/AvenirLTStdBlack/AvenirLTStdBlack-3.html') format('truetype'), url('fonts/AvenirLTStdBlack/AvenirLTStdBlack.svg#AvenirLTStdBlack') format('svg');
	font-display: swap;
}

@font-face {
	font-family: 'AvenirLTStdBook';
	src: url('fonts/AvenirLTStdBook/AvenirLTStdBook.eot');
	src: url('fonts/AvenirLTStdBook/AvenirLTStdBook.eot') format('embedded-opentype'), url('fonts/AvenirLTStdBook/AvenirLTStdBook.html') format('woff2'), url('fonts/AvenirLTStdBook/AvenirLTStdBook-2.html') format('woff'), url('fonts/AvenirLTStdBook/AvenirLTStdBook-3.html') format('truetype'), url('fonts/AvenirLTStdBook/AvenirLTStdBook.svg#AvenirLTStdBook') format('svg');
	font-display: swap;
}

@font-face {
	font-family: 'BarlowCondensedBold';
	src: url('fonts/BarlowCondensedBold/BarlowCondensedBold.eot');
	src: url('fonts/BarlowCondensedBold/BarlowCondensedBold.eot') format('embedded-opentype'), url('fonts/BarlowCondensedBold/BarlowCondensedBold.html') format('woff2'), url('fonts/BarlowCondensedBold/BarlowCondensedBold-2.html') format('woff'), url('fonts/BarlowCondensedBold/BarlowCondensedBold-3.html') format('truetype'), url('fonts/BarlowCondensedBold/BarlowCondensedBold.svg#BarlowCondensedBold') format('svg');
	font-display: swap;
}

@font-face {
	font-family: 'BarlowCondensedLight';
	src: url('fonts/BarlowCondensedLight/BarlowCondensedLight.eot');
	src: url('fonts/BarlowCondensedLight/BarlowCondensedLight.eot') format('embedded-opentype'), url('fonts/BarlowCondensedLight/BarlowCondensedLight.html') format('woff2'), url('fonts/BarlowCondensedLight/BarlowCondensedLight-2.html') format('woff'), url('fonts/BarlowCondensedLight/BarlowCondensedLight-3.html') format('truetype'), url('fonts/BarlowCondensedLight/BarlowCondensedLight.svg#BarlowCondensedLight') format('svg');
	font-display: swap;
}

@font-face {
	font-family: 'BarlowCondensedSemiBold';
	src: url('fonts/BarlowCondensedSemiBold/BarlowCondensedSemiBold.eot');
	src: url('fonts/BarlowCondensedSemiBold/BarlowCondensedSemiBold.eot') format('embedded-opentype'), url('fonts/BarlowCondensedSemiBold/BarlowCondensedSemiBold.html') format('woff2'), url('fonts/BarlowCondensedSemiBold/BarlowCondensedSemiBold-2.html') format('woff'), url('fonts/BarlowCondensedSemiBold/BarlowCondensedSemiBold-3.html') format('truetype'), url('fonts/BarlowCondensedSemiBold/BarlowCondensedSemiBold.svg#BarlowCondensedSemiBold') format('svg');
	font-display: swap;
}


/*fonts font-family: 'Open Sans', sans-serif; font-family: 'Poppins', sans-serif;*/


/*Reset CSS*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline
}


/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block
}

ol,
ul {
	list-style: none
}

blockquote,
q {
	quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

a {
	color: #242e42;
	text-decoration: none;
	outline: none;
	transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
}

a:hover {}

strong {
	font-weight: bold
}

html {}

body {
	background: #f6f8f9 fixed !important;
	  font-family: 'Lato';
	font-weight: normal;
	color: #111;
	font-size: 18px;
	line-height: 32px;
	letter-spacing: 0px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


/*Reset CSS end*/


/*global classes*/

*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-ms-word-break: keep-all;
	word-break: keep-all;
	-webkit-word-break: keep-all;
	-moz-word-break: keep-all;
	word-wrap: break-word;
}

*,
*:focus {
	outline: none;
}

img {}

.wrapper {}

.container {
	margin: 0 auto;
	width: 96%;
}

.clear,
.clearboth {
	clear: both
}

.clear10 {
	clear: both;
	height: 10px
}

.clear20 {
	clear: both;
	height: 20px
}

.clumn {
	width: 198px;
	float: left
}

.fl {
	float: left !important;
}

.fr {
	float: right !important;
}

.text-right {
	text-align: right !important
}

.text-left {
	text-align: left !important
}

.text-center {
	text-align: center !important
}

h1,
h2,
h3,
h4,
h5,
h6 {}

.BgColor2 {
	background: linear-gradient(to right, #0f0c29, #302b63, #24243e);
}

.BgColor3 {
	background: #fff;
}


/*Form*/


/*form tag*/

textarea {
	height: 170px;
	resize: none;
}

.input-checkbox input[type="checkbox"] {
	display: none
}

.input-checkbox input[type="checkbox"]+label i {
	width: 17px;
	height: 16px;
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	background-image: url(../errors/404/index.html);
	vertical-align: middle;
	z-index: 1;
}

.input-checkbox input[type="checkbox"]:checked+label i {
	background-position: 0 -16px
}

.input-checkbox input[type="checkbox"]+label {
	position: relative;
	text-align: left;
	color: #a2a2a2;
	font-size: 14px;
	padding: 0;
	cursor: pointer;
	padding-left: 25px
}

.input-radio input[type="radio"] {
	display: none
}

.input-radio input[type="radio"]+label i {
	width: 12px;
	height: 12px;
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	background-image: url(../errors/404/index.html);
	vertical-align: middle;
	z-index: 1;
}

.input-radio input[type="radio"]:checked+label i {
	background-position: 0 -12px
}

.input-radio input[type="radio"]+label {
	position: relative;
	text-align: left;
	color: #a2a2a2;
	font-size: 14px;
	padding: 0;
	cursor: pointer;
	padding-left: 25px
}


/*Form Tag end*/


/*Common Buttons*/

input[type=button],
input[type=submit],
input[type=reset],
a.box-btn,
button.box-btn {
	display: inline-block;
	background-color: #555555;
	border: #555555 solid 1px;
	cursor: pointer;
	padding: 18px 20px 12px 20px;
	color: #fff;
	transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	vertical-align: middle;
	text-decoration: none;
	text-align: center;
	outline: none;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	font: 14px 'Josefin Sans', sans-serif;
	text-transform: uppercase
}

input[type=button]:hover,
input[type=submit]:hover,
input[type=reset]:hover,
a.box-btn:hover,
button.box-btn:hover,
input[type=button].active,
input[type=submit].active,
input[type=reset].active,
a.box-btn.active,
button.box-btn.active {
	background-color: transparent;
	border-color: #555555;
	color: #323232
}

input[type=button].secondary-btn,
input[type=submit].secondary-btn,
input[type=reset].secondary-btn,
a.box-btn.secondary-btn,
button.box-btn.secondary-btn {
	background-color: transparent;
	color: #353535;
	border: #555555 solid 1px;
}

input[type=button].secondary-btn:hover,
input[type=submit].secondary-btn:hover,
input[type=reset].secondary-btn:hover,
a.box-btn.secondary-btn:hover,
button.box-btn.secondary-btn:hover,
input[type=button].secondary-btn.active,
input[type=submit].secondary-btn.active,
input[type=reset].secondary-btn.active,
a.box-btn.secondary-btn.active,
button.box-btn.secondary-btn.active {
	background-color: #555555;
	color: #fff
}

input[type=button].tertiary-btn,
input[type=submit].tertiary-btn,
input[type=reset].tertiary-btn,
a.box-btn.tertiary-btn,
button.box-btn.tertiary-btn {
	background-color: transparent;
	color: #1698a4;
	border-color: transparent
}

input[type=button].tertiary-btn:hover,
input[type=submit].tertiary-btn:hover,
input[type=reset].tertiary-btn:hover,
a.box-btn.tertiary-btn:hover,
button.box-btn.tertiary-btn:hover,
input[type=button].tertiary-btn.active,
input[type=submit].tertiary-btn.active,
input[type=reset].tertiary-btn.active,
a.box-btn.tertiary-btn.active,
button.box-btn.tertiary-btn.active {
	background-color: transparent;
	color: #555555;
	border-color: transparent
}


/*Common buttons end*/

.form-layout {}

.form-layout .form-row {}

.form-row .form-field {
	padding-bottom: 30px;
}

.input-type-select {
	border: 1px solid #d9d8d9;
	overflow: hidden;
	position: relative;
	color: #353535
}

.input-type-select select {
	color: #353535
}

.input-type-select:after {
	background: url("../errors/404/index.html") no-repeat scroll center center;
	content: "";
	display: block;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	width: 41px;
	z-index: 99;
	cursor: pointer;
	pointer-events: none;
	-ms-pointer-events: none;
	-webkit-pointer-events: none;
	content: '';
}

.form-row .form-field .input-group label {
	display: block;
	padding-bottom: 10px;
	color: #626262
}

.form-row .form-field .error span {
	color: #cc465e;
	display: block;
	padding-top: 8px;
	font-size: 12px;
	font-weight: 300
}

.form-row .form-field .error input {
	border-color: #cc465e
}


/*form end*/


/*hack for mozzila */

@-moz-document url-prefix() {}


/*Global Classes End*/


/*List*/

ul.list {}

ul.list li {}

ul.bullet {
	margin-left: 0
}

ul.bullet li {
	background: url(../images/bullet2.png);
	background-position-x: 0%;
	background-position-y: 0%;
	background-repeat: repeat;
	background-position: 5px 5px;
	background-repeat: no-repeat;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 20px;
}

ul.bullet.list li {
	background-image: url(../images/bullet1.png);
	background-position: 5px 10px
}


/*list end*/

::-webkit-input-placeholder {
	opacity: 1;
	color: #a7a6a6
}

::-moz-placeholder {
	opacity: 1;
	color: #a7a6a6
}

:-ms-input-placeholder {
	opacity: 1;
	color: #a7a6a6
}

input:-moz-placeholder {
	opacity: 1;
	color: #a7a6a6
}

.dis-table {
	display: table;
	width: 100%;
	height: 100%;
}

.dis-tablecell {
	display: table-cell;
	vertical-align: middle;
	height: 100%;
	width: 100%;
}

.align-self-center {
	align-self: center
}

.justify-content-between {
	justify-content: space-between;
}

.flex-fill {
	flex-grow: 1;
	flex-basis: 0;
}


/*Home Page*/


/*Home First Section*/

.top-right-box {
	background: #fff;
	color: #0c0f30;
	font-family: 'BarlowCondensedBold';
	font-size: 20px;
	text-transform: uppercase;
	padding: 25px 15px 25px 15px;
	position: absolute;
	right: 18%;
	top: 0px;
	cursor: pointer;
	z-index: 1000;
	text-align: center;
	z-index: 99999;
}

.top-right-box a {
	color: #0c0f30;
}

.top-right-box a:hover {
	color: #0c0f30;
}

.top-right-box:after {
	content: "";
	position: absolute;
	border-style: solid;
	border-width: 35px 68px 0px 0;
	border-color: #fff transparent transparent;
	left: 0;
	bottom: -34px;
}

.top-right-box::before {
	content: "";
	position: absolute;
	border-style: solid;
	border-width: 35px 0px 0px 68px;
	border-color: #fff transparent transparent;
	right: 0;
	bottom: -34px;
}

.admission-logo {
	position: absolute;
	right: 18%;
	top: 0px;
	cursor: pointer;
	z-index: 1000;
	text-align: center;
	z-index: 9999;
}

.admission-menu {
	font-family: 'BarlowCondensedLight';
	margin-top: 50px;
	padding: 10px;
	width: 80%!important;
	display: inline-block!important;
	background: #fff;
	color: #20409a!important;
	border-radius: 4px;
	/*animation: bounce 1.5s linear infinite;*/
}

.mainheadersection1 {
	width: 100%;
	height: 100vh;
	position: relative;
	z-index: 999;
	overflow-y: hidden;
}

.mainheadersecimg {
	width: 100%;
	height: calc(100vh - 70px);
	position: absolute;
	z-index: 91;
}

.mainheadersecimg li div span {
	color: #fff;
	font-family: 'Conv_AVENIRLTSTD-MEDIUM_1';
	font-size: 30px;
	line-height: 30px;
	letter-spacing: 2px;
	margin-top: 10px;
	display: inline-block;
}

.headertext1 {
	position: relative;
	width: 100% !important;
	text-align: center;
}

.headertext1 img {
	text-align: center;
	margin: 0 auto;
	margin-top: 22%;
}

.headertext1 img:nth-child(2) {
	text-align: center;
	margin: 0 auto;
	margin-top: 0%;
	width: 200px;
}

.locatePh {
	vertical-align: text-bottom;
	margin-right: 5px;
	float: left;
}

.webicon {
	display: block;
	text-align: right !important;
	width: 100%;
	margin-top: 10px;
	clear: both;
}

.webicon img {
	margin: 0px 0 -7px 0;
	text-align: right;
	float: right;
}

.toptodownarrow {
	position: absolute;
	z-index: 9999;
	bottom: 2%;
	text-align: center;
	width: 100%;
	font-size: 40px;
	line-height: 40px;
}

.toptodownarrow a i {
	color: #fff;
}

.topmute {
	position: absolute;
	z-index: 9999;
	bottom: 15px;
	right: 15px;
	text-align: right;
	width: 100%;
	cursor: pointer;
}

.mainBannerAnim {
	width: 100%;
	height: 100vh;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
}

.mainBannerAnim img {
	display: none;
}

.mainBannerAnim1 {
	width: 100%;
	height: 100vh;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
}

.mainBannerAnim1 img {
	display: none;
}

.mainheaderbottomimg {
	width: 100%;
	position: absolute;
	bottom: 0;
	z-index: 999;
}

.mainheaderbottomimg img {
	width: 100%;
	margin-bottom: -10px;
}

.topmain {
	width: 100%;
	position: absolute;
	top: 0;
	z-index: 99;
}

.topmainwrapper {
	width: 1200px;
	margin: 0 auto;
	padding: 0;
}

.logo {
	float: left;
	display: block;
}

.topmenu {
	float: right;
	display: block;
	color: #fff;
	font-family: 'Arvo';
	font-size: 15px;
	margin-top: 50px !important;
}

.topmenu i {
	width: 35px;
	height: 50px;
	line-height: 48px;
	background: #fff;
	color: #264177;
	border-radius: 50%;
	margin: 0;
	padding: 0 0 0 15px;
	font-size: 22px;
}

.bounce {
	animation: bounce 5s infinite;
}

.animate-banner img {
	display: block;
}

.main-top-img .headertext1 img {
	margin-top: 0;
}

.top-header {
	background: rgba(255, 255, 255, 0.3);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 99999;
	padding: 25px 10%;
}

.top-header img {
	width: 200px;
}

.top-right-box {
	background: #fff;
	color: #0c0f30;
	font-family: 'BarlowCondensedBold';
	font-size: 20px;
	text-transform: uppercase;
	padding: 25px 15px 25px 15px;
	position: absolute;
	right: 18%;
	top: 0px;
	cursor: pointer;
	z-index: 1000;
	text-align: center;
	z-index: 99999;
}

.top-right-box a {
	color: #0c0f30;
}

.top-right-box a:hover {
	color: #0c0f30;
}

.top-right-box:after {
	content: "";
	position: absolute;
	border-style: solid;
	border-width: 35px 68px 0px 0;
	border-color: #fff transparent transparent;
	left: 0;
	bottom: -34px;
}

.top-right-box::before {
	content: "";
	position: absolute;
	border-style: solid;
	border-width: 35px 0px 0px 68px;
	border-color: #fff transparent transparent;
	right: 0;
	bottom: -34px;
}

.animate-banner .sticky-box {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
}

.animate-banner .sticky-box img {
	width: 100%;
}

.animate-box {
	overflow: hidden;
}

.main-top-img .headertext1 img {
	/* width: 400px; */
}

.main-top-img .headertext2 img {
	margin-top: 0;
}

.main-top-img .HeaderSlide .schoolicon {
	width: 140px !important;
	margin-top: 0;
}

.HeaderSlide .logo img {
	width: 200px !important;
}

.main-top-img .HeaderSlide .logo img {
	width: 200px;
}

.animate-box img {
	width: 175vw;
	animation-duration: 70s;
	animation-name: slidein;
	animation-iteration-count: infinite;
	transform: translate(-1000px, -500px)
}

.main-top-img .bx-wrapper {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

.hmCentrBx {
	position: absolute;
	left: 0;
	right: 0;
	/* width: 400px; */
	margin: 0 auto;
	top: 36%;
}

.hmCentrBx__text {
	position: absolute;
	left: 0;
	right: 0;
	/* width: 200px; */
	margin: 0 auto;
	bottom: 8%;
}

.logo-img {
	position: absolute;
	left: 0;
	right: 0;
	width: 150px;
	margin: 0 auto;
	top: 15%;
}

@keyframes slidein {
	0% {
		transform: translate(-500px, -200px)
	}
	100% {
		transform: translate(0, 0)
	}
}

.visiable-desktop {
	display: block;
}

.visiable-mobile {
	display: none!important;
}

.euroschool-txt {
	width: 700px!important;
}


@media (max-width: 992px){
    .euroschool-txt {
	width: 350px!important;
}
}
#play-pause-button {
	font-size: 16px;
	cursor: pointer;
	color: #fff;
}
.schooliconlogo {
	-webkit-animation: pulse 2s  infinite;
	-moz-animation: pulse 2s  infinite;
	animation: pulse 2s infinite;
}

@-webkit-keyframes "pulse" {
0% {
    -webkit-transform: scale(5);
    transform: scale(5);
}
50% {
   -webkit-transform: scale(0.5);
   transform: scale(0.5);
}
100% {
    -webkit-transform: scale(5);
   transform: scale(5);
}
}

.schoolicon {
	-webkit-animation: spin 5s linear infinite;
	-moz-animation: spin 5s linear  infinite;
	animation: spin 5s linear infinite;
}




@-moz-keyframes rotation {
	from {
		-webkit-transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg);
	}
}

@-webkit-keyframes rotation {
	from {
		-webkit-transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg);
	}
}

@keyframes rotation {
	from {
		-webkit-transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg);
	}
}

@-moz-keyframes spin {
	100% {
		-moz-transform: rotate(360deg);
	}
}

@-webkit-keyframes spin {
	100% {
		-webkit-transform: rotate(360deg);
	}
}

@keyframes spin {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}


/*Home First Section end*/


/*  Footer   Start */

.footer {
	width: 1200px;
	margin: 0 auto;
	padding: 0;
	color: #fff;
}

.footerlogo {
	position: absolute;
	width: 140px;
	top: 0;
	right: 20%;
}

.footerlogo img {
	width: 100%;
	margin-bottom: -7px;
}

.footer h3 {
	text-align: center;
	font-size: 48px;
	line-height: 68px;
	opacity: 0;
}

.footer h3 span {
	font-family: 'Playfair Display';
	display: block;
	font-size: 80px;
}

.footerColBtn {
	margin: 8% 0;
	text-align: center;
	opacity: 0;
}

.footerColBtn a {
	display: inline-block;
	width: auto;
	background: #901698;
	color: #fff;
	border-radius: 35px;
	font-size: 18px;
	line-height: 24px;
	padding: 10px 30px;
	margin: 0 2%;
}

.footerColBtn a:hover {
	color: #fff;
	background: #75127b;
}

.footerSmallIcons {
	text-align: center;
	font-size: 17px;
	opacity: 0;
	margin-bottom: 100px;
}

.footerSmallIconbx {
	display: inline-block;
	width: auto;
	margin: 0 2%;
}

.footericon {
	width: 40px;
	height: 40px;
	line-height: 40px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
}

.footerSmallIcon1 {
	background: url(../images/footer-icon4.png) no-repeat center top;
}

.footerSmallIcon2 {
	background: url(../images/footer-icon2.png) no-repeat center top;
}

.footerSmallIcon3 {
	background: url(../images/footer-icon1.png) no-repeat center top;
}

.footerSmallIcon4 {
	background: url(../images/footer-icon6.png) no-repeat center top;
}

.footericonbg5 {
	background: url(../images/footer-icon3.png) no-repeat center top;
}

.footerSmallIconbx a span {
	display: inline-block;
	vertical-align: middle;
}

.footerSmallIconbx a,
.footercopy a {
	color: #fff;
}

.footerSmallIconbx a:hover,
.footercopy a:hover {
	color: #2f7fcf;
}

.footercopy {
	text-align: center;
	color: #fff;
	margin-top: 40px;
	opacity: 0;
}

.footerBlock .BgColor3 {
	width: 100%;
	position: absolute;
	bottom: 0px;
}

.footerBotCntr {
	width: 1200px;
	margin: 0 auto;
	padding: 30px 0;
	text-align: center;
}

.fb-left {
	float: left;
	display: block;
	opacity: 0;
	width: 20%;
	text-align: left;
}

.fb-right {
	float: right;
	display: block;
	opacity: 0;
	width: 20%;
	text-align: center;
}

.fb-right span {
	margin: 0 10px;
}

.fbb {
	display: inline-block;
	vertical-align: top;
}

.fbb img {
	width: 50px;
	margin-top: 0px;
	margin-top: -7px;
}

.fbb img:last-child {
	width: 85%;
	display: block;
	margin: 0 auto;
}


/*   Footer End  */


/*  Discover Block */

#discoverbgParalx {
	position: absolute;
	top: 1%;
	left: 0%;
}

.discoverBlock {
	/*background: #fbe9d7;*/
	background: url(../images/discover-bg.jpg) no-repeat center top;
	position: relative;
	z-index: 991;
	overflow-y: hidden;
}

.discoverInfoBx {
	width: 1200px;
	margin: auto;
}

.discovergirl {
	position: absolute !important;
	width: 100%;
	bottom: 80px;
}

.discovergirl img {
	width: 30%;
	bottom: 0%;
	left: 20%;
	position: absolute;
}

.discoverInfoTxt {
	float: right;
	display: block;
	width: 48%;
	text-align: justify;
}

.discoverInfoTxt h1 {
	font-size: 60px;
	line-height: 60px;
	font-family: 'Playfair Display';
	font-weight: 500;
	color: #aa15ad;
	margin-bottom: 20px;
	text-transform: capitalize;
	opacity: 0;
	text-align: left
}

.discoverInfoTxt h1 span {
	font-size: 28px;
	display: block;
}

.discoverInfoTxt p {
	margin-bottom: 20px;
	opacity: 0;
}

.discoverInfoTxt h3 {
	font-family: 'BarlowCondensedBold';
	font-size: 22px;
	display: block;
	margin-bottom: 10px;
	opacity: 0;
}


/*  Discover Block End  */


/* Glance Block   */

.glanceBlock {
	background: url(../images/home-3.jpg) no-repeat center top #000;
	/* background: linear-gradient(to right, #1d4350, #a43931); */
	background-size: cover;
	position: relative;
	z-index: 991;
}

.glanceCntr {
	width: 1100px;
	margin: 0 auto;
	padding: 0;
	color: #fff;
	text-align: center;
}

.glanceCntr h2 {
	font-family: 'Playfair Display';
	font-size: 60px;
	line-height: 60px;
	margin-bottom: 25px;
	text-transform: capitalize;
	font-weight: 500;
	letter-spacing: 1px;
	opacity: 0;
}

.glanceCntr p {
	margin-bottom: 20px;
	text-align: justify;
	opacity: 0;
}

.glanceHeadngTxt {
	font-family: 'Playfair Display';
	font-size: 22px;
	text-align: center !important;
}

.glanceCntr h3 {
	opacity: 0;
}

.glanceCntr h5 {
	text-transform: uppercase;
	line-height: 30px;
}

.glanceCntr h5 span {
	display: block;
	font-family: 'Playfair Display';
	font-size: 44px;
	line-height: 50px;
}

.glanceimgBx {
	display: inline-block;
	vertical-align: middle;
	width: 25%;
	margin: 0 1%;
	opacity: 0;
}

.glanceimgBx a {
	color: #fff;
	position: relative;
	display: block;
	width: 100%;
}

.glanceimgBx a img {
	position: relative;
	margin-bottom: -7px;
	width: 100%;
	z-index: -1;
}

.glanceimgBx a h4 {
	position: absolute;
	top: 42%;
	left: 0;
	width: 100%;
	text-align: center;
	font-size: 22px;
	line-height: 28px;
	font-family: 'BarlowCondensedBold';
}

.glanceimgBx a:hover h4 {
	color: #fff;
	font-size: 26px;
}


/*   Glance Block End  */


/*  Inside Block  */

.insideBlock {
	background: url(../images/home-2.jpg) no-repeat center top;
	background-size: 100% 100%;
	color: #000;
	position: relative;
	z-index: 991;
}

.insideBlock1 {
	background: url(http://euroschoolindia.com/errors/404/index.html) no-repeat center top;
	background-size: cover;
}

.insideBlock2 {
	background: url(http://euroschoolindia.com/errors/404/index.html) no-repeat center top;
	background-size: cover;
}

.insideBlock3 {
	background: url(http://euroschoolindia.com/errors/404/index.html) no-repeat center top;
	background-size: cover;
}

.insideCntr {
	width: 1200px;
	margin: auto;
	padding: auto;
}

.insideCntr h2 {
	display: inline-block;
	vertical-align: middle;
	font-size: 80px;
	line-height: 80px;
	letter-spacing: 1px;
	font-family: 'Playfair Display';
	text-transform: capitalize;
	text-align: left;
	font-weight: 500;
	color: #000;
	opacity: 0;
}

.headingInside {
	display: none !important;
}

.mobileFrameInside {
	display: inline-block;
	vertical-align: middle;
	
	position: relative;
	margin: 0 1%;
	opacity: 0;
}

.mobileFrameInside img:first-child {
	width: 100%;
	position: relative;
	z-index: 4;
}

.mobileFrameInfoImg {
	position: absolute;
	width: 70%;
	left: 13%;
	color: #fff;
	top: 10%;
	z-index: 1;
	font-size: 16px;
	line-height: normal;
}

.mobileFrameInfoImg .NoBullet li {
	background: none !important;
	background-position: 0px !important;
	margin: 0px !important;
	padding: 0px !important;
}

.mobileFrameInside .NoBullet li ul li {
	background: url(../images/arrow.png) !important;
	background-position: 5px 2px !important;
	background-repeat: no-repeat !important;
	margin: 0px 0px 7px 0px !important;
	padding: 0px 0px 7px 28px !important;
}

.mobileFrameInside div h4 {
	text-align: center;
	font-size: 22px;
	margin-bottom: 15px;
	font-family: 'BarlowCondensedBold';
}

.insideInfoBx {
	display: inline-block;
	vertical-align: middle;
	
	text-align: justify;
	opacity: 0;
}

.insideInfoBx p {
	margin-bottom: 40px;
}

.insideInfoBx h3 {
	font-family: 'BarlowCondensedBold';
	display: block;
	margin-bottom: 8px;
	font-size: 24px;
}

.insideInfoBx h6 {
	font-family: 'BarlowCondensedBold';
}

.insideInfoBx li {
	display: inline-block;
	vertical-align: top;
	
	color: #000;
	text-align: center;
}

.insideInfoBx a span {
	display: inline-block;
	width: 80px;
	height: 80px;
	background: #bf0c6f;
	border-radius: 8px;
	margin-bottom: 5px;
}

.insideInfoBx a span img {
	width: 100%;
	padding: 25%;
	margin-bottom: -7px;
}

.insideInfoBx li.slick-current a span img {
	padding: 20%;
}

.insideInfoBx li.slick-current a {
	color: #bf0c6f !important;
}

.pdfFloatbtn {
	position: absolute;
	z-index: 999;
	bottom: 70px;
	right: 30px;
}

#insidePagerBx .slick-list {
	padding: 0 !important
}


/*  Inside Block End  */


/*  Student  Block  */

.studeantBlock {
    background: url(../images/home-1.jpg) no-repeat center top;
	/*background: linear-gradient(to right, #2b5876, #4e4376); */
	background-size: cover;
	position: relative;
	z-index: 991;
}

.studeantbg {
	width: 100%;
	height: 100vh;
	position: absolute;
	display: table-cell;
	vertical-align: middle;
	color: #fff;
	z-index: 99;
	top: 0;
	overflow-y: hidden;
}

.studeantCntr {
	margin: auto;
	padding: auto;
	text-align: center;
	line-height: 30px;
	opacity: 0;
	z-index: 99;
	position: relative;
	color: #fff;
}

.studeantCntr h2 {
	font-size: 80px;
	line-height: 80px;
	margin-bottom: 80px;
	font-family: 'Playfair Display';
	font-weight: 500;
	text-transform: capitalize;
	letter-spacing: px;
}

.leftBlockstud {
	display: inline-block;
	vertical-align: middle;
	width: 58%;
}

.leftBlockstud img {
	width: 100%;
	margin-bottom: -7px;
}

.rytBlockstud {
	display: inline-block;
	vertical-align: middle;
	width: 40%;
	margin-left: 1.5%;
}

.studentIconBx {
	display: inline-block;
	vertical-align: top;
	width: 29%;
	margin: 3% 1.5%;
}

.studentIconBx a {
	color: #fff;
}

.studentIconBx h6 {
	font-size: 20px;
	line-height: 24px;
}

.studentIconBx a.active,
.studentIconBx a:hover {
	color: #6eb6af;
}

.leftBlockstud {
	position: relative
}

.leftBlockstud .slick-dots {
	bottom: -7px;
	text-align: center;
	right: 0px;
}

.leftBlockstud .slick-dots li {
	width: 12px;
	height: 12px;
	background: #75706f;
	border-radius: 50%;
	margin: 0 6px;
	vertical-align: middle
}

.leftBlockstud .slick-dots li.slick-active {
	width: 12px;
	height: 12px;
	background: #fff
}

.leftBlockstud .slick-dots li.slick-active button {
	width: 12px;
	height: 12px;
}

.leftBlockstud .slick-dots li button {
	width: 12px;
	height: 12px;
	padding: 0
}

.leftBlockstud .slick-dots li button::before {
	content: ''
}

.slick-dotted.slick-slider {
	margin-bottom: 0
}


/*  Student  Block End  */


/*Overlay Css for all content*/

.overlayStyle1 .fancybox-close-small,
.overlayStyle2 .fancybox-close-small {
	right: 20px;
	top: 28px;
	border: none;
	outline: none;
	outline-width: 0;
	border-width: 0;
	color: #fff
}

.overlayStyle1 {
	display: none;
	overflow-x: hidden;
	width: 90%;
	max-width: 600px;
	margin: 0 auto;
	background: none;
	font-size: 16px;
	line-height: 26px;
}

.overlayStyle2 {
	display: none;
	overflow-x: hidden;
	width: 90%;
	max-width: 600px;
	margin: 0 auto;
	background: none;
	font-size: 16px;
	line-height: 26px;
}

.overlayStyle1 h3,
.overlayStyle2 h3 {
	font-family: 'Anton';
	font-size: 24px;
	line-height: 30px;
	text-transform: uppercase;
	color: #fff;
	background: #20409a;
	padding: 10px 20px;
	margin: 0;
	text-align: left;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.overlayDescBx {
	background: #fff;
	padding: 20px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.overlayDescBx1 input,
.overlayDescBx1 select {
	background: none;
	border: 0;
	border-bottom: 1px solid #cccccc;
	color: #666 !important;
	width: 100% !important;
	margin: 10px 0;
	padding: 5px 0;
	letter-spacing: 0px;
	font-size: 16px;
	font-family: arial;
}

.overlayDescBx1 select {
	color: #989898 !important;
}

.overlayDescBx1 input[type="submit"] {
	display: block;
	margin: 10px auto 0 auto;
	padding: 12px 0px 10px 0;
	width: 140px;
	background: #097dc5;
	color: #fff !important;
	text-transform: uppercase;
	letter-spacing: 5px;
	border-radius: 20px;
}

.overlayDescBx1 input[type="checkbox"] {
	margin: 0;
	padding: 0;
	line-height: normal;
	width: 20px !important;
	margin-top: 3px;
}

.overlayDescBx2 {
	max-height: 500px;
	overflow-x: hidden;
}

.overlayDescBx2 h4 {
	font-size: 20px;
	line-height: 22px;
	font-family: 'BarlowCondensedBold';
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-bottom: 5px;
	color: #097dc5;
}

.overlayDescBx2 p {
	line-height: 22px;
}

.overlayDescBx2 p span {
	text-transform: uppercase;
	font-size: 18px;
	font-family: 'BarlowCondensedBold';
}

.overlayDescBx2 p a[href^="tel:"] {
	color: #333;
	font-family: 'Anton';
	font-size: 20px;
	line-height: 30px;
}

.overlayDescBx2 hr {
	height: 1px;
	background: #ccc;
	margin: 15px 0;
	border: 0;
	padding: 0;
}

.overlayDescBx2 a {
	color: #000;
}

.spaceBotomp p {
	margin-bottom: 15px;
}

.overlayDescBx3 {
	max-height: 400px;
	overflow-x: hidden;
	overflow-y: scroll;
}

.overlayDescBx3 p {
	margin-bottom: 20px;
}

.overlayDescBx4 p {
	margin-bottom: 10px;
}

.overlayDescBx4 p span:first-child {
	font-family: 'BarlowCondensedBold';
	font-size: 20px;
	display: block;
	margin-top: 5px;
}

.overlayDescBx4 h4 {
	font-family: 'BarlowCondensedBold';
	font-size: 24px;
	color: #20409a;
	margin-bottom: 10px;
}

.overlayDescBx4 h5 {
	font-family: 'BarlowCondensedBold';
	font-size: 22px;
	color: #20409a;
	margin-bottom: 5px;
}

.overlayDescBx4 p span img {
	margin-bottom: -3px;
}

.overlayDescBx5 p {
	margin-bottom: 20px;
}

.studentpop {
	display: none;
	border-radius: 14px;
	width: 250px;
	margin: 0 auto;
	padding: 15px;
	font-size: 20px;
	line-height: 28px;
	background-color: #f7fbaf !important;
}

.studentpop.fancybox-close-small:after {
	color: #1d1b1b;
	border: 0 !important;
	outline: none !important;
	outline-width: 0 !important;
	border-width: 0 !important;
	border-image-width: 0 !important;
}

.withimageTx img {
	vertical-align: middle;
	margin-right: 5px;
	margin-bottom: 0px;
}

.withimageTx p span+span {
	display: inline-block;
	vertical-align: middle;
	padding: 3px 0
}

.withimageTx p {
	margin-bottom: 10px;
}


/*Overlay Css for all content end*/


/*  Parent Block Start  */

.parentConnectBlock {
	background: url(../images/parent-bg.jpg) no-repeat center top;
	background-size: cover;
	position: relative;
	z-index: 991;
}

.pcHoverImages {
	position: absolute;
	bottom: 0px;
	text-align: center;
	width: 100%;
	z-index: 5;
	opacity: 0;
}

.pcMainBigImg {
	width: 442px;
	margin: 0 auto;
	position: relative;
	z-index: 2;
}

.pcMainBigImg img {
	margin-bottom: -8px;
	position: relative;
	width: 100%;
}

@keyframes breath {
	0% {
		transform: scale(1);
	}
	50% {
		transform: scale(2);
	}
	100% {
		transform: scale(1);
	}
}

.pcMainBigImg div {
	position: absolute;
	width: 14px;
	height: 14px;
	/*background: #097dc5;
	border-radius: 50%;*/
	top: 9%;
	left: 38%;
	z-index: 5;
	cursor: pointer;
}

.pcMainBigImg div a {
	animation: breath 3s linear infinite;
	width: 12px;
	height: 12px;
	background: #097dc5;
	border-radius: 50%;
	display: block;
}

.pcMainBigImg div a:hover {
	-webkit-animation: none !important;
	-moz-animation: none !important;
	-o-animation: none !important;
	-ms-animation: none !important;
	animation: none !important;
}

.pcMainBigImg div:nth-child(2) {
	top: 4%;
	left: 63%;
	z-index: 12;
}

.pcMainBigImg div:nth-child(3) {
	top: 27%;
	left: 77%;
	z-index: 10;
}

.pcMainBigImg div .pcMainBxImg2 {
	visibility: hidden;
	position: absolute;
	width: 300px;
	left: 10px;
	bottom: -80px;
	background: none;
	z-index: 99 !important;
}

.pcMainBigImg div:hover .pcMainBxImg2 {
	visibility: visible;
}

.pcMainBigImg div .pcMainBxImg3 {
	visibility: visible !important;
	display: block !important;
	position: absolute;
	width: 300px;
	left: 10px;
	bottom: -80px;
	background: none;
	z-index: 99 !important;
}

.pcMainBigImg div:hover .pcMainBxImg3 {
	visibility: visible !important;
	display: block !important;
}

.pcMainBigImg div .pcMainBxImg1 {
	visibility: hidden;
	position: absolute;
	width: 300px !important;
	right: 10px !important;
	bottom: -80px !important;
	background: none;
	z-index: 99 !important;
}

.pcMainBigImg div:hover .pcMainBxImg1 {
	visibility: visible;
}

.pcInfoCntr {
	width: 1020px;
	margin: 0 auto;
	position: relative;
	z-index: 2;
	margin-bottom: 400px;
}

.pcInfoCntr h2 {
	font-family: 'Playfair Display';
	font-size: 80px;
	line-height: 80px;
	text-align: left;
	text-transform: capitalize;
	display: inline-block;
	vertical-align: middle;
	width: 40%;
	opacity: 0;
	color: #000;
}

.pcInfoCntr p {
	margin-bottom: 20px;
}

.pcRytTxt {
	display: inline-block;
	width: 50%;
	margin-left: 4%;
	text-align: justify;
	vertical-align: middle;
	opacity: 0;
}

.pcRytTxt h3 {
	font-family: 'BarlowCondensedBold';
	display: block;
	font-size: 21px;
	margin-bottom: 20px;
}

.parentbtn {
	position: absolute;
	z-index: 999;
	bottom: 70px;
	right: 30px;
}

.pcDescImage {
	display: block;
}

.pcMainShowImg {
	display: none;
}


/*  Parent Block End  */


/* Trending euroschools Start  */

.euroschoolsbg {
	background: #142954;
}

.euroSchoolBlock {
	width: 100%;
	background: #142954;
	opacity: 1;
	z-index: 991
}

.euroSchoolBlock h2 {
	position: absolute;
	width: 100%;
	top: 7%;
	z-index: 9999;
	text-align: center;
	color: #fff;
	font-family: 'Anton';
	font-size: 36px;
	line-height: 36px;
	opacity: 0;
}

.gallerybtn {
	position: absolute;
	width: 100%;
	bottom: 75px;
	z-index: 999999 !important;
	text-align: center;
	opacity: 0;
}

.gallerybtn a {
	display: inline-block;
	vertical-align: middle;
	width: auto;
	margin: 0 20px;
	color: #fff;
	line-height: 24px;
	font-size: 22px;
	padding: 10px 0px;
}

.gallerybtn a:hover {
	color: #20409a;
}

.euroschoolpin {
	position: absolute;
	z-index: 9999;
	top: 24.5%;
	left: 49%;
	opacity: 0;
}

.euroschoolpin img {
	width: 30px;
}

.photostack {
	opacity: 0;
}


/* PhotoStack */

.photostack {
	width: 100%;
	background: #142954;
	position: relative;
	text-align: center;
	overflow: hidden;
}

.js .photostack {
	height: 580px;
}

.photostack-start {
	cursor: pointer;
}

.photostack-transition {
	z-index: 2000;
}

.photostack-transition::after {
	opacity: 0 !important;
	visibility: hidden !important;
}


/* Wrapper and figures */


/* The size of this wrapper can be smaller if the items should not be scattered across the whole container */

.photostack {
	margin-top: 0px;
}

.photostack>div {
	width: 100%;
	height: 100%;
	margin: 0 auto;
}

.photostack figure {
	width: 460px;
	position: relative;
	display: inline-block;
	/*background:#fff;*/
	padding: 00px;
	text-align: center;
	margin: 5px;
}

.js .photostack figure {
	position: absolute;
	display: block;
	margin: 0;
}

.photostack figcaption h2 {
	margin: 20px 0 0 0;
	color: #a7a0a2;
	font-size: 24px;
	font-family: 'Sue Ellen Francisco', cursive;
	display: none;
}

.photostack-img {
	outline: none;
	display: block;
	width: 460px;
	height: 460px;
	background: none;
}

.photostack-img img {
	width: 100%;
}

.photostack-back {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	/*background:#fff;*/
	font-family: "Give You Glory", cursive;
	color: #a7a0a2;
	padding: 50px 40px;
	text-align: left;
	font-size: 22px;
	line-height: 1.25;
	z-index: 1;
}

.photostack-back p {
	margin: 0;
}

.photostack-back p span {
	text-decoration: line-through;
}


/* Navigation dots */

.photostack nav {
	position: absolute;
	width: 100%;
	bottom: -30px;
	z-index: 90;
	text-align: center;
	left: 0;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

.photostack-start nav {
	opacity: 0;
}

.photostack nav span {
	position: relative;
	display: inline-block;
	margin: 0 5px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	/*background:#aaa*/
	;
	border-radius: 50%;
	text-align: center;
	-webkit-transition: -webkit-transform 0.6s ease-in-out, background 0.3s;
	transition: transform 0.6s ease-in-out, background 0.3s;
	-webkit-transform: scale(0.48);
	transform: scale(0.48);
}

.photostack nav span {
	display: none;
	height: auto;
	/*background:transparent;*/
	width: 100px;
	text-align: center;
	border-radius: 0;
}

.photostack nav span img {
	width: 100px;
}

.photostack nav span img.hover,
.photostack nav span:hover img {
	display: none;
}

.photostack nav span:hover img.hover {
	display: inline-block;
}

.photostack nav span:first-child {
	display: inline-block;
}

.photostack nav span:last-child {
	margin-right: 0;
}

.photostack nav span.current.flip {
	-webkit-transform: scale(1) rotateY(-180deg) translateZ(-1px);
	transform: scale(1) rotateY(-180deg) translateZ(-1px);
}

.photostack nav span.flippable::after {
	opacity: 1;
	-webkit-transition-delay: 0.4s;
	transition-delay: 0.4s;
}


/* Overlays */

.js .photostack::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	/*background:rgba(0, 0, 0, 0.5);*/
	background: none;
	top: 0;
	left: 0;
	z-index: 100;
	-webkit-transition: opacity 0.3s, visibility 0s 0.3s;
	transition: opacity 0.3s, visibility 0s 0.3s;
}

.js .photostack-start::before {
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

.js .photostack::after {
	content: 'View Gallery';
	font-weight: 400;
	position: absolute;
	border: 3px solid #fff;
	text-align: center;
	white-space: nowrap;
	left: 50%;
	top: 70%;
	-webkit-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
	padding: 10px 20px;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 1px;
	cursor: pointer;
	z-index: 101;
}

.js .photostack::before,
.js .photostack::after {
	opacity: 0;
	visibility: hidden;
}

.js .photostack::after {
	opacity: 1;
	visibility: visible;
}

.js .photostack-start::before,
.js .photostack-start:hover::after,
.touch .photostack-start::after {
	opacity: 1;
	visibility: visible;
}

.photostack figure::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	visibility: visible;
	opacity: 1;
	-webkit-transition: opacity 0.6s;
	transition: opacity 0.6s;
}

figure.photostack-current::after {
	-webkit-transition: opacity 0.6s, visibility 0s 0.6s;
	transition: opacity 0.6s, visibility 0s 0.6s;
	opacity: 0;
	visibility: hidden;
}

.photostack-transition figure {
	-webkit-transition: -webkit-transform 0.6s ease-in-out;
	transition: transform 0.6s ease-in-out;
}

.photostack-perspective {
	-webkit-perspective: 1800px;
	perspective: 1800px;
}

.photostack-perspective>div,
.photostack-perspective figure {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.photostack-perspective figure,
.photostack-perspective figure div {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.photostack-perspective figure.photostack-flip {
	-webkit-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
}

.csstransformspreserve3d figure.photostack-flip .photostack-back {
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
	display: block;
}

.no-csstransformspreserve3d figure.photostack-showback .photostack-back {
	display: block;
}

.no-js .photostack figure {}

.no-js .photostack figure::after {
	display: none;
}

.no-js .photostack figure:nth-child(3n) {
	-webkit-transform: translateX(-10%) rotate(5deg);
	transform: translateX(-10%) rotate(5deg);
}

.no-js .photostack figure:nth-child(3n-2) {
	-webkit-transform: translateY(10%) rotate(-3deg);
	transform: translateY(10%) rotate(-3deg);
}


/*  Trending euroschools  */


/*  Near school start  */

.schoolNearBlock {
	background: url(../images/findaschool-bg.jpg) no-repeat center top;
	background-size: cover;
	color: #fff;
}

.scoolNearMeCntr {
	width: 1200px;
	margin: 0 auto;
	padding: 0;
}

.scoolNearMeCntr h3 {
	font-family: 'Anton';
	font-size: 46px;
	line-height: 48px;
	text-align: center;
	margin-bottom: 25px;
	text-transform: uppercase;
	color: #20409a;
	letter-spacing: 50px;
	opacity: 0;
}

.idxfindscanimation1,
.idxfindscanimation2 {
	opacity: 0;
}

.schoolBranchCntr {
	display: block;
	width: 90%;
	margin: 5%;
}

.schoolBranch {
	display: inline-block;
	position: relative;
	background: rgba(0, 0, 0, 1);
	border-radius: 8px;
	width: 101%;
}

.schoolBranch::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 999;
	width: 100%;
	border-radius: 8px;
	box-shadow: inset 0px 10px 30px rgba(0, 0, 0, .3);
	-moz-box-shadow: inset 0px 10px 30px rgba(0, 0, 0, .3);
	-webkit-box-shadow: inset 0px 10px 30px rgba(0, 0, 0, .3);
}

.schoolBranch img {
	vertical-align: middle;
	border-radius: 8px;
	width: 100%;
	margin-bottom: 0px;
	opacity: 0.9;
	position: relative;
}

.schoolBranchCntr a {
	position: relative;
	display: block
}

.schoolBranchCntr a h6 {
	position: absolute;
	bottom: 0px;
	left: 0px;
	z-index: 9999;
	width: 101%;
	color: #fff;
	font-size: 16px;
	line-height: 20px;
	font-family: 'BarlowCondensedBold';
	background: rgba(0, 0, 0, .7);
	border-radius: 8px;
	text-align: center;
	padding: 10px 0;
}

.schoolBranchCntr a h6 i {
	display: block;
	position: absolute;
	top: 14px;
	left: -10px;
	vertical-align: top;
	width: 24px;
	height: 26px;
	line-height: 26px;
	color: #fff;
	background: #347cc5;
	border-radius: 50%;
	font-size: 12px;
	padding-left: 2px;
}

.schoolBranchCntr a h6 span {
	display: inline-block;
	width: 94%;
	vertical-align: top;
	margin-left: 0%;
}

.schoolslide {
	text-align: center
}

.schoolslide li {
	display: inline-block;
	width: 176px;
	text-align: left;
	vertical-align: top;
}

.schoolslide {
	position: relative
}

.schoolslide .slick-arrow {
	background: none center center no-repeat;
	background-size: 100% auto;
	z-index: 9;
	width: 18px;
	height: 34px;
	z-index: 9;
	top: 50%;
}

.schoolslide .slick-prev {
	background-image: url(../images/arrow-left2.png);
	left: -2%
}

.schoolslide .slick-next {
	background-image: url(../images/arrow-right2.png);
	right: -2%
}

.schoolslide .slick-arrow::before {
	display: none
}

.schoolBranchCntr.desktopCentre {
	margin-left: 103px;
}


/*  Near school End  */


/*  Our Story start  */

.aboutStoryBlock {
	background: url(../images/about-bg.jpg) no-repeat center top;
	background-size: cover;
}

.outStoryCntr {
	width: 1200px;
	margin: 0 auto;
	padding: 0;
	position: relative;
	text-align: center;
	font-size: 18px;
	line-height: 26px;
}

.outStoryCntr h3 {
	font-family: 'Playfair Display';
	font-size: 70px;
	line-height: 70px;
	margin-bottom: 25px;
	text-transform: capitalize;
	color: #3b3b3b;
	letter-spacing: 0px;
	opacity: 0;
}

.outStoryCntr p {
	margin: 0 auto;
	letter-spacing: 0px;
	text-align: justify;
	opacity: 0;
}

.outStoryCntr p span {
	font-family: 'Lato';
	display: block;
	margin-bottom: 15px;
}

.ourStoryCols {
	margin: 40px 0 100px 0;
	opacity: 0;
}

.ourstoryIconBx {
	display: inline-block;
	vertical-align: middle;
	width: 12.5%;
}

.ot-Line-Dots {
	width: 7%;
	margin: 0 -1.5% 2% -1.5%;
	display: inline-block;
	vertical-align: middle;
	z-index: 999;
}

.ot-Line-Dots img {
	width: 100%;
}

.ourstoryIconBx div {
	position: relative;
	width: 100%;
}

.ourstoryIconBx div img {
	width: 100%;
	margin-bottom: -7px;
	position: relative;
	z-index: 1;
}

.ourstoryIconBx div img.ourStoryColIcon {
	width: 25%;
	position: absolute;
	top: 38%;
	left: 39%;
	z-index: 2;
}

.ourstoryIconBx h6 {
	font-family: 'Playfair Display';
	font-size: 24px;
	line-height: 30px;
	text-transform: capitalize;
	margin-top: 10px;
}

.outStoryCntr h5 {
	text-transform: capitalize;
	line-height: 30px;
	font-size: 30px;
	font-family: 'Playfair Display';
	color: #660da9;
	text-align: center !important;
}

.outStoryCntr h5 span {
	display: block;
	font-family: 'Lato';
	font-size: 100px;
	line-height: 120px;
}

.outStoryCntr h5 abbr {
	display: block;
	color: #000;
}

.numberSlideStry {
	opacity: 0;
}

.storyNumbrSlider {
	position: relative
}

.storyNumbrSlider .slick-arrow {
	background: none center center no-repeat;
	background-size: 100% auto;
	width: 16px;
	height: 36px;
	z-index: 9;
	top: 65%;
}

.storyNumbrSlider .slick-prev {
	background-image: url(../images/arrow-left1.png);
	left: -2%
}

.storyNumbrSlider .slick-next {
	background-image: url(../images/arrow-right1.png);
	right: -2%
}

.storyNumbrSlider .slick-arrow::before {
	display: none
}

#Arrowfix i {
	font-family: 'FontAwesome';
}

#Arrowfix {
	position: fixed;
	right: 20px;
	bottom: 12px;
	cursor: pointer;
	width: 20px;
	height: 24px;
	z-index: 999;
	color: rgb(9, 125, 197);
	text-align: center;
}

#Arrowfix span {
	font-size: 20px;
}

#Arrowfix:hover {
	opacity: 1;
}

.ArrowfixBottom {
	bottom: 86px !important;
}

.bottomfixed {
	position: fixed;
	width: 100%;
	z-index: 991;
	background: #420046;
	bottom: 0;
}

.bottomfixed .footerSmallIcons {
	padding: 10px 0 5px 0;
	margin-bottom: 0;
	opacity: 1;
}

.arrowbg {
	position: fixed !important;
	width: 50px;
	bottom: 9px;
	right: 20px;
	z-index: 99999 !important;
	text-align: center;
}

.arrowbg i {
	color: #fff;
	font-size: 26px;
	line-height: 26px;
	position: relative;
	cursor: pointer;
}

.arrowbg i:first-child {
	margin-right: 5px;
}


/* Our Start End  */


/*Navigation*/

.desktop-menu {
	display: block
}

.corona1 {
	display: none
}

.desktop-menu a {
	float: left;
	width: auto !important;
	padding: 2px 5px;
	font-weight: bold;
	color: #fff;
	    font-size: 16px;
}

.desktop-menu a:hover {
	float: left;
	width: auto !important;
	padding: 2px 5px;
	font-weight: bold;
	color: #000
}

.Menu {
	position: fixed;
	font-size: 20px;
	z-index: 9999;
	width: 20%;
	left: -20%;
	height: 100vh;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	border-right: 3px solid #fff;
	top: 0;
	display: none
}

.Menu i {
	cursor: pointer;
	width: 44px;
	line-height: 100vh;
	/*background: #fff;*/
	color: #fff;
	font-size: 34px;
	text-align: center;
	position: absolute;
	/*top: 440px;*/
	right: -40px;
	/*border-radius: 50%;*/
}

.Menu:hover i {
	opacity: 0;
	transition: 0.5s;
	-webkit-transition: 0.5s;
}

.Menu:hover {
	width: 16% !important;
	left: 0px;
	background: rgb(142 48 173 / 90%);
	transition: 0.5s;
	-webkit-transition: 0.5s;
}

.Menu .showmenu {
	display: none;
	opacity: 0;
}

.Menu:hover .showmenu {
	width: 100%;
	color: #fff;
	display: block;
	opacity: 1;
}

.menuclose {
	display: none !important;
}

.showmenu div {
	width: 100%;
	text-align: center;
}

.showmenu div a {
	display: block;
	width: 100%;
	color: #fff;
	font-size: 18px;
	line-height: 22px;
	margin: 20px 0;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.showmenu div a:first-child {
	margin-top: 80px;
}

.showmenu div a:hover {
	color: #a4afff;
	font-size: 24px !important;
}

.menufootericon {
	position: absolute;
	width: 100%;
	text-align: center;
	bottom: 100px;
}

.showmenu .menufootericon a {
	display: inline-block;
	width: auto;
	color: #fff;
	text-align: center;
	font-size: 14px;
	line-height: 20px;
	margin: 0px 5px;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.showmenu .menufootericon a:first-child {
	margin-bottom: 0px;
}

.menufootericon img {
	display: block;
	width: 30px;
	margin: 0 auto;
	margin-bottom: 10px;
}

.scholPdfBtn {
	position: absolute;
	z-index: 999;
	bottom: 30px;
	right: 30px;
}

.scholPdfBtn img {
	width: 40px;
}

.showmenu li ul.mainMenu {
	display: none;
}

.navbar-nav>li>a {
	padding-top: 0!important;
	padding-bottom: 0!important;
}

.showmenu {
	width: 100%;
	height: auto;
	margin: 26% auto auto auto;
	padding: auto;
	text-align: center;
}

.showmenu ul {
	width: 100%;
	margin: auto;
	padding: 0;
}

.showmenu ul li {
	width: auto;
	margin: 0;
	padding: 0;
	list-style: none
}

.showmenu li ul.mainMenu {
	display: none;
}

.showmenu li:hover ul.mainMenu {
	display: block;
}

.menuclose {
	display: none !important;
}

.showmenu a {
	display: block;
	width: 100%;
	color: #fff;
	font-size: 18px;
	line-height: 42px;
	margin: 0;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-decoration: none
}

.showmenu a:hover {
	color: #a4afff
}

.showmenu .schoolMenu a {
	font-size: 24px;
}

.menufootericon {
	position: absolute;
	width: 100%;
	text-align: center;
	bottom: 100px;
}

.showmenu .menufootericon a {
	display: inline-block;
	width: auto;
	color: #fff;
	text-align: center;
	font-size: 14px;
	line-height: 20px;
	margin: 0px 5px;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.showmenu .menufootericon a:first-child {
	margin-bottom: 0px;
}

.menufootericon img {
	display: block;
	width: 30px;
	margin: 0 auto;
	margin-bottom: 10px;
}


/*Navigation end*/

.schoolLocateimg {
	border-radius: 80px;
	/*position: absolute;
    right: 30px;
    top: 69px;*/
	float: right;
	margin: 10 0 0 0;
	width: 170px;
	height: 170px;
}

.locateusBigSlide {
	background: none !important;
	display: none;
	width: 95%;
	overflow: hidden
}

.locateusBigSlide h3 {
	font-family: 'Anton';
	font-size: 46px;
	line-height: 48px;
	margin-bottom: 30px;
	text-transform: uppercase;
	color: #fff;
	text-align: center;
}

.locatebox {
	width: 96%;
	margin: 0 auto;
	padding: 0;
	min-height: 350px;
}

.locatebox h3 {
	font-family: 'Anton';
	font-size: 20px;
	line-height: 30px;
	text-transform: uppercase;
	color: #fff;
	background: #20409a;
	padding: 10px 20px;
	text-align: left;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	margin: 0;
}

.locatebox p {
	margin-bottom: 35px;
	min-height: 180px;
	font-size: 16px;
	line-height: 20px;
}

.locateboxspes {
	padding: 15px;
	background: #fff;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.locatedwldbtn {
	position: absolute;
	z-index: 999;
	bottom: 10px;
	right: 0px;
	color: #fff;
}

.locatebox h4 {
	font-family: 'BarlowCondensedBold';
	font-size: 24px;
	margin: 0;
	padding: 0;
	color: #20409a;
	margin-bottom: 5px;
}

.locatebox h5 {
	font-family: 'BarlowCondensedBold';
	font-size: 22px;
	color: #20409a;
	margin-bottom: 5px;
}

.locatebox input {
	padding: 12px 2%;
	width: 56%;
}

.locatebox input[type="submit"] {
	padding: 9px 0%;
	vertical-align: top;
	width: 38%;
	background: #20409a;
	color: #fff;
	font-family: 'BarlowCondensedBold';
	font-size: 20px;
	text-transform: uppercase;
	border: 0;
	margin: 0px 0 0 0;
	letter-spacing: 2px;
}

.locatebox p span {
	font-family: 'BarlowCondensedBold';
	font-size: 20px;
	line-height: 26px;
	display: block;
	margin-top: 12px;
}

.locatebox p span:nth-child(2) {
	font-size: 14px !important;
}

.locatebox h6 {
	display: block;
	text-align: right;
	width: 100%;
	font-family: 'BarlowCondensedBold';
	font-size: 16px;
	line-height: normal;
	margin: 8px 0 0 0;
	padding: 0;
	color: #007dc6;
}

.fancybox-close-small {
	color: #fff !important
}

.locateslide {
	position: relative
}

.locateslide .slick-arrow {
	background: none center center no-repeat;
	background-size: 100% auto;
	z-index: 9;
	width: 18px;
	height: 34px;
	z-index: 9;
	top: 50%;
	margin-top: -8px;
}

.locateslide .slick-prev {
	background-image: url(../images/arrow-left2.png);
	left: -2%
}

.locateslide .slick-next {
	background-image: url(../images/arrow-right2.png);
	right: -2%
}

.locateslide .slick-arrow::before {
	display: none
}

.corona__info {
	padding: 15px;
}

.corona__info__title {
	font-size: 22px;
	line-height: 22px;
	padding-bottom: 10px;
	font-family: 'Anton';
	color: #20409a;
}

.corona__info__text {
	font-size: 20px;
	line-height: 20px;
	color: #20409a;
}


/*Home Page End*/

#modalOverlay {
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.5);
	z-index: 99999;
	height: 100%;
	width: 100%;
}

#modalOverlay .modalPopup {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 50%;
}

#modalOverlay .modalContent {
	position: relative;
}

#close-button {
	position: absolute;
	right: 0;
	top: -16px;
	border: none;
	background: #fff
}

#close-button i {
	color: #20409a;
}

#modalOverlay .modalContent img {
	width: 100%;
	height: 100%
}

.small-knowmore {
	position: absolute;
	bottom: 0;
	right: 1%
}

@media(min-width:769px) {
	/*For Desktop Only*/
	.grid-1,
	.grid-2,
	.grid-3,
	.grid-4,
	.grid-5,
	.grid-6,
	.grid-7,
	.grid-8,
	.grid-9,
	.grid-10,
	.grid-11,
	.grid-12 {
		float: left;
		padding: 0 1%
	}
	.grid-layout {
		margin: 0 -1%
	}
	.grid-12 {
		width: 100%;
		float: none;
	}
	.grid-11 {
		width: 91.66666666666666%
	}
	.grid-10 {
		width: 83.33333333333334%
	}
	.grid-9 {
		width: 75%
	}
	.grid-8 {
		width: 66.66666666666666%
	}
	.grid-7 {
		width: 58.333333333333336%
	}
	.grid-6 {
		width: 50%
	}
	.grid-5 {
		width: 41.66666666666667%
	}
	.grid-4 {
		width: 33.33333333333333%
	}
	.grid-3 {
		width: 25%
	}
	.grid-2 {
		width: 16.666666666666664%
	}
	.grid-1 {
		width: 8.333333333333332%
	}
	.scrollTop {
		position: fixed;
		right: 20px;
		bottom: 20px;
		width: 40px;
		height: 40px;
		text-align: center;
		z-index: 99;
		display: none;
		background: #167a92;
		border-radius: 50%;
	}
	.scrollTop a {
		display: block;
		color: #fff;
	}
	.scrollTop a:before {
		font: 20px/40px FontAwesome;
		content: '\f102';
	}
}

@media(min-width:1441px) {
	.container {
		max-width: 1440px;
		width: 100%;
	}
}

@media screen and (min-width: 0) and (max-width: 1440px) {
	.container {
		width: 100%;
		padding: 0 6%;
	}
	#play-pause-button {
		font-size: 13px;
	}
	.topmainwrapper,
	.discoverInfoBx,
	.blancedschoolingwrapper,
	.studeantCntr,
	.scoolNearMeCntr,
	.footer,
	.footerBotCntr,
	.insideCntr {
		width: 88%;
	}
	.pcInfoCntr,
	.outStoryCntr,
	.glanceCntr,
	.studeantCntr {
		width: 76%;
	}
	.discoverInfoTxt p,
	.blancedschoolingwrapper p,
	.pcInfoCntr p,
	.outStoryCntr p,
	.pcInfoCntr h3 {
		margin-bottom: 15px;
	}
	#Arrowfix {
		width: 20px;
		height: 20px;
	}
	.headertext1 {
		text-align: center;
		width: 100%;
	}
	.headertext1 img {
		width: 280px;
		margin-top: 18%;
	}
	.headertext2 img {
		margin-top: 23%;
	}
	.HeaderSlide .logo img {
		width: 200px !important;
		text-align: center;
	}
	.mainheadervideo video {
		width: 100%;
		/*height: 100vh;*/
	}
	.topdownarrow img {
		width: 36px;
	}
	.discoverInfoTxt {
		width: 50%;
	}
	.discoverInfoTxt h1,
	.scoolNearMeCntr h3,
	.glanceCntr h2 {
		font-size: 40px;
		line-height: 40px;
		margin-bottom: 10px;
	}
	.discoverInfoTxt h1 span {
		font-size: 22px;
	}
	.discoverInfoTxt h3 {
		font-size: 21px;
		margin-bottom: 10px;
	}
	.discovergirl {
		bottom: 43px;
	}
	.discovergirl img {
		width: 27%;
		left: 14%;
	}
	.glanceCntr h2 {
		margin-bottom: 25px;
	}
	.pdfFloatbtn {
		bottom: 50px;
	}
	.downloadFacts img {
		width: 50px;
	}
	.studeantCntr h2 {
		font-size: 55px;
		line-height: 55px;
		margin-bottom: 25px;
	}
	.studentIconBx h6 {
		font-size: 16px;
		line-height: 20px;
	}
	.studentIconBx img {
		width: 70px;
	}
	.overlayDescBx2 h4 {
		font-size: 15px;
		line-height: normal;
		margin-bottom: 0;
	}
	.overlayDescBx2 hr {
		margin: 7px 0;
	}
	.overlayStyle1 h3,
	.overlayStyle2 h3 {
		font-size: 20px;
		line-height: 30px;
	}
	.pcHoverImages img {
		width: 350px;
	}
	.pcInfoCntr {
		margin-bottom: 350px !important;
	}
	.pcInfoCntr h2 {
		font-size: 90px;
		line-height: 90px;
	}
	.pcInfoCntr h6 {
		font-size: 12px;
	}
	.pcMainBigImg div:nth-child(2) {
		top: 4%;
		left: 61%;
	}
	.pcMainBigImg div:nth-child(3) {
		top: 27%;
		left: 70%;
	}
	.parentbtn {
		bottom: 50px;
	}
	.pcMainBigImg div:hover {
		animation: none !important;
	}
	.pcMainBigImg div .pcMainBxImg2 {
		width: 220px;
		height: 250px;
		left: 10px;
		bottom: -110px;
	}
	.pcMainBigImg div .pcMainBxImg3 {
		width: 220px;
		height: 250px;
		left: 10px;
		bottom: -110px;
	}
	.pcMainBigImg div .pcMainBxImg1 {
		width: 220px;
		height: 250px;
		right: -0px !important;
		bottom: -110px !important;
	}
	.pcMainBigImg div .pcMainBxImg2 img,
	.pcMainBigImg div .pcMainBxImg1 img,
	.pcMainBigImg div .pcMainBxImg3 img {
		width: auto;
	}
	.euroSchoolBlock h2 {
		top: 5%;
		font-size: 28px;
		line-height: 30px;
	}
	.js .photostack {
		height: 440px;
	}
	.photostack figure {
		width: 300px;
	}
	.photostack-img {
		width: 300px;
		height: 300px;
	}
	.photostack nav {
		bottom: -20px;
	}
	.schoolBranchCntr a h6 {
		font-size: 16px;
	}
	.schoolBranchCntr a h6 i {
		width: 16px;
		height: 18px;
		line-height: 19px;
		font-size: 11px;
		padding-left: 2px;
		top: 20px;
		left: -11px;
	}
	.outStoryCntr {
		font-size: 16px;
		line-height: 22px;
	}
	.aboutbox h5 {
		font-size: 16px;
		line-height: 22px;
		margin-top: 10px;
	}
	.ourStoryCols {
		margin: 20px 0 50px 0;
	}
	.ourstoryIconBx h6 {
		font-size: 18px;
		line-height: 24px;
	}
	.outStoryCntr h5 {
		line-height: 20px;
		font-size: 18px;
	}
	.outStoryCntr h5 span {
		font-size: 40px;
		line-height: 40px;
	}
	.footerlogo {
		width: 100px;
		right: 8%;
	}
	.footer h3 {
		font-size: 32px;
		line-height: 40px;
	}
	.footer h3 span {
		font-size: 40px;
	}
	.footerColBtn {
		margin: 6% 0;
	}
	.footerColBtn a {
		font-size: 15px;
		line-height: 22px;
		padding: 9px 20px 7px 20px;
		margin: 0 1%;
	}
	.footerSmallIcons {
		font-size: 14px;
	}
	.footericon {
		width: 26px;
		height: 26px;
		line-height: 26px;
		background-size: 100%;
	}
	.fb-right {
		font-size: 16px;
	}
	.uparrow img,
	.downarrow img {
		width: 34px;
	}
	.downarrow {
		right: 20px;
		bottom: 50px;
	}
	.arrowbg {
		bottom: 6px;
	}
	.admissionserviceswrapper {
		width: 86%;
	}
	#play-pause-button {
		font-size: 13px;
	}
	.Menu i {
		width: 30px;
		right: -28px;
		font-size: 20px;
	}
	.Menu:hover {
		width: 22% !important;
	}
	.showmenu div a {
		font-size: 16px;
		line-height: 20px;
		margin: 10px 0;
	}
	.showmenu div a:hover {
		font-size: 20px !important;
	}
	.showmenu div a img {
		width: 70px;
	}
	.showmenu div a:first-child {
		margin-top: 50px;
	}
	.menufootericon {
		position: absolute;
		width: 100%;
		text-align: center;
		bottom: 80px;
	}
	.showmenu .menufootericon a {
		display: inline-block;
		width: auto;
		color: #fff;
		text-align: center;
		font-size: 14px;
		line-height: 20px;
		margin: 0px 5px;
		letter-spacing: 1px;
		text-transform: uppercase;
	}
	.showmenu .menufootericon a:first-child {
		margin-bottom: 0px;
	}
	.showmenu .menufootericon img {
		display: block;
		width: 30px;
		margin: 0 auto;
		margin-bottom: 5px;
	}
	.insideCntr h2 {
		font-size: 80px;
		line-height: 80px;
	}
	.studeantCntr {
		width: 85%;
	}
	.showmenu div {
		width: 100%;
		margin: 12% auto auto auto;
		padding: auto;
		text-align: center;
	}
	.showmenu {
		width: 100%;
		height: auto;
		margin: 12% auto auto auto;
		padding: auto;
		text-align: center;
	}
	.showmenu a {
		display: block;
		width: 100%;
		color: #fff;
		font-size: 16px;
		line-height: 20px;
		margin: 10px 0 0 0;
		letter-spacing: 2px;
		text-transform: uppercase;
	}
	.showmenu #schoolMenu a {
		font-size: 18px !important;
		line-height: 22px;
		margin: 12px 0;
	}
	.showmenu a:hover {
		font-size: 18px;
	}
	.showmenu #schoolMenu a:hover {
		font-size: 20px !important;
		color: #a4afff;
	}
	.ourstorymenutext #schoolMenu a {
		font-size: 16px !important;
	}
	.menufootericon {
		bottom: 40px;
	}
	.ourstorymenulogo {
		width: 70px !important;
	}
}

@media screen and (min-width: 0) and (max-width: 1199px) {
	/*overlay*/
	.overlay-box {
		width: 96%;
		min-width: 0
	}
	/*overlay end*/
}

@media only screen and (min-width:1100px) {
	.Menu:hover.Menu {
		opacity: 1;
		left: 0px;
	}
	.Menu:hover.Menu i {
		opacity: 1;
	}
}

@media only screen and (max-width: 1100px) {
	body {
		font-size: 16px;
		line-height: 24px;
	}
	.desktop-menu {
		display: none
	}
	.corona1 {
		display: block
	}
	.Menu {
		width: 260px !important;
		left: -260px !important;
		display: block
	}
	.Menu:hover {
		width: 260px !important;
		left: 0px;
	}
	.Menu i {
		cursor: pointer;
		width: 40px !important;
		line-height: 55px;
		color: #fff;
		font-size: 30px;
		text-align: center;
		position: absolute;
		right: -44px;
	}
	.Menu:hover i {
		opacity: 1;
	}
	.menuclose {
		display: block !important;
		position: absolute;
		top: 10px;
		right: 20px;
		text-align: right !important;
		width: 100%;
	}
	.menuclose img {
		width: 14px !important;
		margin: 0 !important;
		padding: 0 !important;
		position: absolute;
		right: -60px;
		top: 0;
	}
	.scoolNearMeCntr h3 {
		letter-spacing: 30px;
	}
	.Menu.toggleMenu {
		left: 0px !important;
	}
	.clossMenu {
		left: 0px !important;
	}
	.toggleBtn {}
	html,
	body {
		max-width: 100%;
		overflow-x: hidden !important;
	}
	.Menu .showmenu {
		display: block;
		opacity: 1;
	}
	.Menu {
		width: 260px !important;
		left: -260px !important;
		opacity: 1;
		background: #9c27b0de;
	}
	.Menu:hover {
		width: 260px !important;
		left: 0px;
	}
	.menufootericon {
		bottom: 25px;
	}
	.menu:hover .menuclose {
		display: block !important;
		position: absolute;
		top: 10px;
		right: 20px;
		text-align: right !important;
		width: 100%;
	}
	.menu:hover .menuclose img {
		width: 14px !important;
		margin: 0 !important;
		padding: 0 !important;
		position: absolute;
		right: -60px;
		top: 0;
	}
	.schoolBranchCntr.desktopCentre {
		margin-left: 10px;
	}
}

@media only screen and (max-width: 1023px) {
	.visiable-desktop {
		display: none!important;
	}
	.visiable-mobile {
		display: block!important;
	}
	.mainBannerAnim.animate-banner {
		overflow: hidden;
	}
	.mainBannerAnim.animate-banner .animate-box img {
		width: 175vw;
		animation-duration: 50s;
		animation-name: slidein;
		animation-iteration-count: infinite;
	}
	.hmCentrBx {
		width: 100%;
		top: 46%;
	}
	.top-right-box {
		font-size: 14px;
		line-height: 15px;
		right: 10px;
		padding: 15px 15px 7px 15px;
	}
	.admission-logo {
		right: 10px;
	}
	.main-top-img .headertext1 img {
		width: 65%;
	}
	.hmCentrBx__text {
		bottom: 20%;
	}
	.toptodownarrow {
		bottom: 8%;
	}
	@keyframes slidein {
		0% {
			transform: translate(-100px, -200px)
		}
		100% {
			transform: translate(00px, 0)
		}
	}
}

@media(min-width:981px) {
	.Menu:hover.Menu {
		opacity: 1;
		left: 0px;
	}
	.Menu:hover.Menu i {
		opacity: 1;
	}
}

@media screen and (min-width: 0) and (max-width: 980px) {
	.schoolBranchCntr.desktopCentre {
		margin-left: auto;
	}
	/*For small tabs*/
	/*form*/
	.form-row .form-field {
		margin: 0;
	}
	/*form end*/
	body,
	html {
		overflow-x: hidden
	}
	.photostack figure {
		width: 250px;
	}
	.photostack-img {
		width: 250px;
		height: 250px;
	}
	.photostack nav {
		bottom: 0px;
	}
	.mainBannerAnim video {
		display: none;
	}
	.mainBannerAnim {
		position: relative;
		height: auto !important;
	}
	.mainBannerAnim img {
		display: block;
		width: 100%;
		position: relative;
		height: auto !important;
		background-size: cover;
	}
	.mainheadersecimg {
		position: absolute;
		top: 0;
	}
	.mainBannerAnim {
		position: relative;
		height: auto
	}
	.fp-section,
	.fp-slide,
	.fp-tableCell {
		height: auto !important;
	}
	#play-pause-button {
		display: none
	}
	.discovergirl,
	#discoverbgParalx {
		display: none
	}
	.discoverBlock {
		/* background: transparent; */
	}
	.discoverInfoTxt {
		width: 100%;
		text-align: justify;
		float: none
	}
	.discoverInfoTxt h1 {
		text-align: center
	}
	.bottomfixed {
		display: block !important;
	}
	.bottomfixed .footerSmallIcons {
		padding: 0;
		margin-bottom: 0;
		opacity: 1;
	}
	.glanceimgBx,
	.discoverInfoTxt p,
	.discoverInfoTxt h1,
	.glanceCntr h2,
	.glanceCntr h3,
	.glanceCntr p,
	.insideCntr h2,
	.insideInfoBx,
	.mobileFrameInside,
	.pcHoverImages,
	.pcRytTxt,
	.photostack,
	.euroSchoolBlock h2,
	.idxfindscanimation1,
	.idxfindscanimation2,
	.outStoryCntr p,
	.outStoryCntr h3,
	.numberSlideStry,
	.ourStoryCols,
	.pcInfoCntr h2,
	.footer h3,
	.footerColBtn,
	.fb-left,
	.fbb,
	.fb-right {
		opacity: 1 !important
	}
	.footerSmallIconbx {
		width: 32%;
		margin: 0;
		text-align: center;
		border-left: 1px solid #007dc6;
	}
	.footerSmallIconbx:first-child {
		border-left: 0;
	}
	.footerSmallIcons {
		width: 100%;
		text-align: center;
		margin-bottom: 0;
		background: #3b3b3b;
		padding: 0px 0;
		line-height: 40px;
	}
	.discoverInfoBx,
	.blancedschoolingwrapper,
	.insideCntr,
	.pcInfoCntr,
	.scoolNearMeCntr,
	.outStoryCntr,
	.glanceCntr {
		padding: 50px 0;
		width: 90%;
		margin: 0 auto !important;
		text-align: justify !important;
	}
	.glanceCntr h2 {
		margin-bottom: 25px;
		letter-spacing: 0px;
		text-align: center !important;
	}
	.arrowbg {
		display: none !important;
	}
	.glanceimgBx {
		width: 36%;
		margin: 0 2%;
	}
	.insideBlock .insideCntr h2.headingInside {
		font-size: 42px;
		line-height: 42px;
		letter-spacing: 1px;
		font-family: 'Playfair Display';
		text-transform: capitalize;
		text-align: center;
		color: #000;
		display: block !important;
		margin-bottom: 15px;
		width: 100%;
	}
	.insideInfoBx {
		display: block;
		width: 100%;
	}
	.insideBlock {
		background-size: cover;
		height: auto;
		z-index: 991 !important
	}
	.insideBlock .insideCntr h2 {
		display: none
	}
	.mobileFrameInside {
		display: block;
		width: 60%;
		margin: 20px auto;
	}
	.pdfFloatbtn {
		bottom: 20px;
	}
	.studeantBlock {
		width: 100%;
		height: 100vh !important;
		position: relative;
		background: url(../images/student-rsbg.jpg) no-repeat center top;
		background-size: cover;
	}
	.studeantCntr,
	.gallerybtn {
		position: relative;
	}
	.studeantCntr a div {
		width: 200px;
		left: 200px;
	}
	.noMobile {
		display: none !important
	}
	.rytBlockstud {
		width: 60%;
		margin-top: 100px;
	}
	.leftBlockstud {
		width: 100%;
		display: block
	}
	.pcInfoCntr h2 {
		display: block;
		width: 100%;
		font-size: 42px;
		line-height: 42px;
		text-align: center !important;
	}
	.pcRytTxt {
		width: 100%;
		display: block;
		margin: 30px auto 0 auto;
	}
	.pcHoverImages {
		position: relative;
	}
	.pcMainBigImg div .pcMainBxImg1 {
		width: 200px;
		right: 100px !important;
		top: -210px !important;
	}
	.pcMainBigImg div .pcMainBxImg2 img,
	.pcMainBigImg div .pcMainBxImg1 img,
	.pcMainBigImg div .pcMainBxImg3 img {
		width: 100% !important;
	}
	.pcHoverImages img {
		width: 160px;
	}
	.pcMainBigImg div .pcMainBxImg3 {
		visibility: hidden !important;
		width: 200px;
		left: -100px;
		top: -210px !important;
	}
	.pcMainBigImg div .pcMainBxImg1 {
		width: 200px;
		right: 100px !important;
		top: -210px !important;
	}
	.pcMainShowImg {
		display: block;
	}
	.pcDescImage {
		display: none
	}
	.pcMainBigImg div .pcMainBxImg2 {
		width: 200px;
		left: -100px;
		top: -210px !important;
	}
	.euroSchoolBlock {
		position: relative;
	}
	.euroSchoolBlock h2,
	.euroSchoolBlock .gallerybtn {
		position: relative;
		bottom: 0;
		padding: 25px 0;
		text-align: center !important;
	}
	.photostack figure {
		width: 250px;
	}
	.outStoryCntr h3 {
		font-size: 40px;
		line-height: 40px;
		margin-bottom: 15px;
		text-align: center !important;
	}
	.footer {
		width: 90%;
		padding: 50px 0;
		margin: 0 auto;
	}
	.footerCntr .footerSmallIcons {
		display: none
	}
	.footerBlock .BgColor3 {
		position: relative;
		padding-bottom: 40px;
	}
	.section {
		overflow: hidden !important
	}
	.locateusBigSlide {
		width: 70%
	}
	.menufootericon {
		bottom: 20px !important;
	}
}

@media screen and (min-width: 0) and (max-width: 767px) {
	.mainheadersecimg {
		height: calc(100vh - 140px)
	}
	.corona__info {
		padding: 10px 10px 10px 40px
	}
	.corona__info__title {
		font-size: 15px;
		line-height: 17px;
		padding-bottom: 2px;
	}
	.corona__info__text {
		font-size: 14px;
		line-height: 18px;
	}
	.small-knowmore {
		width: 64px;
	}
	.admission-logo {
		right: 10px;
	}
	.admission-logo img {
		width: 60%;
	}
	#modalOverlay .modalPopup {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 90%;
	}
	.popmain1,
	.overlayStyle2 {
		font-size: 14px;
		line-height: 22px;
	}
	.overlayDescBx2 p a {
		display: block;
	}
	#Arrowfix {
		right: 10px;
	}
	.ArrowfixBottom {
		bottom: 56px !important;
	}
	.hmCentrBx__text {
		bottom: 15%;
	}
	.discoverInfoBx,
	.blancedschoolingwrapper,
	.insideCntr,
	.pcInfoCntr,
	.scoolNearMeCntr,
	.outStoryCntr,
	.footer {
		padding: 30px 0;
		width: 88%;
		margin: 0 auto !important;
	}
	.discoverInfoTxt h1,
	.scoolNearMeCntr h3,
	.studeantCntr h2 {
		font-size: 36px;
		line-height: 30px;
		margin-bottom: 10px;
		margin: 20px !important;
    padding: 0px !important;
	}
	.footerSmallIconbx {
		width: 31.5%;
	}
	.footerSmallIconbx i {
		display: none;
	}
	.discoverInfoTxt h1 span {
		font-size: 16px;
	}
	.glanceimgBx {
		width: 140px;
		margin: 0px 0;
	}
	.mobileFrameInside {
		width: 100%;
		margin: 20px auto;
	}
	.pdfFloatbtn {
		bottom: 10px;
	}
	.downloadFacts img {
		width: 40px;
	}
	.studeantBlock,
	.studeantbg {
		height: auto !important;
		padding: 20px 0 !important;
		position: relative !important;
	}
	.studeantleft {
		display: block;
		width: 100%;
		margin-bottom: 40px;
	}
	.studeantright {
		display: block;
		width: 100%;
		margin: 0 auto;
	}
	.studentIconBx {
		display: inline-block;
		vertical-align: top;
		width: 70px;
		margin: 10px 1%;
	}
	.studentIconBx img {
		width: 50px;
	}
	.studentIconBx h6 {
		font-size: 12px;
		line-height: normal;
	}
	.rytBlockstud {
		width: 100%;
	}
	.leftBlockstud {
		display: block;
		width: 100%;
		margin-bottom: 40px;
	}
	.leftBlockstud .slick-dots {
		right: 0;
		bottom: -20px
	}
	.studeantCntr h2 {
		letter-spacing: 0px;
		margin-bottom: 20px;
	}
	.glanceimgBx a h4 {
		top: 40%;
		font-size: 14px;
		line-height: normal;
	}
	.glanceimgBx a:hover h4 {
		color: #fff;
		font-size: 14px;
	}
	.rytBlockstud {
		margin-top: 0
	}
	.insideCntr h2,
	.pcInfoCntr h2 {
		font-size: 28px;
		line-height: 10px;
		text-align: center;
	}
	.pcMainBigImg {
		width: 160px;
	}
	.pcMainBigImg div {
		animation: none !important;
		top: 7%;
		left: 36%;
	}
	.pcMainBigImg div a,
	.pcMainBigImg div a:hover {
		animation: none !important;
	}
	.pcHoverImages div .pcMainBxImg1 img {
		width: 160px !important;
	}
	.pcMainBigImg div .pcMainBxImg1 {
		width: 160px !important;
		height: 160px;
		right: 0px !important;
		top: -170px !important;
	}
	.pcMainBigImg div .pcMainBxImg1 img {
		width: 160px !important;
	}
	.pcMainBigImg div a,
	.pcMainBigImg div a:hover {
		animation: none !important;
	}
	.pcMainBigImg div .pcMainBxImg2 {
		width: 160px;
		height: 160px;
		left: -80px;
		top: -170px !important;
	}
	.pcMainBigImg div .pcMainBxImg2 {
		width: 160px;
		height: 160px;
		left: -80px;
		top: -170px !important;
	}
	.scoolNearMeCntr h3 {
		letter-spacing: 7px;
	}
	.schoolslide {
		padding: 0 16%;
		margin: 0 auto
	}
	.ourstoryIconBx {
		width: 40%;
		width: 25%;
		margin: 3%;
	}
	.ot-Line-Dots {
		display: none;
	}
	.ourStoryCols {
		text-align: center
	}
	.ourstoryIconBx h6 {
		font-size: 14px;
	}
	.gallerybtn a,
	.footerColBtn a {
		margin: 6px auto;
	}
	.fb-left,
	.fbb,
	.fb-right {
		float: none;
		width: 100%;
		text-align: center
	}
	.fbb,
	.fb-right {
		margin-top: 20px;
	}
	.menufootericon {
		bottom: 25px;
	}
	.scholPdfBtn {
		position: static;
		text-align: center
	}
	.locateusBigSlide {
		width: 100%;
		margin-top: 0
	}
	.locateusBigSlide .locatebox h3 {
		font-size: 16px;
		line-height: 22px;
		margin-bottom: 10px;
	}
	.locatebox p {
		font-size: 14px;
	}
	.locatebox input[type="submit"] {
		font-size: 16px;
	}
	.schoolLocateimg {
		float: none;
		width: 100px;
		height: 100px;
	}
	.locateusBigSlide h3 {}
	.locatebox input {
		padding: 9px 2%;
	}
	.locateslide .slick-prev {
		left: -7%
	}
	.locateslide .slick-next {
		right: -7%
	}
	.locateusBigSlide h3 {
		font-size: 28px;
		margin-bottom: 15px;
	}
	.showmenu a {
		display: block;
		width: 100%;
		color: #fff;
		font-size: 16px;
		line-height: 20px!important;
		margin: 10px 0 0 0;
		letter-spacing: 2px;
		text-transform: uppercase;
	}
	.showmenu #schoolMenu a {
		font-size: 18px !important;
		line-height: 22px;
		margin: 10px 0;
	}
	/*.showmenu .menufootericon a {
    }*/
	.schoolslide .slick-dots li button {
		width: 12px;
		height: 12px;
		background-color: #fff;
		border-radius: 100%;
	}
	.schoolslide .slick-dots li.slick-active button {
		background-color: #007dc6;
	}
	.schoolslide li {
		width: 15px;
	}
	.schoolslide .slick-dots {
		left: 0;
	}
	.footiconspc {
		margin: 0px 8px 0px 8px;
	}
	.showmenu div {
		width: 100%;
		height: auto;
		margin: 35% 10% !important;
		padding: auto;
		text-align: left;
	}
	.why-choose-box {
		margin-top: 47px;
		margin-left: 98px;
		padding-left: 10px!important;
	}
	.homemob {
		padding-bottom: 10px;
		font-size: 14px !important;
	}
	.euroLink a.link {
		display: block;
	}
	.euroLink br {
		display: none;
	}
	.fb-right span.copyright_con {
		display: block;
	}
}

@media screen and (min-width: 0) and (max-width: 480px) {
	.studentIconBx {
		display: inline-block;
		vertical-align: top;
		width: 30.33%;
		margin: 10px 1%;
	}
}

@media screen and (min-width: 0) and (max-width: 480px) {}

@media screen and (min-width: 0) and (max-width: 320px) {}


/******************* New Css ********************/

.corona__info__title .arrow-marker img {
	width: 40%;
	margin-left: 7px;
	padding-top: 3px;
}

.aboutStoryBlock {
	background: #aad304;
}

#section5 .mainBannerAnim img {
	display: block;
}

@media screen and (max-width: 1440px) and (min-width: 0) {
	.bsDetailsBox p {
		font-size: 16px;
	}
}

@media only screen and (max-width:480px) {
	#section5 .mainBannerAnim img {
		display: none;
	}
	.beyondacademicsbg2 {
		position: relative;
		z-index: 0;
	}
	.beyondacademicsbg2:before {
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		background: rgba(255, 255, 255, 0.5);
		content: "";
		z-index: -9;
	}
}