| Current Path : /home1/savoy/www/savoyeducation.com/assets/css/ |
Linux gator3171.hostgator.com 4.19.286-203.ELK.el7.x86_64 #1 SMP Wed Jun 14 04:33:55 CDT 2023 x86_64 |
| Current File : /home1/savoy/www/savoyeducation.com/assets/css/style_old.css |
@font-face {
font-family: "hero";
src: url("../fonts/Hero.otf");
}
@font-face {
font-family: 'arial';
src: url('../fonts/arial-webfont.woff2') format('woff2'),
url('../fonts/arial-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: gothic;
src: url("../fonts/GOTHIC.eot") /* EOT file for IE */
}
@font-face {
font-family: gothic;
src: url("../fonts/GOTHIC.TTF") /* TTF file for CSS3 browsers */
}
header {
background-color: #fff;
padding: 3px 0px 3px 0px;
}
body{font-family:gothic;}
h5.header-action {
color: #0D79C0;
text-align: right;
font-weight: bold;
}
nav.navbar.bg {
background-color: #fff;
font-size: 16px;
margin-bottom: 0px;
}
.navbar-brand{ padding: 0px;height: 70px}
.navbar-fixed-top .navbar-nav>.active>a, .navbar-fixed-top
.navbar-nav>.active>a:focus, .navbar-fixed-top
.navbar-nav>.active>a:hover {
color: #fff;
background-color: #0d79c0;
}
@media (min-width: 768px)
.navbar-nav>li>a {
padding-top: 25px;
padding-bottom: 25px;
}
.navbar-nav>li>a {
padding-top: 28px;
padding-bottom: 17px;
color:#0d79c0;
padding-left: 18px;
padding-right: 18px;
}
.navbar-fixed-top .navbar-nav>li>a:focus,
.navbar-fixed-top .navbar-nav>li>a:hover {
color: #fff;
background-color:#0d79c0;
}
#first-slider .main-container {
padding: 0;
}
#first-slider .slide1 h3, #first-slider .slide2 h3, #first-slider .slide3 h3, #first-slider .slide4 h3{
color: #0072bb;
font-size: 30px;
text-transform: uppercase;
font-weight:700;
}
#first-slider .slide1 h4,#first-slider .slide2 h4,#first-slider .slide3 h4,#first-slider .slide4 h4{
color: #302e2e;
font-size: 28px;
font-weight:lighter
}
#first-slider .slide1 .text-left ,#first-slider .slide3 .text-left{
padding-left: 40px;
}
#first-slider .carousel-indicators {
bottom: 0;
}
#first-slider .carousel-control.right,
#first-slider .carousel-control.left {
background-image: none;
}
#first-slider .carousel .item {
min-height: 546px;
height: 100%;
width:100%;
}
.carousel-inner .item .container {
display: flex;
justify-content: center;
align-items: center;
position: absolute;
bottom: 0;
top: 0;
left: 0;
right: 0;
}
#first-slider h3{
animation-delay: 1s;
}
#first-slider h4 {
animation-delay: 2s;
}
#first-slider h2 {
animation-delay: 3s;
}
#first-slider .carousel-control {
width: 6%;
text-shadow: none;
}
#first-slider h1 {
text-align: center;
margin-bottom: 30px;
font-size: 30px;
font-weight: bold;
}
#first-slider .p {
padding-top: 125px;
text-align: center;
}
#first-slider .p a {
text-decoration: underline;
}
#first-slider .carousel-indicators li {
width: 14px;
height: 14px;
background-color: rgba(255,255,255,.4);
border:none;
}
#first-slider .carousel-indicators .active{
width: 16px;
height: 16px;
background-color: #fff;
border:none;
}
.carousel-fade .carousel-inner .item {
-webkit-transition-property: opacity;
transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
left: 0;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
z-index: 2;
}
.carousel-control .fa-angle-right, .carousel-control .fa-angle-left {
position: absolute;
top: 50%;
z-index: 5;
display: inline-block;
}
.carousel-control .fa-angle-left{
left: 50%;
width: 38px;
height: 38px;
margin-top: -15px;
font-size: 30px;
color: #fff;
border: 3px solid #ffffff;
-webkit-border-radius: 23px;
-moz-border-radius: 23px;
border-radius: 53px;
}
.carousel-control .fa-angle-right{
right: 50%;
width: 38px;
height: 38px;
margin-top: -15px;
font-size: 30px;
color: #fff;
border: 3px solid #ffffff;
-webkit-border-radius: 23px;
-moz-border-radius: 23px;
border-radius: 53px;
}
.carousel-control {
opacity: 1;
filter: alpha(opacity=100);
}
/********************************/
/* Slides backgrounds */
/********************************/
#first-slider .slide1 {
background-size: cover;
background-repeat: no-repeat;
}
#first-slider .slide2 {
background-size: cover;
background-repeat: no-repeat;
}
#first-slider .slide3 {
background-size: cover;
background-repeat: no-repeat;
}
#first-slider .slide4 {
background-size: cover;
background-repeat: no-repeat;
}
span.icon-bar {
background-color: #fff;
}
.navbar-toggle{ background-color:#0072bb;
border: 1px solid #0072bb;}
a.navbar-brand {
padding-top: 8px;
}
.text-bg{ background-color: white;
width: 603px;
opacity: 0.6;
margin-top: 20%;
}
div#first-slider {
margin-top: 249px;
}
@media (max-width:992px){
#first-slider .carousel .item{ min-height: 368px}
img.img-responsive.prgm-img{ width:100%;}
}
h3.main-head {
padding-top: 60px;
padding-bottom: 0px;
font-size: 33px;
color: #444442;
font-family:Arial, Helvetica, sans-serif;
}
p3.description {
line-height: 1.8;
font-size: 16px;
color:#000;
}
img.img-wrapper {
margin-top: -50px;
}
button.btn.btn-default.abt {
width: 20%;
font-size: 14px;
background-color: #0072bb;
border: none; margin-top: 12px;
border-radius: 0px;
color: #fff; padding: 8px 14px 7px 14px;
}
.image-wrapper{ width: 100%;
height: 220px;
float: left;
border: 1px solid #0072bb;
}
.text-wrapper {
background-color: #fff;
margin: -20px -15px 0px -15px;
padding-bottom: 12px;
border-bottom: 1px solid #0d79c0;
border-left: 1px solid #0d79c0;
border-right: 1px solid #0d79c0;
/*height: 218px;*/
}
h3.prgm-head {
color: #0072bb;
font-size: 23px;
font-weight: bold;
padding: 12px 0px 0px 0px;
}
p.prgm-description {
padding: 0px 10px 0px 10px;
line-height: 1.7;
font-size: 20px;
text-align: justify;
color: #000;
}
a:focus, a:hover
{
text-decoration: none;
}
/* carousel */
.media-carousel
{
margin-bottom: 0;
/*padding: 0 40px 30px 40px;*/
margin-top: 30px;
}
/* Previous button */
.media-carousel .carousel-control.left
{
left: -12px;
background-image: none;
background: none repeat scroll 0 0 #222222;
border: 4px solid #FFFFFF;
border-radius: 23px 23px 23px 23px;
height: 40px;
width : 40px;
margin-top: 30px
}
/* Next button */
.media-carousel .carousel-control.right
{
right: -12px !important;
background-image: none;
background: none repeat scroll 0 0 #222222;
border: 4px solid #FFFFFF;
border-radius: 23px 23px 23px 23px;
height: 40px;
width : 40px;
margin-top: 30px
}
/* Changes the position of the indicators */
.media-carousel .carousel-indicators
{
right: 50%;
top: auto;
bottom: 0px;
margin-right: -19px;
}
/* Changes the colour of the indicators */
.media-carousel .carousel-indicators li
{
background: #c0c0c0;
}
.media-carousel .carousel-indicators .active
{
background: #333333;
}
.media-carousel img
{
width: 100%;
height: 265px;
}
/* End carousel */
.nopadding{padding:0px;margin:0px; }
.nomargin{}
a.thumbnail.active, a.thumbnail:focus, a.thumbnail:hover{border: none}
a.thumbnail.nopadding {
border: 0px; position: relative;
}
.media-carousel{margin-top: -20px;}
.overlay {
position: absolute;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.58);
color: #fff;
padding: 50%;
padding: 50%;
}
h3.main-subhead {
padding-top: 60px;
padding-bottom: 10px;
font-size: 26px;
text-transform: uppercase;
color: #444442;
}
ol.carousel-indicators.position-top {
position: relative; text-align: right;
width: 79%;
}
.resize{
float: left;
height: 340px;
width: 100%;
}
a.thumbnail.another {
background-color: #0072bb;
padding-bottom: 12px;
border: none;
}
h4.announce-head {
color: rgb(255, 255, 255);
padding: 5px 10px 0px 10px;
height: 30px;
line-height: 1.2;
overflow: hidden;
font-size: 22px;
}
h6.date{color: rgba(255, 255, 255, 0.69);
padding: 5px 10px 0px 10px;
font-size: 18px;
}
p.announce-sub {
color: rgba(255, 255, 255, 0.69);
padding: 5px 10px 0px 10px;
font-size: 20px;
line-height: 1.7;
overflow: hidden;
height: 214px;
}
i.fa.fa-calendar {
padding-right: 5px;
}
p.more {
color: rgba(255, 255, 255, 0.69);
padding: 5px 10px 0px 10px;
font-weight: bolder;
font-size: 18px;
padding-bottom: 25px;
}
i.fa.fa-arrow-circle-o-right {
margin-left: 5px;
}
h4.modal-title {
font-size: 22px;
color: ##5587a7;
font-weight: bold;
}
img.popup-img {
width: 100%;
height: 200px;
}
h6.popup-date {
padding: 8px 0px 0px 0px;
font-size: 14px;
color: #6a7f8c;
}
p.popup-text {
font-size: 17px;
color: #6a7f8c;
text-align: justify;
line-height: 1.7;
}
button.btn.btn-primary {
color: #fff;
background-color: #0072bb;
border-radius: 0;
width: 79%;
height: 65%;
position: absolute;
border: none;
font-size: 18px;
}
button.btn.btn-default {
color: #fff;
background-color: #828383;
border-radius: 0;
width: 100%;
position: relative;
margin-top: 55px;
border: none;
font-size: 18px;
}
li.events-scroll {
list-style: none;
padding-bottom: 0;
padding-top: 33px;
}
button.btn.btn-default.focus,
button.btn.btn-default:focus,
.button.btn.btn-default:hover{ border:none;}
h5.event-head {
font-size: 16px;
text-transform: uppercase;
margin-top: 0px;
height: 15px;
overflow: hidden;
}
p.event-text {
color: #6a7f8c;
height: 40px;
overflow: hidden;
}
p.more-event{ color: #6a7f8c;
font-weight: bolder;
font-size: 13px;}
footer {
background-color: #0d79c0;
color: #fff;text-align: justify;
padding-top: 30px;margin-top: 10%;
padding-bottom: 15px;
}
p.footer-text {
padding-top: 10px;
}
h4.footer-head {
font-size: 20px;
}
ul.unorder {
padding-left: 0px;
list-style: none;
}
ul.unorder li {
list-style-image: url(../img/icon-b.png);
background-repeat: no-repeat;
background-position: 0px center;
margin-left: 20px;
}
ul.unorder li {
padding-top: 5px;
}
i.fa.fa-map-marker{position: relative;
}
span.ft-space{ padding-left: 10px;
position: absolute;}
p.top-align{ padding-bottom: 30px;padding-top: 6px;}
i.fa.fa-envelope-o {
padding-right: 4px;
}
input.form-control.ft-input {
border-radius: 0px;
width: 66%;
position: absolute;
}
button.btn.btn-danger {
background-color: #0072bb;
border: none;
font-size: 13px;
border-radius: 0px;
width: 28%;
float: right;
padding: 7px;
}
.align-ftwrapper {
padding-left: 20%;
}
p.bottom-align {
padding-bottom: 13px;
}
.social:hover {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
}
.social {
-webkit-transform: scale(0.8);
/* Browser Variations: */
-moz-transform: scale(0.8);
-o-transform: scale(0.8);
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
}
/*
Multicoloured Hover Variations
*/
#social-fb:hover {
color: #3B5998;
}
#social-tw:hover {
color: #4099FF;
}
#social-gp:hover {
color: #d34836;
}
#social-em:hover {
color: #f39c12;
}
.ft-social a {
color: #0d79c0;
padding-right: 7px;
}
section.copyright {
background: rgba(72, 73, 74, 0.92);
padding: 7px 0;
}
section.copyright p {
text-align: center;
line-height: 30px;
color: #b6bbbd;
margin: 0 0 0px;
}
@media(max-width:767px){
.navbar-nav>li>a {
padding-top: 14px;
padding-bottom: 14px;
font-size: 14px;}
.small-device{
padding-left:0px !important;
}
h5.header-action{text-align: center;}
}
@media(max-width:991px){
img.img-wrapper {
margin-top: 50px;
}
.align-ftwrapper {
padding-left: 0;
}
p.prgm-description{ }
}
/* about.css */
section.about-banner{ margin-top: 249px;}
.img-abt {
width: 100%;
height: 230px;
}
p.abt-text {
line-height: 1.8;
font-size: 20px;
text-align: justify;
color: #000;
}
.panel.panel-default {
border: none;
}
.panel-body {
background-color: #fff;
border: 1px solid #0d79c0;
}
.panel-heading.common {
border: none;
background-color: #0d79c0;
color: #fff;
font-size: 20px;
text-align: center;
margin-bottom: 0px;
}
p.abt-sub {
color: #000;
font-size: 20px;
text-align: justify;
line-height: 1.5;
}
h5.prgms a {
text-align: center;
font-size: 20px;
color: #333;
font-weight: 600;
}
h5.prgms {
text-align: center;
}
.demo {
margin-top: 0px;
}
p.more-prgm a {
color: #0b4f7b;
font-weight: bolder;
font-size: 16px;
padding: 0px 10px 0px 10px;
}
p.description {
line-height: 1.8;
font-size: 16px;
color: #000;
font-size: 20px;
text-align: justify;
}
.dropdown-menu>li>a{
padding: 10px 20px;
font-size: 16px;
font-weight: bold;
}
.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus
{
color: #fff;
background-color: #0d79c0;
}
ul.dropdown-menu.prgms {
padding: 0px;
}
li.divider.change {
margin: 0px;
}
form {
padding-top: 20px;
}
input.form-control.contact {
border-radius: 0px;
}
textarea.form-control.contact {
border-radius: 0px;
}
@media(min-width:768px){
h4.contact-head{ margin-top: 176px;}
}
@media(max-width:767px){
h4.contact-head{ margin-top: 30px;}
}
h4.contact-head {
font-size: 22px;
}
h4.contact-head {
font-size: 20px;
color: #fff;
padding: 16px 20px;
}
.contact-wrapper {
background: #0d79c0;
color: #fff;
}
p.details {
padding: 2px 20px;
}
.news{
border: 1px solid rgba(96, 125, 139, 0.42);
padding: 20px; margin-bottom: 40px;}
h3.news-head {
color: #486475;
margin-top: 0px;
padding-bottom: 10px;
}
h6.news-date {
color: #000;
font-size: 15px;
}
p.news-sub {
font-size: 16px;
line-height: 1.8;
color: #6a7f8c;
}
button.btn.btn-default.abt a {
color: #fff;
}
button.btn.btn-info {
background-color: #0b4f7b;
border: none;
padding: 2px 7px;
margin: 0px 10px;
}
select.form-control.contact{
border-radius: 0px;
}
button.btn.btn-info:hover, button.btn.btn-info:focus{
border: none; background-color:#0b4f7b;
}
h5.modal-title {
color: #607D8B;
font-size: 22px;
text-align: center;
font-weight: bold;
}
h3.banner-head {
color: #fff;
font-size: 42px;
margin-top: -70px;
}
.banner-bg {
background-color: #0072bb;
height: 100%;
opacity: .7;
margin-top: -206px;
}
h3.head-one {
margin-top:90px;
font-size: 26px;
color: #0d79c0;
margin-bottom: 0px;
font-weight: 600;
}
p.text-one {
padding-top: 6px;
font-weight: bold;
line-height: 1.8;
font-size: 22px;
text-align: justify;
color: #45535a;
}
h4.items {
color: #607D8B;
font-size: 18px;
font-weight: 600;
margin-bottom: 15px;
}
h4.point-head {
color: #45535a;
font-size: 26px;
padding-top: 14px;
}
ul.points {
margin-left: -34px;
list-style: none;
}
ul.points li {
padding-top: 6px;
font-size: 20px;
color: #45535a;
}
h5.special {
font-size: 20px;
color: #45535a;
}
button.btn.btn-success.register {
background-color: #0072bb;
border: none;
font-size: 16px;
border-radius: 0px;
width: 77%;
padding: 14px;
margin-top: 168px;
}
p.para {
padding-top: 6px;
line-height: 1.8;
font-size: 20px;
color: #45535a;
text-align: justify;
}
.navbar.navbar-fixed-top.bg li:hover:after{
content: ' ';
position: absolute;
border: solid 10px transparent;
border-top: solid 0px transparent;
border-width: 10px;
left: 50%;
margin-left: -10px;
border-color: #0d79c0 transparent transparent transparent;
}
.navbar.navbar-fixed-top.bg li.active:after{
content: ' ';
position: absolute;
border: solid 10px transparent;
border-top: solid 0px transparent;
border-width: 10px;
left: 50%;
margin-left: -10px;
border-color: #0d79c0 transparent transparent transparent;
}
section.one_bg {
background-image: url(../img/tution_bg.JPG);
background-repeat: no-repeat;
background-size: cover;
padding-bottom: 10%;
margin-top: 116px;
}
.from-top {
margin-top: -42px;
}
.panel.listview {
background-color: #0d79c0;
margin-top: 20px;
padding: 10px;
width: 100%;
padding-left: 24px;
border-radius: 0px;
border-radius: 0px;
}
h3.items {
color: #fff;
font-size: 28px;
}
.img-fixed {
width: 100%;
height: 307px;
}
h4.sub-headprgm {
color: #45535a;
font-family: 'Didact Gothic', sans-serif;
padding-top: 5px;
font-size: 18px;
font-weight: bold;
line-height: 1.4;
}
.move-left {
margin-left: 32px;
}
.button_sliding_bg_4:hover {
box-shadow: inset 400px 0 0 0 #0072bb;
}
.button_sliding_bg_2, .button_sliding_bg_3,
.button_sliding_bg_4, .button_sliding_bg_5,
.button_sliding_bg_6 {
color: #fff;
background:#f5351b;
padding: 12px 17px;
font-family: 'OpenSansBold', sans-serif;
font-size: 14px;
font-weight: bold;
width: 30%;
letter-spacing: 1px;
text-transform: uppercase;
border-radius: 0;
margin-top: 21px;
margin-left: 0px;
display: inline-block;
text-align: center;
cursor: pointer;
/*box-shadow: inset 0 0 0 0 #31302B;*/
-webkit-transition: all ease 0.8s;
-moz-transition: all ease 0.8s;
transition: all ease 0.8s;
transition: all ease 0.8s;
}
div#overlay{
position: absolute;}
img.img-responsive.img-hover:hover {
overflow: hidden;
left: 0;
top: auto;
bottom: 0;
background: #607D8B;
opacity: .5;
transition: transform 0.35s;
}
a.thumbnail.common_media {
display: block;
padding: 0px;
margin-bottom: 0;
border: none;
border-radius: 0px;
width: 100%;
height: 319px;
}
.media_wrapper{ margin-top: 18px !important;}
.img-wrapper_logo {
width: 37%;
}
.panel.panel-default.box {
background-color: #0d79c0;
padding: 0px 0px 8px 15px;
margin-top: -34px;
border-radius: 0px;
}
.reduced{ padding-top: 9px !important;}
ul.dropdown-menu.prgms {
margin-top: 11px;
}
.navbar-nav>li>a {
font-family: 'Quicksand', sans-serif;
font-weight: 600;
}
footer li a {
color: #fff;
}
footer li a:hover {
color: #fff;
}
a.social {
color: #fff;
}
.color {
color: #fff !important;
}
span.change_font{font-size: 28px;}
.change_font{font-size: 28px !important;}
.top {
padding-top: 13px;
}
li.reduced_size {
padding-top: 16px !important;
}
.padding{ padding-top: 12px;}
.image-size {
margin: 49px 0px 0px 0px;
}
.movetop{margin-top: 2px !important;}
.movetop{margin-top: 17px;}
.from-top.wrapperalign {
margin-top: -12px;
}
@media(max-width:768px){
button.btn.btn-default.abt{width: 30%;}
}
.prgm-block {
background-color: #0d79c0;
}
h3.prgm-head a {
color: #fff;}
h3.prgm-head{ padding-left: 0px;
margin-bottom: 0px;
text-align: center;
}
.panel-heading.common.news-panel {
text-align: left;
}
.img-announce {
width: 100%;
height: 250px;
}
.panel-body.announce{ padding: 0px 15px 0px 15px;}
.fb-page.fb_iframe_widget {
border: 2px solid #0d79c0;
}
a.navbar-brand {
margin-top: 15px;
}
.img-logos {
width: 110px;
}
.shadow{
box-shadow: 2px 1px 2px #888888;
}
p.more-prgm {
margin-top: 42px;
}
.small-device{
padding-left:340px;
}
img.floats {
display: block;
float: left;
}
p.leftalign {
margin-left: 25px;
}