| Current Path : /home1/savoy/www/savoyglobal.net/old_html/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/savoyglobal.net/old_html/css/style.css |
@import url("../fonts/opensans/stylesheet.css");
*{ margin:0; padding:0;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol,ul{list-style:none;margin:0;padding:0;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
/* start editing from here */
a{text-decoration:none;}
.txt-rt{text-align:right;}/* text align right */
.txt-lt{text-align:left;}/* text align left */
.txt-center{text-align:center;}/* text align center */
.float-rt{float:right;}/* float right */
.float-lt{float:left;}/* float left */
.clear{clear:both;}/* clear float */
.pos-relative{position:relative;}/* Position Relative */
.pos-absolute{position:absolute;}/* Position Absolute */
.vertical-base{ vertical-align:baseline;}/* vertical align baseline */
.vertical-top{ vertical-align:top;}/* vertical align top */
.underline{ padding-bottom:5px; border-bottom: 1px solid #eee; margin:0 0 20px 0;}/* Add 5px bottom padding and a underline */
nav.vertical ul li{ display:block;}/* vertical menu */
nav.horizontal ul li{ display: inline-block;}/* horizontal menu */
img{max-width:100%; width:auto;}
/*end reset*/
body {
font-family: 'open_sansregular';
background:#ffffff;
font-size: 100%;
color: #000;
}
h3{margin-top: 20px !important; color: #000; font-weight: bolder;}
/*start wrap */
.wrap{
margin:0 auto;
width:80%;
}
/*start header */
.header{
border-top:2px solid #0067b9;
}
.logo{
float: left;
padding:20px 0 0 0;
width: 30%;
}
.h_right {width: 60%;}
.h_right h4{
text-align: right;
margin: 10px 0;
font-size: 12px;
color: #0067b9;
text-transform: uppercase;
font-weight: 600;
}
.h_right h4 span{
color: #252525;
}
p{text-align:justify; font-size: 13px; color:#9d9d9d;}
.social_icons{ width:auto; height:auto; float:right;}
.facebook{ float:left; padding:7px 4px}
.facebook a{ width:6px; height:15px; display:block; background:url(../images/facebook.gif) no-repeat; }
.facebook a:hover{background:url(../images/facebook_hover.gif) no-repeat;}
.twitter{ float:left; padding:7px 4px}
.twitter a{ width:22px; height:15px; display:block; background:url(../images/twitter.gif) no-repeat; }
.twitter a:hover{background:url(../images/twitter_hover.gif) no-repeat;}
.head_cont_div{ width:auto; height:auto; float:right}
.cust_support{ float:left; padding:0 20px 0 0}
/*----slider----*/
.benner{
position:relative;
}
.img-slider{
}
#slider2,
#slider3 {
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
margin: 0 auto;
}
.rslides_tabs li {
display: inline;
float: none;
margin-right: 1px;
}
.rslides_tabs a {
width: auto;
line-height: 20px;
padding: 9px 20px;
height: auto;
background: transparent;
display: inline;
}
.rslides_tabs li:first-child {
margin-left: 0;
}
.rslides_tabs .rslides_here a {
background: rgba(255,255,255,.1);
color: #fff;
font-weight: bold;
}
.events {
list-style: none;
}
.callbacks_container {
position: relative;
float: left;
width: 100%;
}
.callbacks {
position: relative;
list-style: none;
overflow: hidden;
width: 100%;
padding: 0;
margin: 0;
}
.callbacks li {
position: absolute;
width: 100%;
left: 0;
top: 0;
}
.callbacks img {
position: relative;
z-index: 1;
height: auto;
border: 0;
}
.callbacks_nav {
display:none;
}
.rslides {
position: relative;
list-style: none;
overflow: hidden;
width: 100%;
padding: 0;
margin: 0;
}
.rslides li {
-webkit-backface-visibility: hidden;
position: absolute;
display: none;
width: 100%;
left: 0;
top: 0;
}
.rslides li:first-child {
position: relative;
display: block;
float: left;
}
.rslides img {
height: auto;
border: 0;
width:100%;
}
.callbacks_tabs{
list-style: none;
position: absolute;
bottom: 6%;
z-index: 999;
right: 4.5%;
padding: 0;
margin: 0;
}
.callbacks_tabs li{
display:inline-block;
}
/*----*/
.callbacks_tabs a{
visibility: hidden;
}
.callbacks_tabs a:after {
content: "\f111";
font-size:0;
visibility: visible;
display: block;
height:15px;
width:15px;
display:inline-block;
border:2px solid #FFF;
}
.callbacks_here a:after{
border:2px solid #0067b9;
}
/*-- //slider --*/
/* start footer */
.footer{
background: #0067b9;
}
/* start footer_main */
.footer_main{
padding:25px 0 25px 0;
color:#fff;
text-align:center;
}
.content_wrapper{ width:1000px; 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;}
.readmore_btn{padding: 0px 20px 0px 0px;}
.readmore_btn a{
background:#0067b9;
padding:5px;
color:#FFF;
font-weight:300;
display:inline-block;
margin-top:1em;
text-decoration:none;
font-size: 10px;
border-radius:0.5em;
-webkit-border-radius:0.5em;
-moz-border-radius:0.5em;
-o-border-radius:0.5em;
-ms-border-radius:0.5em;
float:right;
}
.readmore_btn a:hover{
background:#3d98e0;
}
/******************************* CONTACT FORM - for blog and contact page *******************************/
#contactForm h2 {
margin-top:40px;
}
form#contact_form {
background-color:white;
color:#414550;
width:80%;
margin:0 auto;
}
form#contact_form .name {
padding:30px 0px 0 20px;
}
form#contact_form .email {
padding-left:20px;
padding-top:10px;
}
form#contact_form p {
margin-bottom:10px;
padding-top:5px;
font-style:italic;
}
form#contact_form .message {
padding-left:20px;
padding-top:10px;
}
div#loader {
margin-left: 20px;
margin-bottom:30px;
}
form#contact_form input[type="text"] {
border: 1px solid #e1e5e9;
background-color: white;
height: 30px;
padding: 0 10px;
width:80%;
margin-bottom:20px;
}
form#contact_form input#email {
border: 1px solid #e1e5e9;
background-color: white;
height: 30px;
padding: 0 10px;
width: 80%;
margin-bottom:20px;
}
form#contact_form textarea {
border: 1px solid #e1e5e9;
background-color: white;
width: 80%;
padding: 0 10px;
margin-bottom:20px;
}
form#contact_form label {
margin-right: 20px;
font-size: 12px;
font-weight:bold;
color: #414550;
text-transform: uppercase;
}
form#contact_form label span {
color: #414550;
}
form#contact_form input[type="text"]:focus, form#contact_form input[type="text"]:hover, form#contact_form textarea:focus, form#contact_form textarea:hover, form#contact_form input[type="text"]:focus, form#contact_form input[type="text"]:hover, form#contact_form textarea:focus, form#contact_form textarea:hover {
background-color:#efefef;
}
form#contact_form input[type="submit"] {
background: #414550;
border:none;
padding:5px;
font-size:11px;
text-transform:uppercase;
color:white;
margin-bottom:10px;
-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;
}
form#contact_form input[type="submit"]:hover {
color:#bfd6e4;
}
.map-container {
position: relative;
padding-bottom: 20%;
overflow: hidden;
border-bottom:5px solid #fff;
}
.map-container iframe, .map-container object, .map-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height:100%;
}
.contact1 {
margin-top:-40px;
}
@media only screen and (min-width: 770px) {
.h_right{
position: relative;
float: right;
}
}/*-END--*/
@media only screen and (min-width: 200px) and (max-width:770px) {
.h_right{
position: relative;
}
}/*-END--*/
@media only screen and (min-width: 830px) {
/*-- slider-caption --*/
.slider-caption{
position: absolute;
top: 0;
z-index: 999;
left: 10%;
top: 5%;
background: rgba(255, 255, 255, 0.9);
padding:20px 0px 20px 30px;
width: 30%;
}
.slider-caption h1{
font-weight: 300;
font-size: 2.2vw;
margin: 0;
padding: 0 0px 10px 0;
color:#026bbc;
}
.slider-caption h1 span{
color:#2C3E50;
}
.slider-caption p{
color: #000;
font-weight: 100;
font-size: 15px;;
width: 89%;
line-height: 1.6em;
}
a.caption-btn{
background:#0067b9;
padding:0.8em 1.2em;
color:#FFF;
font-weight:700;
display:inline-block;
margin-top:1em;
text-decoration:none;
font-size: 1vw;
border-radius:0.5em;
-webkit-border-radius:0.5em;
-moz-border-radius:0.5em;
-o-border-radius:0.5em;
-ms-border-radius:0.5em;
}
a.caption-btn:hover{
background:#3d98e0;
}
.content_wrapp{width: 80%;height:auto; margin:0 auto; padding:0 0 20px 0; overflow:hidden; }
.content_left{width: 73%; height:auto; float:left;}
.content_right{width: 27%; height:auto; float:right; }
.content_left p{color: #000; margin-top: 10px; font-size: 15px;}
.news_div{border:2px solid #e5f0f8;padding: 50px 0px 30px 30px; overflow:hidden;}
.news_date{ float:left;}
.news_cont{ float:left; width:125px; padding: 0px 0px 0px 10px;}
.news_li{ border_bottom:1px solid #e5f0f8; overflow:hidden; padding: 0px 0px 50px 10px;}
.news_cont p{ text-align:left;font-size: 12px; color: #000;}
.news_btn{padding: 0px 20px 0px 0px;}
.news_btn a{
background:#0067b9;
padding:5px;
color:#FFF;
font-weight:300;
display:inline-block;
margin-top:1em;
text-decoration:none;
font-size: 0.8vw;
border-radius:0.5em;
-webkit-border-radius:0.5em;
-moz-border-radius:0.5em;
-o-border-radius:0.5em;
-ms-border-radius:0.5em;
float:right;
}
.news_btn a:hover{
background:#3d98e0;
}
.sidemenu_div{border:2px solid #e5f0f8;padding: 50px 0px 30px 30px; overflow:hidden;}
.sidemenu_div ul li a{ width:auto; height:auto; background: url(../images/sidemenu_arrow.gif) no-repeat left top 7px; padding-left: 20px; padding-top: -120px; display:block; color:#0067b9;}
.sidemenu_div ul li a:hover{ color:#3e92d5;}
.accord_btn{padding: 0px 20px 0px 0px;}
.accord_btn a{
background:#0067b9;
padding:5px;
color:#FFF;
font-weight:200;
text-decoration:none;
font-size: 0.6vw;
border-radius:0.5em;
-webkit-border-radius:0.5em;
-moz-border-radius:0.5em;
-o-border-radius:0.5em;
-ms-border-radius:0.5em;
}
.accord_btn a:hover{
background:#3d98e0;
}
}
.half-circle1 {
background-color: #b2d1ea;
height: 25px;
width: 50px;
-moz-border-radius: 150px 0 0 150px;
border-radius:150px 150px 0 0;
text-align:center;
font-size: 14px;
color:#0067b9;
}
.half-circle2 {
background-color: #7fb3dc;
height: 25px;
width: 50px;
-moz-border-radius: 150px 0 0 150px;
border-radius:0 0 150px 150px;
text-align:center;
font-size: 14px;
color:#0067b9;
}
@media only screen and (min-width: 200px) and (max-width:830px) {
/*-- slider-caption --*/
.slider-caption{
background: rgba(255, 255, 255, 0.9);
padding:20px 0px 20px 30px;
}
.slider-caption h1{
font-weight: 300;
font-size:24px;
margin: 0;
padding: 0 0px 10px 0;
color:#026bbc;
}
.slider-caption{
}
.slider-caption h1 span{
color:#2C3E50;
}
.slider-caption p{
color: #9d9d9d;
font-weight: 100;
font-size: 14px;
width: 89%;
line-height: 1.6em;
}
a.caption-btn{
background:#0067b9;
padding:0.8em 1.2em;
color:#FFF;
font-weight:700;
display:inline-block;
margin-top:1em;
text-decoration:none;
font-size: 10px;
border-radius:0.5em;
-webkit-border-radius:0.5em;
-moz-border-radius:0.5em;
-o-border-radius:0.5em;
-ms-border-radius:0.5em;
}
a.caption-btn:hover{
background:#3d98e0;
}
.news_div{border:2px solid #e5f0f8;padding: 50px 0px 30px 30px; overflow:hidden;}
.news_date{ float:left;}
.news_cont{ float:left; width:125px; padding: 0px 0px 0px 10px;}
.news_li{ border_bottom:1px solid #e5f0f8; overflow:hidden; padding: 0px 0px 50px 10px;}
.news_cont p{ text-align:left;font-size: 12px;}
.news_btn{padding: 0px 20px 0px 0px;}
.news_btn a{
background:#0067b9;
padding:5px;
color:#FFF;
font-weight:300;
display:inline-block;
margin-top:1em;
text-decoration:none;
font-size: 10px;
border-radius:0.5em;
-webkit-border-radius:0.5em;
-moz-border-radius:0.5em;
-o-border-radius:0.5em;
-ms-border-radius:0.5em;
float:right;
}
.news_btn a:hover{
background:#3d98e0;
}
.sidemenu_div{border:2px solid #e5f0f8;padding: 50px 0px 30px 30px; overflow:hidden;}
.accord_btn{padding: 0px 20px 0px 0px;}
.accord_btn a{
background:#0067b9;
padding:5px;
color:#FFF;
font-weight:300;
text-decoration:none;
font-size: 10px;
border-radius:0.5em;
-webkit-border-radius:0.5em;
-moz-border-radius:0.5em;
-o-border-radius:0.5em;
-ms-border-radius:0.5em;
}
.accord_btn a:hover{
background:#3d98e0;
}
}
@media only screen and (min-width: 930px) {
.cont_box_f_row_div{ overflow:hidden; }
.cont_box_f_row_1{width: 44%; float:left; height:auto; padding:0 10px; border-left:1px solid #e5f0f8; height: 170px;}
.cont_box_f_row_2{width: 47%; float:left; height:auto; padding:0 10px; border-left:1px solid #e5f0f8; height: 170px;}
.cont_box_s_row_1{width: 29%; float:left; height:auto; padding:0 10px; border-left:1px solid #e5f0f8; height: 170px;}
.cont_box_s_row_2{width: 30%; float:left; height:auto; padding:0 10px; border-left:1px solid #e5f0f8; height: 170px;}
.cont_box_s_row_3{width: 30%; float:left; height:auto; padding:0 10px; border-left:1px solid #e5f0f8; height: 170px;}
.cont_box_sec_row_div{ padding:10px 0px 0 0px ;}
.cont_left_head{ width:100%; margin:0 auto; height: 60px; background-color: #ededed;}
.cont_left_head img{ float:left;}
.cont_left_head span{ text-align:center; color:#0067b9; padding:10px 0px 0 20px ; display:block; }
.sidemenu_head, .news_head{text-align:center;}
}
@media only screen and (min-width: 200px) and (max-width:830px) {
.cont_left_head{ font-size: 3.5vw;}
}
@media only screen and (min-width: 930px) {
.cont_left_head{ font-size: 1.3vw;}
}
@media only screen and (min-width: 830px) and (max-width:930px) {
.cont_left_head{ font-size: 2vw;}
}
@media only screen and (min-width: 200px) and (max-width:930px) {
.cont_box_f_row_div{ overflow:hidden; padding:20px ; }
.cont_box_f_row_div p, .cont_box_sec_row_div p {font-size: 15px;}
.cont_box_f_row_1{width: 100%; height:auto; padding:0 10px; height: 170px;}
.cont_box_f_row_2{width: 100%; height:auto; padding:0 10px; height: 170px;}
.cont_box_s_row_1{width: 100%; height:auto; padding:0 10px; height: 170px;}
.cont_box_s_row_2{width: 100%; height:auto; padding:0 10px; height: 170px;}
.cont_box_s_row_3{width: 100%; height:auto; padding:0 10px; height: 170px;}
.cont_box_sec_row_div{ overflow:hidden; padding:20px ;}
.cont_left_head{ width:100%; margin:0 auto; height: 60px; background-color: #ededed; }
.cont_left_head img{ float:left;}
.cont_left_head span{ text-align:center; color:#0067b9; padding:10px 0px 0 20px ; display:block; }
.cont_box_head{width: 90%; margin:0 auto;}
.sidemenu_head, .news_head{width: 90%; margin:0 auto;}
}
.cont_box_head{font-weight: 400;font-size: 20px;padding: 0 0px 10px 0;color:#026bbc;}
.sidemenu_head, .news_head{
font-weight: 400;
font-size: 20px;
padding: 0 0px 10px 0;
color:#026bbc;
}
/*-------inner start-----*/
.in_banner{ width:100%; position:relative}
.in_banner img{ width:100%;}
.in_head_wrapp{ position:absolute; bottom:10px; width:100%; }
.in_head_div{width:80%; margin:0 auto; }
.in_head_in{ background:#026bbc; width:auto;font-weight: 400;font-size: 2vw;padding:0;color:#fff; float:left; padding:7px; text-transform: capitalize; }
.in_content_wrapp{width: 80%;height:auto; margin:0 auto; padding:0 0 20px 0; overflow:hidden; }
.in_content_left{height:auto; float:left;}
.in_content_right{height:auto; float:right; }
.in_content_left p{ padding:10px 20px 0 0; font-size: 16px; color: #000;}
.in_cont_box_head{font-weight: 400;font-size: 20px;padding: 0 0px 10px 0;color:#026bbc; text-align:center;}
.border_box{border:2px solid #e5f0f8;padding: 20px 0px 20px 20px; overflow:hidden;}
.accordion_box{padding: 10px 0px 0px 0px; overflow:hidden;}
.team_head{font-weight: 400;font-size:15px;padding: 0 0px 10px 0;color:#026bbc; }
.team_img_01{float:left; padding:0 10px 0px 0}
.team_img_02{float:right; padding:0 0 0px 10px}
.services_h2_wrapp{ width:100%; height:auto; overflow:hidden;}
.services_h2{ font-weight: 400;font-size:15px;color:#fff; background:#026bbc; float:left; padding:5px;}
.services_h3{font-weight: bolder;font-size:16px;color:#026bbc; padding:0 0 10px 0; margin-top: 10px; }
.services_h4{font-weight: bold;font-size:14px;color:#026bbc; padding:0 0 10px 10px; margin-top: 8px; }
.srvices_ul li{font-size: 14px; color: #000; font-weight: 200;padding: 0 0px 10px 20px; list-style-type:circle; list-style-position: inside; text-align: justify;text-indent: -1em; }
.services_head{font-weight: 400;font-size:18px;padding: 20px 0px 10px 0;color:#026bbc; text-transform:uppercase}
.contact_info_wrapp{padding: 35px 0px 30px 0px;}
.contact_info{ border:2px solid #e5f0f8;padding: 10px 10px 30px 30px; overflow:hidden; }
/***************** Contact/Sidebar *****************/
.contactsidebar h3 {
background:#006ad0;
border:1px solid #fff;
padding:5px;
color:#fff;
}
ul.contactsidebarList a.about {
color: #414558;
-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;
}
ul.contactsidebarList a.about:hover {
padding-left:3px;
}
ul.contactsidebarList li {
color:#414558;
padding: 10px 20px;
border-bottom:1px solid #fff;
background: url(../images/raster.png) 2px 13px no-repeat;
font-size:14px;
}
.second, .third {
margin-top:30px;
}
.third h5 {
text-transform:uppercase;
font-size:12px;
}
@media only screen and (min-width: 730px) {
.in_content_left{width: 73%}
.in_content_right{width: 27%;}
.border_box_wrapp{ padding:0 20px 10px 0;}
.accordion_box_wrapp{ padding:0 20px 10px 0;}
.services_div, .about_div{ padding:35px 0 0 0;}
.clients_div{
margin:0 auto;
width:80%;
}
}
@media only screen and (min-width: 200px) and (max-width:730px) {
.in_content_left{width: 100%}
.in_content_right{width: 100%;}
.border_box_wrapp{ padding:0 0px 10px 0;}
.accordion_box_wrapp{ padding:0 0px 10px 0;}
.clients_div{
margin:0 auto;
width:100%;
}
}
/*-------CLIENTS SLIDER-----*/
.clients_head{
font-weight: 400;
font-size: 20px;
padding: 0 0px 10px 0;
color:#026bbc;
text-align:center;
}
.list_carousel {
/*background-color: #ccc;*/
margin: 0 0 30px 60px;
width: 360px;
}
.list_carousel ul {
margin: 0;
padding: 0;
list-style: none;
display: block;
}
.list_carousel li {
font-size: 40px;
color: #999;
text-align: center;
/*background-color: #eee;*/
border: 5px solid #e5f0f8;
width: 50px;
height: 130px;
padding: 0;
margin: 6px;
display: block;
float: left;
text-transform: uppercase;
}
.list_carousel p{text-align:center; color:#026bbc; font-size:10px}
.list_carousel.responsive {
width: auto;
margin-left: 0;
}
.clearfix {
float: none;
clear: both;
}
.prev {
float: left;
margin-left: 10px;
}
.next {
float: right;
margin-right: 10px;
}
.pager {
float: left;
width: 300px;
text-align: center;
}
.pager a {
margin: 0 5px;
text-decoration: none;
}
.pager a.selected {
text-decoration: underline;
}
.timer {
background-color: #999;
height: 6px;
width: 0px;
}
/*-------CLIENTS SLIDER END-----*/
/*-------inner end-----*/