
@font-face {
    font-family: 'GrandHotel-Regular';
    src: url(../fonts/GrandHotel-Regular.ttf);
}

@font-face {
    font-family: 'Dosis-Light';
    src: url(../fonts/dosis/Dosis-Light.ttf);
}
@font-face {
    font-family: 'Dosis-ExtraLight';
    src: url(../fonts/dosis/Dosis-ExtraLight.ttf);
}
@font-face {
    font-family: 'Dosis-Regular';
    src: url(../fonts/dosis/Dosis-Regular.ttf);
}
@font-face {
    font-family: 'Dosis-Medium';
    src: url(../fonts/dosis/Dosis-Medium.ttf);
}
@font-face {
    font-family: 'Dosis-SemiBold';
    src: url(../fonts/dosis/Dosis-SemiBold.ttf);
}
@font-face {
    font-family: 'Dosis-Bold';
    src: url(../fonts/dosis/Dosis-Bold.ttf);
}
@font-face {
    font-family: 'Dosis-ExtraBold';
    src: url(../fonts/dosis/Dosis-ExtraBold.ttf);
}


:root
{
	--color1:#e5097f; /* pink rgba(229,9,127,1)*/
	--color2:#393185; /* purple rgba(57,49,133,1)*/ 

	--nav1:#393185;
	--nav2:#FFC000;
	--nav3:#DD7D0B;
	--nav4:#92279D;
	--nav5:#14B7F1;
	--nav6:#D428CB;
	--nav7:#ADC63F;

	--grand:'GrandHotel-Regular';

	--dosis1:'Dosis-Light';
	--dosis2:'Dosis-ExtraLight';
	--dosis3:'Dosis-Regular';
	--dosis4:'Dosis-Medium';
	--dosis5:'Dosis-SemiBold';
	--dosis6:'Dosis-Bold';
	--dosis7:'Dosis-ExtraBold';
}



/* basic */


a:focus
{
     outline: 0px;
}

a,a:hover
{
     text-decoration: none !important;
}

 ul,ol {
     margin-bottom: 0;
     list-style: none;
     padding-left: 0;
}
 body{
     line-height: 25px;
     font-style: normal;
     color: #272525;
     font-size: 15px;
     overflow-x: hidden;    
     font-family: var(--dosis4);
     letter-spacing: 1px;
}

.cursor-none
{
	cursor: auto !important;
}


.heading-home
{
	text-align: center;
}
.heading-home h3
{
	font-family: var(--grand);
	font-size: 50px;
	color: var(--color1);
	margin-bottom: 20px;
}

.heading-home.white h3
{
	color: var(--white);
}

.read-more-button
{
	display: inline-block;
	padding:10px 20px;
	background-color: var(--color1);
	color: var(--white);
	margin-top: 20px;
	line-height: 20px;
	font-family: var(--dosis5);
	font-size: 16px;
	box-shadow: 0 0 15px rgba(0,0,0,0);
	transition: box-shadow .2s linear;
}
.read-more-button:hover
{
	color: var(--white);
	background-color: var(--color2);
	box-shadow: 0 0 15px rgba(0,0,0,.5);
}

section.page-section
{
	margin-top: 40px;
}

.clearfix
{
	height: 20px;
}

/*
***************************************
*/

.topbar
{
	background-color: var(--color2);
	padding:7px 0;
}
.topbar .top-links ul
{
	text-align: left;
}
.topbar .top-links ul li
{
	display: inline-block;
	color: var(--white);
	margin:0 12px;
}
.topbar .top-links ul li a
{
	color: var(--white);
}

.topbar .top-right-links
{
	float: right;
}
.topbar .top-right-links a
{
	margin-right: 9px;
	color: var(--white);
	font-size: 14px;
	text-transform: uppercase;
	font-family: var(--dosis5);
}
.topbar .top-right-links a:last-child
{
	margin-right: 0;
}
.topbar .top-right-links a .fa
{
	font-size: 1.2em;
	color: var(--white);
	margin-right: 5px;
}


/*
*******************************************
*/
nav.navigations
{
	position: relative;
	z-index: 15;
}

nav.navigations .logo
{
	margin:11px 0;
}

nav.navigations .mynavbars ul.main-ul li.main-li .submenus
{
	display: none;
}

nav.navigations .mynavbars ul.main-ul
{
	float: right;
}
nav.navigations .mynavbars ul.main-ul li.main-li
{
	float: left;
}

nav.navigations .mynavbars ul.main-ul li.main-li a
{
	display: block;
	font-family: var(--dosis6);
	text-transform: uppercase;
	padding:30px 15px;
	font-size: 16px;
	position: relative;
	z-index: 2;
}


nav.navigations .mynavbars ul.main-ul li.main-li:nth-child(1) a{
	color: var(--nav1);
}
nav.navigations .mynavbars ul.main-ul li.main-li:nth-child(2) a{
	color: var(--nav2);
}
nav.navigations .mynavbars ul.main-ul li.main-li:nth-child(3) a{
	color: var(--nav3);
}
nav.navigations .mynavbars ul.main-ul li.main-li:nth-child(4) a{
	color: var(--nav4);
}
nav.navigations .mynavbars ul.main-ul li.main-li:nth-child(5) a{
	color: var(--nav5);
}
nav.navigations .mynavbars ul.main-ul li.main-li:nth-child(6) a{
	color: var(--nav6);
}
nav.navigations .mynavbars ul.main-ul li.main-li:nth-child(7) a{
	color: var(--nav7);
}


