| Current Path : /home1/savoy/public_html/savoyeducation.com/Backup23-11-16/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/public_html/savoyeducation.com/Backup23-11-16/assets/css/style.css |
/*
Project Name: Create a Responsive Web Design Template
Author: Harry Atkins
Published on: http://www.onextrapixel.com/
*/
::-moz-selection { background-color: #91D8f7; color: #fff; }
::selection { background-color: #91D8f7; color: #fff; }
a { outline: 0; color: #222; text-decoration: none; }
a:hover { text-decoration: underline; }
p a:hover { color: #27B3CF; }
a:active { outline: none; position: relative; top: 2px; }
.clearfix { clear: both; }
/*------------------------------------*\
MAIN
\*------------------------------------*/
body {
background: #e0e0e0; color: #222; font-family: Arial, Helvetica, sans-serif; font-size: 16px;
-webkit-transition-property: font-size;
-moz-transition-property: font-size;
transition-property: font-size;
-webkit-transition-duration: 0.5s, 0.5s;
-moz-transition-duration: 0.5s, 0.5s;
transition-duration: 0.5s, 0.5s;
-webkit-transition-timing function: linear, ease-in;
-moz-transition-timing function: linear, ease-in;
transition-timing function: linear, ease-in;
line-height:18px;
}
#wrapper { margin: 0px auto; max-width: 980px; width: 90%; padding:10px 0 0 0; }
#header_container { width: 100%; height:auto; background:#fff url(../images/header_bg.gif) repeat-x; }
#header_wrap { margin: 0px auto; max-width: 980px; width: 90%; padding:0 0 30px 0; }
header { padding: 0px; }
.zerogrid{ width: auto; position: relative; margin: 0 auto; padding: 0px;}
#head_top{ width:auto; height:auto; margin: 0 auto}
.logo{ width:auto; height:auto; padding:20px 0 0 0; float:left;}
.head_right{ width:auto; height:auto; padding:20px 0 0 0; float:right;}
.callus{width:auto; height:85px; float:left; background:url(../images/phone_icon.jpg) no-repeat 160px 40px; text-align:center; padding:40px 0 0 200px}
.callus h2{ font-size:22px; font-weight:normal; color:#000;}
.callus h3{font-size:18px; font-weight:normal; color:#767676;}
.social{ width:60px; float:left; margin:45px 0 0 15px}
.inner_ban{ max-width:100%; max-height:100%;}
h1 { font-size: 90px; font-family: 'Droid Serif', serif; line-height: 75px; padding: 10px;
-webkit-transition-property: font-size;
-moz-transition-property: font-size;
transition-property: font-size;
-webkit-transition-duration: 0.5s, 0.5s;
-moz-transition-duration: 0.5s, 0.5s;
transition-duration: 0.5s, 0.5s;
-webkit-transition-timing function: linear, ease-in;
-moz-transition-timing function: linear, ease-in;
transition-timing function: linear, ease-in;
}
h1 a:hover { text-decoration: none; color: #27B3CF; }
h2 { font-family: 'Helvetica'; font-size: 18px; padding: 10px;
-webkit-transition-property: font-size;
-moz-transition-property: font-size;
transition-property: font-size;
-webkit-transition-duration: 0.5s, 0.5s;
-moz-transition-duration: 0.5s, 0.5s;
transition-duration: 0.5s, 0.5s;
-webkit-transition-timing function: linear, ease-in;
-moz-transition-timing function: linear, ease-in;
transition-timing function: linear, ease-in;
}
h3 { font-size: 30px; }
h4 { padding: 3px; margin: 5px 0 0 0; }
h4 a { text-decoration: underline; }
h4 a:hover { }
/*nav { background: #222; padding: 0; margin: 10px 0;}
nav a { color: #F9F9F9; display: block; float: left; padding: 10px; }
nav a:visited { color: #f9f9f9; }
nav a:hover { text-decoration: none; background: #27B3CF; }
nav a:active { position: relative; top: 0; }*/
ul li{ list-style:none}
nav { clear:both; padding: 0; margin: 0px 10px 0 0;}
.menu{
width:70%;
height:32px;
border:none;
border:0px;
margin:0px;
padding:0px;
font-size:12px;
font-weight:bold;
background:url(../images/menu_bg.gif) repeat-x;
float:left;
}
.social_div{ width:30%; height:32px; float:right; background:url(../images/menu_bar_right_bg.gif) repeat-x;}
.social_left{width:auto; height:32px; background:url(../images/menu_bar_right_left.gif); float:left;}
.social_right{ width:auto; height:32px; float:right; padding:0 10px 0 0;}
.call_us{ width:auto; background:url(../images/phone_ico.gif) no-repeat 10px 5px; font-size:12px; color:#fff; height:18px; font-weight:bold; padding:6px 0 0 23px; float:left; }
.facebook_ico{ widt0h:auto; height:auto; padding:7px 0 0 5px; float:right;}
.call_us{width:auto;font-size:11px; visibility:visible; display:inline-block ;background:url(../images/phone_ico.gif) no-repeat 10px 5px;color:#fff; padding:10px 0 0 25px; line-height:12px }
.res_call_us{display:none }
.res_menu{ display:none;}
.menu_res{ display:none}
.left-col { width: 70%; float: left; }
.sidebar { width: 28%; float: left; margin-bottom: 10px; margin-left:10px; background:#fff; padding:0 0 7px 0;
-webkit-transition: all 0.1s ease;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
-ms-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
#featured { padding: 20px; }
#latest { padding: 0px; }
#about { padding: 20px; }
p { padding: 0; }
ul { list-style: none; }
ul li { margin: 0 0px; }
footer { padding: 10px; background:#004494; text-align:center; color:#618fc5; text-align:center; font-size:11px; margin:0 10px 0 0; }
pre { overflow: scroll; font-size: 10px; }
/****************************** HOME - Content Part - Box Three ******************************/
.boxthree .one_third {
background:#fff;
box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1), 1px -1px 0px #efefef;
border-bottom:3px solid transparent;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.boxthree .one_third:hover {
border-bottom:3px solid #0f5bc1;
}
.boxthreeleft, .boxthreecenter, .boxthreeright {
min-height:460px;
max-height:auto;
}
.boxthreeleft p, .boxthreecenter p, .boxthreeright p {
padding:15px 20px 15px 20px; font-size:12px; color:#4d4d4d; text-align:justify;
}
.boxthree img {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: opacity 0.5s linear;
-moz-transition: opacity 0.5s linear;
-o-transition: opacity 0.5s linear;
-ms-transition: opacity 0.5s linear;
transition: opacity 0.5s linear;
}
.boxthree img:hover {
opacity: 0.7;
filter: alpha(opacity=70);
-webkit-transition: opacity 1s linear;
-moz-transition: opacity 1s linear;
-o-transition: opacity 1s linear;
-ms-transition: opacity 1s linear;
transition: opacity 1s linear;
}
.boxthree h3 {
border-bottom:1px solid #d2dbe2;
}
a.simple {
color:#4883d3;
font-size:11px;
}
.one_third {
width: 32.33%;
}
.one_half, .one_third, .two_third, .one_fourth, .one_fifth {
margin-right: 1%;
margin-bottom: 10px;
float: left;
}
.c_head2{ font-weight:bold;color:#000;}
.boxtwo_full .second_full, .boxtwo .second_one, .boxtwo .second_two {
background:#fff;
box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1), 1px -1px 0px #efefef;
border-bottom:3px solid transparent;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.boxtwo .second_one:hover, .boxtwo .second_two:hover {
border-bottom:3px solid #0f5bc1;
}
.boxtwoleft{
min-height:460px;
max-height:auto;
}
.boxtworight{ min-height:auto;max-height:auto;}
.boxtwo_clear{ clear:both; padding:10px 0 0 0;}
.boxspace{ width:100%; padding:5px; background: #e0e0e0;}
.boxtwo_full p,.boxtwoleft p, .boxtworight p{ padding:5px 20px 5px 20px; font-size:12px; color:#4d4d4d; text-align:justify;}
.second_one, .second_two {
margin-right: 1%;
margin-bottom: 10px;
float: left;
}
.ucmas_left{float: left;margin-left: 0.8%; height:100%; width:61%; }
.ucmas_right{float: right;margin-right: 0.8%; height:100%; width:37%;}
.boxtwo_full{ width:100%;}
.second_one {
width: 65.33%;
}
.second_two {
width: 32.33%;
}
.map_img{ width:70%; margin:0 auto}
.second_full{ width:98.9%;}
.inner_ban img{ width:98.9%;}
.ucmas_image_div{ clear:both; min-height:400px; max-height:auto;}
.news_wrapper{ width:100%; height:auto; float:right}
.news{ width:100%; height:auto;background:#fff; float:right}
.news_head{ width:auto; height:30px; text-transform:uppercase; color:#fff; font-size:15px; padding:20px 0 0 20px ; font-weight:bold; background:#004d9b}
.news_body{ margin:5px 10px 0 10px; padding:5px 0}
.news_body a:hover{ color:#004d9b}
.news_body a{ font-size:12px ; font-weight:bold; text-decoration:none; color:#333333}
.news_body p{ color:#4d4d4d; font-size:12px}
.news_body ul{
padding: 0px;
list-style: none;
overflow:hidden;
}
.news_body ul li{
width:100%;
border-bottom:1px dashed #dcdcdc;
list-style-type:none;
float:left;
padding:5px 0 8px 0;
}
.news_body ul li.last{ border-bottom:none}
.news_body ul li .date-news{
margin-right:10px;
padding:0px 10px 0px 8px;
background-image: url(../images/news-dot.png);
background-position:right;
background-repeat:repeat-y;
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:16px;
line-height:18px;
text-align:center;
color:#004d9b;
float:left;
width: 25px;
}
.news_body ul li p{
text-align:left;
padding-left: 58px;
}
.news_body ul li a, .news ul li a:visited{
border:none;
color:#828282;
text-decoration:none;
font-size:12px
}
.news_body ul li a:hover{
color:#004d9b;
text-decoration:none;
}
.download{ width:20px; height:20px;float:right; padding:0 20px 10px 0;bottom:0px; right:10px; margin-top:10px}
.download a{ width:20px; height:20px; background:url(../images/download.png) no-repeat; display:block}
.register{width:100%; height:55px; display: table;margin: auto;}
.register a{ width:100%; height:55px; display: table;margin: auto; background:url(../images/register.jpg) no-repeat center; display:block}
.more{ width:64px; height:17px;float:right; padding:0 20px 10px 0;bottom:0px; right:10px; margin-top:10px}
.more a{ width:64px; height:17px; background:url(../images/readmore_butt.gif) no-repeat; display:block}
.cont_head{ width:auto; height:30px; text-transform:uppercase; color:#fff; font-size:15px; padding:20px 0 0 20px ; font-weight:bold; background:#004d9b}
.in_cont_head{font-size:16px; text-transform:uppercase ; padding:15px 20px 0px 10px; color:#004d9b; font-weight:bold}
.boxtwo_full_in p, .boxtworight p{ padding:5px 10px 5px 10px; }
.boxtwo_full_in ul, .boxtworight ul,.boxthreecenter ul{ margin:0 0 0 5px; padding:10px 0 10px 10px}
.boxtwo_full_in ul li, .boxtworight ul li, .boxthreecenter ul li{ font-size:13px;list-style: url(../images/news_list_icon.gif) inside; padding:0px 0 10px 0px; font-weight:bold}
.boxtwo_full_in ul li a, .boxtworight ul li a, .boxthreecenter ul li a{ color:#000; text-decoration: none; font-weight:bold;}
.boxtwo_full_in ul li a:hover, .boxtworight ul li a:hover, .boxthreecenter ul li a:hover{ color:#4d4d4d; text-decoration: none; font-weight:bolder;}
.boxtwo_full_in ul li ul, .boxtworight ul li ul, .boxthreecenter ul li ul{ padding:0; margin:15px 0 0 20px}
.boxtwo_full_in ul li ul li, .boxtworight ul li ul li, .boxthreecenter ul li ul li{ font-weight:normal; }
.boxtwo_full_in ul li ul li a, .boxtworight ul li ul li a, .boxthreecenter ul li ul li a{color:#4d4d4d; font-weight:normal; text-decoration: none;}
.readmore{ width:64px; height:17px;float:right; padding:0 20px 10px 0; position:absolute; bottom:10px; right:10px;}
.readmore a{ width:64px; height:17px; background:url(../images/readmore_butt.gif) no-repeat; display:block}
.boxtwo_full_in p{ padding:15px 10px 15px 10px; }
.gallery{ padding:10px; overflow:hidden}
.gallery_thumb{width: 150px;height: 140px;padding: 10px 10px 80px 0px;float: left;}
.last_thumb{padding: 10px 0px 80px 0px;}
.gallery_directory {width: 160px;height: 120px;padding: 10px 10px 10px 0px;float: left;background: url(../images/gallery/folder2.png) no-repeat;}
.gallery_thumb a{ text-decoration:none; color:#004d9b}
.gallery_thumb a:hover{ color:#000}
.gallery_directory img {padding-left: 42px;padding-top: 22px; float:left}
.gallery_directory_name {float: left;}
.back_butt a{ float:right; font-size:11px}
.download_butt{ display:block; overflow:hidden; padding:0 10px 0 0}
.download_butt a{float:right; font-size:11px}
.txt_01{color:#767676; font-size:11px; padding:0 0 0 20px}
.bar_01{ display:block; overflow:hidden;padding:25px 0px 0px 20px; }
.news_main{ width:auto; padding:0; margin-left: 0px;color:#4d4d4d;}
.news_main h2{ font-size:auto; color:#000; margin:10px 0 0px 0px}
.news_main h4{font-size:auto; font-weight:normal; color:#767676; float:left; padding:0 0 0 10px}
.news_main table{ color:#4d4d4d; font-size:12px; }
.border_dash{border-bottom:1px dashed #999999; width:auto; margin:40px auto;}
.new_link a{ font-size:12px; padding:0 20px; color:#000 }
.info_link a{font-size:12px; padding:0 0px; color:#004d9b }
.news_sub_head{font-size:13px; text-transform:uppercase ; padding:25px 0px 0px 20px; color:#004d9b; font-weight:bold}
.in_contact_info{ padding:0 0 10px 20px}
.contact_info_head{font-size:14px; text-transform:uppercase ; padding:15px 0px 10px 0px; color:#004d9b; font-weight:bold}
.adress_bar_01{ display:block; font-size:12px;}