/*
The main style sheet for VR Assurances Home pages.
Styles applied to elements are separated in different sections (common and specific).
They are applied either by calling them invidually. Or only the basic/common class is
called and the extra styling rule is applied for being a child of particular parent.
So before adding new rules, please understand the structure and do it smartly.
Rather than just piling up classes.
NOTE: While inspecting the pages you may find classes that are not mensioned
in this file. These class names are used for jQuery to identify that particular
elements. Never REMOVE or REPLACE them.
*/
@charset "utf-8";
/* total reset */
* { vertical-align: baseline; font-family: inherit; padding: 0; margin: 0; }
/* basics */
body { font-family:Arial, Helvetica; font-size:62.5%; color:#000; background:#fff url(/images/main-sprites.gif) 0 -647px repeat-x; }
a{ text-decoration:underline; color:#1a4984; }
a:hover{ text-decoration:none; }
.clearIt { clear:both }
.invi{ visibility:hidden; }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.page{ width:100%; display:block; }
.container{ width:950px; margin:0 auto; }
/* header */
.header{ width:100%; height:96px; padding-top:30px; float:left; position:relative; z-index:12; }
.header h1{ width:234px; height:97px; margin-left:30px; float:left; display:inline; background:url(/images/logo.gif) 0 0 no-repeat; }
.header h1 a.logo{ width:234px; height:97px; float:left; text-decoration:none; }
.header .login{ position:absolute; top:60px; right:10px; font-size:13px; color:#fff; }
/* main menu */
.header .main-menu-wrap{ height:38px; float:right; margin-top:60px; background:url(/images/main-sprites.gif) right -148px no-repeat; padding-right:10px; }
.header .main-menu-wrap .main-menu{ height:38px; float:right; background:url(/images/main-sprites.gif) left -109px no-repeat; padding-left:10px; }
.header .main-menu-wrap .main-menu ul{ height:38px; float:left; background:#6d6d6d url(/images/main-sprites.gif) 0 0 repeat-x; list-style:none; }
.main-menu ul li{ float:left; display:inline; height:34px; position:relative; }
.main-menu ul li a{ float:left; padding:8px 30px 0; height:26px; color:#000; text-decoration:none; text-shadow:1px 1px 0 #b5b5b5; background:url(/images/main-sprites.gif) right -74px no-repeat; font-size:13px; line-height:normal; }
.header .main-menu-wrap .main-menu ul li a:hover, .header .main-menu-wrap .main-menu ul li a.selected, .header .main-menu-wrap .main-menu ul li a.onHover{ background:url(/images/main-sprites.gif) 0 -39px repeat-x; text-shadow:-1px -1px 0 #fff; }
/* first link */
.main-menu ul li a.first-link{ position:relative; padding:8px 30px 0 40px; }
.main-menu ul li a.first-link .left-cap{ background:url(/images/main-sprites.gif) 0 -222px no-repeat; position:absolute; top:0; left:-8px; width:10px; height:34px; display:block; cursor:pointer; }
.main-menu ul li a.first-link:hover .left-cap, .main-menu ul li a.selected .left-cap{ background:url(/images/main-sprites.gif) 0 -187px no-repeat; }
.main-menu ul li a.first-link .home-icon{ background:url(/images/home.png) 0 0 no-repeat; width:18px; height:20px; position:absolute; top:6px; left:8px; cursor:pointer; }
/* last link */
.main-menu ul li a.last-link{ background-image:none; position:relative; padding:8px 22px 0 30px; }
.main-menu ul li a.last-link .right-cap{ background:url(/images/main-sprites.gif) 0 -257px no-repeat; position:absolute; top:0; right:-8px; width:10px; height:34px; display:block; cursor:pointer; }
.main-menu ul li a.last-link:hover .right-cap, .main-menu ul li a.selected .right-cap{ background:url(/images/main-sprites.gif) 0 -292px no-repeat; }
/* sub menu */
.header .main-menu-wrap .main-menu ul li .sub-menu{ float:none; position:absolute; top:35px; left:-1px; background:#ccc; height:auto; width:120px; list-style:none; display:none; z-index:50; }
.header .main-menu-wrap .main-menu ul li .sub-menu li{ float:left; clear:both; width:100%; height:30px; }
.header .main-menu-wrap .main-menu ul li .sub-menu li a{ display:block; width:100%; height:23px; text-align:left; padding:7px 0 0; text-indent:10px; background:none; }
.header .main-menu-wrap .main-menu ul li .sub-menu li a:hover{ background:url(/images/main-sprites.gif) 0 -39px repeat-x; text-shadow:-1px -1px 0 #fff; }
/* form common styles */
.form-wrap{ font-size:15px; overflow:hidden; }
.form-wrap .field-title{ float:left; padding-top:4px; text-align:right; }
.form-wrap .input-wrap{ display:inline; float:left; margin-left:10px; }
.form-wrap .input-wrap input{ float:left; }
.form-wrap .error-msg{ clear:both; color:#FF0000; display:none; float:left; font-size:12px; height:0; overflow:hidden; white-space:nowrap; }
.form-wrap .input-wrap input.radio, .form-wrap .input-wrap input.check{ margin:0; padding:0; width:auto; }
.form-wrap .input-wrap .ajax-check, .form-wrap .input-wrap .ajax-check-ok, .form-wrap .input-wrap .ajax-check-not{ background:url("/images/ajax-check.gif") no-repeat right bottom; display:none; float:left; height:20px; margin-top:6px; width:20px; }
.form-wrap .input-wrap .ajax-check-ok{ background:url(/images/ok-not.png) no-repeat left bottom; }
.form-wrap .input-wrap .ajax-check-not{ background:url(/images/ok-not.png) no-repeat right bottom; }
/**/
.button-base{ border:0; color:#fff; cursor:pointer; display:inline; float:left; font-size:1px; height:34px !important; text-indent:-250px; }
.submit-clicked { background-position:right top !important; color:#B6B5B5 !important; cursor:default !important; }
/* login */
.content .login{ width:450px; float: left; margin: -15px 0 0 115px;}
.login .error-text{ color:#ff0000; font-size:12px; height:13px; margin:0 0 5px 87px;}
.login .form-wrap{width:450px; padding-bottom: 10px;}
.login .form-wrap label.field-title{ padding-top:7px; text-align:right; width:80px; }
.login .form-wrap .input-wrap{ width:360px; }
.login .form-wrap .input-wrap input{ background:url("/images/main-sprite.gif") no-repeat 0 -15px; border:0; height:16px; padding:9px 5px; width:347px; }
.login .login-btns-wrap{ height:39px; width:447px; }
.login .login-btns-wrap a.forgot-pwd{ clear:both; display:inline; float:left; margin:10px 0 0 170px; font-size:15px; }
.login .login-btns-wrap .login-submit{ background:url("/images/login.gif") no-repeat 0 0; border:0; color:#62B5F4; cursor:pointer; float:right; font-size:1px; height:39px; text-indent:-66px; width:103px; }
.login .form-wrap .input-wrap .loginPassword { width: 135px; background: none;border: 1.4px solid #aeddfb; box-shadow: 0px 0px 7px 4px whitesmoke inset;background-color: white;}
.login .form-wrap .input-wrap img {float: left;margin-right: 9px;height: 36px;}
/* forgot password */
.content .forgot-password{ width:597px; margin:0 auto; }
.forgot-password p.reset-info{ margin-bottom:35px; }
.forgot-password .form-wrap{ width:100%; height:60px; float:left; }
.forgot-password .form-wrap .field-title{ width:190px; float:left; }
.forgot-password .form-wrap .input-wrap{ width:377px; }
.forgot-password .form-wrap .input-wrap input{ background:url("/images/main-sprite.gif") no-repeat 0 -15px; border:0; height:16px; padding:9px 5px; width:347px; }
.forgot-password .form-wrap .error-msg{ margin-left:200px; }
.forgot-password .form-wrap .input-wrap input.submit-btn{ background:url("/images/submit.gif") repeat-x scroll 0 0 transparent; width:93px; }
/* slider */
.slider-wrap{ width:950px; height:296px; float:left; margin:7px 0 0 -3px; padding:1px 3px 5px; background:url(/images/slider-bg.png) 0 0 no-repeat; position:relative; }
/* slider dots*/
.slider-wrap .dots{ width:80px; height:22px; position:absolute; top:274px; left:465px; z-index:20; }
.slider-wrap .dots a{ width:7px; height:7px; padding:3px 0 0 3px; float:left; margin-right:10px; color:#a0a0a0; font-size:1px; background:url(/images/dots.png) top right no-repeat; outline:none; }
.slider-wrap .dots a.selected{ color:#fff; background-position:top left; }
/* slider slides */
.slider-wrap .slides{ width:950; height:295px; position:absolute; top:2px; left:3px; z-index:2; opacity:0.0; display:block; }
.slider-wrap .active{ z-index:10; } .slider-wrap .last-active{ z-index:5; }
.slider-wrap .slides img{ float:left; }
/* slide-txt & its curve corners */
.slides .slide-txt{ width:358px; height:220px; padding:50px 25px 25px; float:left; background:#1c72d5 url(/images/main-sprites.gif) 0 -327px repeat-x; position:relative; }
.slide-txt .top-corner{ width:9px; height:8px; position:absolute; top:-1px; right:-3px; display:block; background:url(/images/main-sprites.gif) 0 -626px no-repeat; }
.slide-txt .bot-corner{ width:10px; height:10px; position:absolute; bottom:-3px; right:-3px; display:block; background:url(/images/main-sprites.gif) 0 -636px no-repeat; }
/*slide-txt headings*/
.slide-txt .heading{ float:left; margin-bottom:20px; font-size:1px; font-weight:100; background:url(/images/heading-sprites.gif) 0 0 no-repeat; color:#1e72d3; text-indent:-9999999px; }
.slide-txt .welcome{ background-position:-157px 0; height:21px; width:351px; }
.slide-txt .company{ background-position:-2452px 0; height:27px; width:195px; }
.slide-txt .cashless{ background-position:-509px 0; height:27px; width:370px; }
.slide-txt .lab{ background-position:-880px 0; height:21px; width:170px; }
.slide-txt .doctor{ background-position:-1051px 0; height:21px; width:213px; }
/*slide-txt text*/
.slide-txt p{ font-size:15px; float:left; clear:both; line-height:22px; color:#fff; width:100%; display:inline-block; }
.slide-txt a{ display:block; color:#FFFFFF; font-size:12px; text-decoration:none; text-align:right; }
.slide-txt a:hover{ text-decoration:underline; }
/* inner page content */
.content{ width:870px; padding:20px 38px 65px; float:left; margin:-4px 0 0 2px; display:inline; background:#fff url(/images/content-bg.gif) left bottom repeat-x; }
.content .breadcrumb{ margin:10px 0 30px; list-style:none; padding:0; width:100% }
.content .breadcrumb li{ float:left; color:#6a6a6a; padding:0 0 0 3px; font-size:13px; }
.content .breadcrumb li.inter{ padding-right:11px; background:url(/images/nex.gif) right 5px no-repeat; color:#000; }
.content .breadcrumb li a{ color:#1d71d1; text-decoration:none; padding-right:11px; background:url(/images/nex.gif) right 5px no-repeat; }
.content p{ font-size:14px; line-height:20px; padding:10px 0; width:100%;}
/* content headings */
.content .heading{ margin-bottom:30px; font-size:1px; font-weight:100; background:url(/images/heading-sprites.gif) 0 0 no-repeat; color:#fff; line-height:0; padding:0; text-indent:22px; }
.content .company{ width:156px; height:22px; }
.content .lab-register{ width:192px; height:22px; background-position:-1415px 0; }
.content .doctor-register{ width:182px; height:22px; background-position:-1730px 0; }
.content .careers{ width:148px; height:17px; background-position:-1266px 0; }
.content .contact{ background-position:-1608px 0; height:17px; width:121px; }
.content .log-in{ background-position:-2271px 0; height:22px; width:63px; margin-bottom: 0; float: left; }
.content .reset{ background-position:-1913px 0; height:17px; width:171px; }
.content .forgot{ background-position:-2085px 0; height:22px; width:185px; }
.content .welcome{ background-position:-2649px 0; height:22px; width:292px; }
/* each blocks of sub contents */
.content .sub-content{ width:868px; float:left; clear:both; border:1px solid #e0f0ff; border-bottom:none; background:url(/images/innerPage-bg.gif) left bottom repeat-x; padding-bottom:50px; margin-top:48px; }
.content .sub-content .blocks{ width:100%; float:left; clear:both; border-top:1px solid #e0f0ff; margin-top:-1px; padding:22px 0; position:relative; }
.content .sub-content .blocks .imp{ color:#626262; position:absolute; right:0; top:-20px; display:inline; padding:0; font-size:12px; }
.content .sub-content .blocks .imp b{ color:#ff0000; }
/* in each page titles */
.content .sub-content .blocks .title{ height:15px; font-size:1px; font-weight:100; background:url(/images/title-sprites.gif) 0 0 no-repeat; color:#fff; line-height:0; padding:0; position:absolute; top:-7px; left:22px; text-indent:22px; display:inline; }
.content .sub-content .blocks .lab{ width:99px; }
.content .sub-content .blocks .ownership{ background-position:-100px 0; width:160px; }
.content .sub-content .blocks .personal{ background-position:-261px 0; width:184px; }
.content .sub-content .blocks .upload{ background-position:-446px 0; width:102px; }
.content .sub-content .blocks .security{ background-position:-549px 0; width:125px; }
.content .sub-content .blocks .doctor{ background-position:-675px 0; width:127px; }
/* in blocks full length inputs */
.sub-content .blocks .form-wrap{ width:100%; float:left; clear:both; min-height:50px; }
.sub-content .blocks .form-wrap .radio-block{ width:378px; margin:0 auto; }
.sub-content .blocks .form-wrap .radio-block label{ white-space:nowrap; float:left; margin:0 13px; display:inline; color:#000; font-size:13px; font-weight:700; }
.sub-content .blocks .form-wrap .field-title{ padding-top:5px; color:#000; font-size:13px; font-weight:700; white-space:nowrap; width:373px; float:left; text-align:right; }
.sub-content .blocks .form-wrap .field-title b{ color:#ff0000; }
.sub-content .blocks .form-wrap .input-wrap{ float:left; display:inline; margin-left:10px; width:485px; }
.sub-content .blocks .form-wrap .input-wrap input{ border:1px solid #bcc2ce; padding:3px; width:194px; height:17px; float:left; clear:both; font-size:13px; }
.sub-content .blocks .form-wrap .input-wrap input:focus{ border:1px solid #7a869f; }
.sub-content .blocks .form-wrap .input-wrap input.cell-code{ width:50px; }
.sub-content .blocks .form-wrap .input-wrap input.cell-number{ width:131px; margin-left:5px; display:inline; clear:none; }
.sub-content .blocks .form-wrap .input-wrap input.file{ width:200px; height:23px; border:1px solid #bcc2ce; }
.sub-content .blocks .form-wrap .input-wrap .captcha{ width:200px; height:60px; border:1px solid #bcc2ce; background-color:#c9ced8; margin-bottom:10px; text-align:center; }
.sub-content .blocks .form-wrap .input-wrap .submit{ width:92px; height:27px; background:url(/images/static-submit.gif) 0 0 no-repeat; cursor:pointer; margin-top:27px; border:0; padding:0; }
.sub-content .blocks .form-wrap .input-wrap .submit:focus{ border:0; }
.sub-content .blocks .form-wrap .input-wrap textarea{ border:1px solid #bcc2ce; padding:3px; width:194px; height:75px; float:left; clear:both; font-size:13px; }
.sub-content .blocks .form-wrap .input-wrap textarea:focus{ border:1px solid #7a869f; }
.sub-content .blocks .form-wrap .input-wrap .error{ float:left; clear:both; color:#ff0000; white-space:nowrap; }
.sub-content .blocks .form-wrap .input-wrap .info { float:left; white-space:nowrap; padding-left:6px; }
/* half length forms */
.sub-content .blocks .half-form{ width:433px; float:left; }
.sub-content .blocks .half-form .form-wrap .field-title{ width:192px; }
.sub-content .blocks .half-form .form-wrap .input-wrap{ width:229px; }
/* contact page */
.content .contact-address{
width: 159px;
height: 105px;
padding: 29px 5px;
float: left;
clear: both;
border-bottom: none;
margin-left: 0px !important;
display: inline;
font-size: 14px;
color: #014075;
border-image: initial;
}
.content .map{ float:left; display:inline; }
/* construction page */
.underCnstrn{
text-align:center;
padding:0px 0px 15px 0px;
}
.underCnstrn p{
color:#5e8e28;
font-size:18px;
padding:0;
}
/* footer */
/*.footer{ width:100%; padding:10px 0; background:#f3f3f3; color:#3b5269; font-size:11px; float: left;}
.footer ul{ list-style:none; margin:0 auto; width:545px; }
.footer ul li{ float:left; text-align:center; padding:0 30px; height:10px; line-height:10px; border-right:1px solid #3b5269; }
.footer ul li.last-child{ border:0; }
.footer ul li a{ color:#3b5269; text-decoration:none; }
.footer p{ text-align:center; padding-top:15px; }*/
.align_div{ margin-left: 30px!important;}
/*** search table ***/
.tableSearch{border-collapse: collapse; color: #4E4E4E; width: 100%;}
.tableSearch tr th{background-color: #CAD7E7; border: 1px solid #CAD7E7; border-left: none; border-right: 1px solid #EAEFF5; font-weight: 700; padding: 5px 10px; text-align: left;}
.tableSearch tr th.first{border-left: 1px solid #CAD7E7;}
.tableSearch tr th.last{border-right: 1px solid #CAD7E7;}
.tableSearch tr td{border: 1px solid #CAD7E7; padding: 6px; text-align: left; font-size: 13px;}
.tableSearch tr.table-row{cursor: pointer;}
.tableSearch tr.odd-row{background: #EAEFF5;}
.pagebox{width: 100%; float: left;}
.listNetwork{padding-top: 10px;}
.listNetwork .title{font-size: 18px; color: #29619E; padding: 0 0 10px 0;}
.listNetwork .tableSearch{ margin: 0 0 10px 0;}
.listNetwork .tableSearch th{font-size: 14px; font-weight: normal;}
.aCenter{text-align: center !important;}
.aRight{text-align: right;}
.linkBtn{background-color: #62b5f4; text-align: center; font-size: 13px; color: #fff; -moz-border-radius: 3px; -webkit-boder-radius: 3px; border-radius: 3px; border: 0; cursor: pointer; padding: 5px; font-weight: bold; margin-bottom: 10px;}
.contenthead{
font-size: 17px !important;
float: left;
color:#1A68AA;
font-weight: bold;
text-align: center;
}
.solnCnt{
padding-top: 20px;
float: left;
}
.solnCnt h2
{
padding:0px;
margin:20px 0px 15px 0px;
}
.solnCnt h3{
font-size: 13px;
padding:0px;
margin:0px 0px 5px 0px;
color:#4B6E99;
}
.solnP{
font-size: 16px !important;
float: left;
color:#1A68AA;
}
.save{
padding-left: 15px;
margin:0px;
}
.save li{
padding: 0px;
margin: 0px;
list-style: none;
background: url("/images/nex.gif") no-repeat 0px 6px;
line-height: 19px;
font-size: 14px;
padding: 0px 0px 0px 20px;
padding-bottom: 6px;
}
.assurance{
padding-top: 0 !important;
padding-bottom: 20px !important;
}
.usave{
font-family: Verdana;
font-size: 16px !important;
}
.title{
color:black;
padding-bottom: 10px;
}
.content .welcomeFileStorage {
background-position: -2649px 0;
height: 22px;
width: 292px;
}
.content .headingFile {
background: url("/images/heading-sprites.gif") no-repeat scroll 0 0 transparent;
color: #FFFFFF;
font-size: 1px;
font-weight: 100;
line-height: 0;
margin-bottom: 0px;
padding: 0;
text-indent: 22px;
}
.fileHead{
float: left;
background: url("/images/vrassurance.png") no-repeat;
padding-bottom: 14px !important;
}
.dot_icon{
background: url("/images/dots.png")no-repeat scroll right top transparent;
border: medium none;
color: #A0A0A0;
float: left;
font-size: 1px;
height: 11px;
margin-right: 10px;
outline: medium none;
padding: 3px 0 0 3px;
width: 11px;
cursor: pointer;
}
.dot_icon_active{
background: url("/images/accordion/dots_blue.png") no-repeat scroll right top transparent;
color:red;
}
#dot_icons_block{
width:42px;
margin:auto;
}
.content .map {
margin-top: 32px;
}
/*header changes*/
body{
background: none;
}
.header_section{
background: white;
z-index: 999;
margin-top: 0;
border-bottom: 1px solid lightgray;
height: 86px;
}
.header_menu{
margin-top: 37px;
}
.header_menu li a{
color: black;
letter-spacing: 1px;
font-weight: normal;
font-size: 14.01px;
text-decoration: none;
}
.login_btn{
background: rgb(53,116,227);
color: white !important;
border-radius: 100px;
border-width: 0px;
padding: 8px 17px;
}
.login_btn:hover{
background: rgba(53, 116, 227, 0.84);
}
.footer_section{
margin: 0;
}
.menu_footer ul{
text-align: center;
width: 100%;
}
.slider_content h2, .slider_content h5{
text-align: center;
}
.menu_footer h4{
font-size: 15px;
color: rgb(158, 158, 158);
text-decoration: underline;
text-underline-position: under;
font-weight: bold;
margin-left: 85px;
}
.menu_footer li a{
border-right: 1px solid rgb(158, 158, 158);
padding-right: 11px;
font-size: 14px;
}
.menu_footer li:last-child > a{
border-right: none;
}
.dropdown_content{
display: none;
position: absolute;
padding: 10px 0px 0px 0px;
background: white;
margin: 0;
top: 54px;
z-index: 11;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
width: 169px;
margin-top: 9px;
}
.dropdown_content li{
margin: 0;
width: 145px;
padding: 13px;
border-bottom: 1px solid lightgray;
}
.dropdown_content li:hover{
background: lightgray;
}
.dropdown_content li:last-child{
border-bottom: none;
}
.dropdown_content a li{
text-transform: none !important;
color: gray;
}
.drop_down:hover .dropdown_content{
display: block;
}
.header_menu ul li a:hover{
color: rgb(53,116,227);
/*background: rgba(128, 128, 128, 0.15);*/
}
.menu_li{
padding: 9px;
margin-top: -8px;
}
.menu {
margin-right: 0;
}
.logo {
margin-top: 3px;
}
.sticky {
position: sticky;
top: 0;
width: 100%;
box-shadow: 3px 3px 3px 1px rgba(158, 158, 158, 0.16);
}
.sticky + .content {
padding-top: 102px;
}
.header_menu li {
display: inline-block;
margin-right: 45px;
margin-left: 0;
}
/*additional changes*/
.footer_bottom p{
float: none;
text-align: center;
}
.slider-wrap{
margin-top: 85px;
}
.header_id {
float: left;
width: 100%;
}
.logo {
margin-left: 85px;
margin-top: -34px;
}
.f_left {
float: left;
}
.container {
margin: 0 auto;
width: 1200px;
}
.group {
zoom: 1;
}
.menu_header{
float: right;
}
.slider_content {
width: 100%;
background: none;
}
.slider_text .top-corner{
top: 0px;
right: 0px;
}
.slider_content .slides{
position: absolute;
left: 137px;
}
.login_content{
position: relative;
left: 106px;
/*top: -10px;*/
height: 250px;
}
.office_footer{
margin: 0;
position: relative;
bottom: 0px;
width: 100%;
left: 0;
right: 0;
}
.footer_section {
margin: 0;
}
.footer_id {
/* position: relative;
width: 100%;*/
position: relative;
width: 100%;
bottom: 0;
left: 0;
right: 0;
}
.footer_sec{
position: absolute;
width: 100%;
bottom: 0;
left: 0;
right: 0;
}
.footer_sec_login{
position: relative;
width: 100%;
bottom: 0;
left: 0;
right: 0;
}
.footer_menu_sec{
padding: 5px 0px;
}
.footer {
float: left;
width: 100%;
background: rgb(216, 236, 246);
}
.footer .container {
background: rgb(216, 236, 246);
padding: 3px 0px 7px 0px;
}
.footer_menu {
text-align: center;
width: 400px;
}
.menu_footer h4 {
font-size: 12px;
color: rgb(158, 158, 158);
text-decoration: underline;
text-underline-position: under;
font-weight: bold;
margin-left: 85px;
}
.Raleway {
font-family: 'Raleway', sans-serif;
}
.menu_footer ul {
text-align: center;
width: 100%;
}
.footer_menu ul {
margin: 0 auto;
padding: 10px 10px 0 10px;
}
.footer_menu li {
display: inline-block;
margin-left: 20px;
}
.menu_footer li a {
border-right: 1px solid rgb(158, 158, 158);
padding-right: 11px;
font-size: 12px;
}
.footer_menu li a {
color: rgb(40, 41, 41);
line-height: 18px;
}
.footer_menu {
text-align: center;
width: 400px;
background: rgb(216, 236, 246);
}
.footer_bottom {
float: left;
width: 100%;
/*margin: 10px 0;*/
}
.footer_bottom p {
float: none;
text-align: center;
}
.footer_bottom p {
font-size: 11.01px;
color: #000000;
line-height: 22px;
}
.companyview_footer{
padding: 0px 0px 4px 0px;
/*padding: 17px 0;*/
}
.solutions_class{
cursor: pointer;
}
.loginview_content{
/*padding: 20px 82px 65px 82px;*/
width: 100%;
text-align: justify;
height: -webkit-fill-available;
}
a{
text-decoration: none;
}
.solutions_class{
cursor: pointer;
}
.content .company {
margin-top: 35px;
}
.logo_class:hover{
box-shadow: 1px 4px rgba(0, 0, 0, 0.17);
border-radius: 50px;
}
.slide-txt .top-corner{
top: 0px;
right: 0px;
}
.content
{
background: none !important;
}
.logo_div {
position: relative;
background: white;
border-radius: 75px;
transition: 1s box-shadow;
z-index: 1;
}
.logo_div:hover {
box-shadow: 0 5px 35px 0px rgba(0,0,0,.1);
}
.logo_div:hover:before, .logo_div:hover:after {
display: block;
content: '';
position: absolute;
width: 80px;
height: 80px;
background: rgba(0, 188, 212, 0.28);
border-radius: 75px;
z-index: -1;
animation: 1s clockwise infinite;
}
.logo_div:hover:after {
background: rgba(103, 58, 183, 0.2);
animation: 2s counterclockwise infinite;
}
@keyframes clockwise {
0% {
top: -5px;
left: 0;
}
12% {
top: -2px;
left: 2px;
}
25% {
top: 0;
left: 5px;
}
37% {
top: 2px;
left: 2px;
}
50% {
top: 5px;
left: 0;
}
62% {
top: 2px;
left: -2px;
}
75% {
top: 0;
left: -5px;
}
87% {
top: -2px;
left: -2px;
}
100% {
top: -5px;
left: 0;
}
}
@keyframes counterclockwise {
0% {
top: -5px;
right: 0;
}
12% {
top: -2px;
right: 2px;
}
25% {
top: 0;
right: 5px;
}
37% {
top: 2px;
right: 2px;
}
50% {
top: 5px;
right: 0;
}
62% {
top: 2px;
right: -2px;
}
75% {
top: 0;
right: -5px;
}
87% {
top: -2px;
right: -2px;
}
100% {
top: -5px;
right: 0;
}
}
.login_btn{
margin-left: -24px;
}