nav.navigations .mynavbars ul.main-ul li.main-li:hover a
{
	color: var(--white);
}

nav.navigations .mynavbars ul.main-ul li.main-li a span
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 0%;
	z-index: -1;
	transition: height .3s linear;
}
nav.navigations .mynavbars ul.main-ul li.main-li:hover a span
{
	height: 100%;
}


nav.navigations .mynavbars ul.main-ul li.main-li:nth-child(1):hover a span,
nav.navigations .mynavbars ul.main-ul li.main-li:nth-child(1).active a span
{
	background-color: var(--nav1);
}
nav.navigations .mynavbars ul.main-ul li.main-li:nth-child(2):hover a span,
nav.navigations .mynavbars ul.main-ul li.main-li.active:nth-child(2) a span
{
	background-color: var(--nav2);
}
nav.navigations .mynavbars ul.main-ul li.main-li:nth-child(3):hover a span,
nav.navigations .mynavbars ul.main-ul li.main-li.active:nth-child(3) a span
{
	background-color: var(--nav3);
}
nav.navigations .mynavbars ul.main-ul li.main-li:nth-child(4):hover a span,
nav.navigations .mynavbars ul.main-ul li.main-li.active:nth-child(4) a span
{
	background-color: var(--nav4);
}
nav.navigations .mynavbars ul.main-ul li.main-li:nth-child(5):hover a span,
nav.navigations .mynavbars ul.main-ul li.main-li.active:nth-child(5) a span
{
	background-color: var(--nav5);
}
nav.navigations .mynavbars ul.main-ul li.main-li:nth-child(6):hover a span,
nav.navigations .mynavbars ul.main-ul li.main-li.active:nth-child(6) a span
{
	background-color: var(--nav6);
}
nav.navigations .mynavbars ul.main-ul li.main-li:nth-child(7):hover a span,
nav.navigations .mynavbars ul.main-ul li.main-li.active:nth-child(7) a span
{
	background-color: var(--nav7);
}


/*
*****************************************
*****************************************
*/

#carouselExampleIndicators
{
	position: relative;
}

#carouselExampleIndicators .ticker
{
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	background-color: var(--color2);
}
#carouselExampleIndicators .ticker .titles
{
	background-color: var(--color1);
	min-height: 40px;
	max-height: 40px;
	line-height: 40px;
}
#carouselExampleIndicators .ticker .titles .fa
{
	color: var(--white);
}
#carouselExampleIndicators .ticker .titles 
{
	font-family: var(--dosis6);
	color: var(--white);
	text-align: center;
	font-size: 18px;
}

#carouselExampleIndicators .ticker .hot_desc
{
	font-family: var(--dosis5);
	color: var(--white);
	line-height: 20px;
	padding: 8px 0;
	padding-right: 10px;
}

#carouselExampleIndicators:before
{
	position: absolute;
	content: '';
	width: 100%;
	height: 7px;
	left: 0;
	bottom: 0px;
	z-index: 2;
	transform: rotate(180deg);
}

.carousel-fade .carousel-item {
 opacity: 0;
 transition-duration: .6s;
 transition-property: opacity;
}

