@import url('https://fonts.googleapis.com/css?family=Cabin+Condensed');
* {margin:0px;padding:0px;}
body {font-family: 'Cabin Condensed', sans-serif;background: #fff;background: url( ../images/bgimg.jpg) repeat ;}
.welcomesec {background: #fff; margin-top: 3%; padding: 35px; box-shadow: 1px 4px 17px -3px rgba(95, 81, 41, 0.5);}  
.welcomenew {padding-left: 0 !important;  padding-right: 0 !important;}
.clr {clear: both; height: 0px; margin: 0px; padding: 0px; border: 0px;}
.clr2 {clear: both;	height: 2px; margin: 0px; padding: 0px; border: 0px;}
.clr5 {clear: both;	height: 5px; margin: 0px; padding: 0px; border: 0px;}
.clr10 {clear: both; height: 10px; 	margin: 0px; padding: 0px; border: 0px;}
.clr15 {clear: both; height: 20px; margin: 0px; padding: 0px; border: 0px;}
a {color:#101010!important; text-decoration: none!important; outline: none;}
button {outline: none;}
.align {text-align: center;}
center {font-family: calibri !important; text-transform: uppercase;}
footer center {text-transform: capitalize; 	font-size: 18px;}
.popup{ height:auto; background-color:#fff; border-radius:5px; width:100%; margin:0 auto; left: 0px;z-index: 999; margin-top: 10px; border: 2px solid #e4e4e4; padding-bottom: 15px;}
.modal-header {padding: 7px 10px; border-bottom: 1px solid #e5e5e5;}
.popupcon{font-size:16px;color: #FFF; font-weight: normal; font-family: 'cinzel-regular-webfont'; text-align: center; padding-top:10px;	}
.popupbtn{ text-align:center;}
.modal-backdrop {z-index: -99999!important;}
.popup-text{margin-top: 8px;font-size: 16px;}
.picture{object-fit: fill;height: 500px;width: 100%;}
    .popup .modal-title {color:#444 !important;
    }
.modal {background: rgba(0, 0, 0, 0.63);}
.popup .close {
    font-size: 14px;
    margin-top: 0px;
    background: #180292;
    border-radius: 50px;
    padding: 7px;
    color: #FFF !important;
}
.modal-dialog{width:600px !important;}
.picture{height:400px !important;}
/******************************************************************************************************************/
li, p {line-height: 26px; font-size: 16px; font-weight: normal !important; color: #424242 !important;}
hr{border-top: solid 1px rgba(255, 255, 255, 0.49) !important; margin-top: 10px!important; margin-bottom: 15px!important;}
input {outline: none !Important;}
img {max-width: 100%;}
.heading {
    color: #fff !important;
    background: #180292;
    margin-top: 0px;
    padding: 11px;
    font-size: 28px !Important;
}
.newstext{color: #fff!important;}
.abttrunc {text-align:justify; display: -webkit-box;-webkit-line-clamp:6; -webkit-box-orient: vertical;overflow: hidden;height: 10em;text-overflow: ellipsis;} 
.truncate {display: -webkit-box;-webkit-line-clamp:2; -webkit-box-orient: vertical;overflow: hidden;height: 3.1em;text-overflow: ellipsis;}
#header {width: 100%; background: url(../images/top.jpg)repeat-x; height: 3px;}
#footer {width: 100%; background: url(../images/top.jpg)repeat-x; height: 3px;}
.panel {margin-bottom: 0px!important;}
a.morebtn {color: #ffc10e!important;}
.top-space {margin-top: 3%;}
.date {margin: 0px;	padding: 5px;color: #ffd120!important;}
.eve {margin: 0px;	padding-bottom: 10px;color: #ffd120!important; font-size: 20px;}
.read-more-f {
    margin: 0px;
    padding: 10px;
    color: #fff !important;
    border: solid 1px #180292 !important;
    font-size: 14px;
    background: #180292;
}
.read-more-f:hover {background: #ec9c00; color: #fff !important; border: 1px solid #ec9c00 !important;}
h1 {font-size: 30px !important;	color: #383838!important;	text-transform: uppercase;margin-top: 0px! important;font-weight: normal !important;}
h1 span {color: #ec9c00 !important;}
h2 {font-size: 25px!important; color: #fff !important;; margin: 0px!important;}
h3 {font-size: 23px!important; text-transform: uppercase; color:#a22226!important;}
h6 {font-size: 15px; text-transform: uppercase;	color: #fff !important;	padding-top: 20px; font-weight: normal !important;}
h4 {font-size: 20px !important; text-transform: capitalize;	color: #444 !important;}
h5 {font-size: 18px; text-transform: uppercase;	color: #ecc833 !important;}
/****************************************menu**************************************************************************/
.pplogo {position: fixed; z-index: 999; right: 0px; top: 328px;width:100px;}
.logo {	position: absolute;	z-index: 99999;	width: 100%}
.topbutton{position: fixed; border-radius: 15px;    border-top-left-radius: 0px;    border-bottom-left-radius: 0px; background: #f3a50d; padding: 9px; z-index: 9;text-align: center;top: 328px;}
.topbutton2{position: fixed; border-radius: 15px;border-top-left-radius: 0px;    border-bottom-left-radius: 0px; background: #180292; padding: 9px; z-index: 9;text-align: center;top: 390px;}
.topbtn{color: white!important;font-size: 18px; }
.topbtn:hover{color: #ffe66b!important;text-decoration: none;}
.view {font-size: 17px!important; color: #f7ec14 !important;float: right; margin-top: 6px;}
/**************************************** Mega Menu **************************************************************************/
#sticky.stick {margin-top: 0 !important; position: fixed; top: 0; z-index: 10000;}
#sticky {
    width: 100%;
    background: #180292;
    top: 0;
}
/*********************************************menu & navbar css*****************************************************/ 
.afs_log {position: absolute;right: 0px;top: 0px;}
.afs_log img{width:90px;height:90px;}
.navbar-inverse{background-color:inherit !Important;border-color:inherit !Important;}
.navbar-collapse{box-shadow:none;border:none;}
.navbar-inverse .navbar-collapse{border-color:inherit !Important;}
.navbar-collapse {padding-right: 0px!important; padding-left: 0px!important;}
.navbar{border:none!important; margin-bottom: 0px!important;}
.navbar-collapse.in {overflow: visible;}
.navbar-nav {float: none!important;margin: 0;}
.menubg {
    background: #180292;
} 
.menubg ul{margin: 0px; margin-bottom:0%;text-align:center;} 
  ul li:hover ul{display:block;}
.menubg ul li {list-style-type: none;margin:0px;float:none !important;display:inline-block;} 
.menubg ul li a{position:relative;transition:color 0.25s ease;color:#fff !important;text-align: left;} 
.menubg ul li ul {background:#180292;left:inherit !Important;} 
.menubg ul li ul li {padding:5px 0px;display:block;} 
.menubg ul li ul li a:hover{color:#180292 !important;} 
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus{background-color:#180292 !important;}
.menubg ul li .fa{margin:0px 5px;color:#fff;border:none !important;}
.menubg ul li a:hover {color:#f1f1f1!important;text-decoration:none;} 
.menubg ul li a::after {position: absolute;top:0;left: 0;width: 0;height: 100%;background-color:#;transform-origin:left;transition:width 0.50s ease;z-index:0;opacity:.3;} 
.menubg ul li a:hover::after {width: 100%;border:solid 1px #800080;}
.navbar-inverse .navbar-toggle {border: 2px solid #f3a50d!important; background: #180292;}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {background-color: #f3a50d!important;}
.dropbtn {
    background-color: #180292;
    color: #ffffff;
    padding: 20px 30px 20px 30px;
    font-size: 20px;
    cursor: pointer;
    border: 1px solid #180292;
    text-transform: capitalize;
}
.dropdown { position: inherit!important; display: inline-block; }
.dropdown-content {display: none; position: absolute;background-color: #ffcb39;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 9999999; width:auto;border: 1px solid rgba(255, 255, 255, 0.29); padding-left: 5px; padding-right: 5px;}
.dropdown-content a {color: black;padding:10px;text-decoration: none;display: block; width: auto;z-index: 9;font-size: 20px;text-transform: none;}
.dropdown-content a:hover {background-color: #138439;  color: #ffcb39;}
.dropdown:hover .dropdown-content {display: block;}
.dropdown:hover .dropbtn {background-color: #138439; color: #ffcb39;}
/***************************************************dropdown*************************************************/
.text-center {text-align: center; border-right: solid 1px #959CB9;}
.text-center p {color: #292929 !important; text-align: center; font-size: 18px;margin-bottom: 20px;text-transform:capitalize;}
.text-center a{color:#a22226 !important;}
.text-center a:hover{color:#f3a50d !important;}

.tech-slideshow {height: 600px; max-width: 100%; margin: 0 auto; position: relative; overflow: hidden; transform: translate3d(0, 0, 0);}
.tech-slideshow > div {height: 600px; width:15062px; background: url( ../images/school.jpg); position: absolute; top: 150; left: 0;transform: translate3d(0, 0, 0);}
.tech-slideshow .mover-1 {animation: moveSlideshow 60s linear infinite;}
@keyframes moveSlideshow {  100% {transform: translateX(-66.6666%); }}

.grow {transition: all .4s ease-in-out;}
.grow:hover {transform: scale(1.1);	transform-style: preserve-3d; box-shadow: 1px 2px 5px 2px #979797;}
/*****.news-event{background: url( ../images/news-event.jpg) repeat; height: 430px;}****/
.news-space {
    background: #180292;
    height: 430px;
    padding-left: 25px !important;
    padding-right: 25px !important;
    margin-bottom: 10px;
}
.img-rounded {border-radius:50px!important;}
.viewall{text-transform: capitalize; color: #ffc10e; font-size: 16px; text-decoration: underline;}
.viewall:hover{color: #fff;}

.highlights {background: rgb(232, 32, 12);position: absolute;z-index: 9;width: 100%;color: #fff;font-weight:bold;bottom: 0px;animation: blinker 1s linear infinite;background: #ea1f0a;} @keyframes blinker{50% {background:#ff6a00;}}
.highlights p{line-height: 30px;font-size: 18px;margin-bottom:0px;}
.highlights a{color: #fff !important;}
.slider_reg{position:relative;height:500px;}
.modal{padding-right:0px !important;}
/****************************************LSection *************************************************************************/
.white_bg{background:#fff;padding-top:20px;padding-bottom:20px;min-height:500px;}
.white_bg p{text-align:justify;font-size:14px;}
 .white_bg h2 {
        color: #f2f1f7 !important;
        font-weight: 600;
        text-align: center;
        margin: 15px 0px !important;
        border: 2px solid black;
        padding: 10px;
        background-color: #f3a50d;
        background-repeat: no-repeat;
        border-bottom-left-radius: 50px 20px;
        border-bottom-right-radius: 50px 20px;
        background-size: 20px 20px;
    }
.management-part { border: solid 1px #ddd; width: 73%; text-align: center; font-weight: 600; color: #780f0c; padding-bottom: 8px; margin-bottom: 20px; }
.management-part p {text-align: center !Important;margin-top: 6px;margin-bottom: 0px;font-size: 16px;text-transform:capitalize;}
.management-part img { object-fit: cover; object-position: top; width: 100%; height: 251px;  }
.uniformimg{ object-fit: cover; object-position: top; width: 100%; height:400px !Important;  }
.management-part span { margin-top: 6px; margin-bottom: 10px;}
.principalimg{object-fit: cover;object-position: top;width: 150px;height: 200px !important;float:left;border-radius:10px;}
.principaltexts{float:left;margin-left:20px;}
.steady-progress{border-bottom:solid 1px #ececec;padding:15px;}
.steady-progress img{object-fit: cover; object-position: top; width:150px; height:145px !important; -webkit-filter: contrast(175%) brightness(80%); -moz-filter: contrast(175%) brightness(80%); -ms-filter: contrast(175%) brightness(80%); filter: contrast(175%) brightness(80%); filter: gray;}
.schhol-timings td{padding:10px;border:solid 1px #ddd;}
.schhol-timings th{padding:10px;border:solid 1px #ddd;background: #eee; text-align: left; color: #180292 ;}
.contentinnerpage li{list-style-type:circle;padding-left:10px;font-size:14px;}
.milestone{padding-left:150px !important;}
.tablescroll{overflow-x:auto;}
.transfer a {
    background: #180292;
    color: #fff !important;
    padding: 4px;
    border-radius: 5px;
}
.transfer a:hover{background: #180292;}
.labsections img{border-radius:5px;width:100%;height: 300px !important;margin-bottom:20px;}
.labsections h2{text-align:left;font-size: 22px!important;}
.navbar-collapse{border-top:0px !Important}
.tcsection{padding-left:10% !important;}
.tcsection label{width:20%;float:left;font-weight:normal;margin-top:5px;}
.tcsection input[type="text"] {width:80%;border-radius: 5px;border: solid 1px #dedede;padding-left: 5px; outline: none;line-height: 35px;margin: 5px 0px;float:left;}
.tcsection input[type="submit"] {border-radius: 5px;padding:0px 20px; outline: none;line-height: 35px;margin: 5px 0px;float:right;background:#c62a01;color:#fff;border:0px;margin-left:10px;margin-top:10px;width:100px;}
    .tcsection input[type="submit"]:hover {
        background: #180292;
    }
.notice h5{color:#180292 !important;font-size:18px;}
.notice .green {
    color: #180292 !important;
    float: left;
}
.notice .venue {
    color: #180292 !important;
    float: right;
}
.notice p{color:#000;font-size:15px;}
.notice{border:solid 1px #e5e5e5;padding:10px 0px;border-radius:10px;margin-bottom:20px;}
.birthdaypart{background:#efefef;padding:5px;margin-bottom:20px;}
.birthdaypart .topperimgnew{position:absolute;left: 10px; width: 80px; bottom: 70px;}
.birthdaypart h5{background:#fff;color:#c52900 !important;width:100%;text-align:center;line-height:25px;margin:0px;font-weight:bold;}
.birthdaypart h6{background:#fff;color:#c52900 !important;width:100%;text-align:center;line-height:25px;margin:0px;font-weight:bold;padding-top:1px;}
.birdayimg{object-fit:fill;object-position:top;width:100%;height:200px !Important; }
.topper{background:#efefef;padding:10px;margin-bottom:20px;}
.topper h5{background:#fff;color:#000;width:100%;text-align:center;line-height:25px;margin:0px;font-weight:bold;}
.topper h6{background:#fff;color:#cc1c22;width:100%;text-align:center;line-height:25px;margin:0px;font-weight:bold;}
.topperimg{object-fit:cover;object-position:top;width:100%;height:150px !Important; }
/****************************************LSection *************************************************************************/
/**************************************** gallery Section *************************************************************************/
.gallery{background-image: url( ../images/gallery.jpg); height: 125px; background-position: right top, left top; background-repeat: repeat; object-position: center; object-fit: contain; width: 100%;}
.coversimg {object-fit:cover; object-position:top; width: 100%; height:210px !important;margin-bottom: 0px; margin-top: 25px; border-radius: 10px;}
.newsimage {object-fit:cover; object-position:top; width:70px; height:70px !important;margin-bottom: 0px;border-radius: 100% !important;}
.coversimg:hover {filter: gray; -webkit-filter: grayscale(100%);}
.thumbnail{border:0px !important;outline:none;}
.thumbnail:focus{border:0px !important;outline:none !important;}
.modal{z-index:999999 !important;}
.content_img{object-fit:cover; object-position:top; width: 100%; height:320px !important;}
.details {line-height: 27px; font-size: 16px;  color: #4e4e4e !important;}
.guideheading {font-size: 21px!important; text-transform: none; color: #da251c !important;margin-top: 0px;margin-bottom: 20px;}
.assistance{background: #ededed; padding: 5px; padding-left: 15px;}
.clr25 {clear: both; height: 25px; margin: 0px; padding: 0px; border: 0px;}
.principamain{float:right;}

/************************************** Animations Css ************************************************************************/
.animation{width: 100%; border: 5px solid rgba(158, 158, 158, 0.1);    background: #eaeaea;}
.details {line-height: 27px; font-size: 16px;  color: #4e4e4e !important;}
.imgheading {font-size: 21px!important; text-transform: none; color: #da251c;text-align: center; margin-top: 20px;}
.clr25 {clear: both; height: 25px; margin: 0px; padding: 0px; border: 0px;}
/************************************* Animations Modal Css *******************************************************************/
/* Style the Image Used to Trigger the Modal */
#myImg, #myImg1, #myImg2 {width: 100%; border: 5px solid rgba(158, 158, 158, 0.1);background: #eaeaea; cursor: pointer; transition: 0.3s;}
#myImg:hover {opacity: 0.7;}
/* The Modal (background) */
.animodal {display: none;position: fixed; z-index: 99999; padding-top: 100px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto;    background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.9);}
/* Modal Content (Image) */
.animodal-content {margin: auto;display: block;}
/* Caption of Modal Image (Image Text) - Same Width as the Image */
#anicaption, #anicaption2, #anicaption3 {margin: auto;display: block;text-align: center;color: #fff;padding: 10px 0;height: 150px;font-size: 24px; text-transform: capitalize;}
/* Add Animation - Zoom in the Modal */
.animodal-content, #anicaption {-webkit-animation-name: zoom; -webkit-animation-duration: 0.6s; animation-name: zoom;animation-duration: 0.6s;}
@-webkit-keyframes zoom {from {-webkit-transform:scale(0)} to {-webkit-transform:scale(1)} }
@keyframes zoom {from {transform:scale(0)} to {transform:scale(1)}  }
/* The Close Button */
.close {position: absolute; top: 15px; right: 35px; color: #f1f1f1; font-size: 40px; font-weight: bold; transition: 0.3s;    opacity: 0.5;}
.close:hover,.close:focus {color: #8c8c8c; text-decoration: none; cursor: pointer;}
/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){.modal-content {width: 100%;} }
/************************************************** Media *******************************************************************/



@media only screen and (max-width: 1600px){.management-part {min-height: 280px;}}
@media only screen and (max-width : 1395px) {.dropbtn {padding: 20px 20px 20px 20px;} }
@media only screen and (max-width : 1199px) {.topbutton2, .topbutton, .pplogo{position:absolute;}.menubg ul li {display:block;} .menubg{position:relative;z-index:999;width:100% !important;}
.menubg ul li ul li {float:none;}
.nav > li > a{padding:10px 10px !important;} 
.navbar-nav > li{float:none !important;}
.menubg ul{float:left !important;    margin-right: 3%;}
  ul li:hover ul{display:none;}
  .menubg ul li a{position:inherit !important;}

.menubg ul li{position:inherit !important;}
}
@media only screen and (max-width : 1224px) {h2 {font-size: 24px!important;}.view {font-size: 15px!important; margin-top: 2px}.dropbtn {padding: 15px 15px 15px 15px!important;} .abttrunc {-webkit-line-clamp:4; height: 6em;} }
@media only screen and (max-width : 1024px) {.navbar-collapse.in {overflow-y: visible!important;} }

@media only screen and (max-width : 1024px) {


}

@media only screen and (max-width : 800px) {
    .navbar-collapse.in {overflow-y: visible!important;}
    .dropdown {position: inherit!important; display: block;} 
    .dropdown-content {width: auto!important; position: inherit;}
    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {border-color: #19ba4f!important;} 
    .dropbtn {padding: 0px;} .pplogo {position: absolute; }
                              .topbutton {position: absolute; padding: 8px; width: auto;}
                              .topbtn {font-size: 15px;} 
                              .topbutton2 {position: absolute; padding: 8px;}}


@media only screen and (max-width :767px) {
    .modal-dialog{width:auto !important;}
.picture{height:auto !important;}

    .afs_log {top:120px;}
    .afs_log img{width:75px;height:75px;}
    .pplogo img{width:75px;float:right;}
.notice h5{text-align:center;}
.notice p{text-align:center;float:none !Important;}
.contactus p{text-align:center;}
.text-center{border-right:0px;}



}

@media only screen and (max-width :740px) {
.tcsection label{width:100%;float:none;}
.tcsection input[type="submit"] {float:left;margin-left:0px;margin-right:10px;}
.tcsection input[type="text"] {width:100%;}
}
@media only screen and  (max-width: 690px) {.navbar-collapse.in {overflow-y: visible!important;}.dropdown {position: inherit!important; display: block;} .dropdown-content {width: auto!important; position: inherit;} .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {border-color: #19ba4f!important;} .pplogo {position: absolute;} .topbutton {position: absolute; padding: 8px;}.topbtn {font-size: 16px;} .topbutton2 {position: absolute; padding: 8px; }}
@media only screen and  (max-width:530px) {

.milestone{padding-left:10% !important;}.management-part{width:100% !important;}


}
@media only screen and  (max-width: 450px) {.fullwidth{width:100% !important;}}
@media only screen and  (max-width: 440px) {.principaltexts{margin:auto;text-align:center;float:none;}.principaltexts p{text-align:center    ;}.principalimg{float:none;margin:auto;}
                                            .text-center a{font-size:17px;}
                                            h2{font-size:20px !important;}
                                             h1{font-size:20px !important;text-align:center;}
                                            }
@media only screen and (max-width: 400px) {.fullwidthprin{width:100% !important;}
}
.newgallery #myModal{padding-right:0px !important;}
.newgallery .gallery_new{padding-bottom:0px !important;}
.newgallery .gallery_new article{background:#eee;border:solid 1px #ccc;padding:4px;margin-bottom:20px;}
.newgallery .gallery_new article h4{color:#180292  !important;margin-top:10px;margin-bottom:15px;font-weight:600;}
.newgallery .gallery_new img{object-fit:cover;object-position:top;width:100%;height:180px;cursor:pointer;}
.newgallery .item img{min-height:400px;max-height:400px;object-position:top;width:100%;object-fit:cover;}
.newgallery .modal {z-index: 99999; background: rgba(0, 0, 0, 0.3); }
.newgallery .modal-header { padding: 15px; border-bottom: 1px solid #e5e5e5;background:#180292   ; text-align: center;}
.newgallery .modal-header h4 {color: #fff !important;text-align:center;text-transform:capitalize;margin:0px !important; }
.newgallery .modal-header .close { margin-top: -2px; opacity: 9; font-size: 26px; font-weight: normal;color:#fff;position:inherit !important;}
.newgallery .carousel-control.left{background-image:inherit !important;}
.newgallery .carousel-control.right{background-image:inherit !important;}
.newgallery .modal-body{padding:0px;}
.newgallery .item{margin-left:0px;}
.newgallery .modal p{color:#444;text-align:center;text-transform:capitalize;}
.newgallery .carousel-inner img{border:none;border-bottom-left-radius:0px;border-bottom-right-radius:0px;border-top-left-radius: 0px;}
.newgallery .glyphicon{font-size:25px;color:#fff;}
    @media (max-width : 400px) {.newgallery .gallery_new{width:100% !important;}}
@media (max-width : 768px) {.newgallery .item img{max-height:inherit !important;min-height:inherit !important;}}

#onlreg a{
  color: #fff!important;
  text-decoration: underline;
  font-size: 18px;
}

#onlreg a span{
 
   
}
.onlreg
{
    width: 100%;
    background: #180292;
    padding: 9px;
    font-size: 15px;
    letter-spacing: 1px;
    text-align: center;
    font-weight: 700;
    color: #fff;
}
.bounce {
    color: white;
    animation: bounce 1s infinite;
  -moz-animation: bounce 1s infinite;
  -webkit-animation: bounce 1s infinite;
  
}
@-webkit-keyframes bounce{
  0% { color: #fff; }
    33% { color: #f1c705; }
     67% { color: #78e003; }
     100% { color: #fff; }
}
@keyframes bounce{
  0% { color: #fff; }
    33% { color: #f1c705; }
     67% { color: #78e003; }
     100% { color: #fff; }
}
@media only screen and (max-width :350px) {.topbtn {font-size: 14px;}}
.list_of_holidaysec article{background: #f5f5f5;padding:10px;border: dashed 1px #ddd;margin-bottom:15px;}
    .list_of_holidaysec article img{border-radius:50px;width:80px;height:80px;object-fit:cover;}
    .list_of_holidaysec article h3{font-size: 13px !important;text-align:left;text-transform:capitalize !important;margin-top:15px;font-weight: bold;color: #199e44 !important;}
    .list_of_holidaysec article h4{font-size: 14px !important;text-align:left;color: #c5222c !important;}
    @media only screen and  (max-width: 450px) {.list_of_holidaysec article h3, .list_of_holidaysec article h4{text-align:center;}}

    .download_main {position:fixed;bottom:10px;right:0px;z-index:99999;}
.overlay {    border-radius: 7px; position: absolute; top: 0; left: 0; width: 100%; height: 100%;cursor:pointer; }
.download_main:hover .overlay { display: block;  }
.download .arrow img{height:50px;position:absolute;top:-10px;left:3px;}
.title { position: absolute; width:500px;left:0;top:120px;font-weight:700; font-size:30px; text-align:center; text-transform:uppercase; color:white; z-index: 1; transition: top .5s ease; }
.download_main:hover .title { top: 90px; } 
.button { position: absolute;left:0; top:-37px;text-align:center;opacity:0;transition:opacity .35s ease; } 
.button img { width:118px;z-index: 1;float:left;height:35px;margin-right:2px;border-radius:5px;} 
.download_main:hover .button { opacity: 1; }
.download{border: solid 1px #fff;display: block;background: linear-gradient(0deg, #da251c, #ff0c00 59%, #da251c);padding: 10px;border-top-left-radius: 10px;border-bottom-left-radius: 10px;padding-left: 35px;cursor: pointer;box-shadow: 1px 2px 9px 1px #4c4c4c;}
.download h3{color: #fff !important;margin-top:0px;text-align:right;font-size:15px !important;font-weight: bold;text-transform:capitalize;}
.download h4{color: #fefa8e !important;margin-top:0px;text-align:right;font-size:13px !important;margin-bottom:0px;}