@font-face {
font-family : "'Mukta', sans-serif";
src : url('../fonts/urw_-_vagrundschriftd-webfont.eot');
src : url('../fonts/urw_-_vagrundschriftd-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/urw_-_vagrundschriftd-webfont.woff2') format('woff2'), url('../fonts/urw_-_vagrundschriftd-webfont.woff') format('woff'), url('../fonts/urw_-_vagrundschriftd-webfont.ttf') format('truetype'), url('../fonts/urw_-_vagrundschriftd-webfont.svg#vag_rundschrift_dregular') format('svg');
font-weight : bold;
font-style : normal;
}
@font-face {
{
font-family : "'Mukta', sans-serif";
src : url('../fonts/urw_-_vagrundschriftdlig-webfont.eot');
src : url('../fonts/urw_-_vagrundschriftdlig-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/urw_-_vagrundschriftdlig-webfont.woff2') format('woff2'), url('../fonts/urw_-_vagrundschriftdlig-webfont.woff') format('woff'), url('../fonts/urw_-_vagrundschriftdlig-webfont.ttf') format('truetype'), url('../fonts/urw_-_vagrundschriftdlig-webfont.svg#vagrundschriftdligregular') format('svg');
font-weight : normal;
font-style : normal;
}
}
body {
font : 300 18px/33px 'Mukta', sans-serif;
color : #727272;
background : #eceef0;
	font-family: 'Mukta', sans-serif;
}
@media (max-width:767px) {
body {
font-size : 16px;
line-height : 22px;
	font-family: 'Mukta', sans-serif;
}
}
body, html {
height : 100%;
}
.datepicker {
line-height : 20px;
}
.datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active[disabled], .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active.disabled:hover[disabled] {
background : #004182 !important ;
}
.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {
color : #ddd;
}
h1, h3 {
font : 20px 'Mukta', sans-serif;
}
@media (max-width:767px) {
h1, h3 {
font-size : 17px;
}
}
@media (max-width:767px) {
h1 {
margin-top : 0;
}
}
h2 {
font : bold 25px 'Mukta', sans-serif;
	font-family: 'Mukta', sans-serif;
color : #000;
}
@media (max-width:767px) {
h2 {
font-size : 21px;
}
}
h3 {
padding-top : 7px;
margin-bottom : 6px;
color : #000;
font-weight : bold;
}
@media (max-width:767px) {
h3 {
padding-top : 5px;
margin-bottom : 4px;
}
}
p, ul, ol, dl {
margin-bottom : 35px;
}
@media (max-width:767px) {
p, ul, ol, dl {
margin-bottom : 25px;
}
}
a, button {
outline : none !important ;
}
table {
border-collapse : collapse;
margin : 23px 0 43px;
}
table td, table th {
padding : 3px 25px;
border : #cdedf1 solid 1px;
}
table td:first-child, table th:first-child {
border-left : 0;
padding-left : 0;
}
table td:last-child, table th:last-child {
border-right : 0;
}
table tr:first-child td, table tr:first-child th {
border-top : 0;
}
table tr:last-child td, table tr:last-child th {
border-bottom : 0;
}
@media (max-width:767px) {
table {
margin : 23px 0 25px;
}
}
.container {
max-width : 1100px;
padding : 0 60px;
}
@media (max-width:1199px) {
.container {
width : 100%;
max-width : 1040px;
padding : 0 30px;
}
}
@media (max-width:767px) {
.container {
padding : 0 20px;
}
}
a {
transition : color 0.2s, background 0.2s, border-bottom-color 0.2s;
}
a:before, a:after {
transition : background 0.2s, opacity 0.2s;
}
.row {
margin : 0;
}
[class*="col-"] {
padding : 0;
}
@media (min-width:768px) and (max-width:1099px) {
.col-1100-6 {
width : 50%;
}
}
.form-control, .btn {
box-shadow : none;
}
.btn:active, .btn:focus {
box-shadow : none;
}
.navbar {
position : fixed;
border : 0;
top : 0;
margin : 0;
width : 100%;
background : #fff;
}
@media (min-width:768px) {
.navbar {
box-shadow : none;
}
}
.navbar .navbar-header {
margin : 0;
}
.navbar .container {
padding : 0;
position : relative;
}
.navbar .navbar-brand {
padding : 0;
margin : 48px 0 0 28px !important ;
    width: 300px;
    height: 57px;
transition : height 0.2s, margin-top 0.2s;
margin-top : 30px !important ;
}
.navbar .navbar-brand img {
height : 100%;
}
.navbar .navbar-language {
position : absolute;
z-index : 10;
right : 50px;
top : 20px;
transition : top 0.2s;
display : none;
}
@media (max-width:767px) {
.navbar .navbar-language {
display : none;
}
.navbar .navbar-language.open {
display : block;
}
}
.navbar .navbar-language ul {
margin : 0;
padding : 0;
list-style : none;
}
.navbar .navbar-language li {
float : left;
padding-right : 10px;
}
.navbar .navbar-language img {
float : left;
opacity : 0.4000000059604644775390625;
transition : opacity 0.2s;
}
.navbar .navbar-language .active img, .navbar .navbar-language a:hover img {
opacity : 1;
}
.navbar #navbar {
float : right;
font : 16px 'Mukta', sans-serif;
padding : 53px 40px 33px 0;
position : relative;
transition : padding 0.2s;
padding : 30px 40px 30px 0;
}
@media (min-width:768px) {
.navbar #navbar > ul {
font-weight : bold;
}
}
.navbar #navbar li {
position : relative;
}
.navbar #navbar li a {
position : relative;
text-decoration : none;
display : inline-block;
color : #004182;
background : none;
padding : 10px 20px;
}
.navbar #navbar li.active > a, .navbar #navbar li a:hover {
color : #f25b22;
}
@media (min-width:768px) {
.navbar #navbar li ul {
left : -99999px;
opacity : 0;
top : 100%;
margin : 11px -9999px 0 0;
padding : 15px 0;
font : 15px/34px 'Mukta', sans-serif;
list-style : none;
position : absolute;
background : #003f82;
border-radius : 8px;
transition : opacity 0.2s;
}
.navbar #navbar li ul:before {
content : '';
position : absolute;
left : 0;
top : -11px;
width : 100%;
height : 11px;
background : transparent;
}
.navbar #navbar li ul:after {
content : '';
width : 0;
height : 0;
border-left : 9px solid transparent;
border-right : 9px solid transparent;
border-bottom : 9px solid #004182;
position : absolute;
top : -9px;
left : 29px;
}
.navbar #navbar li ul a {
color : #fff;
padding : 0 22px;
}
.navbar #navbar li:hover ul {
opacity : 1;
}
.navbar #navbar li.hover ul {
left : 0;
}
}
@media (min-width:768px) and (max-width:991px) {
.navbar #navbar li.tablet-open > a {
color : #f25b22;
}
.navbar #navbar li.tablet-open > a span {
color : rgba(245, 181, 26, 0.6);
}
.navbar #navbar li.tablet-open ul {
opacity : 1;
}
.navbar #navbar li.tablet-open ul {
left : 0;
}
}
@media (min-width:768px) {
.navbar.small {
box-shadow : 0 0 10px 0 rgba(0, 0, 0, 0.5);
}
.navbar.small .navbar-brand {
margin-top : 17px !important ;
height : 28px;
}
.navbar.small .navbar-language {
top : -30px;
}
.navbar.small #navbar {
padding-top : 18px;
padding-bottom : 18px;
}
.navbar.small #navbar span {
opacity : 0;
visibility : hidden;
}
}
@media (min-width:992px) {
.navbar.small #navbar {
padding-top : 11px;
padding-bottom : 11px;
}
}
@media (max-width:1199px) {
.navbar .navbar-brand {
margin-left : 2px !important ;
}
}
@media (max-width:1099px) {
.navbar .navbar-brand {
margin-left : 30px !important ;
}
}
@media (max-width:991px) {
.navbar .navbar-brand {
height : 33px;
width : 129px;
margin-left : 20px !important ;
margin-top : 29px !important ;
}
.navbar.small .navbar-brand {
margin-top : 14px !important ;
}
.navbar .navbar-language {
top : 10px;
right : 10px;
}
.navbar #navbar {
font : 14px 'Mukta', sans-serif;
padding-right : 8px;
padding-top : 42px;
padding-bottom : 27px;
padding-top : 35px;
padding-bottom : 34px;
}
.navbar #navbar li a {
padding : 0 12px;
}
}
@media (max-width:991px) and (min-width:768px) {
.navbar #navbar li.tablet-open ul, .navbar #navbar li.hover ul, .navbar #navbar li:hover ul {
left : -10px !important ;
font-size : 14px;
}
}
@media (max-width:767px) {
.navbar {
position : relative;
height : 69px;
}
.navbar .navbar-brand {
height : 25px;
width : 160px;
display : block;
margin : 22px 0 0 0 !important ;
position : absolute;
left : 18px;
}
.navbar .navbar-language {
right : auto;
left : 10px;
display : none !important ;
}
.navbar #navbar {
position : fixed;
top : 0;
right : 100%;
width : 100%;
height : 100%;
background : url('../images/header_small.jpg');
background-size : cover;
overflow : hidden;
font : 18px/37px 'Mukta', sans-serif;
text-align : center;
overflow-y : auto;
overflow-x : hidden;
transition : right 0.5s;
}
.navbar #navbar.open {
right : 0;
}
.navbar #navbar.shift ul {
margin-left : -50%;
opacity : 1 !important ;
}
.navbar #navbar.shift ul ul {
margin-left : -35%;
}
.navbar #navbar ul {
width : 100%;
margin : 43px 0;
transition : margin-left 0.5s, opacity 0.5s;
}
.navbar #navbar ul li a {
position : relative;
padding : 8px 35px;
z-index : 4;
color : #fff;
}
.navbar #navbar ul li.parent a:before, .navbar #navbar ul li.parent a:after {
content : '';
position : absolute;
width : 9px;
height : 17px;
top : 9px;
right : 0;
background : url('../images/arrow_white_large.svg') right no-repeat;
background-size : 9px 17px;
}
.navbar #navbar ul li.parent a:after {
opacity : 0;
background : url('../images/arrow_dark_blue_large.svg') right no-repeat;
background-size : 9px 17px;
}
.navbar #navbar ul li.temp-active a:before, .navbar #navbar ul li.active a:before, .navbar #navbar ul li a:hover:before {
opacity : 0;
}
.navbar #navbar ul li.temp-active a:after, .navbar #navbar ul li.active a:after, .navbar #navbar ul li a:hover:after {
opacity : 1;
}
.navbar #navbar ul li.temp-active a {
color : #f25b22;
}
.navbar #navbar ul li.temp-active a:before, .navbar #navbar ul li.temp-active a:after {
transform : rotate(180deg);
}
.navbar #navbar ul li ul {
position : absolute;
z-index : 3;
margin : 0;
padding : 0;
top : 0;
opacity : 0;
left : 100% !important ;
list-style : none;
font : 18px/37px 'Mukta', sans-serif;
}
.navbar #navbar ul li ul li a {
padding : 0;
color : #fff !important ;
}
.navbar #navbar ul li ul li a:before, .navbar #navbar ul li ul li a:after {
display : none;
}
.navbar #navbar ul li ul li.active a, .navbar #navbar ul li ul li a:hover {
color : #f25b22 !important ;
}
}
.navbar .navbar-toggle {
position : absolute;
display : block;
width : 40px;
height : 40px;
top : 15px;
right : 18px;
background : none;
margin : 0;
border : #004182 solid 2px;
border-radius : 40px;
box-sizing : border-box;
z-index : 106;
padding : 1px 6px;
	display:none;
}
@media (min-width:768px) {
.navbar .navbar-toggle {
display : none;
}
}
.navbar .navbar-toggle:focus {
outline : 0;
}
.navbar .navbar-toggle .icon-bar {
display : block;
height : 0;
width : 15px;
border-bottom : 2px solid #004182;
margin : 3px 0 3px 5px;
transform-origin : 0 0;
transition : transform 0.4s linear, opacity 0.4s linear, margin-left 0.2s linear;
}
.navbar .navbar-toggle .icon-bar:last-child {
transform-origin : 0 100%;
}
.navbar .navbar-close {
border-color : #fff;
}
.navbar .navbar-close .icon-bar {
border-color : #fff;
}
.navbar .navbar-close .sr-only + .icon-bar {
margin-left : 7px;
transform : rotate3d(0,0,1,45deg);
}
.navbar .navbar-close .icon-bar + .icon-bar {
opacity : 0;
}
.navbar .navbar-close .icon-bar:last-child {
margin-left : 7px;
opacity : 1;
transform : rotate3d(0,0,1,-45deg);
}
#header {
height : 589px;
transform : translateZ(0);
position : relative;
}
@media (min-width:768px) {
#header.reseller {
height : 489px;
}
#header.reseller #visual {
height : 489px;
}
#header.reseller .container strong {
top : 211px;
}
}
#header.small {
height : 295px;
}
#header #visual {
width : 100%;
height : 589px;
position : absolute;
top : 0;
z-index : -1;
overflow : hidden;
}
#header #visual div {
position : absolute;
left : 0;
top : 0;
width : 100%;
height : 120%;
background-attachment : scroll;
background-position : left top;
background-size : cover;
}
@media (max-width:767px) {
#header #visual div {
background-position : left top !important ;
}
}
#header.small #visual {
height : 295px;
}
#header .container {
height : 100%;
position : relative;
}
#header .container h1, #header .container strong {
font : bold 50px/60px 'Mukta', sans-serif;
position : relative;
z-index : 1;
top : 261px;
padding : 0;
margin : -25px 0 0;
height : 108px;
display : block;
color : #fff;
text-shadow : 1px 1px 16px rgba(25, 25, 25, 0.45);
transform : translateY(-500px);
}
@media (max-width:991px) {
#header .container h1, #header .container strong {
margin : -59px 0 0;
}
}
#header .container h1.loaded, #header .container strong.loaded {
transform : translateY(0);
}
#header.small .container h1, #header.small .container strong {
top : 228px;
margin : -59px 0 0;
font : bold 38px/54px 'Mukta', sans-serif;
}
@media (min-width:768px) and (max-width:991px) {
#header.small .container h1, #header.small .container strong {
top : 224px;
}
}
@media (max-width:767px) {
#header {
height : 214px;
position : relative;
}
#header #visual {
height : 214px;
position : relative;
}
#header.small {
height : 107px;
}
#header.small #visual {
height : 107px;
}
#header .container {
height : 100%;
width : auto;
position : absolute;
top : 0;
left : 20px;
right : 20px;
padding : 0;
}
#header .container h1, #header .container strong {
font : bold 21px/24px 'Mukta', sans-serif !important ;
position : absolute;
top : auto !important ;
bottom : 0;
left : 0;
right : 0;
width : 100%;
height : 100%;
z-index : 3;
margin : 0;
padding : 0;
text-indent : 0;
display : table;
}
#header .container h1 span, #header .container strong span {
display : table-cell;
vertical-align : middle;
}
#header .container h1 br, #header .container strong br {
display : none;
}
}
@media (min-width:768px) {
#header.small.fade-header .container h1, #header.small.fade-header .container strong {
opacity : 0;
}
#header.fade-header-large .container h1, #header.fade-header-large .container strong {
opacity : 0;
}
}
@media (min-width:768px) {
#package-outer {
position : relative;
overflow : hidden;
height : 91px;
margin-top : -91px;
z-index : 10;
}
}
@media (max-width:767px) {
#package-outer {
background : #f25b22;
}
}
#package-outer .container {
position : relative;
}
#package-overview {
color : #fff;
left : 60px;
right : 0;
padding : 0 60px 0 0;
top : 0;
background : rgba(245, 181, 26, 0.9);
height : 182px;
border-top-right-radius : 91px;
border-bottom-right-radius : 91px;
}
@media (min-width:768px) {
#package-overview {
position : absolute;
}
}
@media (max-width:1199px) {
#package-overview {
left : 30px;
}
}
#package-overview:before {
content : '';
position : absolute;
top : 0;
right : 100%;
height : 100%;
width : 10000px;
background : rgba(245, 181, 26, 0.9);
}
#package-overview ul {
list-style : none;
margin : 0;
padding : 18px 0 17px;
font : 18px/28px 'Mukta', sans-serif;
}
#package-overview li {
float : left;
white-space : nowrap;
overflow : hidden !important ;
text-overflow : ellipsis;
padding-right : 10px;
background : url('../images/check_white.svg') left no-repeat;
background-size : 15px 14px;
padding-left : 25px;
}
#package-overview .btn {
float : left;
margin-top : 6px;
padding : 0 68px 0 24px;
text-decoration : none;
color : #fff;
font : 700 17px/45px 'Mukta', sans-serif;
position : relative;
overflow : hidden;
background : #f25b22;
appearance : none;
transform : translateZ(0);
border-radius : 23px;
border : 0;
margin : 23px 0;
color : #f25b22;
}
#package-overview .btn.blue {
background : #004182;
}
#package-overview .btn.white {
color : #ffb400;
background : #fff;
}
#package-overview .btn:before {
content : '';
position : absolute;
left : 0;
top : 0;
bottom : 0;
width : auto;
right : 100%;
z-index : 1;
border : none;
background : #ffa602;
border-radius : 23px;
transition : right 0.2s, opacity 0.2s;
}
#package-overview .btn.blue:before {
background : #029cac;
}
#package-overview .btn.white:before {
background : #fff4d9;
}
#package-overview .btn:after {
content : '';
position : absolute;
z-index : 20;
left : auto;
right : 23px;
top : 14px;
width : 10px;
height : 17px;
border : none;
background : url('../images/arrow_white.svg') no-repeat;
transition : right 0.2s;
}
#package-overview .btn.white:after {
background-image : url('../images/arrow_orange.svg');
}
@media (min-width:992px) {
#package-overview .btn:hover:before {
right : 0;
}
#package-overview .btn:hover:after {
right : 20px;
}
#package-overview .btn:active:before {
background : #f7a000;
}
#package-overview .btn.blue:active:before {
background : #0293a2;
}
#package-overview .btn.white:active:before {
background : #fff0ca;
}
}
@media (max-width:991px) {
#package-overview .btn:active:before {
right : 0;
}
#package-overview .btn:active:after {
right : 20px;
}
}
#package-overview .btn span {
position : relative;
z-index : 2;
}
@media (max-width:767px) {
#package-overview .btn {
font-size : 15px;
line-height : 40px;
}
#package-overview .btn:after {
top : 12px;
}
}
#package-overview .btn:before {
display : none;
}
@media (max-width:767px) {
#package-overview .btn {
margin : -5px 0 23px;
}
}
.questions.phone {
position : relative;
margin : 60px 0;
padding-left : 118px;
background : #fff;
padding : 21px 0 18px;
margin : 0;
}
@media (max-width:991px) {
.questions.phone {
display : none;
}
.questions.phone.show {
display : block;
}
}
@media (max-width:767px) {
.questions.phone.show {
display : none !important ;
}
}
.questions.phone.pull-right {
margin : 6px 0 35px;
}
.questions.phone p {
margin-bottom : 13px;
}
.questions.phone p.large {
font-size : 22px;
font-weight : bold;
color : #000;
}
.questions.phone:before {
content : '';
border-left : 1px solid #d4d4d4;
position : absolute;
left : 90px;
top : 2px;
bottom : 2px;
}
.questions.phone ul {
list-style : none;
margin : 0;
padding : 0;
color : #004182;
}
.questions.phone ul li {
padding-left : 50px;
padding-bottom : 10px;
}
.questions.phone ul li.phone {
background : url('../images/phone.svg') 2px 4px no-repeat;
}
@media (min-width:768px) {
.questions.phone ul li.phone a {
pointer-events : none;
border-bottom-color : transparent;
}
.questions.phone ul li.phone a:before, .questions.phone ul li.phone a:after {
display : none;
}
}
.questions.phone ul li.message {
background : url('../images/message.svg') 2px 7px no-repeat;
}
@media (max-width:767px) {
.questions.phone ul li.phone {
background : url('../images/phone.svg') 2px 0 no-repeat;
}
.questions.phone ul li.message {
background : url('../images/message.svg') 2px 3px no-repeat;
}
}
.questions.phone ul a {
position : relative;
color : #004082;
text-decoration : none;
white-space : nowrap;
}
.questions.phone ul a:before, .questions.phone ul a:after {
content : '';
position : absolute;
left : 0;
bottom : -1px;
width : 100%;
border-bottom : 1px solid rgba(0, 64, 130, 0.25);
}
.questions.phone ul a:after {
z-index : 2;
width : 0;
border-bottom-color : #004082;
transition : width 0.2s;
}
.questions.phone ul a:hover:after {
width : 100%;
}
.questions.phone ul a:active:after {
border-bottom-color : #004082;
}
.questions.phone.home ul {
margin : 0 -30px 0 0;
}
@media (max-width:991px) {
.questions.phone.home {
display : block;
padding : 0;
margin : 36px 0;
}
.questions.phone.home p {
display : inline;
}
.questions.phone.home ul {
margin : 0;
display : inline;
}
.questions.phone.home ul li {
display : inline;
margin : 0 0 0 30px;
padding-left : 40px;
}
.questions.phone.home ul li.phone {
background : url('../images/phone.svg') 2px 0 no-repeat;
}
.questions.phone.home ul li.message {
background : url('../images/message.svg') 2px 3px no-repeat;
}
.questions.phone.home:before {
display : none;
}
}
.questions.phone:before {
display : none;
}
#products {
background : #fff;
}
#products .container {
position : relative;
padding : 0;
border-bottom : 3px solid #cdedf1;
}
#products p {
background : #fff0cc;
margin : 0;
padding : 20px 20px 0 20px;
}
#products ul {
list-style : none;
margin : 0;
padding : 0;
}
#products .buttons {
background : #cdedf1;
background : rgba(205, 237, 241, 0.6);
padding : 28px 60px 23px;
position : absolute;
z-index : 3;
bottom : 100%;
width : 100%;
}
#products .buttons li {
padding-right : 50px;
transform : translateY(20px);
}
#products .buttons li.loaded {
transform : translateY(0);
}
#products .buttons li a {
width : 100%;
float : left;
margin-top : 6px;
padding : 0 68px 0 24px;
text-decoration : none;
color : #fff;
font : 700 17px/45px 'Mukta', sans-serif;
position : relative;
overflow : hidden;
background : #f25b22;
appearance : none;
transform : translateZ(0);
border-radius : 23px;
margin-top : 0;
}
#products .buttons li a.blue {
background : #004182;
}
#products .buttons li a.white {
color : #ffb400;
background : #fff;
}
#products .buttons li a:before {
content : '';
position : absolute;
left : 0;
top : 0;
bottom : 0;
width : auto;
right : 100%;
z-index : 1;
border : none;
background : #ffa602;
border-radius : 23px;
transition : right 0.2s, opacity 0.2s;
}
#products .buttons li a.blue:before {
background : #029cac;
}
#products .buttons li a.white:before {
background : #fff4d9;
}
#products .buttons li a:after {
content : '';
position : absolute;
z-index : 20;
left : auto;
right : 23px;
top : 14px;
width : 10px;
height : 17px;
border : none;
background : url('../images/arrow_white.svg') no-repeat;
transition : right 0.2s;
}
#products .buttons li a.white:after {
background-image : url('../images/arrow_orange.svg');
}
@media (min-width:992px) {
#products .buttons li a:hover:before {
right : 0;
}
#products .buttons li a:hover:after {
right : 20px;
}
#products .buttons li a:active:before {
background : #f7a000;
}
#products .buttons li a.blue:active:before {
background : #0293a2;
}
#products .buttons li a.white:active:before {
background : #fff0ca;
}
}
@media (max-width:991px) {
#products .buttons li a:active:before {
right : 0;
}
#products .buttons li a:active:after {
right : 20px;
}
}
#products .buttons li a span {
position : relative;
z-index : 2;
}
@media (max-width:767px) {
#products .buttons li a {
font-size : 15px;
line-height : 40px;
}
#products .buttons li a:after {
top : 12px;
}
}
#products .features {
margin : 0 0 1px;
padding : 40px 60px 50px;
font : 16px/28px 'Mukta', sans-serif;
background : #e5f6f8;
position : relative;
}
#products .features li {
padding-left : 24px;
background : url('../images/check.svg') left 9px no-repeat;
}
#products .features a {
position : absolute;
left : 100%;
top : 25px;
padding : 0 0 0 57px;
margin-left : -35px;
font : 14px/18px 'Mukta', sans-serif;
text-decoration : none;
color : #004182;
text-transform : uppercase;
background : url('../images/arrow_blue_large.svg') left center no-repeat;
background-size : 18px 30px;
}
#products .features a:hover {
background-position : 3px center;
}
@media (max-width:1275px) {
#products .features a {
display : none;
}
}
#products .features a span:last-child {
display : none;
}
@media (max-width:1199px) {
#products .buttons, #products .features {
padding-left : 30px;
padding-right : 30px;
}
#products .buttons li {
padding-right : 25px;
}
}
@media (max-width:991px) {
#products .buttons li {
padding : 0 35px;
}
#products .features {
padding-top : 43px;
}
#products .features ul {
display : none;
}
#products .features a {
display : block;
left : 50%;
margin : 0 0 0 40px;
top : 41px;
padding-left : 26px;
background-size : 10px 16px;
}
#products .features a span:last-child {
display : inline;
}
#products .features a span:first-child {
display : none;
}
}
@media (max-width:991px) and (min-width:768px) {
#products .buttons li:nth-child(3) {
position : absolute;
top : 121px;
padding-right : 65px;
}
}
@media (max-width:767px) {
#products .container {
border-bottom : none;
}
#products .buttons {
position : relative;
bottom : auto;
padding-top : 16px;
padding-left : 20px;
padding-right : 20px;
background : #fff0cc;
}
#products .buttons li {
padding : 0;
margin : 0 0 9px;
}
#products .features {
display : none;
}
}
#content {
background : #fff;
padding : 63px 0 40px;
}
#content.reduce {
padding-bottom : 0 !important ;
}
#content.reduce #grey-background {
margin-bottom : 0 !important ;
}
#content .intro {
color : #939598;
padding : 10px 50px 0 0;
}
@media (max-width:991px) and (min-width:768px) {
#content .intro {
margin-top : -50px;
}
}
@media (max-width:991px) {
#content .intro {
padding-right : 0;
}
}
#content .intro h1 {
padding : 0 0 2px;
font : bold 34px 'Mukta', sans-serif;
color : #414042;
}
@media (max-width:767px) {
#content .intro h1 {
font : bold 28px 'Mukta', sans-serif;
}
}
#content .more-possibilities {
background : #fff;
width : 289px;
font : bold 26px/33px 'Mukta', sans-serif;
color : #323232;
padding : 34px 40px 41px;
margin-left : 50px;
margin-top : -16px;
border-radius : 20px;
}
@media (max-width:991px) {
#content .more-possibilities {
display : none;
}
}
#content .more-possibilities p {
margin : 0 0 13px;
}
#content .more-possibilities .btn {
float : left;
margin-top : 6px;
padding : 0 68px 0 24px;
text-decoration : none;
color : #fff;
font : 700 17px/45px 'Mukta', sans-serif;
position : relative;
overflow : hidden;
background : #f25b22;
appearance : none;
transform : translateZ(0);
border-radius : 23px;
margin : 0 -10px;
font-weight : normal;
font : 16px/35px 'Mukta', sans-serif;
height : 35px;
border : 0;
padding : 0 50px 0 20px;
background : #059dc3;
}
#content .more-possibilities .btn.blue {
background : #004182;
}
#content .more-possibilities .btn.white {
color : #ffb400;
background : #fff;
}
#content .more-possibilities .btn:before {
content : '';
position : absolute;
left : 0;
top : 0;
bottom : 0;
width : auto;
right : 100%;
z-index : 1;
border : none;
background : #ffa602;
border-radius : 23px;
transition : right 0.2s, opacity 0.2s;
}
#content .more-possibilities .btn.blue:before {
background : #029cac;
}
#content .more-possibilities .btn.white:before {
background : #fff4d9;
}
#content .more-possibilities .btn:after {
content : '';
position : absolute;
z-index : 20;
left : auto;
right : 23px;
top : 14px;
width : 10px;
height : 17px;
border : none;
background : url('../images/arrow_white.svg') no-repeat;
transition : right 0.2s;
}
#content .more-possibilities .btn.white:after {
background-image : url('../images/arrow_orange.svg');
}
@media (min-width:992px) {
#content .more-possibilities .btn:hover:before {
right : 0;
}
#content .more-possibilities .btn:hover:after {
right : 20px;
}
#content .more-possibilities .btn:active:before {
background : #f7a000;
}
#content .more-possibilities .btn.blue:active:before {
background : #0293a2;
}
#content .more-possibilities .btn.white:active:before {
background : #fff0ca;
}
}
@media (max-width:991px) {
#content .more-possibilities .btn:active:before {
right : 0;
}
#content .more-possibilities .btn:active:after {
right : 20px;
}
}
#content .more-possibilities .btn span {
position : relative;
z-index : 2;
}
@media (max-width:767px) {
#content .more-possibilities .btn {
font-size : 15px;
line-height : 40px;
}
#content .more-possibilities .btn:after {
top : 12px;
}
}
#content .more-possibilities .btn:before {
background : #048daf;
}
#content .more-possibilities .btn:active:before {
background : #0485a5;
}
#content .more-possibilities .btn:before {
z-index : -1;
}
#content .more-possibilities .btn:after {
top : 11px;
background-size : 7px 12px;
}
#content #grey-background {
background : #f2f4f7;
margin-top : -63px;
padding-top : 79px;
padding-bottom : 33px;
margin-bottom : 40px;
}
#content #grey-background h2 {
font : bold 30px 'Mukta', sans-serif;
color : #323232;
margin-bottom : 23px;
margin-top : 0 !important ;
}
@media (max-width:767px) {
#content #grey-background h2 {
font-size : 21px;
}
}
@media (max-width:991px) {
#content #grey-background {
padding-top : 33px;
padding-bottom : 4px;
margin-bottom : 10px;
}
}
@media (max-width:767px) {
#content #grey-background {
margin-top : -27px;
padding-top : 27px;
padding-bottom : 0;
}
}
@media (min-width:768px) {
#content.product-start {
padding-top : 73px;
}
}
#content.overflow {
position : relative;
overflow : hidden;
}
@media (max-width:767px) {
#content {
padding : 27px 0 3px;
}
}
#content h2:first-child, #content h3:first-child {
margin-top : 0;
}
#content p a, #content ul a, #content ol a, #content dl a {
position : relative;
color : #004082;
text-decoration : none;
white-space : nowrap;
}
#content p a:before, #content ul a:before, #content ol a:before, #content dl a:before, #content p a:after, #content ul a:after, #content ol a:after, #content dl a:after {
content : '';
position : absolute;
left : 0;
bottom : -1px;
width : 100%;
border-bottom : 1px solid rgba(0, 64, 130, 0.25);
}
#content p a:after, #content ul a:after, #content ol a:after, #content dl a:after {
z-index : 2;
width : 0;
border-bottom-color : #004082;
transition : width 0.2s;
}
#content p a:hover:after, #content ul a:hover:after, #content ol a:hover:after, #content dl a:hover:after {
width : 100%;
}
#content p a:active:after, #content ul a:active:after, #content ol a:active:after, #content dl a:active:after {
border-bottom-color : #004082;
}
#content p a.button, #content ul a.button, #content ol a.button, #content dl a.button {
float : left;
margin-top : 6px;
padding : 0 68px 0 24px;
text-decoration : none;
color : #fff;
font : 700 17px/45px 'Mukta', sans-serif;
position : relative;
overflow : hidden;
background : #f25b22;
appearance : none;
transform : translateZ(0);
border-radius : 23px;
display : inline-block;
float : none;
border-bottom : none !important ;
}
#content p a.button.blue, #content ul a.button.blue, #content ol a.button.blue, #content dl a.button.blue {
background : #004182;
}
#content p a.button.white, #content ul a.button.white, #content ol a.button.white, #content dl a.button.white {
color : #ffb400;
background : #fff;
}
#content p a.button:before, #content ul a.button:before, #content ol a.button:before, #content dl a.button:before {
content : '';
position : absolute;
left : 0;
top : 0;
bottom : 0;
width : auto;
right : 100%;
z-index : 1;
border : none;
background : #ffa602;
border-radius : 23px;
transition : right 0.2s, opacity 0.2s;
}
#content p a.button.blue:before, #content ul a.button.blue:before, #content ol a.button.blue:before, #content dl a.button.blue:before {
background : #029cac;
}
#content p a.button.white:before, #content ul a.button.white:before, #content ol a.button.white:before, #content dl a.button.white:before {
background : #fff4d9;
}
#content p a.button:after, #content ul a.button:after, #content ol a.button:after, #content dl a.button:after {
content : '';
position : absolute;
z-index : 20;
left : auto;
right : 23px;
top : 14px;
width : 10px;
height : 17px;
border : none;
background : url('../images/arrow_white.svg') no-repeat;
transition : right 0.2s;
}
#content p a.button.white:after, #content ul a.button.white:after, #content ol a.button.white:after, #content dl a.button.white:after {
background-image : url('../images/arrow_orange.svg');
}
@media (min-width:992px) {
#content p a.button:hover:before, #content ul a.button:hover:before, #content ol a.button:hover:before, #content dl a.button:hover:before {
right : 0;
}
#content p a.button:hover:after, #content ul a.button:hover:after, #content ol a.button:hover:after, #content dl a.button:hover:after {
right : 20px;
}
#content p a.button:active:before, #content ul a.button:active:before, #content ol a.button:active:before, #content dl a.button:active:before {
background : #f7a000;
}
#content p a.button.blue:active:before, #content ul a.button.blue:active:before, #content ol a.button.blue:active:before, #content dl a.button.blue:active:before {
background : #0293a2;
}
#content p a.button.white:active:before, #content ul a.button.white:active:before, #content ol a.button.white:active:before, #content dl a.button.white:active:before {
background : #fff0ca;
}
}
@media (max-width:991px) {
#content p a.button:active:before, #content ul a.button:active:before, #content ol a.button:active:before, #content dl a.button:active:before {
right : 0;
}
#content p a.button:active:after, #content ul a.button:active:after, #content ol a.button:active:after, #content dl a.button:active:after {
right : 20px;
}
}
#content p a.button span, #content ul a.button span, #content ol a.button span, #content dl a.button span {
position : relative;
z-index : 2;
}
@media (max-width:767px) {
#content p a.button, #content ul a.button, #content ol a.button, #content dl a.button {
font-size : 15px;
line-height : 40px;
}
#content p a.button:after, #content ul a.button:after, #content ol a.button:after, #content dl a.button:after {
top : 12px;
}
}
#content ul {
padding-left : 0;
margin-left : 0;
list-style : none;
}
#content ul li {
padding-left : 35px;
padding-bottom : 10px;
background : url('../images/arrow_grey.svg') 1px 11px no-repeat;
background-size : 8px 13px;
}
#content .questions {
position : relative;
margin : 60px 0;
padding-left : 118px;
}
@media (max-width:991px) {
#content .questions {
display : none;
}
#content .questions.show {
display : block;
}
}
@media (max-width:767px) {
#content .questions.show {
display : none !important ;
}
}
#content .questions.pull-right {
margin : 6px 0 35px;
}
#content .questions p {
margin-bottom : 13px;
}
#content .questions p.large {
font-size : 22px;
font-weight : bold;
color : #000;
}
#content .questions:before {
content : '';
border-left : 1px solid #d4d4d4;
position : absolute;
left : 90px;
top : 2px;
bottom : 2px;
}
#content .questions ul {
list-style : none;
margin : 0;
padding : 0;
color : #004182;
}
#content .questions ul li {
padding-left : 50px;
padding-bottom : 10px;
}
#content .questions ul li.phone {
background : url('../images/phone.svg') 2px 4px no-repeat;
}
@media (min-width:768px) {
#content .questions ul li.phone a {
pointer-events : none;
border-bottom-color : transparent;
}
#content .questions ul li.phone a:before, #content .questions ul li.phone a:after {
display : none;
}
}
#content .questions ul li.message {
background : url('../images/message.svg') 2px 7px no-repeat;
}
@media (max-width:767px) {
#content .questions ul li.phone {
background : url('../images/phone.svg') 2px 0 no-repeat;
}
#content .questions ul li.message {
background : url('../images/message.svg') 2px 3px no-repeat;
}
}
#content .questions ul a {
position : relative;
color : #004082;
text-decoration : none;
white-space : nowrap;
}
#content .questions ul a:before, #content .questions ul a:after {
content : '';
position : absolute;
left : 0;
bottom : -1px;
width : 100%;
border-bottom : 1px solid rgba(0, 64, 130, 0.25);
}
#content .questions ul a:after {
z-index : 2;
width : 0;
border-bottom-color : #004082;
transition : width 0.2s;
}
#content .questions ul a:hover:after {
width : 100%;
}
#content .questions ul a:active:after {
border-bottom-color : #004082;
}
#content .questions.home ul {
margin : 0 -30px 0 0;
}
@media (max-width:991px) {
#content .questions.home {
display : block;
padding : 0;
margin : 36px 0;
}
#content .questions.home p {
display : inline;
}
#content .questions.home ul {
margin : 0;
display : inline;
}
#content .questions.home ul li {
display : inline;
margin : 0 0 0 30px;
padding-left : 40px;
}
#content .questions.home ul li.phone {
background : url('../images/phone.svg') 2px 0 no-repeat;
}
#content .questions.home ul li.message {
background : url('../images/message.svg') 2px 3px no-repeat;
}
#content .questions.home:before {
display : none;
}
}
#content .buttons {
float : right;
clear : right;
width : 240px;
margin : -2px 0 25px -240px;
}
#content .buttons p {
margin-bottom : 13px;
width : 100%;
}
#content .buttons p a {
display : block;
}
#content .spacing {
height : 16px;
}
@media (max-width:767px) {
#content .spacing {
display : none;
}
}
#content .features {
margin : 0 0 35px;
list-style : none;
font : 18px/36px 'Mukta', sans-serif;
color : #004182;
position : relative;
z-index : 6;
}
#content .features li {
width : 50%;
float : left;
padding : 0 0 0 35px;
background : url('../images/check_blue.svg') left center no-repeat;
}
@media (max-width:1099px) {
#content .features li {
width : 100%;
}
}
@media (max-width:767px) {
#content .features {
font-size : 16px;
margin : 0 0 25px;
}
#content ul li {
background-position : 1px 5px;
}
}
#content .side {
float : right;
background : #f2f4f7;
text-align : center;
margin : 40px 0 0;
font : 300 16px/19px 'Mukta', sans-serif;
color : rgba(0, 64, 130, 0.5);
width : 220px;
padding : 45px 22px 5px;
position : relative;
border-radius : 30px;
transition : top 0.5s;
}
#content .side.large {
width : 300px;
text-align : left;
margin-right : -60px;
padding-left : 30px;
padding-right : 30px;
color : #727272;
margin-bottom : 150px;
font : 300 16px/28px 'Mukta', sans-serif;
}
@media (max-width:1199px) {
#content .side.large {
transition : margin-right 0.2s;
}
#content .side.large:hover {
margin-right : 0;
}
}
#content .side.large h3, #content .side.large h4 {
color : #004182;
}
#content .side.large h3 {
margin-top : -10px;
margin-bottom : 26px;
}
#content .side.large h4 {
text-transform : uppercase;
font : 14px/29px 'Mukta', sans-serif;
margin-bottom : 0;
}
#content .side.large h4.total {
margin-bottom : 10px;
text-align : center;
position : relative;
}
#content .side.large h4.total:before {
position : absolute;
left : 0;
top : 50%;
width : 100%;
content : '';
height : 1px;
margin-top : -1px;
background : #004182;
}
#content .side.large h4.total span {
position : relative;
z-index : 5;
padding : 0 10px;
background : #e5f6f8;
}
#content .side.large table {
width : 100%;
margin-top : 0;
margin-bottom : 30px;
}
#content .side.large table td, #content .side.large table th {
border : 0;
padding : 0;
}
#content .side.large table td:last-child, #content .side.large table th:last-child {
text-align : right;
}
#content .side.large table td:last-child span, #content .side.large table th:last-child span {
display : inline-block;
width : 30px;
font-size : 14px;
}
#content .side.large p.out {
position : absolute;
top : 100%;
left : 30px;
right : 30px;
margin-top : 30px;
font : 300 16px/22px 'Mukta', sans-serif;
color : rgba(114, 114, 114, 0.6);
}
#content .side .try {
display : block;
height : 178px;
width : 178px;
padding : 30px 0 0;
margin-bottom : 23px;
color : #fff;
background : #004182;
text-decoration : none;
font : bold 21px/24px 'Mukta', sans-serif;
text-transform : uppercase;
text-align : center;
transition : background-color 0.2s;
border-radius : 50%;
}
#content .side .try span {
font-size : 66px;
line-height : 66px;
}
#content .side .try:hover span:first-child {
transform : rotateY(360deg);
}
#content .success, #content .failure {
background : url('../images/thumb.svg') 42px 40px no-repeat #dff3cd;
border-radius : 30px;
padding : 57px 40px 15px 120px;
margin : 40px 0;
}
#content .success h2, #content .failure h2 {
color : #5ec107;
}
@media (max-width:767px) {
#content .success, #content .failure {
padding : 35px 40px 10px 120px;
}
}
@media (max-width:500px) {
#content .success, #content .failure {
padding : 35px 40px 10px 40px;
background-image : none !important ;
}
}
#content .failure {
background : url('../images/closed.svg') 42px 42px no-repeat #ffded6;
background-size : 45px 48px;
}
#content .failure h2 {
color : #da2b00;
}
#content .form-horizontal {
padding : 22px 0 0;
}
#content .form-horizontal.special {
padding : 0;
margin-top : -2px;
}
@media (max-width:767px) {
#content .form-horizontal.special {
padding-bottom : 10px;
}
#content .form-horizontal.special .button-group {
margin-bottom : 25px;
}
}
#content .form-horizontal #part1.going {
position : absolute;
left : 0;
width : 100%;
}
#content .form-horizontal #part2 {
position : relative;
z-index : 5;
display : none;
}
#content .form-horizontal h2 {
color : #004182;
font-size : 17px;
text-transform : uppercase;
}
@media (min-width:768px) {
#content .form-horizontal h2 {
margin-top : 38px;
margin-bottom : 22px;
font-size : 20px;
}
}
@media (min-width:768px) {
#content .form-horizontal h2 + .radio-checkbox {
position : relative;
top : -16px;
margin-bottom : -3px;
}
}
#content .form-horizontal .form-group {
margin-left : 0;
margin-right : 0;
margin-bottom : 13px;
position : relative;
clear : both;
}
@media (min-width:501px) {
#content .form-horizontal .form-group > div {
max-width : 326px;
}
}
#content .form-horizontal .form-group .reload-holder {
position : relative;
}
#content .form-horizontal .form-group .reload-holder .reload {
position : absolute;
top : 11px;
left : 100%;
margin-left : 14px;
width : 25px;
height : 23px;
display : none;
background : url('../images/reload.svg');
}
#content .form-horizontal .form-group .reload-holder .reload:after {
content : '';
position : absolute;
left : 0;
right : 0;
width : 100%;
height : 100%;
background : url('../images/reload_blue.svg');
opacity : 0;
transition : opacity 0.2s;
}
#content .form-horizontal .form-group .reload-holder .reload:hover:after {
opacity : 1;
}
@media (max-width:500px) {
#content .form-horizontal .form-group .reload-holder.active {
padding-right : 50px;
}
#content .form-horizontal .form-group .reload-holder .reload {
margin-left : -36px;
}
}
#content .form-horizontal div.checkbox, #content .form-horizontal div.radio {
line-height : 30px;
padding-top : 0;
margin-top : 10px;
}
#content .form-horizontal div.checkbox label, #content .form-horizontal div.radio label {
padding-left : 32px;
}
#content .form-horizontal div.checkbox + div.checkbox, #content .form-horizontal div.radio + div.checkbox, #content .form-horizontal div.checkbox + div.radio, #content .form-horizontal div.radio + div.radio {
margin-top : 0;
}
#content .form-horizontal .form-inline div.checkbox, #content .form-horizontal .form-inline div.radio {
margin-top : 10px !important ;
}
#content .form-horizontal .form-inline label {
margin-right : 15px;
}
#content .form-horizontal .form-inline label div.checkbox, #content .form-horizontal .form-inline label div.radio {
margin-top : 0 !important ;
}
#content .form-horizontal label div.checkbox, #content .form-horizontal label div.radio {
position : absolute;
margin : 0;
left : 3px;
top : 6px;
border : #cfcfcf solid 1px;
width : 17px;
height : 17px;
min-height : 0;
background : #fff;
}
#content .form-horizontal label div.checkbox.checked:before, #content .form-horizontal label div.radio.checked:before {
content : '';
position : absolute;
top : 4px;
left : 4px;
width : 7px;
height : 7px;
background : #8e8e8e;
}
#content .form-horizontal .error label div.checkbox, #content .form-horizontal .error label div.radio {
border-color : #da2b00;
}
#content .form-horizontal label div.radio {
width : 23px;
height : 23px;
left : 0;
top : 3px;
border-radius : 12px;
}
#content .form-horizontal label div.radio.checked:before {
top : 6px;
left : 6px;
width : 9px;
height : 9px;
border-radius : 5px;
}
#content .form-horizontal .help-block {
font-size : 16px;
color : rgba(114, 114, 114, 0.5);
margin-top : 1px;
margin-bottom : 3px;
}
@media (max-width:767px) {
#content .form-horizontal .help-block {
font-size : 14px;
}
}
#content .form-horizontal .error .help-block {
color : #da2b00;
}
#content .form-horizontal .button-group {
margin-top : 60px;
margin-bottom : 46px;
}
#content .form-horizontal .button-between {
padding-top : 47px;
margin-bottom : 46px;
}
#content .form-horizontal .button-between button {
margin-bottom : 14px;
}
@media (max-width:767px) {
#content .form-horizontal .button-between {
padding-top : 15px;
}
}
#content .form-horizontal .button-between a {
position : relative;
color : #004082;
text-decoration : none;
white-space : nowrap;
padding-right : 25px;
background : url('../images/arrow_blue.svg') right 7px no-repeat;
background-size : 8px 11px;
transition : color 0.2s, padding-right 0.2s;
}
#content .form-horizontal .button-between a:before, #content .form-horizontal .button-between a:after {
content : '';
position : absolute;
left : 0;
bottom : -1px;
width : 100%;
border-bottom : 1px solid rgba(0, 64, 130, 0.25);
}
#content .form-horizontal .button-between a:after {
z-index : 2;
width : 0;
border-bottom-color : #004082;
transition : width 0.2s;
}
#content .form-horizontal .button-between a:hover:after {
width : 100%;
}
#content .form-horizontal .button-between a:active:after {
border-bottom-color : #004082;
}
#content .form-horizontal .button-between a:after, #content .form-horizontal .button-between a:before {
display : none;
}
#content .form-horizontal .button-between a:hover {
padding-right : 28px;
}
#content .form-horizontal .form-control {
height : 47px;
padding : 12px 25px 11px;
color : #727272;
font : 300 18px/22px 'Mukta', sans-serif;
border : #cfcfcf solid 1px;
border-radius : 24px;
transition : color 0.2s, border-color 0.2s;
}
@media (min-width:501px) {
#content .form-horizontal .form-control {
max-width : 326px;
}
}
#content .form-horizontal .form-control:focus {
box-shadow : none;
border-color : #004182;
color : #004182;
}
#content .form-horizontal .form-control.datepicker {
background : url('../images/datepicker.svg') right no-repeat;
}
#content .form-horizontal textarea.form-control {
height : 218px;
}
#content .form-horizontal .error .form-control {
border-color : #da2b00;
}
#content .form-horizontal .control-label {
padding-right : 30px;
padding-bottom : 2px;
font-weight : inherit;
}
#content .form-horizontal .btn {
float : left;
margin-top : 6px;
padding : 0 68px 0 24px;
text-decoration : none;
color : #fff;
font : 700 17px/45px 'Mukta', sans-serif;
position : relative;
overflow : hidden;
background : #f25b22;
appearance : none;
transform : translateZ(0);
border-radius : 23px;
border : 0;
margin-top : 0;
text-align : left;
}
#content .form-horizontal .btn.blue {
background : #004182;
}
#content .form-horizontal .btn.white {
color : #ffb400;
background : #fff;
}
#content .form-horizontal .btn:before {
content : '';
position : absolute;
left : 0;
top : 0;
bottom : 0;
width : auto;
right : 100%;
z-index : 1;
border : none;
background : #ffa602;
border-radius : 23px;
transition : right 0.2s, opacity 0.2s;
}
#content .form-horizontal .btn.blue:before {
background : #029cac;
}
#content .form-horizontal .btn.white:before {
background : #fff4d9;
}
#content .form-horizontal .btn:after {
content : '';
position : absolute;
z-index : 20;
left : auto;
right : 23px;
top : 14px;
width : 10px;
height : 17px;
border : none;
background : url('../images/arrow_white.svg') no-repeat;
transition : right 0.2s;
}
#content .form-horizontal .btn.white:after {
background-image : url('../images/arrow_orange.svg');
}
@media (min-width:992px) {
#content .form-horizontal .btn:hover:before {
right : 0;
}
#content .form-horizontal .btn:hover:after {
right : 20px;
}
#content .form-horizontal .btn:active:before {
background : #f7a000;
}
#content .form-horizontal .btn.blue:active:before {
background : #0293a2;
}
#content .form-horizontal .btn.white:active:before {
background : #fff0ca;
}
}
@media (max-width:991px) {
#content .form-horizontal .btn:active:before {
right : 0;
}
#content .form-horizontal .btn:active:after {
right : 20px;
}
}
#content .form-horizontal .btn span {
position : relative;
z-index : 2;
}
@media (max-width:767px) {
#content .form-horizontal .btn {
font-size : 15px;
line-height : 40px;
}
#content .form-horizontal .btn:after {
top : 12px;
}
}
#content .form-horizontal .space {
padding-right : 9px;
}
#content .form-horizontal label {
font-weight : 300;
}
#content .form-horizontal label a {
position : relative;
color : #004082;
text-decoration : none;
white-space : nowrap;
}
#content .form-horizontal label a:before, #content .form-horizontal label a:after {
content : '';
position : absolute;
left : 0;
bottom : -1px;
width : 100%;
border-bottom : 1px solid rgba(0, 64, 130, 0.25);
}
#content .form-horizontal label a:after {
z-index : 2;
width : 0;
border-bottom-color : #004082;
transition : width 0.2s;
}
#content .form-horizontal label a:hover:after {
width : 100%;
}
#content .form-horizontal label a:active:after {
border-bottom-color : #004082;
}
@media (max-width:767px) {
#content .form-horizontal {
padding : 0;
}
#content .form-horizontal .button-group {
margin-top : 21px;
margin-bottom : 35px;
}
}
@media (max-width:500px) {
#content .form-horizontal .btn {
max-width : 400px;
width : 100%;
}
}
#carousel {
background : #e5f6f8;
padding : 63px 0 40px;
}
@media (max-width:991px) {
#carousel {
padding : 38px 0 15px;
}
}
@media (max-width:767px) {
#carousel {
padding-top : 15px;
}
}
#carousel h2 {
color : #004182;
}
#carousel .topbar {
height : 49px;
background : url('../images/screen-topbar.png');
border-top-left-radius : 12px;
border-top-right-radius : 12px;
}
#carousel #slid {
position : relative;
}
#carousel .prev, #carousel .next {
position : absolute;
z-index : 10;
width : 16px;
height : 28px;
margin-top : 10px;
}
#carousel .prev:before, #carousel .next:before, #carousel .prev:after, #carousel .next:after {
content : '';
position : absolute;
left : 0;
top : 0;
height : 100%;
width : 100%;
filter : drop-shadow(0 0 3px #fff);
transition : opacity 0.2s;
}
#carousel .prev:before, #carousel .next:before {
background : url('../images/arrow_grey_large.svg') 50% 50% no-repeat;
background-size : 16px 28px;
}
#carousel .prev:after, #carousel .next:after {
opacity : 0;
background : url('../images/arrow_blue_large.svg') 50% 50% no-repeat;
background-size : 16px 28px;
}
#carousel .prev:hover:before, #carousel .next:hover:before {
opacity : 0;
}
#carousel .prev:hover:after, #carousel .next:hover:after {
opacity : 1;
}
@media (max-width:767px) {
#carousel .prev, #carousel .next {
width : 12px;
height : 21px;
margin-top : 13.5px;
}
#carousel .prev:before, #carousel .next:before, #carousel .prev:after, #carousel .next:after {
background-size : 12px 21px !important ;
}
}
#carousel .prev {
left : -59px;
}
#carousel .prev:before {
background : url('../images/arrow_grey_large_back.svg') 50% 50% no-repeat;
background-size : 16px 28px;
}
#carousel .prev:after {
opacity : 0;
background : url('../images/arrow_dark_blue_large_back.svg') 50% 50% no-repeat;
background-size : 16px 28px;
}
#carousel .next {
right : -59px;
}
@media (max-width:1200px) {
#carousel .prev {
left : -40px;
}
#carousel .next {
right : -40px;
}
}
@media (max-width:1150px) {
#carousel .prev {
left : 25px;
}
#carousel .prev:before, #carousel .prev:after {
background-position : 45% 50%;
}
#carousel .next {
right : 25px;
}
#carousel .next:before, #carousel .next:after {
background-position : 55% 50%;
}
#carousel .prev, #carousel .next {
width : 50px;
height : 50px;
margin-top : 4px;
background-color : #fff;
border-radius : 50%;
box-shadow : 0 0 6px 0 rgba(0, 0, 0, 0.25);
}
}
@media (max-width:767px) {
#carousel .prev {
left : 15px;
}
#carousel .next {
right : 15px;
}
#carousel .prev, #carousel .next {
width : 40px;
height : 40px;
}
}
#carousel .shadow-wrapper {
margin : -147px -59px 0;
top : 100%;
height : 16px;
position : absolute;
z-index : 1000;
}
@media (max-width:991px) {
#carousel .shadow-wrapper {
margin-top : -145px;
}
}
@media (max-width:767px) {
#carousel .shadow-wrapper {
margin-top : -137px;
}
}
#carousel .shadow img {
width : 100%;
}
#carousel #hold {
position : relative;
overflow : hidden;
margin : 30px 0 0;
}
@media (max-width:1150px) {
#carousel #hold {
margin-left : 0;
margin-right : 0;
}
}
@media (max-width:767px) {
#carousel #hold {
margin-top : 20px;
}
}
#carousel ul {
list-style : none;
padding : 0;
width : 10000%;
left : 0;
position : relative;
}
#carousel ul li {
float : left;
width : 1%;
}
#carousel ul img {
max-width : 100%;
position : relative;
z-index : 5;
}
#carousel ul p {
position : relative;
top : 0;
overflow-y : hidden;
margin : 0 -59px;
padding-left : 59px;
padding-right : 59px;
padding-top : 57px;
text-align : center;
font : 19px 'Mukta', sans-serif;
line-height : 26px;
height : 120px;
color : #004182;
}
@media (max-width:991px) {
#carousel ul p {
font-size : 17px;
line-height : 24px;
}
}
@media (max-width:767px) {
#carousel ul p {
font-size : 15px;
line-height : 22px;
padding-top : 47px;
}
}
#carousel ul p:before {
content : '';
position : absolute;
left : 0;
top : -26px;
height : 100%;
width : 100%;
background : url('../images/arrow_blue_down.svg') 50% 50% no-repeat;
background-size : 14px 8px;
}
@media (max-width:767px) {
#carousel ul p:before {
top : -34px;
}
}
#contact {
padding-left : 90px;
}
@media (max-width:991px) {
#contact {
padding-left : 0;
float : none !important ;
}
}
#contact .methods {
list-style : none;
padding : 0;
color : #004182;
}
#contact .methods li {
padding-left : 50px;
padding-bottom : 10px;
}
#contact .methods li.phone {
background : url('../images/phone.svg') 2px 4px no-repeat;
}
@media (min-width:768px) {
#contact .methods li.phone a {
pointer-events : none;
border-bottom-color : transparent;
}
#contact .methods li.phone a:before, #contact .methods li.phone a:after {
display : none;
}
}
#contact .methods li.message {
background : url('../images/message.svg') 2px 7px no-repeat;
}
@media (max-width:767px) {
#contact .methods li.phone {
background : url('../images/phone.svg') 2px 0 no-repeat;
}
#contact .methods li.message {
background : url('../images/message.svg') 2px 3px no-repeat;
}
}
#contact .closed {
color : #da2b00;
padding-left : 35px;
margin-bottom : 15px;
position : relative;
top : -15px;
font : 300 16px/25px 'Mukta', sans-serif;
background : url('../images/closed.svg') 0 50% no-repeat;
}
@media (max-width:767px) {
#contact .closed {
font-size : 14px;
}
}
#contact .no-margin {
margin-bottom : 0;
}
#contact .schedule {
line-height : 33px;
}
#contact .schedule li {
padding-bottom : 0;
background : url('../images/clock.svg') 0 7px no-repeat;
}
@media (max-width:767px) {
#contact .schedule {
line-height : 22px;
}
#contact .schedule li {
padding-left : 25px;
background-size : 16px 16px;
background-position : 0 4px;
}
}
.course {
background : #fff;
padding : 63px 0 40px;
}
.course.odd {
background : #fff0cc;
}
.course.odd.blue {
background : #e5f6f8;
}
.course .info {
padding-left : 90px;
font : 300 16px/25px 'Mukta', sans-serif;
}
.course .info dl {
margin-top : 16px;
}
.course .info dt {
font : bold 14px/25px 'Mukta', sans-serif;
text-transform : uppercase;
color : #f25b22;
}
.course .info dd {
margin-bottom : 15px;
}
.course.blue .info dt {
color : #004182;
}
.course h2 {
font : 25px 'Mukta', sans-serif;
color : #f25b22;
margin-bottom : 28px;
}
.course.blue h2 {
color : #004182;
}
.course .button {
float : left;
margin-top : 6px;
padding : 0 68px 0 24px;
text-decoration : none;
color : #fff;
font : 700 17px/45px 'Mukta', sans-serif;
position : relative;
overflow : hidden;
background : #f25b22;
appearance : none;
transform : translateZ(0);
border-radius : 23px;
margin-top : 0;
display : inline-block;
float : none;
border-bottom : none !important ;
}
.course .button.blue {
background : #004182;
}
.course .button.white {
color : #ffb400;
background : #fff;
}
.course .button:before {
content : '';
position : absolute;
left : 0;
top : 0;
bottom : 0;
width : auto;
right : 100%;
z-index : 1;
border : none;
background : #ffa602;
border-radius : 23px;
transition : right 0.2s, opacity 0.2s;
}
.course .button.blue:before {
background : #029cac;
}
.course .button.white:before {
background : #fff4d9;
}
.course .button:after {
content : '';
position : absolute;
z-index : 20;
left : auto;
right : 23px;
top : 14px;
width : 10px;
height : 17px;
border : none;
background : url('../images/arrow_white.svg') no-repeat;
transition : right 0.2s;
}
.course .button.white:after {
background-image : url('../images/arrow_orange.svg');
}
@media (min-width:992px) {
.course .button:hover:before {
right : 0;
}
.course .button:hover:after {
right : 20px;
}
.course .button:active:before {
background : #f7a000;
}
.course .button.blue:active:before {
background : #0293a2;
}
.course .button.white:active:before {
background : #fff0ca;
}
}
@media (max-width:991px) {
.course .button:active:before {
right : 0;
}
.course .button:active:after {
right : 20px;
}
}
.course .button span {
position : relative;
z-index : 2;
}
@media (max-width:767px) {
.course .button {
font-size : 15px;
line-height : 40px;
}
.course .button:after {
top : 12px;
}
}
@media (max-width:991px) {
.course {
padding : 38px 0 15px;
}
.course .info {
padding : 0;
}
}
@media (max-width:767px) {
.course {
padding-top : 15px;
}
.course h2 {
font-size : 21px;
}
.course .info {
font-size : 14px;
}
.course .info dt {
font-size : 12px;
}
}
#packages {
padding : 50px 0 0;
background : #fff;
font : bold 16px/20px 'Mukta', sans-serif;
}
#packages h1 {
font : bold 26px 'Mukta', sans-serif;
text-transform : uppercase;
color : #004082;
margin-top : 20px !important ;
padding-bottom : 47px;
}
#packages .all {
color : #004082;
text-decoration : none;
}
#packages li {
opacity : 1;
transition : opacity 0.2s;
}
#packages li.go {
opacity : 0;
overflow : hidden;
height : 0;
padding : 0;
min-height : 0 !important ;
}
#packages ul {
list-style : none;
padding : 0;
margin : 0;
}
#packages .left {
float : left;
position : relative;
z-index : 2;
width : 200px;
padding-top : 107px;
}
@media (max-width:500px) {
#packages .left {
width : 180px;
}
}
#packages .left > ul > li {
padding-bottom : 20px;
}
#packages .left > ul > li.space {
padding-top : 10px;
}
#packages .left > ul > li ul {
font-size : 14px;
font-weight : normal;
padding-top : 3px;
}
#packages .left > ul > li ul li {
padding-top : 2px;
padding-bottom : 2px;
}
#packages .right {
width : 100%;
padding-left : 200px;
margin-left : -200px;
float : right;
position : relative;
left : 10px;
margin-bottom : 100px;
}
@media (max-width:500px) {
#packages .right {
padding-left : 180px;
margin-left : -180px;
}
}
@media (max-width:991px) {
#packages .right {
margin-bottom : 60px;
}
}
@media (max-width:767px) {
#packages .right {
margin-bottom : 40px;
}
}
@media (max-width:767px) {
#packages .right .scroll {
overflow-y : hidden;
overflow-x : scroll;
width : 100%;
}
#packages .right .scroll-inner {
width : 1000%;
}
}
#packages .package {
float : left;
width : 33.333%;
padding : 0 10px;
text-align : center;
font-size : 14px;
color : #004082;
position : relative;
overflow : hidden;
}
@media (max-width:767px) {
#packages .package {
width : 10%;
}
}
#packages .package .btn {
float : left;
margin-top : 6px;
padding : 0 68px 0 24px;
text-decoration : none;
color : #fff;
font : 700 17px/45px 'Mukta', sans-serif;
position : relative;
overflow : hidden;
background : #f25b22;
appearance : none;
transform : translateZ(0);
border-radius : 23px;
width : 100%;
border : 0;
text-align : left;
margin-top : 20px;
}
#packages .package .btn.blue {
background : #004182;
}
#packages .package .btn.white {
color : #ffb400;
background : #fff;
}
#packages .package .btn:before {
content : '';
position : absolute;
left : 0;
top : 0;
bottom : 0;
width : auto;
right : 100%;
z-index : 1;
border : none;
background : #ffa602;
border-radius : 23px;
transition : right 0.2s, opacity 0.2s;
}
#packages .package .btn.blue:before {
background : #029cac;
}
#packages .package .btn.white:before {
background : #fff4d9;
}
#packages .package .btn:after {
content : '';
position : absolute;
z-index : 20;
left : auto;
right : 23px;
top : 14px;
width : 10px;
height : 17px;
border : none;
background : url('../images/arrow_white.svg') no-repeat;
transition : right 0.2s;
}
#packages .package .btn.white:after {
background-image : url('../images/arrow_orange.svg');
}
@media (min-width:992px) {
#packages .package .btn:hover:before {
right : 0;
}
#packages .package .btn:hover:after {
right : 20px;
}
#packages .package .btn:active:before {
background : #f7a000;
}
#packages .package .btn.blue:active:before {
background : #0293a2;
}
#packages .package .btn.white:active:before {
background : #fff0ca;
}
}
@media (max-width:991px) {
#packages .package .btn:active:before {
right : 0;
}
#packages .package .btn:active:after {
right : 20px;
}
}
#packages .package .btn span {
position : relative;
z-index : 2;
}
@media (max-width:767px) {
#packages .package .btn {
font-size : 15px;
line-height : 40px;
}
#packages .package .btn:after {
top : 12px;
}
}
#packages .package .btn:before {
z-index : -1;
}
@media (max-width:991px) {
#packages .package .btn span {
display : none;
}
}
#packages .package:nth-child(2) .btn {
background : #059dc3;
}
#packages .package:nth-child(2) .btn:before {
background : #048daf;
}
#packages .package:nth-child(2) .btn:active:before {
background : #0485a5;
}
#packages .package:nth-child(3) .btn {
background : #004082;
}
#packages .package:nth-child(3) .btn:before {
background : #002e5e;
}
#packages .package:nth-child(3) .btn:active:before {
background : #00274f;
}
#packages .package .img {
position : relative;
height : 92px;
margin-bottom : -4px;
}
#packages .package .img span {
position : absolute;
bottom : 0;
left : 50%;
}
#packages .package .img img {
position : relative;
left : -79.5%;
width : 159%;
}
#packages .package h2 {
text-transform : uppercase;
font : bold 30px/30px 'Mukta', sans-serif;
color : #004082;
padding-bottom : 23px;
}
@media (max-width:991px) {
#packages .package h2 {
font-size : 23px;
}
}
#packages .package h2 span {
font : bold 20px/20px 'Mukta', sans-serif;
color : #f25b22;
}
#packages .package li {
min-height : 20px;
line-height : 20px;
vertical-align : middle;
padding-bottom : 20px;
}
#packages .package li.sm {
padding-top : 2px;
padding-bottom : 2px;
}
#packages .package li.sm img {
height : 12px;
}
#packages .package li.space {
padding-top : 13px;
}
#packages .package li.space-large {
padding-top : 23px;
}
#packages .package li img {
display : inline;
position : relative;
}
#packages .package li .green, #packages .package li .red {
display : inline-block;
width : 44px;
height : 44px;
margin-bottom : -14px;
border-radius : 50%;
}
#packages .package li .green {
border : #57bb61 solid 2px;
}
#packages .package li .green img {
top : 10px;
}
#packages .package li .red {
border : #e6434c solid 2px;
}
#packages .package li .red img {
top : 10px;
}
#packages .package .inner {
background : #f8f9fc;
border : #e5e8ee solid 2px;
padding : 0 0 23px;
border-radius : 20px;
}
.product-overview {
background : #fff;
padding : 0 0 86px;
}
.product-overview .container {
background : #e5f6f8;
border-bottom : 3px solid #cdedf1;
position : relative;
padding : 0 0 1px;
max-width : 1100px;
overflow : hidden;
}
.product-overview .container:before {
content : '';
position : absolute;
z-index : 5;
right : 0;
top : -100px;
width : 150%;
height : 500px;
border-right : 1px solid #e5f6f8;
box-shadow : 3px 3px 13px 0 rgba(25, 24, 25, 0.25) inset;
}
.product-overview .container.no-shadow:before {
box-shadow : none;
}
.product-overview .container:after {
content : '';
position : absolute;
left : 0;
bottom : 0;
height : 1px;
width : 100%;
background : #fff;
}
.product-overview p {
padding : 0 50px 0 36px;
position : relative;
z-index : 6;
}
.product-overview .button {
float : left;
margin-top : 6px;
padding : 0 68px 0 24px;
text-decoration : none;
color : #fff;
font : 700 17px/45px 'Mukta', sans-serif;
position : relative;
overflow : hidden;
background : #f25b22;
appearance : none;
transform : translateZ(0);
border-radius : 23px;
width : 100%;
margin-top : 83px;
}
.product-overview .button.blue {
background : #004182;
}
.product-overview .button.white {
color : #ffb400;
background : #fff;
}
.product-overview .button:before {
content : '';
position : absolute;
left : 0;
top : 0;
bottom : 0;
width : auto;
right : 100%;
z-index : 1;
border : none;
background : #ffa602;
border-radius : 23px;
transition : right 0.2s, opacity 0.2s;
}
.product-overview .button.blue:before {
background : #029cac;
}
.product-overview .button.white:before {
background : #fff4d9;
}
.product-overview .button:after {
content : '';
position : absolute;
z-index : 20;
left : auto;
right : 23px;
top : 14px;
width : 10px;
height : 17px;
border : none;
background : url('../images/arrow_white.svg') no-repeat;
transition : right 0.2s;
}
.product-overview .button.white:after {
background-image : url('../images/arrow_orange.svg');
}
@media (min-width:992px) {
.product-overview .button:hover:before {
right : 0;
}
.product-overview .button:hover:after {
right : 20px;
}
.product-overview .button:active:before {
background : #f7a000;
}
.product-overview .button.blue:active:before {
background : #0293a2;
}
.product-overview .button.white:active:before {
background : #fff0ca;
}
}
@media (max-width:991px) {
.product-overview .button:active:before {
right : 0;
}
.product-overview .button:active:after {
right : 20px;
}
}
.product-overview .button span {
position : relative;
z-index : 2;
}
@media (max-width:767px) {
.product-overview .button {
font-size : 15px;
line-height : 40px;
}
.product-overview .button:after {
top : 12px;
}
}
.product-overview ul {
margin : 0;
padding : 32px 0 31px;
list-style : none;
font : 18px/36px 'Mukta', sans-serif;
color : #004182;
position : relative;
z-index : 6;
}
.product-overview ul li {
padding : 0 0 0 35px;
background : url('../images/check_blue.svg') left center no-repeat;
}
.product-overview .visual {
padding-left : 108px;
}
.product-overview .visual div {
position : relative;
overflow : hidden;
width : 1000px;
max-height : 207px;
transform : skewX(-27deg);
border-left : 3px solid #cdedf1;
}
.product-overview .visual div span {
position : absolute;
z-index : 4;
left : 0;
top : 0;
width : 100%;
height : 100%;
box-shadow : 3px 3px 13px 0 rgba(25, 24, 25, 0.25) inset;
}
.product-overview .visual div img {
transform : skewX(27deg);
margin-left : -100px;
}
.product-overview .visual div .placeholder {
height : 207px;
width : 1000px;
transform : none;
border : none;
}
.product-overview .visual div:after {
content : '';
position : absolute;
z-index : 10;
left : -1px;
top : 0;
height : 100%;
width : 2px;
background : #fff;
}
.product-overview .no-shadow img {
position : absolute;
z-index : 20;
top : 23px;
left : 21px;
}
@media (max-width:1099px) {
.product-overview p {
position : absolute;
z-index : 8;
left : 0;
top : 0;
padding-left : 30px;
}
.product-overview ul {
padding-top : 114px;
padding-left : 30px;
}
.product-overview .button {
margin-top : 41px;
}
.product-overview .visual div {
max-height : 289px;
}
.product-overview .visual div .placeholder {
height : 289px;
}
.product-overview .no-shadow img {
top : 63px;
}
}
@media (max-width:767px) {
.product-overview {
padding-bottom : 35px;
}
.product-overview p, .product-overview ul {
padding-left : 20px;
}
.product-overview ul {
padding-top : 89px;
font-size : 16px;
}
.product-overview .button {
margin-top : 30px;
}
.product-overview .visual {
padding-left : 0;
}
.product-overview .no-shadow img {
left : -50px;
}
}
@media (max-width:550px) {
.product-overview .col-xs-10 {
width : 100%;
}
.product-overview .visual {
display : none;
}
}
#pricing {
background : #fff;
padding : 63px 0 40px;
}
#pricing h2 {
color : #004182;
}
#pricing a {
position : relative;
color : #004082;
text-decoration : none;
white-space : nowrap;
}
#pricing a:before, #pricing a:after {
content : '';
position : absolute;
left : 0;
bottom : -1px;
width : 100%;
border-bottom : 1px solid rgba(0, 64, 130, 0.25);
}
#pricing a:after {
z-index : 2;
width : 0;
border-bottom-color : #004082;
transition : width 0.2s;
}
#pricing a:hover:after {
width : 100%;
}
#pricing a:active:after {
border-bottom-color : #004082;
}
#pricing a.button {
float : left;
margin-top : 6px;
padding : 0 68px 0 24px;
text-decoration : none;
color : #fff;
font : 700 17px/45px 'Mukta', sans-serif;
position : relative;
overflow : hidden;
background : #f25b22;
appearance : none;
transform : translateZ(0);
border-radius : 23px;
margin-top : 0;
display : inline-block;
float : none;
border-bottom : none !important ;
}
#pricing a.button.blue {
background : #004182;
}
#pricing a.button.white {
color : #ffb400;
background : #fff;
}
#pricing a.button:before {
content : '';
position : absolute;
left : 0;
top : 0;
bottom : 0;
width : auto;
right : 100%;
z-index : 1;
border : none;
background : #ffa602;
border-radius : 23px;
transition : right 0.2s, opacity 0.2s;
}
#pricing a.button.blue:before {
background : #029cac;
}
#pricing a.button.white:before {
background : #fff4d9;
}
#pricing a.button:after {
content : '';
position : absolute;
z-index : 20;
left : auto;
right : 23px;
top : 14px;
width : 10px;
height : 17px;
border : none;
background : url('../images/arrow_white.svg') no-repeat;
transition : right 0.2s;
}
#pricing a.button.white:after {
background-image : url('../images/arrow_orange.svg');
}
@media (min-width:992px) {
#pricing a.button:hover:before {
right : 0;
}
#pricing a.button:hover:after {
right : 20px;
}
#pricing a.button:active:before {
background : #f7a000;
}
#pricing a.button.blue:active:before {
background : #0293a2;
}
#pricing a.button.white:active:before {
background : #fff0ca;
}
}
@media (max-width:991px) {
#pricing a.button:active:before {
right : 0;
}
#pricing a.button:active:after {
right : 20px;
}
}
#pricing a.button span {
position : relative;
z-index : 2;
}
@media (max-width:767px) {
#pricing a.button {
font-size : 15px;
line-height : 40px;
}
#pricing a.button:after {
top : 12px;
}
}
#pricing .try {
float : left;
margin : 54px 0 35px;
}
#pricing .try a {
display : block;
height : 178px;
width : 178px;
padding : 30px 0 0;
color : #fff;
background : #f25b22;
text-decoration : none;
font : 21px/24px 'Mukta', sans-serif;
text-transform : uppercase;
text-align : center;
transition : background-color 0.2s;
border-radius : 50%;
}
#pricing .try a span {
font-size : 66px;
line-height : 66px;
}
#pricing .try a:before, #pricing .try a:after {
display : none;
}
#pricing .try a:hover {
background : #ffa602;
}
#pricing .try a:hover span:first-child {
transform : rotateY(360deg);
}
#pricing .try a:active {
background : #f7a000;
}
#pricing .buttons {
float : right;
width : 240px;
margin : 91px 0 35px;
}
#pricing .buttons p {
margin-bottom : 13px;
width : 100%;
}
#pricing .buttons p a {
display : block;
}
@media (max-width:991px) {
#pricing .try {
float : none;
text-align : center;
margin-top : 18px;
}
#pricing .try a {
display : inline-block;
}
}
@media (max-width:991px) and (min-width:768px) {
#pricing .buttons {
float : none;
width : auto;
text-align : center;
margin-top : 0;
}
#pricing .buttons p {
max-width : 240px;
display : inline-block;
}
}
@media (max-width:767px) {
#pricing {
padding : 0 0 35px;
}
#pricing table {
min-width : 75%;
}
#pricing .try {
display : none;
}
#pricing .buttons {
float : left;
min-width : 75%;
margin : 10px 0 0;
}
}
@media (max-width:500px) {
#pricing table {
min-width : 100%;
}
#pricing .buttons {
min-width : 100%;
}
}
#resellers {
background : #fff;
}
#items {
float : left;
width : 100%;
color : #494949;
margin-top : -34px;
}
@media (max-width:767px) {
#items {
margin-top : 3px;
text-align : center;
margin-bottom : -45px;
}
}
#items h2 {
font : bold 34px 'Mukta', sans-serif;
color : #000;
margin-bottom : 51px;
}
@media (max-width:767px) {
#items h2 {
font : bold 28px 'Mukta', sans-serif;
}
}
#items p {
margin-bottom : 19px;
}
@media (min-width:768px) {
#items {
margin-right : -300px;
padding-right : 300px;
}
}
#items ul {
list-style : none;
padding : 0;
background : #fff;
text-align : left;
}
@media (max-width:767px) {
#items ul {
margin-bottom : 0;
display : inline-block;
text-align : justify;
max-width : 330px;
}
}
#items li {
padding-right : 25px;
padding-bottom : 40px;
display : inline-block;
text-align : center;
}
@media (max-width:767px) {
#items li {
padding-right : 0;
}
}
#items li.full {
height : 0;
line-height : 0;
width : 100%;
position : relative;
overflow : hidden;
}
#items img {
margin-bottom : 7px;
border : #ebebeb solid 3px;
border-radius : 50%;
text-align : center;
width : 180px;
}
@media (max-width:767px) {
#items img {
width : 135px;
}
}
#items .btn {
float : left;
margin-top : 6px;
padding : 0 68px 0 24px;
text-decoration : none;
color : #fff;
font : 700 17px/45px 'Mukta', sans-serif;
position : relative;
overflow : hidden;
background : #f25b22;
appearance : none;
transform : translateZ(0);
border-radius : 23px;
float : none;
display : inline-block;
border : 0;
margin : 0;
padding : 0 24px;
background : #cacfd6;
}
#items .btn.blue {
background : #004182;
}
#items .btn.white {
color : #ffb400;
background : #fff;
}
#items .btn:before {
content : '';
position : absolute;
left : 0;
top : 0;
bottom : 0;
width : auto;
right : 100%;
z-index : 1;
border : none;
background : #ffa602;
border-radius : 23px;
transition : right 0.2s, opacity 0.2s;
}
#items .btn.blue:before {
background : #029cac;
}
#items .btn.white:before {
background : #fff4d9;
}
#items .btn:after {
content : '';
position : absolute;
z-index : 20;
left : auto;
right : 23px;
top : 14px;
width : 10px;
height : 17px;
border : none;
background : url('../images/arrow_white.svg') no-repeat;
transition : right 0.2s;
}
#items .btn.white:after {
background-image : url('../images/arrow_orange.svg');
}
@media (min-width:992px) {
#items .btn:hover:before {
right : 0;
}
#items .btn:hover:after {
right : 20px;
}
#items .btn:active:before {
background : #f7a000;
}
#items .btn.blue:active:before {
background : #0293a2;
}
#items .btn.white:active:before {
background : #fff0ca;
}
}
@media (max-width:991px) {
#items .btn:active:before {
right : 0;
}
#items .btn:active:after {
right : 20px;
}
}
#items .btn span {
position : relative;
z-index : 2;
}
@media (max-width:767px) {
#items .btn {
font-size : 15px;
line-height : 40px;
}
#items .btn:after {
top : 12px;
}
}
@media (max-width:767px) {
#items .btn {
text-transform : capitalize;
}
#items .btn span {
display : none;
}
}
#items .btn:before {
z-index : -1;
}
#items .btn:after {
display : none;
}
#items .btn:before {
background : #b3bbc3;
}
#items .btn:active:before {
background : #a8b1ba;
}
#items .btn.btn-orange {
background : #f25b22;
}
#items .btn.btn-orange:before {
background : #ffa602;
}
#items .btn.btn-orange:active:before {
background : #f7a000;
}
#items .btn.btn-light-blue {
background : #059dc3;
}
#items .btn.btn-light-blue:before {
background : #048daf;
}
#items .btn.btn-light-blue:active:before {
background : #0485a5;
}
#items .btn.btn-blue {
background : #004082;
}
#items .btn.btn-blue:before {
background : #002e5e;
}
#items .btn.btn-blue:active:before {
background : #00274f;
}
#map {
position : relative;
z-index : 5;
float : right;
text-align : center;
color : #004182;
font : bold 18px 'Mukta', sans-serif;
padding : 2px 0 50px;
}
@media (max-width:767px) {
#map {
display : none;
}
}
#map .amounts {
position : relative;
}
#map .amounts span {
position : absolute;
width : 36px;
height : 43px;
padding-top : 8px;
cursor : pointer;
background : url('../images/amount.svg');
visibility : hidden;
opacity : 0;
transition : visibility 0s 0.2s, opacity 0.2s;
}
#map .amounts span.hover, #map .amounts span.active {
visibility : visible;
opacity : 1;
transition : visibility 0s, opacity 0.2s;
}
#map p {
margin-bottom : 40px;
}
#map svg {
height : 385px;
width : 300px;
}
#map svg path {
fill : #f25b22;
cursor : pointer;
transition : fill 0.2s;
}
#map svg path:hover, #map svg path.active {
fill : #003f82;
}
#reseller {
background : #fff;
font : 16px/23px 'Mukta', sans-serif;
color : #939598;
}
@media (min-width:768px) {
#reseller {
padding : 22px 0 14px;
}
}
#reseller .img {
position : relative;
height : 92px;
}
#reseller .img span {
position : absolute;
bottom : 0;
left : 50%;
}
#reseller .img img {
position : relative;
left : -79.5%;
width : 159%;
}
#reseller .scroll {
position : relative;
overflow-y : visible;
overflow-x : auto;
}
#reseller table {
width : 100%;
min-width : 800px;
}
#reseller table td, #reseller table th {
border : 0;
}
#reseller thead h3 {
text-align : center;
font : 700 30px/30px 'Mukta', sans-serif;
color : #004082;
text-transform : uppercase;
}
#reseller thead p {
font : 700 20px/30px 'Mukta', sans-serif;
color : #f25b22;
margin-bottom : -18px;
position : relative;
top : -1px;
text-align : center;
}
#reseller thead p span {
font-size : 14px;
color : #939598;
}
@media (max-width:991px) {
#reseller thead p span {
display : block;
margin-top : -8px;
}
}
@media (min-width:992px) {
#reseller thead p br {
display : none;
}
}
#reseller tbody td {
text-align : center;
}
#reseller tbody td .btn {
float : left;
margin-top : 6px;
padding : 0 68px 0 24px;
text-decoration : none;
color : #fff;
font : 700 17px/45px 'Mukta', sans-serif;
position : relative;
overflow : hidden;
background : #f25b22;
appearance : none;
transform : translateZ(0);
border-radius : 23px;
float : none;
display : inline-block;
border : 0;
text-align : left;
margin-top : 27px;
}
#reseller tbody td .btn.blue {
background : #004182;
}
#reseller tbody td .btn.white {
color : #ffb400;
background : #fff;
}
#reseller tbody td .btn:before {
content : '';
position : absolute;
left : 0;
top : 0;
bottom : 0;
width : auto;
right : 100%;
z-index : 1;
border : none;
background : #ffa602;
border-radius : 23px;
transition : right 0.2s, opacity 0.2s;
}
#reseller tbody td .btn.blue:before {
background : #029cac;
}
#reseller tbody td .btn.white:before {
background : #fff4d9;
}
#reseller tbody td .btn:after {
content : '';
position : absolute;
z-index : 20;
left : auto;
right : 23px;
top : 14px;
width : 10px;
height : 17px;
border : none;
background : url('../images/arrow_white.svg') no-repeat;
transition : right 0.2s;
}
#reseller tbody td .btn.white:after {
background-image : url('../images/arrow_orange.svg');
}
@media (min-width:992px) {
#reseller tbody td .btn:hover:before {
right : 0;
}
#reseller tbody td .btn:hover:after {
right : 20px;
}
#reseller tbody td .btn:active:before {
background : #f7a000;
}
#reseller tbody td .btn.blue:active:before {
background : #0293a2;
}
#reseller tbody td .btn.white:active:before {
background : #fff0ca;
}
}
@media (max-width:991px) {
#reseller tbody td .btn:active:before {
right : 0;
}
#reseller tbody td .btn:active:after {
right : 20px;
}
}
#reseller tbody td .btn span {
position : relative;
z-index : 2;
}
@media (max-width:767px) {
#reseller tbody td .btn {
font-size : 15px;
line-height : 40px;
}
#reseller tbody td .btn:after {
top : 12px;
}
}
#reseller tbody td .btn:before {
z-index : -1;
}
@media (max-width:991px) {
#reseller tbody td .btn span {
display : none;
}
}
#reseller tbody td:nth-child(3) .btn {
background : #059dc3;
}
#reseller tbody td:nth-child(3) .btn:before {
background : #048daf;
}
#reseller tbody td:nth-child(3) .btn:active:before {
background : #0485a5;
}
#reseller tbody td:nth-child(4) .btn {
background : #004082;
}
#reseller tbody td:nth-child(4) .btn:before {
background : #002e5e;
}
#reseller tbody td:nth-child(4) .btn:active:before {
background : #00274f;
}
#reseller tbody td, #reseller tbody th {
border-top : 1px solid #e5e5e5;
}
#reseller tbody th {
font-weight : normal;
color : #414042;
}
#reseller tbody tr:first-child th {
font-weight : bold;
}
#reseller tbody tr:first-child td, #reseller tbody tr:last-child td, #reseller tbody tr:first-child th, #reseller tbody tr:last-child th {
border : 0;
}
#most-used {
background : #f2f4f7;
position : relative;
overflow : hidden;
padding-top : 54px;
}
@media (max-width:767px) {
#most-used {
padding-top : 0;
}
}
#most-used h2 {
margin-bottom : 9px;
font : bold 30px 'Mukta', sans-serif;
color : #323232;
text-align : center;
}
@media (max-width:767px) {
#most-used h2 {
padding-top : 10px;
margin-bottom : 13px;
font-size : 21px;
text-align : left;
}
}
#most-used ul {
margin : 0 -45px;
padding : 0;
list-style : none;
}
@media (max-width:767px) {
#most-used ul {
margin : 0 -25px;
}
}
#most-used li {
text-align : center;
color : #323232;
}
#most-used li div {
padding : 0 20px;
}
#most-used li img {
display : block;
margin : 0 auto -17px;
max-width : 100%;
}
#most-used p {
text-align : center;
}
#most-used p .btn {
float : left;
margin-top : 6px;
padding : 0 68px 0 24px;
text-decoration : none;
color : #fff;
font : 700 17px/45px 'Mukta', sans-serif;
position : relative;
overflow : hidden;
background : #f25b22;
appearance : none;
transform : translateZ(0);
border-radius : 23px;
border : 0;
float : none;
display : inline-block;
margin : 29px 0 11px;
background : #cacfd6;
}
#most-used p .btn.blue {
background : #004182;
}
#most-used p .btn.white {
color : #ffb400;
background : #fff;
}
#most-used p .btn:before {
content : '';
position : absolute;
left : 0;
top : 0;
bottom : 0;
width : auto;
right : 100%;
z-index : 1;
border : none;
background : #ffa602;
border-radius : 23px;
transition : right 0.2s, opacity 0.2s;
}
#most-used p .btn.blue:before {
background : #029cac;
}
#most-used p .btn.white:before {
background : #fff4d9;
}
#most-used p .btn:after {
content : '';
position : absolute;
z-index : 20;
left : auto;
right : 23px;
top : 14px;
width : 10px;
height : 17px;
border : none;
background : url('../images/arrow_white.svg') no-repeat;
transition : right 0.2s;
}
#most-used p .btn.white:after {
background-image : url('../images/arrow_orange.svg');
}
@media (min-width:992px) {
#most-used p .btn:hover:before {
right : 0;
}
#most-used p .btn:hover:after {
right : 20px;
}
#most-used p .btn:active:before {
background : #f7a000;
}
#most-used p .btn.blue:active:before {
background : #0293a2;
}
#most-used p .btn.white:active:before {
background : #fff0ca;
}
}
@media (max-width:991px) {
#most-used p .btn:active:before {
right : 0;
}
#most-used p .btn:active:after {
right : 20px;
}
}
#most-used p .btn span {
position : relative;
z-index : 2;
}
@media (max-width:767px) {
#most-used p .btn {
font-size : 15px;
line-height : 40px;
}
#most-used p .btn:after {
top : 12px;
}
}
#most-used p .btn:before {
z-index : -1;
}
#most-used p .btn:before {
background : #b3bbc3;
}
#most-used p .btn:active:before {
background : #a8b1ba;
}
#video {
float : right;
border : #dadee3 solid 1px;
width : 481px;
height : 272px;
border-radius : 10px;
overflow : hidden;
position : relative;
margin : 5px 0 27px;
}
@media (max-width:991px) {
#video {
float : none;
margin-left : auto;
margin-right : auto;
}
}
@media (max-width:767px) {
#video {
padding-bottom : 56.25%;
padding-top : 25px;
height : 0;
width : auto;
}
#video iframe {
position : absolute;
top : 0;
left : 0;
width : 100%;
height : 100%;
}
}
#references {
padding : 63px 0 0;
background : #003f82;
color : #fff;
overflow : hidden;
}
#references .col-md-8 {
position : relative;
z-index : 20;
}
#references h2 {
font : bold 25px 'Mukta', sans-serif;
color : #f4b519;
margin-bottom : 28px;
}
#references a {
color : #f4b519;
text-decoration : none;
}
#references a:hover {
color : #ffa602;
}
#references .from {
opacity : 0.5;
}
#references .from span {
font-weight : 400;
}
#references .from span:before {
content : '\2014';
margin-right : 14px;
}
#references .from a {
font-weight : 400;
}
#references .img img {
float : right;
position : absolute;
top : -152px;
left : -130px;
}
@media (max-width:991px) {
#references {
padding-top : 38px;
}
}
@media (max-width:767px) {
#references {
display : none;
}
}
#prices {
background : #fff;
position : relative;
}
@media (max-width:992px) {
#prices {
background : #f2f4f7;
}
}
#prices:before {
content : '';
position : absolute;
background : #f2f4f7;
top : 0;
left : 0;
height : 100%;
width : 50%;
}
#prices .left, #prices .right {
float : left;
width : 50%;
position : relative;
}
@media (max-width:991px) {
#prices .left, #prices .right {
width : 100%;
}
}
#prices .left {
background : #f2f4f7;
padding : 50px 50px 30px 0;
}
@media (max-width:1100px) {
#prices .left {
padding-left : 20px;
}
}
@media (max-width:767px) {
#prices .left {
padding-top : 46px;
padding-bottom : 21px;
padding-right : 20px;
}
}
#prices .left ul {
list-style : none;
padding : 0;
margin : 0;
}
#prices .left li {
background : #fff;
border : #e3e6ea solid 1px;
border-radius : 20px;
margin : 0 0 21px -26px;
padding : 7px 0 17px 25px;
position : relative;
left : 0;
transition : left 0.2s;
cursor : pointer;
user-select : none;
}
@media (min-width:768px) {
#prices .left li {
max-width : 386px;
}
}
@media (max-width:767px) {
#prices .left li {
margin-right : -26px;
}
}
@media (min-width:768px) {
#prices .left li:hover {
left : 26px;
}
}
#prices .left li h3 {
font : bold 24px 'Mukta', sans-serif;
margin : 0 0 7px;
color : #f4b519;
}
#prices .left li h3 + p a {
color : inherit;
text-decoration : none;
padding-right : 18px;
background : url('../images/arrow_look.svg') right no-repeat;
background-size : 7px 12px;
}
@media (max-width:500px) {
#prices .left li h3 span {
display : none;
}
}
#prices .left li p {
margin : 0;
color : #939598;
font : 16px 'Mukta', sans-serif;
}
#prices .left li p.price {
position : absolute;
top : 25px;
right : 24px;
background : #f2f4f7;
border : #d4d9de solid 1px;
font : 20px/33px 'Mukta', sans-serif;
padding : 2px 10px 0;
color : #2d2d2d;
border-radius : 10px;
}
@media (max-width:500px) {
#prices .left li p.price {
font-size : 16px;
}
}
#prices .left li:nth-child(2) h3 {
color : #059dc3;
}
#prices .left li:nth-child(3) h3 {
color : #004082;
}
#prices .right {
padding : 50px 0 51px;
font : 18px/30px 'Mukta', sans-serif;
color : #939598;
}
@media (max-width:991px) {
#prices .right {
padding-top : 0;
margin-top : -20px;
}
}
@media (max-width:767px) {
#prices .right {
padding-bottom : 44px;
}
}
#prices .right .li {
position : relative;
top : 0;
left : 0;
padding : 23px 0 0 70px;
}
@media (min-width:992px) {
#prices .right .li {
background : #fff;
}
}
@media (max-width:991px) {
#prices .right .li {
padding-left : 0;
}
}
#prices .right .li .btn {
float : left;
margin-top : 6px;
padding : 0 68px 0 24px;
text-decoration : none;
color : #fff;
font : 700 17px/45px 'Mukta', sans-serif;
position : relative;
overflow : hidden;
background : #f25b22;
appearance : none;
transform : translateZ(0);
border-radius : 23px;
border : 0;
margin-left : -6px;
background : #004082;
}
#prices .right .li .btn.blue {
background : #004182;
}
#prices .right .li .btn.white {
color : #ffb400;
background : #fff;
}
#prices .right .li .btn:before {
content : '';
position : absolute;
left : 0;
top : 0;
bottom : 0;
width : auto;
right : 100%;
z-index : 1;
border : none;
background : #ffa602;
border-radius : 23px;
transition : right 0.2s, opacity 0.2s;
}
#prices .right .li .btn.blue:before {
background : #029cac;
}
#prices .right .li .btn.white:before {
background : #fff4d9;
}
#prices .right .li .btn:after {
content : '';
position : absolute;
z-index : 20;
left : auto;
right : 23px;
top : 14px;
width : 10px;
height : 17px;
border : none;
background : url('../images/arrow_white.svg') no-repeat;
transition : right 0.2s;
}
#prices .right .li .btn.white:after {
background-image : url('../images/arrow_orange.svg');
}
@media (min-width:992px) {
#prices .right .li .btn:hover:before {
right : 0;
}
#prices .right .li .btn:hover:after {
right : 20px;
}
#prices .right .li .btn:active:before {
background : #f7a000;
}
#prices .right .li .btn.blue:active:before {
background : #0293a2;
}
#prices .right .li .btn.white:active:before {
background : #fff0ca;
}
}
@media (max-width:991px) {
#prices .right .li .btn:active:before {
right : 0;
}
#prices .right .li .btn:active:after {
right : 20px;
}
}
#prices .right .li .btn span {
position : relative;
z-index : 2;
}
@media (max-width:767px) {
#prices .right .li .btn {
font-size : 15px;
line-height : 40px;
}
#prices .right .li .btn:after {
top : 12px;
}
}
#prices .right .li .btn:before {
background : #002e5e;
}
#prices .right .li .btn:active:before {
background : #00274f;
}
#prices .right .li .btn:before {
z-index : -1;
}
#prices .right .li .card {
float : left;
width : 102px;
height : 87px;
color : #fff;
font : bold 23px 'Mukta', sans-serif;
text-align : center;
padding : 33px 0 0 35px;
margin : 0 10px 0 -50px;
background : url('../images/card.png') no-repeat;
}
@media (max-width:991px) {
#prices .right .li .card {
margin-left : -10px;
}
}
@media (max-width:767px) {
#prices .right .li .card {
margin-top : 15px;
}
}
#prices .right .li .card span {
display : block;
transform : rotate(-10deg);
}
#prices .right .li .title {
font : bold 34px 'Mukta', sans-serif;
color : #004082;
padding-bottom : 7px;
margin-right : -15px;
}
@media (max-width:767px) {
#prices .right .li .title {
margin-right : 0;
}
}
#prices .right .li .title span {
font-size : 28px;
color : #afafaf;
position : relative;
top : 2px;
}
@media (max-width:767px) {
#prices .right .li .title {
font : bold 28px 'Mukta', sans-serif;
}
#prices .right .li .title span {
font-size : 22px;
}
}
#prices .right p {
margin-bottom : 13px;
}
#including {
background : #fff;
color : #323232;
}
@media (min-width:768px) {
#including {
padding : 54px 0 0;
text-align : center;
}
}
#including ul {
list-style : none;
padding : 0;
margin : 0 -20px;
}
@media (min-width:768px) {
#including ul {
margin : 0 -30px;
}
}
#including li {
padding : 0 20px;
text-align : center;
}
@media (min-width:768px) {
#including li {
padding : 0 30px;
}
}
@media (max-width:767px) {
#including li {
padding-top : 20px;
}
}
@media (max-width:350px) {
#including li {
width : 100%;
}
}
#including h2 {
margin-bottom : 23px;
font : bold 30px 'Mukta', sans-serif;
color : #323232;
}
@media (max-width:767px) {
#including h2 {
padding-top : 10px;
margin-bottom : 0;
font-size : 21px;
}
}
#including img {
width : 100%;
max-width : 202px;
margin : 9px auto 0;
display : block;
}
#possibilities {
color : #939598;
}
#possibilities .container {
position : relative;
}
@media (min-width:768px) {
#possibilities .container {
min-height : 253px;
}
}
#possibilities h2 {
margin-bottom : 23px;
font : bold 30px 'Mukta', sans-serif;
color : #323232;
}
@media (max-width:767px) {
#possibilities h2 {
padding-top : 20px;
margin-bottom : 13px;
font-size : 21px;
}
}
#possibilities ul {
list-style : none;
margin : 0;
padding : 0;
}
#possibilities li {
padding : 67px 0 0;
position : relative;
overflow : hidden;
}
@media (max-width:767px) {
#possibilities li {
padding : 18px 0 0;
}
}
#possibilities li:nth-child(odd) {
background : #fff;
}
#possibilities li:nth-child(odd) .view {
background : #fff;
}
@media (min-width:768px) {
#possibilities li:nth-child(odd) .img {
left : 30px;
}
}
@media (min-width:991px) {
#possibilities li:nth-child(odd) .img {
left : 60px;
}
}
#possibilities li:nth-child(odd) .text {
float : right;
margin-left : -480px;
padding-left : 480px;
}
#possibilities li:nth-child(even) {
background : #f2f4f7;
}
#possibilities li:nth-child(even) .view {
background : #f2f4f7;
}
@media (min-width:768px) {
#possibilities li:nth-child(even) .img {
right : 30px;
}
}
@media (min-width:991px) {
#possibilities li:nth-child(even) .img {
right : 60px;
}
}
#possibilities li:nth-child(even) .text {
float : left;
margin-right : -480px;
padding-right : 480px;
}
#possibilities li .img {
position : relative;
z-index : 5;
bottom : 0;
padding : 56px 30px 0;
margin : -30px -30px 0;
}
#possibilities li .img img {
border-top-left-radius : 20px;
border-top-right-radius : 20px;
box-shadow : 0 20px 40px 10px rgba(0, 0, 0, 0.12);
}
#possibilities li .img .view {
display : none;
}
#possibilities li .img .view.temp {
display : none !important ;
}
@media (min-width:768px) {
#possibilities li .img {
position : absolute;
}
#possibilities li .img .zoom, #possibilities li .img .static-zoom {
cursor : default;
user-select : none;
position : relative;
}
#possibilities li .img .zoom .view, #possibilities li .img .static-zoom .view {
position : absolute;
top : 0;
left : 0;
height : 235px;
width : 235px;
border : #f25b22 solid 10px;
overflow : hidden;
border-radius : 50%;
}
#possibilities li .img .zoom:hover .view, #possibilities li .img .static-zoom:hover .view {
display : block;
}
#possibilities li .img .static-zoom .view {
display : block;
left : -62px;
top : -62px;
}
}
@media (max-width:767px) {
#possibilities li .img {
padding-top : 0;
}
#possibilities li .img img {
max-width : 100%;
}
}
#possibilities li .img > div > img {
border-top-left-radius : 10px;
border-top-right-radius : 10px;
box-shadow : 0 10px 20px 5px rgba(0, 0, 0, 0.12);
transform : translateY(500px);
transition : transform 0.5s;
}
#possibilities li .img > div > img.loaded {
transform : translateY(0);
}
#possibilities li .text {
width : 100%;
position : relative;
z-index : 6;
}
@media (max-width:767px) {
#possibilities li .text {
margin : 0 !important ;
padding : 0 !important ;
}
}
#possibilities li .text .buttons {
margin : -13px 0 23px;
}
#possibilities li .text .buttons .btn {
float : left;
margin-top : 6px;
padding : 0 68px 0 24px;
text-decoration : none;
color : #fff;
font : 700 17px/45px 'Mukta', sans-serif;
position : relative;
overflow : hidden;
background : #f25b22;
appearance : none;
transform : translateZ(0);
border-radius : 23px;
float : none;
display : inline-block;
border : 0;
margin : 10px 23px 0 0;
padding : 0 24px;
background : #cacfd6;
}
#possibilities li .text .buttons .btn.blue {
background : #004182;
}
#possibilities li .text .buttons .btn.white {
color : #ffb400;
background : #fff;
}
#possibilities li .text .buttons .btn:before {
content : '';
position : absolute;
left : 0;
top : 0;
bottom : 0;
width : auto;
right : 100%;
z-index : 1;
border : none;
background : #ffa602;
border-radius : 23px;
transition : right 0.2s, opacity 0.2s;
}
#possibilities li .text .buttons .btn.blue:before {
background : #029cac;
}
#possibilities li .text .buttons .btn.white:before {
background : #fff4d9;
}
#possibilities li .text .buttons .btn:after {
content : '';
position : absolute;
z-index : 20;
left : auto;
right : 23px;
top : 14px;
width : 10px;
height : 17px;
border : none;
background : url('../images/arrow_white.svg') no-repeat;
transition : right 0.2s;
}
#possibilities li .text .buttons .btn.white:after {
background-image : url('../images/arrow_orange.svg');
}
@media (min-width:992px) {
#possibilities li .text .buttons .btn:hover:before {
right : 0;
}
#possibilities li .text .buttons .btn:hover:after {
right : 20px;
}
#possibilities li .text .buttons .btn:active:before {
background : #f7a000;
}
#possibilities li .text .buttons .btn.blue:active:before {
background : #0293a2;
}
#possibilities li .text .buttons .btn.white:active:before {
background : #fff0ca;
}
}
@media (max-width:991px) {
#possibilities li .text .buttons .btn:active:before {
right : 0;
}
#possibilities li .text .buttons .btn:active:after {
right : 20px;
}
}
#possibilities li .text .buttons .btn span {
position : relative;
z-index : 2;
}
@media (max-width:767px) {
#possibilities li .text .buttons .btn {
font-size : 15px;
line-height : 40px;
}
#possibilities li .text .buttons .btn:after {
top : 12px;
}
}
@media (max-width:767px) {
#possibilities li .text .buttons .btn {
text-transform : capitalize;
}
#possibilities li .text .buttons .btn span {
display : none;
}
}
#possibilities li .text .buttons .btn:before {
z-index : -1;
}
#possibilities li .text .buttons .btn:after {
display : none;
}
#possibilities li .text .buttons .btn:before {
background : #b3bbc3;
}
#possibilities li .text .buttons .btn:active:before {
background : #a8b1ba;
}
#possibilities li .text .buttons .btn.btn-orange {
background : #f25b22;
}
#possibilities li .text .buttons .btn.btn-orange:before {
background : #ffa602;
}
#possibilities li .text .buttons .btn.btn-orange:active:before {
background : #f7a000;
}
#possibilities li .text .buttons .btn.btn-light-blue {
background : #059dc3;
}
#possibilities li .text .buttons .btn.btn-light-blue:before {
background : #048daf;
}
#possibilities li .text .buttons .btn.btn-light-blue:active:before {
background : #0485a5;
}
#possibilities li .text .buttons .btn.btn-blue {
background : #004082;
}
#possibilities li .text .buttons .btn.btn-blue:before {
background : #002e5e;
}
#possibilities li .text .buttons .btn.btn-blue:active:before {
background : #00274f;
}
#additional {
background : #fff;
padding : 48px 0 48px;
color : #939598;
}
@media (max-width:991px) {
#additional {
padding : 38px 0 38px;
}
}
@media (max-width:767px) {
#additional {
padding : 18px 0 18px;
}
}
#additional h2 {
font : bold 30px 'Mukta', sans-serif;
color : #323232;
margin-bottom : 22px;
}
@media (max-width:767px) {
#additional h2 {
font-size : 21px;
}
}
#additional ul {
list-style : none;
margin : 0;
padding : 0;
}
#additional li {
padding : 0 15px 22px 0;
}
@media (min-width:992px) {
#additional li:nth-child(3n 1) {
clear : left;
}
}
#additional strong {
color : #f25b22;
font-size : 20px;
padding-left : 30px;
background : url('../images/check_yellow.svg') left no-repeat;
background-size : 16px 16px;
}
@media (max-width:767px) {
#additional strong {
display : inline-block;
margin-bottom : 5px;
}
}
.feature-list {
color : #fff;
font : 16px/40px 'Mukta', sans-serif;
padding-bottom : 10px;
}
@media (min-width:992px) {
.feature-list {
height : 60px;
line-height : 60px;
overflow : hidden;
padding-bottom : 0;
}
}
.feature-list.blue {
background : #059dc3;
}
.feature-list.yellow {
background : #f25b22;
}
.feature-list p {
font-size : 26px;
font-weight : bold;
float : left;
margin : 0;
width : 140px;
position : relative;
}
@media (max-width:992px) {
.feature-list p {
width : 100%;
text-align : center;
margin-top : 10px;
}
}
@media (max-width:767px) {
.feature-list p {
font-size : 21px;
text-align : left;
}
}
.feature-list .m {
float : left;
width : 100%;
}
@media (min-width:768px) {
.feature-list .m {
text-align : center;
}
}
@media (min-width:992px) {
.feature-list .m {
text-align : justify;
margin : 0 0 0 -140px;
padding : 0 0 0 140px;
}
}
.feature-list ul {
display : inline;
margin : 0;
padding : 0;
}
.feature-list li {
display : inline-block;
padding : 0 0 0 40px;
background : url(../../images/check_white.svg) left center no-repeat;
}
@media (max-width:991px) {
.feature-list li:first-child {
padding-left : 20px;
background-position : 0 center;
}
}
.feature-list li.force {
display : none;
}
@media (min-width:992px) {
.feature-list li.force {
display : inline-block;
position : relative;
width : 100%;
height : 0;
line-height : 0;
}
}
@media (max-width:767px) {
.feature-list li {
display : block;
padding-left : 20px;
background-position : 0 center;
}
}
#request {
background : #f2f4f7;
text-align : center;
padding : 52px 0 64px;
}
@media (max-width:767px) {
#request {
padding : 19px 0 29px;
text-align : left;
}
}
#request h2 {
font : bold 34px 'Mukta', sans-serif;
color : #323232;
padding-bottom : 21px;
}
@media (max-width:767px) {
#request h2 {
font : bold 28px 'Mukta', sans-serif;
}
}
#request .form-group {
margin-left : -10px;
margin-right : -10px;
}
#request .form-group > div {
padding-left : 10px;
padding-right : 10px;
}
#request .form-control {
height : 47px;
padding : 12px 25px 11px;
color : #727272;
font : 300 18px/22px 'Mukta', sans-serif;
border : #cfcfcf solid 1px;
border-radius : 24px;
transition : color 0.2s, border-color 0.2s;
}
@media (max-width:767px) {
#request .form-control {
margin-bottom : 20px;
}
}
#request .form-control:focus {
box-shadow : none;
border-color : #004182;
color : #004182;
}
#request .form-control.datepicker {
background : url('../images/datepicker.svg') right no-repeat;
}
#request .btn {
float : left;
margin-top : 6px;
padding : 0 68px 0 24px;
text-decoration : none;
color : #fff;
font : 700 17px/45px 'Mukta', sans-serif;
position : relative;
overflow : hidden;
background : #f25b22;
appearance : none;
transform : translateZ(0);
border-radius : 23px;
margin : 0;
border : 0;
width : 100%;
padding-right : 24px;
background : #004082;
}
#request .btn.blue {
background : #004182;
}
#request .btn.white {
color : #ffb400;
background : #fff;
}
#request .btn:before {
content : '';
position : absolute;
left : 0;
top : 0;
bottom : 0;
width : auto;
right : 100%;
z-index : 1;
border : none;
background : #ffa602;
border-radius : 23px;
transition : right 0.2s, opacity 0.2s;
}
#request .btn.blue:before {
background : #029cac;
}
#request .btn.white:before {
background : #fff4d9;
}
#request .btn:after {
content : '';
position : absolute;
z-index : 20;
left : auto;
right : 23px;
top : 14px;
width : 10px;
height : 17px;
border : none;
background : url('../images/arrow_white.svg') no-repeat;
transition : right 0.2s;
}
#request .btn.white:after {
background-image : url('../images/arrow_orange.svg');
}
@media (min-width:992px) {
#request .btn:hover:before {
right : 0;
}
#request .btn:hover:after {
right : 20px;
}
#request .btn:active:before {
background : #f7a000;
}
#request .btn.blue:active:before {
background : #0293a2;
}
#request .btn.white:active:before {
background : #fff0ca;
}
}
@media (max-width:991px) {
#request .btn:active:before {
right : 0;
}
#request .btn:active:after {
right : 20px;
}
}
#request .btn span {
position : relative;
z-index : 2;
}
@media (max-width:767px) {
#request .btn {
font-size : 15px;
line-height : 40px;
}
#request .btn:after {
top : 12px;
}
}
#request .btn:before {
z-index : -1;
}
#request .btn:after {
display : none;
}
#request .btn:before {
background : #002e5e;
}
#request .btn:active:before {
background : #00274f;
}
#request .help-block {
font-size : 16px;
color : rgba(114, 114, 114, 0.5);
margin-top : 1px;
margin-bottom : 3px;
}
@media (max-width:767px) {
#request .help-block {
font-size : 14px;
position : relative;
top : -15px;
}
}
#request .error .help-block {
color : #da2b00;
text-align : left;
}
#request .error .form-control {
border-color : #da2b00;
}
#slider {
margin : 0 0 25px;
padding : 0;
list-style : none;
position : relative;
font-size : 22px;
line-height : 33px;
}
#slider p {
margin-bottom : 25px;
}
#slider .fading {
top : 0;
left : 0;
position : absolute;
}
#slider-progress {
margin-top : 50px;
height : 3px;
overflow : hidden;
}
@media (max-width:991px) {
#slider-progress {
margin-top : 25px;
}
}
#slider-progress span {
content : '';
height : 3px;
width : 0;
display : block;
background : #ffb400;
transition : width 12s linear;
transform : translateZ(0);
}
.try.bg + .try.bg {
border-top : 1px solid #e0e2e5;
}
.try {
font : bold 34px/44px 'Mukta', sans-serif;
text-align : center;
}
.try .center {
display : inline-block;
}
@media (min-width:992px) {
.try .center p {
text-align : left;
}
}
.try.large {
background : #fff;
color : #004182;
padding : 107px 0 107px;
}
@media (max-width:991px) {
.try.large {
padding : 57px 0 43px;
}
}
@media (max-width:767px) {
.try.large {
padding : 32px 0 25px;
}
}
.try.small {
background : #004182;
color : #fff;
padding : 54px 0 57px;
}
.try.bg {
background : #f2f4f7;
}
.try.bg p {
color : #414042;
}
@media (max-width:991px) {
.try {
text-align : center;
font : bold 28px/36px 'Mukta', sans-serif;
}
}
@media (max-width:767px) {
.try {
font : bold 22px/28px 'Mukta', sans-serif;
}
}
.try p {
margin : 0;
float : left;
}
@media (max-width:991px) {
.try p {
float : none;
}
.try p br {
display : none;
}
}
.try.small p {
padding-right : 10px;
}
.try.small a {
float : left;
margin-top : 6px;
padding : 0 68px 0 24px;
text-decoration : none;
color : #fff;
font : 700 17px/45px 'Mukta', sans-serif;
position : relative;
overflow : hidden;
background : #f25b22;
appearance : none;
transform : translateZ(0);
border-radius : 23px;
border : 0;
margin : 22px 0 11px 30px;
}
.try.small a.blue {
background : #004182;
}
.try.small a.white {
color : #ffb400;
background : #fff;
}
.try.small a:before {
content : '';
position : absolute;
left : 0;
top : 0;
bottom : 0;
width : auto;
right : 100%;
z-index : 1;
border : none;
background : #ffa602;
border-radius : 23px;
transition : right 0.2s, opacity 0.2s;
}
.try.small a.blue:before {
background : #029cac;
}
.try.small a.white:before {
background : #fff4d9;
}
.try.small a:after {
content : '';
position : absolute;
z-index : 20;
left : auto;
right : 23px;
top : 14px;
width : 10px;
height : 17px;
border : none;
background : url('../images/arrow_white.svg') no-repeat;
transition : right 0.2s;
}
.try.small a.white:after {
background-image : url('../images/arrow_orange.svg');
}
@media (min-width:992px) {
.try.small a:hover:before {
right : 0;
}
.try.small a:hover:after {
right : 20px;
}
.try.small a:active:before {
background : #f7a000;
}
.try.small a.blue:active:before {
background : #0293a2;
}
.try.small a.white:active:before {
background : #fff0ca;
}
}
@media (max-width:991px) {
.try.small a:active:before {
right : 0;
}
.try.small a:active:after {
right : 20px;
}
}
.try.small a span {
position : relative;
z-index : 2;
}
@media (max-width:767px) {
.try.small a {
font-size : 15px;
line-height : 40px;
}
.try.small a:after {
top : 12px;
}
}
.try.small a.btn-blue {
background : #059dc3;
}
.try.small a.btn-blue:before {
background : #048daf;
}
.try.small a.btn-blue:active:before {
background : #0485a5;
}
.try.small a:before {
z-index : -1;
}
@media (max-width:991px) {
.try.small a {
float : none;
margin-left : 15px;
margin-right : 15px;
display : inline-block;
margin-bottom : 0;
}
}
@media (max-width:550px) {
.try.small a {
margin-left : 0;
margin-right : 0;
width : 100%;
text-align : left;
}
}
.try.large a {
margin-top : 6px;
padding : 0 68px 0 24px;
text-decoration : none;
color : #fff;
font : 700 17px/45px 'Mukta', sans-serif;
position : relative;
overflow : hidden;
background : #f25b22;
appearance : none;
transform : translateZ(0);
border-radius : 23px;
float : left;
margin : 12px 0 12px 40px;
border-radius : 32px;
}
.try.large a.blue {
background : #004182;
}
.try.large a.white {
color : #ffb400;
background : #fff;
}
.try.large a:before {
content : '';
position : absolute;
left : 0;
top : 0;
bottom : 0;
width : auto;
right : 100%;
z-index : 1;
border : none;
background : #ffa602;
border-radius : 23px;
transition : right 0.2s, opacity 0.2s;
}
.try.large a.blue:before {
background : #029cac;
}
.try.large a.white:before {
background : #fff4d9;
}
.try.large a:after {
content : '';
position : absolute;
z-index : 20;
left : auto;
right : 23px;
top : 14px;
width : 10px;
height : 17px;
border : none;
background : url('../images/arrow_white.svg') no-repeat;
transition : right 0.2s;
}
.try.large a.white:after {
background-image : url('../images/arrow_orange.svg');
}
@media (min-width:992px) {
.try.large a:hover:before {
right : 0;
}
.try.large a:hover:after {
right : 20px;
}
.try.large a:active:before {
background : #f7a000;
}
.try.large a.blue:active:before {
background : #0293a2;
}
.try.large a.white:active:before {
background : #fff0ca;
}
}
@media (max-width:991px) {
.try.large a:active:before {
right : 0;
}
.try.large a:active:after {
right : 20px;
}
}
.try.large a span {
position : relative;
z-index : 2;
}
@media (max-width:767px) {
.try.large a {
font-size : 15px;
line-height : 40px;
}
.try.large a:after {
top : 12px;
}
}
@media (min-width:768px) {
.try.large a {
height : 64px !important ;
font-size : 21px !important ;
line-height : 64px !important ;
padding : 0 60px 0 40px;
}
.try.large a:after {
right : 25px;
top : 23px;
}
.try.large a:hover:after {
right : 22px;
}
}
.try.large a:before {
z-index : -1;
}
@media (max-width:991px) {
.try.large a {
float : none;
margin-left : 0;
margin-top : 30px;
display : inline-block;
}
}
.try.large a.call {
padding-left : 62px;
padding-right : 47px;
}
.try.large a.call:after {
width : 17px;
height : 17px;
background : url('../images/call.png');
top : 24px !important ;
left : 30px !important ;
}
@media (max-width:767px) {
.try.large a.call:after {
top : 12px !important ;
}
}
#pricing-overview {
background : #fff;
padding : 63px 0 40px;
font-size : 16px;
line-height : 27px;
}
#pricing-overview h2 {
color : #004182;
}
#pricing-overview p {
padding-top : 14px;
}
#pricing-overview table {
margin-top : 39px;
line-height : 33px;
}
#pricing-overview table tr td, #pricing-overview table tr th {
padding : 3px 14px;
}
#pricing-overview table tr td:first-child, #pricing-overview table tr th:first-child {
padding-left : 0;
}
#pricing-overview table tr td:last-child, #pricing-overview table tr th:last-child {
padding-right : 3px;
}
@media (max-width:991px) {
#pricing-overview {
padding : 30px 0 15px;
}
#pricing-overview table {
margin-top : 19px;
}
}
@media (max-width:767px) {
#pricing-overview {
padding : 15px 0 15px;
}
}
#spotlight {
background : #fff0cc;
font-size : 16px;
line-height : 27px;
padding : 63px 0 40px;
}
#spotlight .left {
padding-right : 50px;
}
#spotlight .left p {
padding-top : 33px;
}
#spotlight .image {
float : right;
margin : -31px 0 0;
padding : 0 58px 0 0;
position : relative;
}
#spotlight .image .circle {
position : absolute;
top : -126px;
right : -12px;
display : block;
height : 178px;
width : 178px;
padding : 34px 0 0;
color : #fff;
background : #f25b22;
text-decoration : none;
font : 21px/24px 'Mukta', sans-serif;
text-transform : uppercase;
text-align : center;
transition : background-color 0.2s;
border-radius : 50%;
}
#spotlight .image .circle span {
font-size : 66px;
line-height : 66px;
position : relative;
margin-left : -7px;
margin-bottom : -12px;
display : inline-block;
white-space : nowrap;
}
#spotlight .image .circle span span:first-child {
font-size : 41px;
line-height : 66px;
margin-left : -10px;
position : relative;
top : -17px;
margin-bottom : 0;
}
#spotlight .image .circle span span:last-child {
font-size : 13px;
line-height : 66px;
margin-left : -27px;
position : relative;
top : 1px;
margin-bottom : 0;
}
@media (max-width:767px) {
#spotlight .image {
float : none;
margin : 25px 0 -25px;
padding : 0;
}
#spotlight .image .circle {
display : none;
}
}
#spotlight h2 {
color : #f25b22;
}
#spotlight table {
margin-top : 38px;
line-height : 33px;
}
#spotlight table tr td, #spotlight table tr th {
padding : 3px 14px;
border-color : #ffde8e;
}
#spotlight table tr td:first-child, #spotlight table tr th:first-child {
padding-left : 0;
}
#spotlight table tr td:last-child, #spotlight table tr th:last-child {
padding-right : 3px;
}
@media (max-width:991px) {
#spotlight {
padding : 30px 0 15px;
}
#spotlight table {
margin-top : 19px;
}
}
@media (max-width:767px) {
#spotlight {
padding : 15px 0 15px;
border-bottom : 33px solid #fff;
}
}
#disclaimer {
background : #fff;
margin : -46px 0 0;
padding : 0 0 40px;
}
#disclaimer p {
opacity : 0.60000002384185791015625;
}
#disclaimer p a {
position : relative;
color : #004082;
text-decoration : none;
white-space : nowrap;
}
#disclaimer p a:before, #disclaimer p a:after {
content : '';
position : absolute;
left : 0;
bottom : -1px;
width : 100%;
border-bottom : 1px solid rgba(0, 64, 130, 0.25);
}
#disclaimer p a:after {
z-index : 2;
width : 0;
border-bottom-color : #004082;
transition : width 0.2s;
}
#disclaimer p a:hover:after {
width : 100%;
}
#disclaimer p a:active:after {
border-bottom-color : #004082;
}
@media (max-width:767px) {
#disclaimer {
margin : 0;
padding : 0;
}
}
#cookie {
position : fixed;
z-index : 1000;
bottom : 0;
left : 0;
width : 100%;
background : #059dc3;
color : #fff;
padding : 15px 0 14px;
font : 16px/38px 'Mukta', sans-serif;
text-align : center;
}
@media (max-width:767px) {
#cookie .container {
padding : 0;
}
}
#cookie p, #cookie a {
display : inline-block;
margin : 0 20px;
}
@media (max-width:767px) {
#cookie p, #cookie a {
margin : 10px 20px;
}
}
#cookie p {
margin : 0;
padding-left : 47px;
background : url('../images/closed_white.svg') left no-repeat;
}
@media (max-width:767px) {
#cookie p {
line-height : 20px;
padding : 9px 20px 9px 57px;
background-position : 20px 50%;
}
}
#cookie div {
display : inline-block;
}
@media (max-width:767px) {
#cookie div {
width : 100%;
}
}
#cookie a.btn {
float : left;
margin-top : 6px;
padding : 0 68px 0 24px;
text-decoration : none;
color : #fff;
font : 700 17px/45px 'Mukta', sans-serif;
position : relative;
overflow : hidden;
background : #f25b22;
appearance : none;
transform : translateZ(0);
border-radius : 23px;
margin : 0 20px;
border : #fff solid 2px;
float : none;
height : 38px;
font : 16px/34px 'Mukta', sans-serif !important ;
padding : 0 27px;
background : #059dc3;
transition : background 0.2s, color 0.2s;
}
#cookie a.btn.blue {
background : #004182;
}
#cookie a.btn.white {
color : #ffb400;
background : #fff;
}
#cookie a.btn:before {
content : '';
position : absolute;
left : 0;
top : 0;
bottom : 0;
width : auto;
right : 100%;
z-index : 1;
border : none;
background : #ffa602;
border-radius : 23px;
transition : right 0.2s, opacity 0.2s;
}
#cookie a.btn.blue:before {
background : #029cac;
}
#cookie a.btn.white:before {
background : #fff4d9;
}
#cookie a.btn:after {
content : '';
position : absolute;
z-index : 20;
left : auto;
right : 23px;
top : 14px;
width : 10px;
height : 17px;
border : none;
background : url('../images/arrow_white.svg') no-repeat;
transition : right 0.2s;
}
#cookie a.btn.white:after {
background-image : url('../images/arrow_orange.svg');
}
@media (min-width:992px) {
#cookie a.btn:hover:before {
right : 0;
}
#cookie a.btn:hover:after {
right : 20px;
}
#cookie a.btn:active:before {
background : #f7a000;
}
#cookie a.btn.blue:active:before {
background : #0293a2;
}
#cookie a.btn.white:active:before {
background : #fff0ca;
}
}
@media (max-width:991px) {
#cookie a.btn:active:before {
right : 0;
}
#cookie a.btn:active:after {
right : 20px;
}
}
#cookie a.btn span {
position : relative;
z-index : 2;
}
@media (max-width:767px) {
#cookie a.btn {
font-size : 15px;
line-height : 40px;
}
#cookie a.btn:after {
top : 12px;
}
}
#cookie a.btn:hover {
background : #fff;
color : #059dc3;
}
#cookie a.btn:after {
display : none;
}
#cookie a.btn:before {
display : none;
}
#cookie a.link {
position : relative;
color : #fff;
text-decoration : none;
white-space : nowrap;
}
#cookie a.link:before, #cookie a.link:after {
content : '';
position : absolute;
left : 0;
bottom : -1px;
width : 100%;
border-bottom : 1px solid rgba(255, 255, 255, 0.25);
}
#cookie a.link:after {
z-index : 2;
width : 0;
border-bottom-color : #fff;
transition : width 0.2s;
}
#cookie a.link:hover:after {
width : 100%;
}
#cookie a.link:active:after {
border-bottom-color : #fff;
}
#cookie a.link:before, #cookie a.link:after {
bottom : 8px;
}
#breadcrumb {
position : relative;
z-index : 2;
background : #fff;
border-top : 1px solid #e5e5e5;
font : 14px/24px 'Mukta', sans-serif;
padding : 35px 0;
}
#breadcrumb ul {
list-style : none;
padding : 0;
margin : 0;
text-transform : uppercase;
}
#breadcrumb ul li {
float : left;
padding-left : 46px;
color : rgba(114, 114, 114, 0.5);
background : url('../images/arrow_light_grey_small.svg') 21px 6px no-repeat;
}
#breadcrumb ul li:first-child {
padding : 0;
background : none;
}
#breadcrumb ul li a {
color : rgba(114, 114, 114, 0.5);
text-decoration : none;
}
#breadcrumb ul li a:hover {
color : #727272;
}
@media (max-width:767px) {
#breadcrumb {
padding : 29px 0;
line-height : 32px;
}
#breadcrumb ul li {
clear : left;
padding-left : 28px;
background-position : 3px 12px;
}
}
#footer {
font : bold 13px 'Mukta', sans-serif;
padding : 45px 0 29px;
text-transform : uppercase;
color : rgba(114, 114, 114, 0.5);
transform : translateZ(0);
}
#footer p {
margin-bottom : 10px;
}
#footer ul {
float : left;
list-style : none;
margin : 0 0 10px;
padding : 0;
}
#footer li, #footer p {
float : left;
padding : 0 25px 0 0;
}
#footer li a, #footer p a {
text-decoration : none;
color : rgba(114, 114, 114, 0.5);
}
#footer li a:hover, #footer p a:hover {
color : rgba(114, 114, 114, 0.7);
}
#footer li a:active, #footer p a:active {
color : rgba(114, 114, 114, 0.9);
}
#footer img {
float : right;
margin : -6px 0 0;
height : 44px;
}
@media (max-width:991px) and (min-width:768px) {
#footer {
text-align : center;
}
#footer .container {
padding : 0 24px;
}
#footer p {
float : none;
display : inline;
padding : 0 6px;
}
#footer ul {
float : none;
display : inline;
}
#footer ul li {
float : none;
display : inline;
padding : 0 6px;
}
#footer img {
float : none;
display : inline-block;
margin : 40px 100px 0;
}
}
@media (max-width:767px) {
#footer {
padding-top : 27px;
text-align : center;
}
#footer p {
float : none;
width : 100%;
padding : 0;
text-align : center;
}
#footer ul {
display : none;
}
#footer img {
float : none;
display : inline-block;
margin : 40px 0 0;
}
}
html.mx_logged_in .navbar {
top : 38px;
}