.carousel-fade  .carousel-item.active,
.carousel-fade  .carousel-item-next.carousel-item-left,
.carousel-fade  .carousel-item-prev.carousel-item-right {
  opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-right {
 opacity: 0;
}

.carousel-fade  .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-prev {
 transform: translateX(0);
 transform: translate3d(0, 0, 0);
}

.carousel-control-next-icon, 
.carousel-control-prev-icon
{
	width: 60px;
	height: 60px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.carousel-control-next, 
.carousel-control-prev
{
	opacity: .6;
}

.carousel-control-prev-icon
{
	background-image: url(../img/prev.png);
}
.carousel-control-next-icon
{
	background-image: url(../img/next.png);
}

.carousel-caption
{
	position: absolute;
	left: 0;
	text-align: left;
	bottom: 15%;
}
.carousel-caption h2
{
	margin-bottom:0; 
}
.carousel-caption h2 span{
	background-color: rgba(229,9,127,.7);
	display: inline-block;
	margin-bottom: 8px;
	border-radius: 0 0 80px 0;
	border-right: 5px solid var(--color1);
	font-family: var(--dosis4);
	display: inline-block;
	font-size: 45px;
	padding: 5px 60px;
	padding-left: 10px;
}
.carousel-caption h3{
	display: inline-block;
}

.carousel-caption h3 span{
	display: inline-block;
	margin-bottom: 8px;
	border-radius: 0 0 80px 0;
	font-family: var(--dosis4);
	display: inline-block;
	padding: 5px 60px;
	padding-left: 10px;
	margin-bottom: 0px;
	border-right: 5px solid var(--color2);
	background-color: rgba(57,49,133,.7);
}

.carousel-caption h3 span
{
	text-transform: uppercase;
}
.carousel-caption h3 span.normal
{
	font-family: var(--raleway4);
	font-size: 50px;
}


/*
************************************************
*/

section.purpose-of-education
{
	margin-top: 40px;
}
.text-area p
{
	font-size: 18px;
	margin-bottom: 10px;
	font-family: var(--dosis4);
}
.text-area p span.strong
{
	font-family: var(--dosis6);
}

.text-area.list-item ul li
{ 
	position: relative;
	padding-left: 20px;
	font-size: 18px;
	font-family: var(--dosis4);
	margin-bottom: 5px;
}
.text-area.list-item ul li:before
{
	position: absolute;
	content: '\f14a';
	font-family: fontawesome;
	left: 0;
	top: 0px;
}

.text-area.list-item ul li:nth-child(1):before
{
	color: var(--nav1);
}
.text-area.list-item ul li:nth-child(2):before
{
	color: var(--nav2);
}
.text-area.list-item ul li:nth-child(3):before
{
	color: var(--nav3);
}
.text-area.list-item ul li:nth-child(4):before
{
	color: var(--nav4);
}
.text-area.list-item ul li:nth-child(5):before
{
	color: var(--nav5);
}
.text-area.list-item ul li:nth-child(6):before
{
	color: var(--nav6);
}
.text-area.list-item ul li:nth-child(7):before
{
	color: var(--nav7);
}


/*
*****************************************************
*/

section.home-curriculum
{
	background-image: url(../img/achievements-bg.jpg);
	background-size:cover;
	background-position: center;
	margin-top: 50px;
	position: relative;
}

section.home-curriculum:before{
	content: "";
	position: absolute;
	background: url(../img/curly-caret-down.png);
	background-repeat: repeat-x;
	display: block;
	top: 0px;
	width: 100%;
	height: 10px;
	z-index: 2;
	background-size: 10px;
}


section.home-curriculum:after{
	content: "";
	position: absolute;
	background: url(../img/curly-caret-up.png);
	background-repeat: repeat-x;
	display: block;
	bottom: 0px;
	width: 100%;
	height: 5px;
	z-index: 2;
	background-size: 10px;
}

section.home-curriculum .home-curriculum-inner
{
	background-color:rgba(57,49,133,.9);
	padding: 50px 0;
}


/*
******************************************
*/

.home-curriculum .home-curriculum-inner .description 
{
	max-width: 700px;
	margin:auto;
	text-align: center;
}
.home-curriculum .home-curriculum-inner .description p
{
	margin-bottom: 5px;
	font-family: var(--dosis5);
	color: var(--white);
	font-size: 17px;
	line-height: 22px;
}
.home-curriculum .home-curriculum-inner .description p.text-row
{
	margin:10px 0;
}
.home-curriculum .home-curriculum-inner .description p.text-row span
{
	color: var(--nav2);
	display: inline-block;
	padding:0 10px;
	font-size: 18px;
}
.home-curriculum .home-curriculum-inner .description p.text-row span:nth-child(2)
{
	color: var(--nav3);
}
.home-curriculum .home-curriculum-inner .description p.text-row span:nth-child(3)
{
	color: var(--nav5);
}
.home-curriculum .home-curriculum-inner .description p.text-row span:nth-child(4)
{
	color: var(--nav6);
}
.home-curriculum .home-curriculum-inner .description p.text-row span:nth-child(5)
{
	color: var(--nav7);
}

.home-curriculum .home-curriculum-inner .circle-row-container .circle-box
{
	width: 220px;
	height: 220px;
	border-radius: 50%;
	display: inline-block;
	text-align: center;
	padding: 58px 15px;
	color: var(--white);
}

.circle-row-container
{
	margin-top: 40px;
}

.box-circle-parent .box-circle:nth-child(1) .circle-box
{
	background-color: var(--nav1);
}
.box-circle-parent .box-circle:nth-child(2) .circle-box
{
	background-color: var(--nav3);
}
.box-circle-parent .box-circle:nth-child(3) .circle-box
{
	background-color: var(--nav5);
}
.box-circle-parent .box-circle:nth-child(4) .circle-box
{
	background-color: var(--nav7);
}


.home-curriculum .home-curriculum-inner .circle-row-container .circle-box h5
{
	font-family: var(--dosis5);
}
.home-curriculum .home-curriculum-inner .circle-row-container .circle-box span
{
	font-family: var(--dosis4);
	font-size: 16px;
}


/*
****************************************
*/

section.testimonial-home
{
	margin-top: 40px;
}

#testimonial-container .testimonial
{
	margin:0 20px;
}
#testimonial-container .testimonial .testimonial-box{
	width: 100%;
	height: 190px;
	padding:30px 30px;
	border-radius: 5px;
	position: relative;
	margin-bottom: 15px;
	max-width: 330px;
}
#testimonial-container
{
	margin-top: 40px;
}
#testimonial-container .testimonial .testimonial-box:before
{
	content: '\f10d';
	position: absolute;
	width: 35px;
	height: 35px;
	top: -2px;
	left: -2px;
	font-family: fontawesome;
	background-color: var(--white);
	font-size: 1.5em;
	padding-top: 2px;
	padding-bottom: 2px;
}
#testimonial-container .testimonial .testimonial-box:after
{
	content: '\f10e';
	position: absolute;
	width: 35px;
	height: 35px;
	bottom: -2px;
	right: -2px;
	font-family: fontawesome;
	background-color: var(--white);
	font-size: 1.5em;
	padding-top: 9px;
	padding-bottom: 2px;
	text-align: right;
}

#testimonial-container .testimonial .testimonial-box span
{
	font-family: var(--dosis4);
	font-size: 16px;
}
#testimonial-container .testimonial .testimonial-box .name
{
	font-family: var(--dosis6);
	font-size: 18px;
	margin-top: 5px;
}


#testimonial-container .testimonial .arrow-png{
	position: absolute;
	bottom: 0px;
	left: 30px;
	width: 60px;
	height: 60px;
	background-size: 100%;
	background-position: center;
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
}


