File: /home/assibfaf/public_html/static/css/components.css
.cw-header {
background-color: #102341;
filter: none;
}
.cw-header__inner-container {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
text-align: center;
}
@media screen and (min-width: 400px) {
.cw-header__inner-container {
justify-content: space-between;
}
}
.cw-header__brand {
position: relative;
box-sizing: border-box;
display: inline-block;
min-height: 65px;
vertical-align: middle;
padding: 15px 0;
margin-right: 20px;
}
.cw-header__logo {
display: block;
width: 250px;
height: 40px;
text-indent: -9999px;
background: url(/static/images/custom.png) no-repeat;
background-size: 250px 40px;
text-decoration: none;
border: 0;
transition: none;
}
.cw-header__logo:hover {
opacity: 0.85;
}
.cw-header__phone-block {
color: #555;
font-size: 13px;
text-transform: uppercase;
font-family: "Lato", Arial, sans-serif;
white-space: nowrap;
letter-spacing: 2.5px;
}
.cw-header__phone-number, .cw-header__phone-number:hover, .cw-header__phone-number:focus {
color: #00416d;
text-decoration: none;
border: 0;
}
.cw-header__phone {
font-family: "Lato", Arial, sans-serif;
color: #546373;
}
.cw-header__user-info {
padding: 10px 0;
}
/* Footer */
.cw-footer {
clear: both;
overflow: hidden;
padding: 0 20px;
background-color: #063263;
border-top: 5px solid #0a58af;
color: #8e8e8e;
font-size: 12px;
}
.cw-footer__link {
color: #8e8e8e;
margin-right: 10px;
display: inline-block;
}
.cw-footer__link:hover {
border-color: #5f6367;
color: #aeaeae;
}
.cw-footer__menu {
float: right;
margin: 10px 0;
padding: 0;
}
.cw-footer__menu__item {
display: inline;
margin: 0;
padding: 0;
}
.cw-footer__menu__item:not(:last-child) {
margin-right: 20px;
}
.cw-footer__copyright {
float: left;
margin: 10px 0;
}
.rc-root-layout .Page {
background-color: #e7f1fd;
}
/* UserBlock */
.UserBlockButton {
background-color: #063263;
width: auto;
padding: 0 15px;
vertical-align: top;
display: inline-block;
height: 25px;
color: #fff;
text-align: center;
font: 14px/27px Arial, sans-serif;
letter-spacing: 0;
font-weight: 100;
text-shadow: 0 1px 0 #666;
border-radius: 6px 6px 0 0;
margin-right: 5px;
}
.UserBlockButton:hover {
color: #fff;
}
.UserBlockWhois {
display: inline-block;
vertical-align: middle;
width: 40px;
height: 25px;
position: relative;
opacity: 0.7;
}
.UserBlockWhois__avatar-container {
box-sizing: border-box;
display: block;
border-radius: 50px;
width: 35px;
height: 35px;
background: #fff url("/static/images/user-block-user.svg") left center/contain no-repeat;
overflow: hidden;
border: 1px solid #fff;
}
.main-header .UserBlockWhois__avatar-container {
border: none;
border-radius: 6px 6px 0 0;
}
.UserBlockWhois__avatar {
display: block;
width: 100%;
height: 100%;
}
.UserBlockWhois--open {
opacity: 1;
}
/* .UserBlockWhois::after {
content: "";
position: absolute;
top: 50%;
right: 0;
width: 0;
height: 0;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
border-top: 5px solid #fff;
margin-top: -1px;
} */
@media (max-width: 960px) {
.UserBlockButton {
height: 35px;
border-radius: 0;
line-height: 35px;
font-size: 14px;
}
body:not(.cabinet) .UserBlockWhois__avatar-container, .UserBlockWhois {
height: 35px;
width: 45px;
}
body:not(.cabinet) .UserBlockWhois__avatar-container {
width: 35px;
border: none;
}
}
@media (min-width: 480px) and (max-width: 960px) {
#menu li:last-child {
width: 66%;
}
}
@media (max-width: 480px) {
.UserBlockButton {
width: calc(100% - 55px);
font-size: 12px;
padding: 0;
}
}
/* Auth page */
.mini-auth-page {
min-height: 100vh;
font-weight: normal;
font-size: 14px;
line-height: 170%;
background-color: #f5f5f5;
color: #464646;
display: flex;
flex-wrap: wrap;
align-content: baseline;
}
.mini-auth-page__header {
flex: 1 1 100%;
overflow: hidden;
}
.mini-auth-page__logo {
margin: 6vh auto 3vh;
display: block;
margin-bottom: 20px;
height: auto;
width: 190px;
}
.mini-auth-page__body {
flex: 1 1 100%;
}
.auth-block {
position: relative;
background-color: white;
width: 92%;
max-width: 480px;
margin: 0 auto 5vw;
line-height: 1.4;
-webkit-box-shadow: 0 10px 16px rgba(0, 0, 0, 0.04);
box-shadow: 0 10px 16px rgba(0, 0, 0, 0.04);
border-radius: 8px;
background-color: #fff;
font-family: "Lato", -apple-system, blinkmacsystemfont, "Segoe UI", arial, sans-serif;
overflow: hidden;
}
@media only screen and (min-width: 641px) {
.auth-block {
display: table;
table-layout: fixed;
}
.auth-block__inner-wrapper {
display: table-row;
}
.auth-block__auth-pane {
display: table-cell;
}
}
@media only screen and (max-width: 640px) {
.Inquiry {
margin: 0 0 20px;
}
}
.auth-block__auth-pane {
background: white;
padding: 8px 15px;
}
@media only screen and (min-width: 641px) {
.auth-block__auth-pane {
padding: 25px 35px;
}
}
.auth-block__title {
margin-bottom: 20px;
color: #212121;
font-size: 24px;
font-weight: 700;
line-height: 36px;
}
.auth-block__back {
font-size: 13px;
vertical-align: middle;
float: right;
color: #1c77c3;
}
.mini-auth-page__footer {
flex: 1 1 100%;
position: relative;
z-index: 0;
padding: 20px 5px;
text-align: center;
font-size: 13px;
color: rgba(0, 0, 0, 0.45);
}
.mini-auth-page__footer::after {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
height: 80px;
-webkit-mask-image: linear-gradient(to right, transparent, black, transparent);
mask-image: linear-gradient(to right, transparent, black, transparent);
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.22), rgba(0, 0, 0, .06) 3px, transparent);
}
.mini-auth-page__footer__links {
margin: 12px;
}
.mini-auth-page__footer__link {
display: inline-block;
text-decoration: none;
margin-right: 15px;
color: rgba(0, 0, 0, 0.6);
}
.mini-auth-page__footer__link:hover {
color: rgba(0, 0, 0, 0.8);
}
.mini-auth-page__footer__copyrights {
margin: 5px;
}
.CheckoutInfoAddOn__payment_methods {
margin-top: 18px;
height: 27px;
background-image: url("/static/images/accept-min.svg");
background-repeat: no-repeat;
background-position: center;
}
.CheckoutInfoAddOn__mcafee {
margin-top: 18px;
border-top: 1px solid rgba(0, 0, 0, .1);
}
.McAfee__image {
margin: 10px auto;
height: 38px;
display: block;
width: 92px;
border-top-right-radius: 2px;
border-top-left-radius: 2px;
background: url(/static/images/mcAfee.png) center center / 92px 38px no-repeat rgb(255, 255, 255);
overflow: hidden;
cursor: pointer;
}
.McAfee__image:hover {
box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);
}
header.dashboard-header {
border-style: solid;
border-width: 0 0 1px 0;
border-color: #ededed;
background: #ffffff;
transition: background 0.3s,border 0.3s,border-radius 0.3s,box-shadow 0.3s;
margin-top: 0;
margin-bottom: 0;
overflow: visible;
min-height: 55px;
padding: 15px 0;
}
header.dashboard-header .container {
max-width: 1140px;
margin-right: auto;
margin-left: auto;
position: relative;
}
header.dashboard-header .contact {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
header.dashboard-header .icon-list-item {
margin-right: calc(35px/2);
margin-left: calc(35px/2);
}
header.dashboard-header .icon-list-item a {
font-weight: 600;
text-decoration: none;
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
header.dashboard-header .icon-list-icon {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.icon-list-icon.icon-phone {
width: 20px;
height: 20px;
background-size: 20px 20px;
background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4Ij4KPGc+Cgk8Zz4KCQk8cGF0aCBkPSJNNDM2Ljk5Miw3NC45NTNjLTk5Ljk4OS05OS45NTktMjYyLjA4LTk5LjkzNS0zNjIuMDM5LDAuMDU1cy05OS45MzUsMjYyLjA4LDAuMDU1LDM2Mi4wMzlzMjYyLjA4LDk5LjkzNSwzNjIuMDM5LTAuMDU1ICAgIGM0OC4wMDYtNDguMDIxLDc0Ljk2OC0xMTMuMTQ2LDc0Ljk1My0xODEuMDQ3QzUxMS45ODYsMTg4LjA1NSw0ODUuMDA1LDEyMi45NTEsNDM2Ljk5Miw3NC45NTN6IE0zODcuNzAzLDM1Ni42MDUgICAgYy0wLjAxMSwwLjAxMS0wLjAyMiwwLjAyMy0wLjAzNCwwLjAzNHYtMC4wODVsLTEyLjk3MSwxMi44ODVjLTE2Ljc3NSwxNi45ODctNDEuMjA2LDIzLjk3Ni02NC40MjcsMTguNDMyICAgIGMtMjMuMzk1LTYuMjYyLTQ1LjYzNS0xNi4yMy02NS44NzctMjkuNTI1Yy0xOC44MDYtMTIuMDE5LTM2LjIzNC0yNi4wNjktNTEuOTY4LTQxLjg5OSAgICBjLTE0LjQ3Ny0xNC4zNzEtMjcuNDgzLTMwLjE1MS0zOC44MjctNDcuMTA0Yy0xMi40MDgtMTguMjQyLTIyLjIyOS0zOC4xMTQtMjkuMTg0LTU5LjA1MSAgICBjLTcuOTczLTI0LjU5Ni0xLjM2Ni01MS41ODUsMTcuMDY3LTY5LjcxN2wxNS4xODktMTUuMTg5YzQuMjIzLTQuMjQyLDExLjA4NS00LjI1NywxNS4zMjYtMC4wMzQgICAgYzAuMDExLDAuMDExLDAuMDIzLDAuMDIyLDAuMDM0LDAuMDM0bDQ3Ljk1Nyw0Ny45NTdjNC4yNDIsNC4yMjMsNC4yNTcsMTEuMDg1LDAuMDM0LDE1LjMyNmMtMC4wMTEsMC4wMTEtMC4wMjIsMC4wMjItMC4wMzQsMC4wMzQgICAgbC0yOC4xNiwyOC4xNmMtOC4wOCw3Ljk5Mi05LjA5NiwyMC42OTItMi4zODksMjkuODY3YzEwLjE4NSwxMy45NzgsMjEuNDU2LDI3LjEzMSwzMy43MDcsMzkuMzM5ICAgIGMxMy42NTksMTMuNzE4LDI4LjUwOCwyNi4xOTcsNDQuMzczLDM3LjI5MWM5LjE2Nyw2LjM5NCwyMS41OTUsNS4zMTYsMjkuNTI1LTIuNTZsMjcuMjIxLTI3LjY0OCAgICBjNC4yMjMtNC4yNDIsMTEuMDg1LTQuMjU3LDE1LjMyNi0wLjAzNGMwLjAxMSwwLjAxMSwwLjAyMiwwLjAyMiwwLjAzNCwwLjAzNGw0OC4wNDMsNDguMTI4ICAgIEMzOTEuOTExLDM0NS41MDIsMzkxLjkyNiwzNTIuMzYzLDM4Ny43MDMsMzU2LjYwNXoiIGZpbGw9IiMwMDAwMDAiLz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K)
}
.icon-list-icon.icon-mail {
width: 20px;
height: 20px;
background-size: 20px 20px;
background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4Ij4KPGc+Cgk8Zz4KCQk8Zz4KCQkJPHBhdGggZD0iTTEwLjY4OCw5NS4xNTZDODAuOTU4LDE1NC42NjcsMjA0LjI2LDI1OS4zNjUsMjQwLjUsMjkyLjAxYzQuODY1LDQuNDA2LDEwLjA4Myw2LjY0NiwxNS41LDYuNjQ2ICAgICBjNS40MDYsMCwxMC42MTUtMi4yMTksMTUuNDY5LTYuNjA0YzM2LjI3MS0zMi42NzcsMTU5LjU3My0xMzcuMzg1LDIyOS44NDQtMTk2Ljg5NmM0LjM3NS0zLjY5OCw1LjA0Mi0xMC4xOTgsMS41LTE0LjcxOSAgICAgQzQ5NC42MjUsNjkuOTksNDgyLjQxNyw2NCw0NjkuMzMzLDY0SDQyLjY2N2MtMTMuMDgzLDAtMjUuMjkyLDUuOTktMzMuNDc5LDE2LjQzOEM1LjY0Niw4NC45NTgsNi4zMTMsOTEuNDU4LDEwLjY4OCw5NS4xNTZ6IiBmaWxsPSIjMDAwMDAwIi8+CgkJCTxwYXRoIGQ9Ik01MDUuODEzLDEyNy40MDZjLTMuNzgxLTEuNzYtOC4yMjktMS4xNDYtMTEuMzc1LDEuNTQyYy00Ni4wMjEsMzkuMDEtMTA2LjY1Niw5MC41NTItMTUyLjM4NSwxMjkuODg1ICAgICBjLTIuNDA2LDIuMDYzLTMuNzYsNS4wOTQtMy43MDgsOC4yNzFjMC4wNTIsMy4xNjcsMS41MjEsNi4xNTYsNCw4LjEzNWM0Mi40OSwzNC4wMzEsMTA2LjUyMSw4MC44NDQsMTUyLjc2LDExNC4xMTUgICAgIGMxLjg0NCwxLjMzMyw0LjAzMSwyLjAxLDYuMjI5LDIuMDFjMS42NjcsMCwzLjMzMy0wLjM4NSw0Ljg2NS0xLjE3N2MzLjU2My0xLjgyMyw1LjgwMi01LjQ5LDUuODAyLTkuNDlWMTM3LjA4MyAgICAgQzUxMiwxMzIuOTI3LDUwOS41ODMsMTI5LjE0Niw1MDUuODEzLDEyNy40MDZ6IiBmaWxsPSIjMDAwMDAwIi8+CgkJCTxwYXRoIGQ9Ik0xNi44OTYsMzg5LjM1NGM0Ni4yNS0zMy4yNzEsMTEwLjI5Mi04MC4wODMsMTUyLjc3MS0xMTQuMTE1YzIuNDc5LTEuOTc5LDMuOTQ4LTQuOTY5LDQtOC4xMzUgICAgIGMwLjA1Mi0zLjE3Ny0xLjMwMi02LjIwOC0zLjcwOC04LjI3MUMxMjQuMjI5LDIxOS41LDYzLjU4MywxNjcuOTU4LDE3LjU2MywxMjguOTQ4Yy0zLjE2Ny0yLjY4OC03LjYyNS0zLjI4MS0xMS4zNzUtMS41NDIgICAgIEMyLjQxNywxMjkuMTQ2LDAsMTMyLjkyNywwLDEzNy4wODN2MjQzLjYxNWMwLDQsMi4yNCw3LjY2Nyw1LjgwMiw5LjQ5YzEuNTMxLDAuNzkyLDMuMTk4LDEuMTc3LDQuODY1LDEuMTc3ICAgICBDMTIuODY1LDM5MS4zNjUsMTUuMDUyLDM5MC42ODgsMTYuODk2LDM4OS4zNTR6IiBmaWxsPSIjMDAwMDAwIi8+CgkJCTxwYXRoIGQ9Ik00OTguOTI3LDQxOC4zNzVjLTQ0LjY1Ni0zMS45NDgtMTI2LjkxNy05MS41MS0xNzYuMDIxLTEzMS4zNjVjLTQtMy4yNi05Ljc5Mi0zLjE1Ni0xMy43MjksMC4yNCAgICAgYy05LjYzNSw4LjQwNi0xNy42OTgsMTUuNDktMjMuNDE3LDIwLjYzNWMtMTcuNTYzLDE1Ljg1NC00MS45MzgsMTUuODU0LTU5LjU0Mi0wLjAyMWMtNS42OTgtNS4xMzUtMTMuNzYtMTIuMjQtMjMuMzk2LTIwLjYxNSAgICAgYy0zLjkwNi0zLjQxNy05LjcwOC0zLjUyMS0xMy43MTktMC4yNGMtNDguOTM4LDM5LjcxOS0xMzEuMjkyLDk5LjM1NC0xNzYuMDIxLDEzMS4zNjVjLTIuNDksMS43OTItNC4wOTQsNC41NTItNC40MDYsNy42MDQgICAgIGMtMC4zMDIsMy4wNTIsMC43MDgsNi4wODMsMi44MDIsOC4zMzNDMTkuNTUyLDQ0My4wMSwzMC45MjcsNDQ4LDQyLjY2Nyw0NDhoNDI2LjY2N2MxMS43NCwwLDIzLjEwNC00Ljk5LDMxLjE5OC0xMy42ODggICAgIGMyLjA4My0yLjI0LDMuMTA0LTUuMjcxLDIuODAyLTguMzIzQzUwMy4wMjEsNDIyLjkzOCw1MDEuNDE3LDQyMC4xNjcsNDk4LjkyNyw0MTguMzc1eiIgZmlsbD0iIzAwMDAwMCIvPgoJCTwvZz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K)
}
header.dashboard-header .icon-list-text {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
padding-left: 5px;
color: #565872;
}
header.dashboard-header .btn {
margin-left: auto;
background-color: rgb(19, 62, 194);
text-transform: uppercase;
cursor: pointer;
outline: none;
box-shadow: none;
line-height: 26px;
letter-spacing: 0px;
font-weight: 500;
font-size: 14px;
border-color: rgba(255, 255, 255, 0);
border-radius: 30px;
padding: 12px 35px;
color: rgb(255, 255, 255);
text-decoration: none;
}