#testimonial-container .testimonial .test-image
{
	width: 70px;
	height:70px;
	border-radius: 50%;
	top: 50px;
	overflow: hidden;
	-webkit-transform: translateX(70px);
	transform: translateX(70px);
}
#testimonial-container .testimonial .test-image img
{
	border-radius: 50%;
}



/* 1 */

#testimonial-container .owl-wrapper .owl-item:nth-child(1) .testimonial .testimonial-box,
#testimonial-container .owl-wrapper .owl-item:nth-child(4n+4) .testimonial .testimonial-box
{
	border:2px solid var(--nav2);
}
#testimonial-container .owl-wrapper .owl-item:nth-child(1) .testimonial .testimonial-box:before,
#testimonial-container .owl-wrapper .owl-item:nth-child(4n+4) .testimonial .testimonial-box:before
{
	color: var(--nav2);
}

#testimonial-container .owl-wrapper .owl-item:nth-child(1) .testimonial .name,
#testimonial-container .owl-wrapper .owl-item:nth-child(4n+4) .testimonial .name
{
	color: var(--nav2);
}

#testimonial-container .owl-wrapper .owl-item:nth-child(1) .testimonial .testimonial-box:after,
#testimonial-container .owl-wrapper .owl-item:nth-child(4n+4) .testimonial .testimonial-box:after
{
	color: var(--nav2);
}

#testimonial-container .owl-wrapper .owl-item:nth-child(1) .testimonial .test-image,
#testimonial-container .owl-wrapper .owl-item:nth-child(4n+4) .testimonial .test-image
{
	border:2px solid var(--nav2);
}

#testimonial-container .owl-wrapper .owl-item:nth-child(1) .testimonial .arrow-png,
#testimonial-container .owl-wrapper .owl-item:nth-child(4n+4) .testimonial .arrow-png
{
	background-image: url(../img/testimonial_icon_01.jpg);
}


/* 2 */

#testimonial-container .owl-wrapper .owl-item:nth-child(2) .testimonial .testimonial-box,
#testimonial-container .owl-wrapper .owl-item:nth-child(2n+3) .testimonial .testimonial-box
{
	border:2px solid var(--nav1);
}
#testimonial-container .owl-wrapper .owl-item:nth-child(2) .testimonial .testimonial-box:before,
#testimonial-container .owl-wrapper .owl-item:nth-child(2n+3) .testimonial .testimonial-box:before
{
	color: var(--nav1);
}

#testimonial-container .owl-wrapper .owl-item:nth-child(2) .testimonial .name,
#testimonial-container .owl-wrapper .owl-item:nth-child(2n+3) .testimonial .name
{
	color: var(--nav1);
}

#testimonial-container .owl-wrapper .owl-item:nth-child(2) .testimonial .testimonial-box:after,
#testimonial-container .owl-wrapper .owl-item:nth-child(2n+3) .testimonial .testimonial-box:after
{
	color: var(--nav1);
}

#testimonial-container .owl-wrapper .owl-item:nth-child(2) .testimonial .test-image,
#testimonial-container .owl-wrapper .owl-item:nth-child(2n+3) .testimonial .test-image
{
	border:2px solid var(--nav1);
}

#testimonial-container .owl-wrapper .owl-item:nth-child(2) .testimonial .arrow-png,
#testimonial-container .owl-wrapper .owl-item:nth-child(2n+3) .testimonial .arrow-png
{
	background-image: url(../img/testimonial_icon_02.jpg);
}


/* 3 */

#testimonial-container .owl-wrapper .owl-item:nth-child(3) .testimonial .testimonial-box,
#testimonial-container .owl-wrapper .owl-item:nth-child(3n+3) .testimonial .testimonial-box
{
	border:2px solid var(--nav3);
}
#testimonial-container .owl-wrapper .owl-item:nth-child(3) .testimonial .testimonial-box:before,
#testimonial-container .owl-wrapper .owl-item:nth-child(3n+3) .testimonial .testimonial-box:before
{
	color: var(--nav3);
}

#testimonial-container .owl-wrapper .owl-item:nth-child(3) .testimonial .name,
#testimonial-container .owl-wrapper .owl-item:nth-child(3n+3) .testimonial .name
{
	color: var(--nav3);
}

#testimonial-container .owl-wrapper .owl-item:nth-child(3) .testimonial .testimonial-box:after,
#testimonial-container .owl-wrapper .owl-item:nth-child(3n+3) .testimonial .testimonial-box:after
{
	color: var(--nav3);
}

#testimonial-container .owl-wrapper .owl-item:nth-child(3) .testimonial .test-image,
#testimonial-container .owl-wrapper .owl-item:nth-child(3n+3) .testimonial .test-image
{
	border:2px solid var(--nav3);
}

#testimonial-container .owl-wrapper .owl-item:nth-child(3) .testimonial .arrow-png,
#testimonial-container .owl-wrapper .owl-item:nth-child(3n+3) .testimonial .arrow-png
{
	background-image: url(../img/testimonial_icon_03.jpg);
}


/*
*******************************************
*/

footer.home-footer
{
	background-image: url(../img/achievements-bg.jpg);
	background-size:cover;
	background-position: center;
	margin-top: 50px;
	position: relative;
}

footer.home-footer:before{
	content: "";
	position: absolute;
	background: url(../img/curly-caret-down.png);
	background-repeat: repeat-x;
	display: block;
	top: 0px;
	width: 100%;
	height: 10px;
	z-index: 2;
	background-size: 10px;
}


footer.home-footer .home-footer-inner
{
	background-color:rgba(57,49,133,.9);
	padding: 50px 0 25px;
}

footer.home-footer .home-footer-inner .ftr-box span
{
	display: inline-block;
}
footer.home-footer .home-footer-inner .ftr-box .icon
{
	width: 50px;
	height:50px;
	border-radius: 50%;
	text-align: center;
	float: left;
}
footer.home-footer .home-footer-inner .ftr-box .icon .fa
{
	font-size: 1.8em;
	line-height: 45px;
}


footer.home-footer .home-footer-inner .one .ftr-box .icon
{
	border:2px solid var(--nav6);
	color: var(--nav6);
}
footer.home-footer .home-footer-inner .two .ftr-box .icon
{
	border:2px solid var(--nav2);
	color: var(--nav2);
}
footer.home-footer .home-footer-inner .three .ftr-box .icon
{
	border:2px solid var(--nav3);
	color: var(--nav3);
}
footer.home-footer .home-footer-inner .four .ftr-box .icon
{
	border:2px solid var(--nav5);
	color: var(--nav5);
}



footer.home-footer .home-footer-inner .ftr-box .detail
{
	display: inline-block;
	width: 75%;
	margin-left: 8px;
	line-height: 22px;
	font-family: var(--dosis4);
	color: var(--white);
}
footer.home-footer .home-footer-inner .ftr-box .detail.email
{
	font-size: 17px;
}

footer.home-footer .home-footer-inner .ftr-box .detail span.title
{
	font-family: var(--dosis6);
	color: var(--white);
	display: block;
	font-size: 17px;
	margin-bottom: 5px;
}

footer.home-footer .home-footer-inner .ftr-box .detail span.icons
{
	margin-top: 7px;
}
footer.home-footer .home-footer-inner .ftr-box .detail span.icons a
{
	display: inline-block;
	width: 30px;
	height:25px;
	border-radius: 50%;
	text-align: center;
}
footer.home-footer .home-footer-inner .ftr-box .detail span.icons a .fa
{
	font-size: 1.5em;
}


footer.home-footer .home-footer-inner .ftr-box .detail span.icons a:nth-child(1) .fa
{
	color: #8CAEF3;
}
footer.home-footer .home-footer-inner .ftr-box .detail span.icons a:nth-child(2) .fa
{
	color:#43BCEB;
}
footer.home-footer .home-footer-inner .ftr-box .detail span.icons a:nth-child(3) .fa
{
	color:#EC4823;
}
footer.home-footer .home-footer-inner .ftr-box .detail span.icons a:nth-child(4) .fa
{
	color:#DC4335;
}


.copyright
{
	border-top:1px solid #241b71;
	background-color:rgba(57,49,133,1);
	padding:5px 0;
	text-align: center;
	color: var(--white);
}
.copyright a
{
	color: var(--white);
}


/*
============================================================
Social links horizontal on footer
============================================================
*/

.social ul
{
	padding-left: 0;
	margin-bottom: 0;
	list-style-type: none;
}

.social ul li
{
	float: left;
	margin:0 5px;
}

.social ul li a
{
	width: 35px;
	height: 35px;
	background-color: #333;
	border-radius: 50%;
	text-align: center;
	line-height: 35px;
	color: #fff;
	display: block;
}
.social ul li a .fa
{
	font-size: 1.3em;
}
.social ul li a.facebook
{
	background-color:#3C5A99;
}
.social ul li a.twitter
{
	background-color: #33CCFF;
}
.social ul li a.pinteallt
{
	background-color: #AC1C1F;
}
.social ul li a.linkedin
{
	background-color: #1D8CB5;
}
.social ul li a.instagram
{
	background-color: #95675B;
	background-image: url(../img/insta.png);
	width: 50px;
	height: 50px;
}
.social ul li a.gplus
{
	background-color: #DD513F;
}
.social ul li a.skype
{
	background-color: #00AFF1;
}
.social ul li a.snapchat
{
	background-color:#FEFB02;
}
.social ul li a.youtube-play
{
	background-color:#F10A0B;
}


/* ===== Radius ===== */

.social.radius ul li a
{
	border-radius: 5px;
}


/* ===== Fixed Left ===== */

.social.left-fixed
{
	position: fixed;
	top: 40%;
	left: 0;
	transform: translateY(-40%);
	z-index: 10;
}

.social.left-fixed ul li
{
	float: none;
	margin:0;
}
.social.left-fixed ul li a
{
	border-radius: 0;
	width: 50px;
	height: 50px;
}

.social.left-fixed ul li a .fa
{
	font-size: 1.5em;
	line-height: 50px;
}

/* ======= Fixed Right ========= */

.social.right-fixed
{
	position: fixed;
	top: 40%;
	right: 0;
	transform: translateY(-40%);	
	z-index: 5;
}

.social.right-fixed ul li
{
	float: none;
	margin:0;
}
.social.right-fixed ul li a
{
	border-radius: 0;
	width: 50px;
	height: 50px;
	/*line-height: 60px;*/
	box-shadow: 0 0 3px #ccc;
}

.social.right-fixed ul li a .fa
{
	line-height: 50px;
}






/*==============calender===============*/
#ical{width:100%; height:auto; margin:auto;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;

border:1px solid #ccc;
padding:3px;

}


#ical .cal_head{
background-color:var(--color2);
color: #fff;
background-image: url(../img/pattern2.png);
padding:13px 10px;
display: block;
text-align: center;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
position: relative;
border-radius: 2px 2px 0 0;

}

.icaltable {
  border-collapse: separate;
  border-width: 0px 0px 1px 1px;
  font-size: 20px;
  width: 100%;
  height:auto;
  
  background:#f8f8f8;
}
.icaltable td,.icaltable  th {
	width: 14.28%;
	text-align: center;
	vertical-align: middle;
	background: var(--white);
	/*background: url('../img/cells.png') repeat scroll 0% 0% #F8F8F8;*/
	color: #444;
	position: relative;
	font-size: 15px;
	height: 24px;
	padding: 11px 0px;
	border: 1px solid #ddd;
	font-weight: 500;
}

#ical .events li span.title,
#ical .events li span.desc,
#ical .events li span.event_desc
{
     display: none;
}

#ical .events li span.event1
{
     color: #000;
} 
#ical .events li span.event1
{
     display: block;
}

.icaltable th {
  height: 30px;
  font-weight: bold;
  font-size: 14px;
  color: #333;
}
.icaltable td:hover, .icaltable th:hover {
  background-position: 0px -81px;
  color: #222;
}
.icaltable td.date_has_event {
  background-position: 162px 0px;
  color: white;
  background-color: var(--color2);

}
.icaltable td.date_has_event:hover {
  background-position: 162px -81px;
}
.icaltable td.padding {
  
}
.icaltable td.today {
  background-position: 81px 0px;
  color: white;
  background-color: var(--color1);
}
.icaltable td.today:hover {
background:  var(--color2);
color: #fff;
}

.events {
  position: relative;
}
.events ul {right: 0px !important;
bottom: 30px !important;}
.events ul {
  text-align: left;
  position: absolute;
  display: none;
  z-index: 1000;
  padding: 5px;
  background: #E7ECF2 url(../img/popup.png) no-repeat;
  color: white;
  border: 1px solid white;
  font-size: 15px;
  width: 200px;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
  -border-radius: 3px;
  list-style: none;
  color: #444444;
  -webkit-box-shadow: 0px 8px 8px #333;
}
.events li {
  padding-top: 5px;
  padding-bottom: 5px;
}
.events li span {
    float: ;
    font-size: 14px;
    text-align: justify;
    color: #555;
    margin-right: 5px;
}
.events li span.title {
  font-weight: bold;
  color: #222;
}

#icalprev{
    position:absolute;
    left: 10px;
cursor: pointer;
}

#icalnext{
    position:absolute;
    right: 10px;
  cursor: pointer;
}

#currentmonth {
padding: 0;
text-align: center;
font-size: 1em;
text-transform: uppercase;
font-weight: bold;
}

#currentyear{
padding: 0;
text-align: center;
font-size: 1em;
font-weight: bold;
}
#icalprev ,#icalnext
{
    top: 50%;
transform: translateY(-50%);
}
/*============= Calendar css end ==== ==========*/


.gallery-calendar
{
	margin-top: 40px;
}

.events-gallery ul li
{
	float: left;
	width:33.33%;
	height: 120px;
	overflow: hidden;
	padding:2px;
	position: relative;
}

.events-gallery ul li a
{
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	transform: scale(0);
	transition: transform .3s linear;
}
.events-gallery ul li:hover a
{
	transform: scale(1);
}
.events-gallery ul li a:before
{
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,.8);
}

.events-gallery ul li a:after
{
	content: '\f065';
	position: absolute;
	font-family: fontawesome;
	top: 50%;
	left: 50%;
	color: var(--white);
	font-size: 1.5em;
	transform: translateX(-50%) translateY(-50%);
}



/* ================ Page Banner ==============*/

.PageBanner
{
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	background-position: center;
	position: relative;
}
.PageBanner:before
{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.8);
}

@media screen and (min-width: 1140px)
{
	.PageBanner
	{
		height: 250px;
	}
}

.PageBanner .bannerText
{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	text-align: center;
}
.PageBanner .bannerText .title
{
	font-family: var(--monte6);
	letter-spacing: 1px;
	font-size: 35px;
	color: var(--white);
	text-transform: uppercase;
}
.PageBanner .bannerText .breadCrumbs
{
	text-align: center;
	width: 100%;
}
@media screen and (min-width: 1140px)
{
	.PageBanner .bannerText .breadCrumbs ul
	{
		display: table;
		margin:auto;
	}
}
.PageBanner .bannerText .breadCrumbs ul li
{
	float: left;
	color: var(--white);
	font-family: var(--monte4);
}
.PageBanner .bannerText .breadCrumbs ul li a
{
	color: var(--white);
	padding-right: 10px;
}
.PageBanner .bannerText .breadCrumbs ul li a:after
{
	content: '/';
	margin-left: 10px;
}
/* ================ Page Banner ==============*/




/*
=======================================
pagination
=======================================
*/
.paginationBox
{
    margin-top: 10px;
}

.paginationBox .pagination .page-item a.page-link
{
  box-shadow: none;
  border-color:#999393;
}

.paginationBox .pagination .page-item.active a.page-link,
.paginationBox .pagination .page-item:hover a.page-link
{
    background-color: var(--color1);
    border-color: var(--color1);
    color: #fff;
}

.paginationBox .pagination .page-item a.page-link
{
    color: #000;
}



/*
**************************************
*/
.myform
{
	margin-top: 40px;
	padding: 0 20px;
}
.myform form .capacha-div
{
  margin-top: 3px;
}

.myform form .form-group
{
	margin-bottom: 1.5em;
}

.myform form .form-group .input-area
{
	border:1px solid var(--color2);
	position: relative;
}

.myform form .form-group .input-area label
{
	position: absolute;
	left: 10px;
	top: -12px;
	margin-bottom: 0;
	line-height: 20px;
	background-color: #fff;
	padding: 0 8px;
	font-size: 16px;
	font-family: var(--dosis5);
	color: #333;
}

.myform form .form-group .input-area .myinput
{
	border:none;
}

.myform form .form-group .input-area .myinput:focus
{
	box-shadow: none;
}

.myform textarea
{
	resize: none;
}
.btn1
{
	color: #fff;
	border:none;
	background-color: var(--color1);
	padding: 7px 20px;
    min-width: 100px;
	cursor: pointer; 
	box-shadow: 3px 5px 4px rgba(0,0,0,.2);
	transition: background-color .1s linear;
    margin-top: 1em;
}

.btn1:hover
{
	background-color: var(--color1);
    color:var(--white);
}

.btn2
{
	color: #fff;
	border:none;
	background-color: var(--color2);
	padding: 7px 20px;
    min-width: 100px;
	cursor: pointer; 
	box-shadow: 3px 5px 4px rgba(0,0,0,.2);
	transition: background-color .1s linear;
    margin-top: 1em;
}

.btn2:hover
{
	background-color: var(--color2);
    color:var(--white);
}


.myform.jobApply
{
    margin-top: 30px;
}
.myform.jobApply .form-group
{
    margin-bottom: 2em;
}

/*
**************************************
*/



.mtLocationMap
{
	margin-top: 30px;
}

ul.c_address li .box .icon
{
    width: 30px;
margin-right: 5px;
float: left;
}

ul.c_address li{
border-bottom: 1px solid #bab7b7;
padding: 10px 0; 
}

ul.c_address li:last-child{
border-bottom: 0px;
}

ul.c_address li .box .text
{
    width: 85%;
display: inline-block;
margin-left: 5px;
}

ul.c_address li .box .text strong
{
    font-family: var(--dosis6);
    font-size: 16px;
    text-transform: uppercase;
    font-weight: normal;
    margin-right: 3px;
}
ul.c_address li .box .text h3.title
{
    font-size: 1.2em;
    clear: both;
    font-family: var(--dosis5);
    margin-bottom: 5px;
}

ul.c_address li .box .text span
{
	font-family: var(--dosis4);
	font-size: 16px;
}

ul.c_address li .box .text span a
{
	color: var(--color1);
	font-family: var(--dosis4);
	font-size: 17px;
}



/*
*****************************************************************
*****************************************************************
*/

.descriptionArea p
{
    font-size: 16px;
    margin-bottom: 12px;
}

.descriptionArea p span.bolder
{
    font-family: var(--gt5);
    color: #333;
}

.descriptionArea .descImage
{
    width: 400px;
    float: right;
    margin-left: 10px;
    position: relative;
    z-index: 2;
    padding: 7px;
    overflow: hidden;
}



.descriptionArea.list-item ul li
{ 
	position: relative;
	padding-left: 20px;
	font-size: 18px;
	font-family: var(--dosis4);
	margin-bottom: 5px;
}
.descriptionArea.list-item ul li:before
{
	position: absolute;
	content: '\f14a';
	font-family: fontawesome;
	left: 0;
	top: 0px;
}



.descriptionArea.list-item ul li:nth-child(1):before,
.descriptionArea.list-item ul li:nth-child(8):before
{
	color: var(--nav1);
}
.descriptionArea.list-item ul li:nth-child(2):before,
.descriptionArea.list-item ul li:nth-child(9):before
{
	color: var(--nav2);
}
.descriptionArea.list-item ul li:nth-child(3):before,
.descriptionArea.list-item ul li:nth-child(10):before
{
	color: var(--nav3);
}
.descriptionArea.list-item ul li:nth-child(4):before,
.descriptionArea.list-item ul li:nth-child(11):before
{
	color: var(--nav4);
}
.descriptionArea.list-item ul li:nth-child(5):before,
.descriptionArea.list-item ul li:nth-child(12):before
{
	color: var(--nav5);
}
.descriptionArea.list-item ul li:nth-child(6):before,
.descriptionArea.list-item ul li:nth-child(13):before
{
	color: var(--nav6);
}
.descriptionArea.list-item ul li:nth-child(7):before,
.descriptionArea.list-item ul li:nth-child(14):before
{
	color: var(--nav7);
}


.descriptionArea p
{
	font-size: 18px;
	margin-bottom: 10px;
	font-family: var(--dosis4);
}
.descriptionArea p span.strong
{
	font-family: var(--dosis6);
}





/*
*************************************
*************************************
*/

.accolades-container
{
    margin-top: 30px;
}
.accolades-container .accolades-box
{
    border: 1px solid var(--color2);
    box-shadow: 5px 5px 5px 5px rgba(116, 113, 113, 0.2);
    transition: all .4s ease;
    padding:25px 25px;
    border-radius: 10px;
    position: relative;
    margin-bottom: 25px;
}
.accolades-container .accolades-box .quote
{
    position: absolute;
    left: 6px;
    top: -10px;
    display: inline-block;
    width: 34px;
    height: 25px;
    text-align: center;
    background-color: var(--white);
}
.accolades-container .accolades-box .quote .fa{
    color: var(--color2);
    font-size: 1.5em;
}
.accolades-container .accolades-box .texts
{
    font-size: 16px;
    font-family: var(--dosis4);
    margin-bottom: 20px;
    min-height: 175px;
    max-height: 175px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.accolades-container .accolades-box .heads .name
{
    display: inline-block;
    font-family: var(--dosis5);
    color:#333;
    display: block;
    font-size: 18px;
    line-height: 20px;
}
.accolades-container .accolades-box .heads .designation
{

    font-family: var(--dosis5);
    font-size: 14px;
    margin-top: 0px;
    display: block;
}




/*
===========================================================
===========================================================
*/
.eventGalleryDiv
{
	margin-top: 10px;
}
.eventGalleryDiv .pReduce
{
	padding-left: 7px;
	padding-right: 7px;
}
.eventGalleryDiv .product_div
{
	display: block;
	text-align: center;
	margin-bottom: 20px;
}
.eventGalleryDiv .product_div a
{
	padding: 0px;
	background-color: var(--white);
	box-shadow: 0 0 5px rgba(66, 65, 65, 0.2);
	position: relative;
	display: block;
	overflow: hidden;
}	

.eventGalleryDiv .product_div a .overlay{
	background-color:rgba(47, 50, 147, .9);
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: -100%;
	left: 0;
	transition: top .3s linear;

}
.eventGalleryDiv .product_div:hover a .overlay
{
	top: 0;
}

.eventGalleryDiv .product_div a .overlay img
{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
}

.eventGalleryDiv .product_div .product-title
{
	background-color: var(--color2);
	color: var(--white);
	text-align: center;
	padding: 5px;
	font-family: var(--poppins5);
}


/*
===========================================
*/


.mysidebars {
    width: 100%;
    background: url(../img/Noise-pattern.png) repeat var(--color2);
    box-shadow: 0 0 15px rgba(0, 0, 0, .2);
    padding: 0
}

.mysidebars ul {
    margin-left: 20px;
    list-style: none;
    margin-bottom: 0;
    padding: 30px 0
}

.mysidebars ul li {
    line-height: 34px;
    padding-left: 10px;
    border-bottom: 1px solid #ccc
}

.mysidebars ul li.active,
.mysidebars ul li:hover {
    background-color: var(--color1);
    position: relative
}

.mysidebars ul li.active:after,
.mysidebars ul li:hover:after {
    content: '';
    position: absolute;
    right: -34px;
    border-right: 17px solid transparent;
    border-left: 17px solid var(--color1);
    border-bottom: 17px solid transparent;
    border-top: 17px solid transparent
}

.mysidebars ul li.active a,
.mysidebars ul li:hover a {
    color: #fff;
    text-decoration: none
}

.mysidebars ul li a {
    color: #fff;
    font-family:var(--dosis5);
    font-size: 16px;
}





/*
============================================
Contact Page Address Area
============================================
*/
#jobs-opening
{
    margin-top: 10px;
}
#jobs-opening ul
{
    list-style: none;
    padding-left: 0;
}


#jobs-opening ul li .jobs_main_div
{
    border-bottom: 2px solid var(--color1);
    box-shadow: 0 0 5px rgba(0,0,0,.3);
    padding: 10px;
    margin-bottom: 15px;
}

#jobs-opening ul li{
    padding: 0px 0; 
    line-height: 20px; 
}

.custom-select
{
    border-color: transparent;
}
.custom-select:focus
{
    box-shadow: none !important;
}

#jobs-opening ul li .jobs_main_div .job-opening-list:before
{
  content: attr(job-opening);
  font-size: 15px;
  margin-right: 3px;
  margin-bottom: 6px;
  display: inline-block;
  text-transform: capitalize;
  color: #000;  
 font-family: var(--dosis5);
}

#jobs-opening ul li .jobs_main_div .job-opening-list span
{
  font-family: var(--dosis4);
  font-size: 14px;
}



/*
********************************
Modal
********************************
*/

#myModal .modal-body
{
  padding: .7rem;
  position: relative;
}

.modal-dialog.modal-lg
{
	max-width: 700px;
}

#myModal .modal-body button[data-dismiss="modal"]
{
    position: absolute;
	right: 15px;
	top: 10px;
	color: #fff;
	opacity: 1;
	background-color: var(--color1);
	width: 30px;
	height: 30px;
	border-radius: 5px;
}

#myModal .modal-body button[data-dismiss="modal"] img
{
	padding: 5px;
}
#myModal .modal-body .popupText
{
  position: absolute;
  bottom: 12px;
  left: 0;
  background-color: rgba(0,0,0,.7);
  width: 97%;
  text-align: center;
  padding: 7px 0;
  margin-left: 1.4%;
}

#myModal .modal-body .popupText span{
  color: #fff;
  font-family: var(--poppins2);
  font-size: 17px;
  padding-left: 2%;
  padding-right: 2%;
  text-shadow: 1px 1px #000;
}
#myModal .modal-body .popupText span a
{
  color: var(--color1);
  text-shadow: none;
  font-size: 15px;
}
.img-fluid1{max-width:100%;height:180px;}