body, html {
height: 100%;
width: 100%;
}
body, h1, h2, h3, h4, h5, h6 {
font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
h2 {
font-size: 35px;
margin-bottom: 10px;
text-transform: uppercase;
font-weight: 400;
}
h4 {
font-size: 17px;
font-weight: 700;
}
p {
color: #000000;
font-weight:400;
font-family:Open sans;
font-size: 16px;
}
ul, li, ol {
list-style-type: none;
margin: 0;
padding: 0;
}
/*---------------------------------
--------- Helper Style ---------
---------------------------------*/
/*Margin*/
.no-mrg { margin: 0 !important; }
.no-mrg-top { margin-top: 0 !important; }
.no-mrg-btm { margin-bottom: 0 !important; }
.no-mrg-right { margin-right: 0 !important; }
.no-mrg-left { margin-left: 0 !important; }
.no-mrg-vertical { margin-top: 0 !important; margin-bottom: 0 !important; }
.no-mrg-horizon { margin-left: 0 !important; margin-right: 0 !important; }
.margin-5 { margin: 5px !important; }
.margin-10 { margin: 10px !important; }
.margin-15 { margin: 15px !important; }
.margin-20 { margin: 20px !important; }
.margin-25 { margin: 25px !important; }
.margin-20 { margin: 20px !important; }
.margin-25 { margin: 25px !important; }
.margin-30 { margin: 30px !important; }
.margin-35 { margin: 35px !important; }
.margin-40 { margin: 40px !important; }
.margin-45 { margin: 45px !important; }
.margin-50 { margin: 50px !important; }
.margin-55 { margin: 55px !important; }
.margin-60 { margin: 60px !important; }
.margin-65 { margin: 65px !important; }
.margin-70 { margin: 70px !important; }
.margin-75 { margin: 75px !important; }
.margin-80 { margin: 80px !important; }
.margin-85 { margin: 85px !important; }
.margin-90 { margin: 90px !important; }
.margin-95 { margin: 95px !important; }
.margin-100 { margin: 100px !important; }
.margin-105 { margin: 105px !important; }
.margin-110 { margin: 110px !important; }
.margin-115 { margin: 115px !important; }
.margin-120 { margin: 120px !important; }
.margin-125 { margin: 125px !important; }
.margin-130 { margin: 130px !important; }
.margin-135 { margin: 135px !important; }
.margin-140 { margin: 140px !important; }
.margin-145 { margin: 145px !important; }
.margin-150 { margin: 150px !important; }
@media only screen and (max-width: 767px) { .margin-150, .margin-145, .margin-140, .margin-135, .margin-130, .margin-125, .margin-120, .margin-115, .margin-110, .margin-100, .margin-95, .margin-90, .margin-85, .margin-80, .margin-75, .margin-70, .margin-65, .margin-60, .margin-55, .margin-50, .margin-45, .margin-40, .margin-35 { margin: 30px !important; } }
.mrg-horizon-auto { margin-left: auto !important; margin-right: auto !important; }
.mrg-left-auto { margin-left: auto !important; }
.mrg-right-auto { margin-right: auto !important; }
.mrg-vertical-5 { margin-top: 5px !important; margin-bottom: 5px !important; }
.mrg-vertical-10 { margin-top: 10px !important; margin-bottom: 10px !important; }
.mrg-vertical-15 { margin-top: 15px !important; margin-bottom: 15px !important; }
.mrg-vertical-20 { margin-top: 20px !important; margin-bottom: 20px !important; }
.mrg-vertical-25 { margin-top: 25px !important; margin-bottom: 25px !important; }
.mrg-vertical-30 { margin-top: 30px !important; margin-bottom: 30px !important; }
.mrg-vertical-35 { margin-top: 35px !important; margin-bottom: 35px !important; }
.mrg-vertical-40 { margin-top: 40px !important; margin-bottom: 40px !important; }
.mrg-vertical-45 { margin-top: 45px !important; margin-bottom: 45px !important; }
.mrg-vertical-50 { margin-top: 50px !important; margin-bottom: 50px !important; }
.mrg-vertical-55 { margin-top: 55px !important; margin-bottom: 55px !important; }
.mrg-vertical-60 { margin-top: 60px !important; margin-bottom: 60px !important; }
.mrg-vertical-65 { margin-top: 65px !important; margin-bottom: 65px !important; }
.mrg-vertical-70 { margin-top: 70px !important; margin-bottom: 70px !important; }
.mrg-vertical-75 { margin-top: 75px !important; margin-bottom: 75px !important; }
.mrg-vertical-80 { margin-top: 80px !important; margin-bottom: 80px !important; }
.mrg-vertical-85 { margin-top: 85px !important; margin-bottom: 85px !important; }
.mrg-vertical-90 { margin-top: 90px !important; margin-bottom: 90px !important; }
.mrg-vertical-95 { margin-top: 95px !important; margin-bottom: 95px !important; }
.mrg-vertical-100 { margin-top: 100px !important; margin-bottom: 100px !important; }
.mrg-vertical-105 { margin-top: 105px !important; margin-bottom: 105px !important; }
.mrg-vertical-110 { margin-top: 110px !important; margin-bottom: 110px !important; }
.mrg-vertical-115 { margin-top: 115px !important; margin-bottom: 115px !important; }
.mrg-vertical-120 { margin-top: 120px !important; margin-bottom: 120px !important; }
.mrg-vertical-125 { margin-top: 125px !important; margin-bottom: 125px !important; }
.mrg-vertical-130 { margin-top: 130px !important; margin-bottom: 130px !important; }
.mrg-vertical-135 { margin-top: 135px !important; margin-bottom: 135px !important; }
.mrg-vertical-140 { margin-top: 140px !important; margin-bottom: 140px !important; }
.mrg-vertical-145 { margin-top: 145px !important; margin-bottom: 145px !important; }
.mrg-vertical-150 { margin-top: 150px !important; margin-bottom: 150px !important; }
@media only screen and (max-width: 767px) { .mrg-vertical-150, .mrg-vertical-145, .mrg-vertical-140, .mrg-vertical-135, .mrg-vertical-130, .mrg-vertical-125, .mrg-vertical-120, .mrg-vertical-115, .mrg-vertical-110, .mrg-vertical-100, .mrg-vertical-95, .mrg-vertical-90, .mrg-vertical-85, .mrg-vertical-80, .mrg-vertical-75, .mrg-vertical-70, .mrg-vertical-65, .mrg-vertical-60, .mrg-vertical-55, .mrg-vertical-50, .mrg-vertical-45, .mrg-vertical-40, .mrg-vertical-35 { margin-top: 30px !important; margin-bottom: 30px !important; } }
.mrg-horizon-5 { margin-left: 5px !important; margin-right: 5px !important; }
.mrg-horizon-10 { margin-left: 10px !important; margin-right: 10px !important; }
.mrg-horizon-15 { margin-left: 15px !important; margin-right: 15px !important; }
.mrg-horizon-20 { margin-left: 20px !important; margin-right: 20px !important; }
.mrg-horizon-25 { margin-left: 25px !important; margin-right: 25px !important; }
.mrg-horizon-30 { margin-left: 30px !important; margin-right: 30px !important; }
.mrg-horizon-35 { margin-left: 35px !important; margin-right: 35px !important; }
.mrg-horizon-40 { margin-left: 40px !important; margin-right: 40px !important; }
.mrg-horizon-45 { margin-left: 45px !important; margin-right: 45px !important; }
.mrg-horizon-50 { margin-left: 50px !important; margin-right: 50px !important; }
.mrg-horizon-55 { margin-left: 55px !important; margin-right: 55px !important; }
.mrg-horizon-60 { margin-left: 60px !important; margin-right: 60px !important; }
.mrg-horizon-65 { margin-left: 65px !important; margin-right: 65px !important; }
.mrg-horizon-70 { margin-left: 70px !important; margin-right: 70px !important; }
.mrg-horizon-75 { margin-left: 75px !important; margin-right: 75px !important; }
.mrg-horizon-80 { margin-left: 80px !important; margin-right: 80px !important; }
.mrg-horizon-85 { margin-left: 85px !important; margin-right: 85px !important; }
.mrg-horizon-90 { margin-left: 90px !important; margin-right: 90px !important; }
.mrg-horizon-95 { margin-left: 95px !important; margin-right: 95px !important; }
.mrg-horizon-100 { margin-left: 100px !important; margin-right: 100px !important; }
.mrg-horizon-105 { margin-left: 105px !important; margin-right: 105px !important; }
.mrg-horizon-110 { margin-left: 110px !important; margin-right: 110px !important; }
.mrg-horizon-115 { margin-left: 115px !important; margin-right: 115px !important; }
.mrg-horizon-120 { margin-left: 120px !important; margin-right: 120px !important; }
.mrg-horizon-125 { margin-left: 125px !important; margin-right: 125px !important; }
.mrg-horizon-130 { margin-left: 130px !important; margin-right: 130px !important; }
.mrg-horizon-135 { margin-left: 135px !important; margin-right: 135px !important; }
.mrg-horizon-140 { margin-left: 140px !important; margin-right: 140px !important; }
.mrg-horizon-145 { margin-left: 145px !important; margin-right: 145px !important; }
.mrg-horizon-150 { margin-left: 150px !important; margin-right: 150px !important; }
@media only screen and (max-width: 767px) { .mrg-horizon-150, .mrg-horizon-145, .mrg-horizon-140, .mrg-horizon-135, .mrg-horizon-130, .mrg-horizon-125, .mrg-horizon-120, .mrg-horizon-115, .mrg-horizon-110, .mrg-horizon-100, .mrg-horizon-95, .mrg-horizon-90, .mrg-horizon-85, .mrg-horizon-80, .mrg-horizon-75, .mrg-horizon-70, .mrg-horizon-65, .mrg-horizon-60, .mrg-horizon-55, .mrg-horizon-50, .mrg-horizon-45, .mrg-horizon-40, .mrg-horizon-35 { margin-left: 30px !important; margin-right: 30px !important; } }
.mrg-top-5 { margin-top: 5px !important; }
.mrg-top-10 { margin-top: 10px !important; }
.mrg-top-15 { margin-top: 15px !important; }
.mrg-top-20 { margin-top: 20px !important; }
.mrg-top-25 { margin-top: 25px !important; }
.mrg-top-30 { margin-top: 30px !important; }
.mrg-top-35 { margin-top: 35px !important; }
.mrg-top-40 { margin-top: 40px !important; }
.mrg-top-45 { margin-top: 45px !important; }
.mrg-top-50 { margin-top: 50px !important; }
.mrg-top-55 { margin-top: 55px !important; }
.mrg-top-60 { margin-top: 60px !important; }
.mrg-top-65 { margin-top: 65px !important; }
.mrg-top-70 { margin-top: 70px !important; }
.mrg-top-75 { margin-top: 75px !important; }
.mrg-top-80 { margin-top: 80px !important; }
.mrg-top-85 { margin-top: 85px !important; }
.mrg-top-90 { margin-top: 90px !important; }
.mrg-top-95 { margin-top: 95px !important; }
.mrg-top-100 { margin-top: 100px !important; }
.mrg-top-105 { margin-top: 105px !important; }
.mrg-top-110 { margin-top: 110px !important; }
.mrg-top-115 { margin-top: 115px !important; }
.mrg-top-120 { margin-top: 120px !important; }
.mrg-top-125 { margin-top: 125px !important; }
.mrg-top-130 { margin-top: 130px !important; }
.mrg-top-135 { margin-top: 135px !important; }
.mrg-top-140 { margin-top: 140px !important; }
.mrg-top-145 { margin-top: 145px !important; }
.mrg-top-150 { margin-top: 150px !important; }
@media only screen and (max-width: 767px) { .mrg-top-150, .mrg-top-145, .mrg-top-140, .mrg-top-135, .mrg-top-130, .mrg-top-125, .mrg-top-120, .mrg-top-115, .mrg-top-110, .mrg-top-100, .mrg-top-95, .mrg-top-90, .mrg-top-85, .mrg-top-80, .mrg-top-75, .mrg-top-70, .mrg-top-65, .mrg-top-60, .mrg-top-55, .mrg-top-50, .mrg-top-45, .mrg-top-40, .mrg-top-35 { margin-top: 30px !important; } }
.mrg-btm-5 { margin-bottom: 5px !important; }
.mrg-btm-10 { margin-bottom: 10px !important; }
.mrg-btm-15 { margin-bottom: 15px !important; }
.mrg-btm-20 { margin-bottom: 20px !important; }
.mrg-btm-25 { margin-bottom: 25px !important; }
.mrg-btm-30 { margin-bottom: 30px !important; }
.mrg-btm-35 { margin-bottom: 35px !important; }
.mrg-btm-40 { margin-bottom: 40px !important; }
.mrg-btm-45 { margin-bottom: 45px !important; }
.mrg-btm-50 { margin-bottom: 50px !important; }
.mrg-btm-55 { margin-bottom: 55px !important; }
.mrg-btm-60 { margin-bottom: 60px !important; }
.mrg-btm-65 { margin-bottom: 65px !important; }
.mrg-btm-70 { margin-bottom: 70px !important; }
.mrg-btm-75 { margin-bottom: 75px !important; }
.mrg-btm-80 { margin-bottom: 80px !important; }
.mrg-btm-85 { margin-bottom: 85px !important; }
.mrg-btm-90 { margin-bottom: 90px !important; }
.mrg-btm-95 { margin-bottom: 95px !important; }
.mrg-btm-100 { margin-bottom: 100px !important; }
.mrg-btm-105 { margin-bottom: 105px !important; }
.mrg-btm-110 { margin-bottom: 110px !important; }
.mrg-btm-115 { margin-bottom: 115px !important; }
.mrg-btm-120 { margin-bottom: 120px !important; }
.mrg-btm-125 { margin-bottom: 125px !important; }
.mrg-btm-130 { margin-bottom: 130px !important; }
.mrg-btm-135 { margin-bottom: 135px !important; }
.mrg-btm-140 { margin-bottom: 140px !important; }
.mrg-btm-145 { margin-bottom: 145px !important; }
.mrg-btm-150 { margin-bottom: 150px !important; }
@media only screen and (max-width: 767px) { .mrg-btm-150, .mrg-btm-145, .mrg-btm-140, .mrg-btm-135, .mrg-btm-130, .mrg-btm-125, .mrg-btm-120, .mrg-btm-115, .mrg-btm-110, .mrg-btm-100, .mrg-btm-95, .mrg-btm-90, .mrg-btm-85, .mrg-btm-80, .mrg-btm-75, .mrg-btm-70, .mrg-btm-65, .mrg-btm-60, .mrg-btm-55, .mrg-btm-50, .mrg-btm-45, .mrg-btm-40, .mrg-btm-35 { margin-bottom: 30px !important; } }
.mrg-left-5 { margin-left: 5px !important; }
.mrg-left-10 { margin-left: 10px !important; }
.mrg-left-15 { margin-left: 15px !important; }
.mrg-left-20 { margin-left: 20px !important; }
.mrg-left-25 { margin-left: 25px !important; }
.mrg-left-30 { margin-left: 30px !important; }
.mrg-left-35 { margin-left: 35px !important; }
.mrg-left-40 { margin-left: 40px !important; }
.mrg-left-45 { margin-left: 45px !important; }
.mrg-left-50 { margin-left: 50px !important; }
.mrg-left-55 { margin-left: 55px !important; }
.mrg-left-60 { margin-left: 60px !important; }
.mrg-left-65 { margin-left: 65px !important; }
.mrg-left-70 { margin-left: 70px !important; }
.mrg-left-75 { margin-left: 75px !important; }
.mrg-left-80 { margin-left: 80px !important; }
.mrg-left-85 { margin-left: 85px !important; }
.mrg-left-90 { margin-left: 90px !important; }
.mrg-left-95 { margin-left: 95px !important; }
.mrg-left-100 { margin-left: 100px !important; }
.mrg-left-105 { margin-left: 105px !important; }
.mrg-left-110 { margin-left: 110px !important; }
.mrg-left-115 { margin-left: 115px !important; }
.mrg-left-120 { margin-left: 120px !important; }
.mrg-left-125 { margin-left: 125px !important; }
.mrg-left-130 { margin-left: 130px !important; }
.mrg-left-135 { margin-left: 135px !important; }
.mrg-left-140 { margin-left: 140px !important; }
.mrg-left-145 { margin-left: 145px !important; }
.mrg-left-150 { margin-left: 150px !important; }
@media only screen and (max-width: 767px) { .mrg-left-150, .mrg-left-145, .mrg-left-140, .mrg-left-135, .mrg-left-130, .mrg-left-125, .mrg-left-120, .mrg-left-115, .mrg-left-110, .mrg-left-100, .mrg-left-95, .mrg-left-90, .mrg-left-85, .mrg-left-80, .mrg-left-75, .mrg-left-70, .mrg-left-65, .mrg-left-60, .mrg-left-55, .mrg-left-50, .mrg-left-45, .mrg-left-40, .mrg-left-35 { margin-left: 30px !important; } }
.mrg-right-5 { margin-right: 5px !important; }
.mrg-right-10 { margin-right: 10px !important; }
.mrg-right-15 { margin-right: 15px !important; }
.mrg-right-20 { margin-right: 20px !important; }
.mrg-right-25 { margin-right: 25px !important; }
.mrg-right-30 { margin-right: 30px !important; }
.mrg-right-35 { margin-right: 35px !important; }
.mrg-right-40 { margin-right: 40px !important; }
.mrg-right-45 { margin-right: 45px !important; }
.mrg-right-50 { margin-right: 50px !important; }
.mrg-right-55 { margin-right: 55px !important; }
.mrg-right-60 { margin-right: 60px !important; }
.mrg-right-65 { margin-right: 65px !important; }
.mrg-right-70 { margin-right: 70px !important; }
.mrg-right-75 { margin-right: 75px !important; }
.mrg-right-80 { margin-right: 80px !important; }
.mrg-right-85 { margin-right: 85px !important; }
.mrg-right-90 { margin-right: 90px !important; }
.mrg-right-95 { margin-right: 95px !important; }
.mrg-right-100 { margin-right: 100px !important; }
.mrg-right-105 { margin-right: 105px !important; }
.mrg-right-110 { margin-right: 110px !important; }
.mrg-right-115 { margin-right: 115px !important; }
.mrg-right-120 { margin-right: 120px !important; }
.mrg-right-125 { margin-right: 125px !important; }
.mrg-right-130 { margin-right: 130px !important; }
.mrg-right-135 { margin-right: 135px !important; }
.mrg-right-140 { margin-right: 140px !important; }
.mrg-right-145 { margin-right: 145px !important; }
.mrg-right-150 { margin-right: 150px !important; }
@media only screen and (max-width: 767px) { .mrg-right-150, .mrg-right-145, .mrg-right-140, .mrg-right-135, .mrg-right-130, .mrg-right-125, .mrg-right-120, .mrg-right-115, .mrg-right-110, .mrg-right-100, .mrg-right-95, .mrg-right-90, .mrg-right-85, .mrg-right-80, .mrg-right-75, .mrg-right-70, .mrg-right-65, .mrg-right-60, .mrg-right-55, .mrg-right-50, .mrg-right-45, .mrg-right-40, .mrg-right-35 { margin-right: 30px !important; } }
/*Padding*/
.no-pdd { padding: 0 !important; }
.no-pdd-top { padding-top: 0 !important; }
.no-pdd-btm { padding-bottom: 0 !important; }
.no-pdd-left { padding-left: 0 !important; }
.no-pdd-right { padding-right: 0 !important; }
.no-pdd-vertical { padding-top: 0 !important; padding-bottom: 0 !important; }
.no-pdd-horizon { padding-left: 0 !important; padding-right: 0 !important; }
.padding-5 { padding: 5px !important; }
.padding-10 { padding: 10px !important; }
.padding-15 { padding: 15px !important; }
.padding-20 { padding: 20px !important; }
.padding-25 { padding: 25px !important; }
.padding-30 { padding: 30px !important; }
.padding-35 { padding: 35px !important; }
.padding-40 { padding: 40px !important; }
.padding-45 { padding: 45px !important; }
.padding-50 { padding: 50px !important; }
.padding-55 { padding: 55px !important; }
.padding-60 { padding: 60px !important; }
.padding-65 { padding: 65px !important; }
.padding-70 { padding: 70px !important; }
.padding-75 { padding: 75px !important; }
.padding-80 { padding: 80px !important; }
.padding-85 { padding: 85px !important; }
.padding-90 { padding: 90px !important; }
.padding-95 { padding: 95px !important; }
.padding-100 { padding: 100px !important; }
.padding-105 { padding: 105px !important; }
.padding-110 { padding: 110px !important; }
.padding-115 { padding: 115px !important; }
.padding-120 { padding: 120px !important; }
.padding-125 { padding: 125px !important; }
.padding-130 { padding: 130px !important; }
.padding-135 { padding: 135px !important; }
.padding-140 { padding: 140px !important; }
.padding-145 { padding: 145px !important; }
.padding-150 { padding: 150px !important; }
@media only screen and (max-width: 767px) { .padding-150, .padding-145, .padding-140, .padding-135, .padding-130, .padding-125, .padding-120, .padding-115, .padding-110, .padding-100, .padding-95, .padding-90, .padding-85, .padding-80, .padding-75, .padding-70, .padding-65, .padding-60, .padding-55, .padding-50, .padding-45, .padding-40, .padding-35 { padding: 30px !important; } }
.pdd-vertical-5 { padding-top: 5px !important; padding-bottom: 5px !important; }
.pdd-vertical-10 { padding-top: 10px !important; padding-bottom: 10px !important; }
.pdd-vertical-15 { padding-top: 15px !important; padding-bottom: 15px !important; }
.pdd-vertical-20 { padding-top: 20px !important; padding-bottom: 20px !important; }
.pdd-vertical-25 { padding-top: 25px !important; padding-bottom: 25px !important; }
.pdd-vertical-30 { padding-top: 30px !important; padding-bottom: 30px !important; }
.pdd-vertical-35 { padding-top: 35px !important; padding-bottom: 35px !important; }
.pdd-vertical-40 { padding-top: 40px !important; padding-bottom: 40px !important; }
.pdd-vertical-45 { padding-top: 45px !important; padding-bottom: 45px !important; }
.pdd-vertical-50 { padding-top: 50px !important; padding-bottom: 50px !important; }
.pdd-vertical-55 { padding-top: 55px !important; padding-bottom: 55px !important; }
.pdd-vertical-60 { padding-top: 60px !important; padding-bottom: 60px !important; }
.pdd-vertical-65 { padding-top: 65px !important; padding-bottom: 65px !important; }
.pdd-vertical-70 { padding-top: 70px !important; padding-bottom: 70px !important; }
.pdd-vertical-75 { padding-top: 75px !important; padding-bottom: 75px !important; }
.pdd-vertical-80 { padding-top: 80px !important; padding-bottom: 80px !important; }
.pdd-vertical-85 { padding-top: 85px !important; padding-bottom: 85px !important; }
.pdd-vertical-90 { padding-top: 90px !important; padding-bottom: 90px !important; }
.pdd-vertical-95 { padding-top: 95px !important; padding-bottom: 95px !important; }
.pdd-vertical-100 { padding-top: 100px !important; padding-bottom: 100px !important; }
.pdd-vertical-105 { padding-top: 105px !important; padding-bottom: 105px !important; }
.pdd-vertical-110 { padding-top: 110px !important; padding-bottom: 110px !important; }
.pdd-vertical-115 { padding-top: 115px !important; padding-bottom: 115px !important; }
.pdd-vertical-120 { padding-top: 120px !important; padding-bottom: 120px !important; }
.pdd-vertical-125 { padding-top: 125px !important; padding-bottom: 125px !important; }
.pdd-vertical-130 { padding-top: 130px !important; padding-bottom: 130px !important; }
.pdd-vertical-135 { padding-top: 135px !important; padding-bottom: 135px !important; }
.pdd-vertical-140 { padding-top: 140px !important; padding-bottom: 140px !important; }
.pdd-vertical-145 { padding-top: 145px !important; padding-bottom: 145px !important; }
.pdd-vertical-150 { padding-top: 150px !important; padding-bottom: 150px !important; }
@media only screen and (max-width: 767px) { .pdd-vertical-150, .pdd-vertical-145, .pdd-vertical-140, .pdd-vertical-135, .pdd-vertical-130, .pdd-vertical-125, .pdd-vertical-120, .pdd-vertical-115, .pdd-vertical-110, .pdd-vertical-100, .pdd-vertical-95, .pdd-vertical-90, .pdd-vertical-85, .pdd-vertical-80, .pdd-vertical-75, .pdd-vertical-70, .pdd-vertical-65, .pdd-vertical-60, .pdd-vertical-55, .pdd-vertical-50, .pdd-vertical-45, .pdd-vertical-40, .pdd-vertical-35 { padding-top: 30px !important; padding-bottom: 30px !important; } }
.pdd-horizon-5 { padding-left: 5px !important; padding-right: 5px !important; }
.pdd-horizon-10 { padding-left: 10px !important; padding-right: 10px !important; }
.pdd-horizon-15 { padding-left: 15px !important; padding-right: 15px !important; }
.pdd-horizon-20 { padding-left: 20px !important; padding-right: 20px !important; }
.pdd-horizon-25 { padding-left: 25px !important; padding-right: 25px !important; }
.pdd-horizon-30 { padding-left: 30px !important; padding-right: 30px !important; }
.pdd-horizon-35 { padding-left: 35px !important; padding-right: 35px !important; }
.pdd-horizon-40 { padding-left: 40px !important; padding-right: 40px !important; }
.pdd-horizon-45 { padding-left: 45px !important; padding-right: 45px !important; }
.pdd-horizon-50 { padding-left: 50px !important; padding-right: 50px !important; }
.pdd-horizon-55 { padding-left: 55px !important; padding-right: 55px !important; }
.pdd-horizon-60 { padding-left: 60px !important; padding-right: 60px !important; }
.pdd-horizon-65 { padding-left: 65px !important; padding-right: 65px !important; }
.pdd-horizon-70 { padding-left: 70px !important; padding-right: 70px !important; }
.pdd-horizon-75 { padding-left: 75px !important; padding-right: 75px !important; }
.pdd-horizon-80 { padding-left: 80px !important; padding-right: 80px !important; }
.pdd-horizon-85 { padding-left: 85px !important; padding-right: 85px !important; }
.pdd-horizon-90 { padding-left: 90px !important; padding-right: 90px !important; }
.pdd-horizon-95 { padding-left: 95px !important; padding-right: 95px !important; }
.pdd-horizon-100 { padding-left: 100px !important; padding-right: 100px !important; }
.pdd-horizon-105 { padding-left: 105px !important; padding-right: 105px !important; }
.pdd-horizon-110 { padding-left: 110px !important; padding-right: 110px !important; }
.pdd-horizon-115 { padding-left: 115px !important; padding-right: 115px !important; }
.pdd-horizon-120 { padding-left: 120px !important; padding-right: 120px !important; }
.pdd-horizon-125 { padding-left: 125px !important; padding-right: 125px !important; }
.pdd-horizon-130 { padding-left: 130px !important; padding-right: 130px !important; }
.pdd-horizon-135 { padding-left: 135px !important; padding-right: 135px !important; }
.pdd-horizon-140 { padding-left: 140px !important; padding-right: 140px !important; }
.pdd-horizon-145 { padding-left: 145px !important; padding-right: 145px !important; }
.pdd-horizon-150 { padding-left: 150px !important; padding-right: 150px !important; }
@media only screen and (max-width: 767px) { .pdd-horizon-150, .pdd-horizon-145, .pdd-horizon-140, .pdd-horizon-135, .pdd-horizon-130, .pdd-horizon-125, .pdd-horizon-120, .pdd-horizon-115, .pdd-horizon-110, .pdd-horizon-100, .pdd-horizon-95, .pdd-horizon-90, .pdd-horizon-85, .pdd-horizon-80, .pdd-horizon-75, .pdd-horizon-70, .pdd-horizon-65, .pdd-horizon-60, .pdd-horizon-55, .pdd-horizon-50, .pdd-horizon-45, .pdd-horizon-40, .pdd-horizon-35 { padding-left: 30px !important; padding-right: 30px !important; } }
.pdd-top-5 { padding-top: 5px !important; }
.pdd-top-10 { padding-top: 10px !important; }
.pdd-top-15 { padding-top: 15px !important; }
.pdd-top-20 { padding-top: 20px !important; }
.pdd-top-25 { padding-top: 25px !important; }
.pdd-top-30 { padding-top: 30px !important; }
.pdd-top-35 { padding-top: 35px !important; }
.pdd-top-40 { padding-top: 40px !important; }
.pdd-top-45 { padding-top: 45px !important; }
.pdd-top-50 { padding-top: 50px !important; }
.pdd-top-55 { margin-top: 55px !important; }
.pdd-top-60 { padding-top: 60px !important; }
.pdd-top-65 { padding-top: 65px !important; }
.pdd-top-70 { padding-top: 70px !important; }
.pdd-top-75 { padding-top: 75px !important; }
.pdd-top-80 { padding-top: 80px !important; }
.pdd-top-85 { padding-top: 85px !important; }
.pdd-top-90 { padding-top: 90px !important; }
.pdd-top-95 { padding-top: 95px !important; }
.pdd-top-100 { padding-top: 100px !important; }
.pdd-top-105 { padding-top: 105px !important; }
.pdd-top-110 { padding-top: 110px !important; }
.pdd-top-115 { padding-top: 115px !important; }
.pdd-top-120 { padding-top: 120px !important; }
.pdd-top-125 { padding-top: 125px !important; }
.pdd-top-130 { padding-top: 130px !important; }
.pdd-top-135 { padding-top: 135px !important; }
.pdd-top-140 { padding-top: 140px !important; }
.pdd-top-145 { padding-top: 145px !important; }
.pdd-top-150 { padding-top: 150px !important; }
@media only screen and (max-width: 767px) { .pdd-top-150, .pdd-top-145, .pdd-top-140, .pdd-top-135, .pdd-top-130, .pdd-top-125, .pdd-top-120, .pdd-top-115, .pdd-top-110, .pdd-top-100, .pdd-top-95, .pdd-top-90, .pdd-top-85, .pdd-top-80, .pdd-top-75, .pdd-top-70, .pdd-top-65, .pdd-top-60, .pdd-top-55, .pdd-top-50, .pdd-top-45, .pdd-top-40, .pdd-top-35 { padding-top: 30px !important; } }
.pdd-btm-5 { padding-bottom: 5px !important; }
.pdd-btm-10 { padding-bottom: 10px !important; }
.pdd-btm-15 { padding-bottom: 15px !important; }
.pdd-btm-20 { padding-bottom: 20px !important; }
.pdd-btm-25 { padding-bottom: 25px !important; }
.pdd-btm-30 { padding-bottom: 30px !important; }
.pdd-btm-35 { padding-bottom: 35px !important; }
.pdd-btm-40 { padding-bottom: 40px !important; }
.pdd-btm-45 { padding-bottom: 45px !important; }
.pdd-btm-50 { padding-bottom: 50px !important; }
.pdd-btm-55 { margin-bottom: 55px !important; }
.pdd-btm-60 { padding-bottom: 60px !important; }
.pdd-btm-65 { padding-bottom: 65px !important; }
.pdd-btm-70 { padding-bottom: 70px !important; }
.pdd-btm-75 { padding-bottom: 75px !important; }
.pdd-btm-80 { padding-bottom: 80px !important; }
.pdd-btm-85 { padding-bottom: 85px !important; }
.pdd-btm-90 { padding-bottom: 90px !important; }
.pdd-btm-95 { padding-bottom: 95px !important; }
.pdd-btm-100 { padding-bottom: 100px !important; }
.pdd-btm-105 { padding-bottom: 105px !important; }
.pdd-btm-110 { padding-bottom: 110px !important; }
.pdd-btm-115 { padding-bottom: 115px !important; }
.pdd-btm-120 { margin-bottom: 120px !important; }
.pdd-btm-125 { padding-bottom: 125px !important; }
.pdd-btm-130 { padding-bottom: 130px !important; }
.pdd-btm-135 { padding-bottom: 135px !important; }
.pdd-btm-140 { padding-bottom: 140px !important; }
.pdd-btm-145 { padding-bottom: 145px !important; }
.pdd-btm-150 { padding-bottom: 150px !important; }
@media only screen and (max-width: 767px) { .pdd-btm-150, .pdd-btm-145, .pdd-btm-140, .pdd-btm-135, .pdd-btm-130, .pdd-btm-125, .pdd-btm-120, .pdd-btm-115, .pdd-btm-110, .pdd-btm-100, .pdd-btm-95, .pdd-btm-90, .pdd-btm-85, .pdd-btm-80, .pdd-btm-75, .pdd-btm-70, .pdd-btm-65, .pdd-btm-60, .pdd-btm-55, .pdd-btm-50, .pdd-btm-45, .pdd-btm-40, .pdd-btm-35 { padding-bottom: 30px !important; } }
.pdd-left-5 { padding-left: 5px !important; }
.pdd-left-10 { padding-left: 10px !important; }
.pdd-left-15 { padding-left: 15px !important; }
.pdd-left-20 { padding-left: 20px !important; }
.pdd-left-25 { padding-left: 25px !important; }
.pdd-left-30 { padding-left: 30px !important; }
.pdd-left-35 { padding-left: 35px !important; }
.pdd-left-40 { padding-left: 40px !important; }
.pdd-left-45 { padding-left: 45px !important; }
.pdd-left-50 { padding-left: 50px !important; }
.pdd-left-55 { margin-left: 55px !important; }
.pdd-left-60 { padding-left: 60px !important; }
.pdd-left-65 { padding-left: 65px !important; }
.pdd-left-70 { padding-left: 70px !important; }
.pdd-left-75 { padding-left: 75px !important; }
.pdd-left-80 { padding-left: 80px !important; }
.pdd-left-85 { padding-left: 85px !important; }
.pdd-left-90 { padding-left: 90px !important; }
.pdd-left-95 { padding-left: 95px !important; }
.pdd-left-100 { padding-left: 100px !important; }
.pdd-left-105 { padding-left: 105px !important; }
.pdd-left-110 { padding-left: 110px !important; }
.pdd-left-115 { padding-left: 115px !important; }
.pdd-left-120 { margin-left: 120px !important; }
.pdd-left-125 { padding-left: 125px !important; }
.pdd-left-130 { padding-left: 130px !important; }
.pdd-left-135 { padding-left: 135px !important; }
.pdd-left-140 { padding-left: 140px !important; }
.pdd-left-145 { padding-left: 145px !important; }
.pdd-left-150 { padding-left: 150px !important; }
@media only screen and (max-width: 767px) { .pdd-left-150, .pdd-left-145, .pdd-left-140, .pdd-left-135, .pdd-left-130, .pdd-left-125, .pdd-left-120, .pdd-left-115, .pdd-left-110, .pdd-left-100, .pdd-left-95, .pdd-left-90, .pdd-left-85, .pdd-left-80, .pdd-left-75, .pdd-left-70, .pdd-left-65, .pdd-left-60, .pdd-left-55, .pdd-left-50, .pdd-left-45, .pdd-left-40, .pdd-left-35 { padding-left: 30px !important; } }
.pdd-right-5 { padding-right: 5px !important; }
.pdd-right-10 { padding-right: 10px !important; }
.pdd-right-15 { padding-right: 15px !important; }
.pdd-right-20 { padding-right: 20px !important; }
.pdd-right-25 { padding-right: 25px !important; }
.pdd-right-30 { padding-right: 30px !important; }
.pdd-right-35 { padding-right: 35px !important; }
.pdd-right-40 { padding-right: 40px !important; }
.pdd-right-45 { padding-right: 45px !important; }
.pdd-right-50 { padding-right: 50px !important; }
.pdd-right-55 { margin-right: 55px !important; }
.pdd-right-60 { padding-right: 60px !important; }
.pdd-right-65 { padding-right: 65px !important; }
.pdd-right-70 { padding-right: 70px !important; }
.pdd-right-75 { padding-right: 75px !important; }
.pdd-right-80 { padding-right: 80px !important; }
.pdd-right-85 { padding-right: 85px !important; }
.pdd-right-90 { padding-right: 90px !important; }
.pdd-right-95 { padding-right: 95px !important; }
.pdd-right-100 { padding-right: 100px !important; }
.pdd-right-105 { padding-right: 105px !important; }
.pdd-left-110 { padding-left: 110px !important; }
.pdd-right-115 { padding-right: 115px !important; }
.pdd-right-120 { margin-right: 120px !important; }
.pdd-right-125 { padding-right: 125px !important; }
.pdd-right-130 { padding-right: 130px !important; }
.pdd-right-135 { padding-right: 135px !important; }
.pdd-right-140 { padding-right: 140px !important; }
.pdd-right-145 { padding-right: 145px !important; }
.pdd-right-150 { padding-right: 150px !important; }
@media only screen and (max-width: 767px) { .pdd-right-150, .pdd-right-145, .pdd-right-140, .pdd-right-135, .pdd-right-130, .pdd-right-125, .pdd-right-120, .pdd-right-115, .pdd-right-110, .pdd-right-100, .pdd-right-95, .pdd-right-90, .pdd-right-85, .pdd-right-80, .pdd-right-75, .pdd-right-70, .pdd-right-65, .pdd-right-60, .pdd-right-55, .pdd-right-50, .pdd-right-45, .pdd-right-40, .pdd-right-35 { padding-right: 30px !important; } }
.width-0 { width: 0px; }
.width-10 { width: 10%; }
.width-15 { width: 15%; }
.width-20 { width: 20%; }
.width-25 { width: 25%; }
.width-30 { width: 30%; }
.width-35 { width: 35%; }
.width-40 { width: 40%; }
.width-45 { width: 45%; }
.width-50 { width: 50%; }
.width-55 { width: 55%; }
.width-60 { width: 60%; }
.width-65 { width: 65%; }
.width-70 { width: 70%; }
.width-75 { width: 75%; }
.width-80 { width: 80%; }
.width-85 { width: 85%; }
.width-90 { width: 90%; }
.width-95 { width: 95%; }
.width-100 { width: 100%; }
.height-100 { height: 100%; }
.full-height { min-height: 100vh; }
.ls-0 { letter-spacing: 0px !important; }
.ls-0-5 { letter-spacing: 0.5px !important; }
.ls-1 { letter-spacing: 1px !important; }
.ls-1-5 { letter-spacing: 1.5px !important; }
.ls-2 { letter-spacing: 2px !important; }
.ls-2-5 { letter-spacing: 2.5px !important; }
.ls-3 { letter-spacing: 3px !important; }
.ls-3-5 { letter-spacing: 3.5px !important; }
.ls-4 { letter-spacing: 4px !important; }
.ls-4-5 { letter-spacing: 4.5px !important; }
.ls-5 { letter-spacing: 5px !important; }
.ls-5-5 { letter-spacing: 5.5px !important; }
.ls-6 { letter-spacing: 6px !important; }
.ls-6-5 { letter-spacing: 6.5px !important; }
.ls-7 { letter-spacing: 7px !important; }
.ls-7-5 { letter-spacing: 7.5px !important; }
.ls-8 { letter-spacing: 8px !important; }
.ls-8-5 { letter-spacing: 8.5px !important; }
.ls-9 { letter-spacing: 9px !important; }
.ls-9-5 { letter-spacing: 9.5px !important; }
.ls-10 { letter-spacing: 10px !important; }
.ls-11 { letter-spacing: 11px !important; }
.ls-12 { letter-spacing: 12px !important; }
.ls-13 { letter-spacing: 13px !important; }
.ls-14 { letter-spacing: 14px !important; }
.ls-15 { letter-spacing: 15px !important; }
/*Line-Height*/
.lh-0 { line-height: 0 !important; }
.lh-0-5 { line-height: 0.5 !important; }
.lh-1 { line-height: 1 !important; }
.lh-1-1 { line-height: 1.1 !important; }
.lh-1-2 { line-height: 1.2 !important; }
.lh-1-3 { line-height: 1.3 !important; }
.lh-1-4 { line-height: 1.4 !important; }
.lh-1-5 { line-height: 1.5 !important; }
.lh-1-6 { line-height: 1.6 !important; }
.lh-1-7 { line-height: 1.7 !important; }
.lh-1-8 { line-height: 1.8 !important; }
.lh-1-9 { line-height: 1.9 !important; }
.lh-2 { line-height: 2 !important; }
.lh-2-1 { line-height: 2.1 !important; }
.lh-2-2 { line-height: 2.2 !important; }
.lh-2-3 { line-height: 2.3 !important; }
.lh-2-4 { line-height: 2.4 !important; }
.lh-2-5 { line-height: 2.5 !important; }
.lh-3 { line-height: 3 !important; }
.lh-4 { line-height: 4 !important; }
/*Font Size*/
.font-size-8 { font-size: 8px !important; }
.font-size-9 { font-size: 9px !important; }
.font-size-10 { font-size: 10px !important; }
.font-size-11 { font-size: 11px !important; }
.font-size-12 { font-size: 12px !important; }
.font-size-13 { font-size: 13px !important; }
.font-size-14 { font-size: 14px !important; }
.font-size-15 { font-size: 15px !important; }
.font-size-16 { font-size: 16px !important; }
.font-size-17 { font-size: 17px !important; }
.font-size-18 { font-size: 18px !important; }
.font-size-19 { font-size: 19px !important; }
.font-size-20 { font-size: 20px !important; }
.font-size-21 { font-size: 21px !important; }
.font-size-22 { font-size: 22px !important; }
.font-size-23 { font-size: 23px !important; }
.font-size-24 { font-size: 24px !important; }
.font-size-25 { font-size: 25px !important; }
.font-size-26 { font-size: 26px !important; }
.font-size-27 { font-size: 27px !important; }
.font-size-28 { font-size: 28px !important; }
.font-size-29 { font-size: 29px !important; }
.font-size-30 { font-size: 30px !important; }
.font-size-35 { font-size: 35px !important; }
.font-size-40 { font-size: 40px !important; }
.font-size-45 { font-size: 45px !important; }
.font-size-50 { font-size: 50px !important; }
.font-size-55 { font-size: 55px !important; }
.font-size-60 { font-size: 60px !important; }
.font-size-65 { font-size: 65px !important; }
.font-size-70 { font-size: 70px !important; }
.font-size-75 { font-size: 75px !important; }
.font-size-80 { font-size: 80px !important; }
.font-size-85 { font-size: 85px !important; }
.font-size-90 { font-size: 90px !important; }
.font-size-95 { font-size: 95px !important; }
.font-size-100 { font-size: 100px !important; }
.font-size-105 { font-size: 105px !important; }
.font-size-110 { font-size: 110px !important; }
.font-size-115 { font-size: 115px !important; }
.font-size-120 { font-size: 120px !important; }
.font-size-125 { font-size: 125px !important; }
.font-size-130 { font-size: 130px !important; }
.font-size-135 { font-size: 135px !important; }
.font-size-140 { font-size: 140px !important; }
.font-size-145 { font-size: 145px !important; }
.font-size-150 { font-size: 150px !important; }
.font-size-155 { font-size: 155px !important; }
.font-size-160 { font-size: 160px !important; }
.font-size-165 { font-size: 165px !important; }
.font-size-170 { font-size: 170px !important; }
.font-size-175 { font-size: 175px !important; }
.font-size-180 { font-size: 180px !important; }
.font-size-185 { font-size: 185px !important; }
.font-size-190 { font-size: 190px !important; }
.font-size-195 { font-size: 195px !important; }
.font-size-200 { font-size: 200px !important; }
/* Font Weight */
.text-light { font-weight: 300 !important; }
.text-normal { font-weight: 400 !important; }
.text-semibold { font-weight: 500 !important; }
.text-bold { font-weight: 700 !important; }
/* Display */
.display-block { display: block !important; }
.inline-block { display: inline-block !important; }
.pointer { cursor: pointer; }
/* Position */
.relative { position: relative; }
.absolute { position: absolute; }
.fixed { position: fixed; }
.static { position: static; }
/* Overflow */
.overflow-hidden { overflow: hidden; }
.overflow-y-hidden { overflow-y: hidden; }
.overflow-x-hidden { overflow-x: hidden; }
.overflow-auto { overflow: auto; }
.overflow-y-auto { overflow-y: auto; }
.overflow-x-auto { overflow-x: auto; }
/* Float */
.pull-left {float: left !important;}
.pull-right { float: right !important; }
.pull-none { float: none !important; }
@media only screen and (max-width: 767px) { .pull-left-sm { float: left !important; }
.pull-right-sm { float: right !important; }
.pull-none-sm { float: none !important; } }
/* Text Align */
.text-center { text-align: center !important; }
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
/* Image */
.img-circle { border-radius: 50% !important; }
/* Border */
.border { border: 1px solid #dcdee0; }
.border.top { border: 0px !important; border-top: 1px solid #dcdee0 !important; }
.border.right { border: 0px !important; border-right: 1px solid #dcdee0 !important; }
.border.bottom { border: 0px !important; border-bottom: 1px solid #dcdee0 !important; }
.border.left { border: 0px !important; border-left: 1px solid #dcdee0 !important; }
@media only screen and (max-width: 992px) { .border.border-hide-md { border-top: 0px !important; border-right: 0px !important; border-bottom: 0px !important; border-left: 0px !important; } }
@media only screen and (max-width: 767px) { .border.border-hide-sm { border-top: 0px !important; border-right: 0px !important; border-bottom: 0px !important; border-left: 0px !important; } }
.no-border { border: 0px !important; border-radius: 0px !important; }
@media only screen and (max-width: 767px) { .text-center-sm { text-align: center !important; }
.text-left-sm { text-align: left !important; }
.text-right-sm { text-align: right !important; } }
/* Vertical Align */
.vertical-align { display: table; height: 100%; width: 100%; }
.vertical-align .table-cell { display: table-cell; vertical-align: middle; }
.vertical-align-super { vertical-align: super; }
/* border-radius */
.border-radius-4 { border-radius: 4px !important; }
.border-radius-6 { border-radius: 6px !important; }
.border-radius-8 { border-radius: 8px !important; }
.border-radius-10 { border-radius: 10px !important; }
.border-radius-round { border-radius: 50px !important; }
@media only screen and (max-width: 767px) { /* Typography */
.font-size-145, .font-size-140, .font-size-135, .font-size-130, .font-size-125, .font-size-120, .font-size-115, .font-size-110, .font-size-105, .font-size-100, .font-size-95, .font-size-90, .font-size-85, .font-size-80, .font-size-75, .font-size-70, .font-size-65, .font-size-60, .font-size-55, .font-size-50 { font-size: 45px !important; }
.font-size-200, .font-size-195, .font-size-190, .font-size-185, .font-size-180, .font-size-175, .font-size-170, .font-size-165, .font-size-160, .font-size-155, .font-size-150 { font-size: 130px !important; }
p.width-95, p.width-90, p.width-85, p.width-80, p.width-75, p.width-70, p.width-65, p.width-60, p.width-55, p.width-50, p.width-45, p.width-40, p.width-35, p.width-30, p.width-25, p.width-20, p.width-15, p.width-10 { width: 100% !important; }
input.width-95, input.width-90, input.width-85, input.width-80, input.width-75, input.width-70, input.width-65, input.width-60, input.width-55, input.width-50, input.width-45, input.width-40, input.width-35, input.width-30, input.width-25, input.width-20, input.width-15, input.width-10 { width: 100% !important; } }
/*---------------------------------
------------ elements -------------
---------------------------------*/
button { outline: none; box-shadow: none; cursor: pointer; }
button:focus { outline: none; }
button.active:focus { outline: none; box-shadow: none; }
button:active:focus { outline: none; box-shadow: none; }
button.disabled, button:disabled { opacity: 0.5; cursor: not-allowed; }
.btn { cursor: pointer; font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: 1px; font-size: 14px; padding: 10px 20px; border-radius: 3px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; }
.btn.dropdown-toggle { margin-bottom: 0px; }
.btn:focus { outline: none; box-shadow: none; }
.btn.active:focus { outline: none; }
.btn:active:focus { outline: none; }
.btn-default { color: #142149; background-color: #ffffff; border-color: #d4deee; font-weight: 500; }
.btn-default:hover, .btn-default:focus, .btn-default:active { color: #142149; background-color: #edf2f8; border-color: #edf2f8; }
.btn-default:active:hover, .btn-default:active:focus { color: #142149; background-color: #edf2f8; border-color: #edf2f8; }
.btn-default.active:hover, .btn-default.active:focus { color: #142149; background-color: #edf2f8; border-color: #edf2f8; }
.btn-success { background-color: #28a745; border-color: #28a745; color: #ffffff; }
.btn-success:hover, .btn-success:focus { color: #ffffff; background-color: #24973e; border-color: #24973e; }
.btn-success:active { background-color: #32b531; border-color: #32b531; }
.btn-success.active { background-color: #32b531; border-color: #32b531; }
.btn-success.active:hover, .btn-success.active:focus { background-color: #32b531; border-color: #32b531; }
.btn-success.disabled { background-color: #28a745; border-color: #28a745; opacity: 0.35; }
.btn-success.disabled:hover, .btn-success.disabled:focus { background-color: #28a745; border-color: #28a745; }
.btn-primary, .btn-info { background-color: #0c70de; border-color: #0c70de; color: #ffffff; }
.btn-primary:hover, .btn-primary:focus, .btn-info:hover, .btn-info:focus { color: #ffffff; background-color: #0b67cb; border-color: #0b67cb; }
.btn-primary:active, .btn-info:active { background-color: #0d8ad6; border-color: #0d8ad6; }
.btn-primary.active, .btn-info.active { background-color: #0d8ad6; border-color: #0d8ad6; }
.btn-primary.active:hover, .btn-primary.active:focus, .btn-info.active:hover, .btn-info.active:focus { background-color: #0d8ad6; border-color: #0d8ad6; }
.btn-primary.disabled, .btn-info.disabled { background-color: #0c70de; border-color: #0c70de; opacity: 0.35; }
.btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-info.disabled:hover, .btn-info.disabled:focus { background-color: #0c70de; border-color: #0c70de; }
.btn-warning { color: #ffffff; background-color: #ffcc00; border-color: #ffcc00; }
.btn-warning:hover, .btn-warning:focus { color: #ffffff; background-color: #ffd11a; border-color: #ffd11a; }
.btn-warning:active { background-color: #e6b800; border-color: #e6b800; }
.btn-warning.active { background-color: #e6b800; border-color: #e6b800; }
.btn-warning.active:hover, .btn-warning.active:focus { background-color: #e6b800; border-color: #e6b800; }
.btn-warning.disabled { background-color: #ffcc00; border-color: #ffcc00; opacity: 0.35; }
.btn-warning.disabled:hover, .btn-warning.disabled:focus { background-color: #ffcc00; border-color: #ffcc00; }
.btn-danger { color: #ffffff; background-color: #dc3545; border-color: #dc3545; }
.btn-danger:hover, .btn-danger:focus { color: #ffffff; background-color: #dc3545; border-color: #dc3545; }
.btn-danger:active { background-color: #ff236d; border-color: #ff236d; }
.btn-danger.active { background-color: #ff236d; border-color: #ff236d; }
.btn-danger.active:hover, .btn-danger.active:focus { background-color: #ff236d; border-color: #ff236d; }
.btn-danger.disabled { background-color: #dc3545; border-color: #dc3545; opacity: 0.35; }
.btn-danger.disabled:hover, .btn-danger.disabled:focus { background-color: #dc3545; border-color: #dc3545; }
.btn-outline-danger { color: #dc3545; background-color: #ffffff; border-color: #dc3545; }
.btn-outline-danger:hover, .btn-outline-danger:focus { color: #ffffff; background-color: #dc3545; border-color: #dc3545; }
.btn-outline-danger:active { background-color: #ff236d; border-color: #ff236d; }
.btn-outline-danger.active { background-color: #ff236d; border-color: #ff236d; }
.btn-outline-danger.active:hover, .btn-danger.active:focus { background-color: #ff236d; border-color: #ff236d; }
.btn-outline-danger.disabled { background-color: #dc3545; border-color: #dc3545; opacity: 0.35; }
.btn-outline-danger.disabled:hover, .btn-danger.disabled:focus { background-color: #dc3545; border-color: #dc3545; }
.btn-outline-default { color: #ffffff; background-color: transparent; border-color: #ffffff; }
.btn-outline-default:hover, .btn-outline-default:focus { color: #142149; background-color: #ffffff; border-color: #ffffff; }
.btn-outline-default:active { color: #142149; background-color: #ffffff; border-color: #ffffff; }
.btn-outline-default.active { color: #142149; background-color: #ffffff; border-color: #ffffff; }
.btn-outline-default.active:hover, .btn-default.active:focus { background-color: #ffffff; border-color: #ffffff; }
.btn-outline-info { background-color: #ffffff; border-color: #0c70de; color: #0c70de; }
.btn-outline-info:hover, .btn-info:focus { color: #ffffff; background-color: #0b67cb; border-color: #0b67cb; }
.btn-outline-info:active { background-color: #0d8ad6; border-color: #0d8ad6; }
.btn-outline-info.active { background-color: #0d8ad6; border-color: #0d8ad6; }
.btn-outline-info.active:hover, .btn-outline-info.active:focus { background-color: #0d8ad6; border-color: #0d8ad6; }
.btn-outline-info.disabled { background-color: #ffffff; border-color: #0c70de; opacity: 0.35; }
.btn-outline-info.disabled:hover, .btn-outline-info.disabled:focus { background-color: #ffffff; border-color: #0c70de; }
.btn-flat { border: 0px; color: #8f92a1; background-color: transparent; }
.btn-flat:hover, .btn-flat:focus { background: #dcdee0; /* The Fallback */ background: rgba(230, 236, 245, 0.55); color: #6b7192; }
.btn-icon { padding: 10px 11px; }
.btn-lg, .btn-group-lg > .btn { padding: 11px 30px; font-size: 17px; font-weight:500; }
.btn-sm, .btn-group-sm > .btn { padding: 7px 12px; }
.btn-xs { font-size: 9px; padding: 5px 10px; }
.btn-rounded { border-radius: 50px; }
.btn-block { padding-top: 12px; padding-bottom: 12px; }
.btn-group .btn { padding: 10px 14px; margin-right: 0px; }
.btn-group.btn-group-vertical .btn { margin-bottom: 0px; }
/* Header */
.navbar {
font-size: 17px;
font-weight: 450;
}
.navbar-default {
background-color: #052648;
border: none;
border-radius: 0px;
}
.navbar .navbar-nav {
display: inline-block;
float: none;
vertical-align: top;
margin: 5px 0 0;
}
.logo {
height: 60px;
width: 180px;
}
.navbar .navbar-collapse {
text-align: center;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
color: #ffffff;
background-color: transparent;
}
.navbar-default .navbar-toggle {
border: none;
background: transparent !important;
outline:none !important;
}
.navbar-default .navbar-toggle:hover {
background: transparent !important;
}
.navbar-toggle .icon-bar {
width: 22px;
transition: all 0.2s;
background-color: #fff !important;
}
.navbar-toggle .top-bar {
transform: rotate(45deg);
transform-origin: 10% 10%;
}
.navbar-toggle .middle-bar {
opacity: 0;
}
.navbar-toggle .bottom-bar {
transform: rotate(-45deg);
transform-origin: 10% 90%;
}
.navbar-toggle.collapsed .top-bar {
transform: rotate(0);
}
.navbar-toggle.collapsed .middle-bar {
opacity: 1;
}
.navbar-toggle.collapsed .bottom-bar {
transform: rotate(0);
}
.navbar-default .navbar-nav > .open > a .caret, .navbar-default .navbar-nav > .open > a:hover .caret, .navbar-default .navbar-nav > .open > a:focus .caret { border-top-color: #dddddd; border-bottom-color: #dddddd;}
@media (max-width: 767px) {
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
color: #f2f2f2;
background-color: transparent;
}
}
/* top content */
.intro {
padding-top: 0px;
padding-bottom: 7%;
box-shadow: 0px !important;
background: #062b50;
position: relative;
}
.top-header {
color: #f8f8f8;
background: linear-gradient(to bottom,#052648 0,#062b50 100%);
}
.top-buttons {
margin-top: 30px;
margin-bottom: 60px;
}
.top-message {
position: relative;
padding-top: 100px;
padding-bottom: 0%;
}
.top-message > h1 {
margin: 0;
font-size: 55px;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2);
text-transform:uppercase;
font-weight:700;
}
.top-message2 {
position: relative;
padding: 100px 0 100px;
}
.top-message2 > h1 {
margin: 0;
font-size: 40px;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2);
text-transform:uppercase;
font-weight:700;
}
.top-divider {
width: 100%;
border-top: 1px solid #f8f8f8;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2);
display: table;
height: 0px;
margin-top: 30px;
margin-bottom: 0px;
}
.top-message > h3 {
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2);
font-weight:400;
margin-top:10px;
}
.top-message > p {
font-size:14px;
line-height:22px;
margin-bottom:25px;
color:#ffffff;
}
.lmore {
color:#ffffff;
}
.lmore:hover {
color:#dddddd;
}
.lmore span {
text-transform: uppercase;
font-size: 16px;
font-weight: 500;
letter-spacing: 2px;
}
/* Furion */
.furion {
margin-top: -8.5%;
}
.furion img {
display: block;
margin: 0 auto;
width: auto;
height: auto;
max-width: 100%;
box-shadow: 0 70px 45px -40px rgba(0, 0, 0, 0.1), 0 10px 30px -5px rgba(0, 0, 0, 0.175);
}
/* Features */
.features {
padding: 50px 0 40px;
}
.features h4 {
margin: 25px 0 10px;
text-transform: uppercase;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
transition: all 0.4s;
}
.feature-item {
margin: 20px 0 15px;
background: #fff;
}
i.feature-icon {
color: #062b50;
width:60px;
height:60px;
line-height:60px;
display: inline-block;
font-size: 60px;
vertical-align: middle;
text-align: center;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
position: relative;
}
.feature-item:hover i.feature-icon {
font-size: 50px;
}
.feature-item:hover h4 {
color: #062b50;
}
.feature-item:hover {
cursor: pointer;
}
/* Pricing content */
.pricing {
padding:50px 0;
background: #062b50;
}
.pricing h1,
.pricing h2,
.pricing h4,
.pricing h5,
.pricing h6,
.pricing p {
color: #ffffff;
}
.price {
font-size: 40px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.price-cents {
vertical-align: super;
font-size: 50%;
}
.pricing .list-group-item {
font-size: 15px;
border: none;
padding: 4px 15px;
}
.pricing .list-group .btn {
background:#f04337 !important;
border-color:#f04337;
}
.pricing .list-group .btn:hover {
background:#ef3528 !important;
}
.pricing .panel-heading {
border-top: 1px solid transparent;
}
.pricing .panel-default {
border-color: #ccc;
padding: 15px 0;
}
.pricing .panel-body {
font-family:Open sans;
font-size:13px;
line-height:23px;
font-weight:400;
}
/* Location content */
.locations {
padding:40px 0 60px;
}
.card {
font-size: 1em;
overflow: hidden;
margin-top: 15px;
border: none;
border-radius: .28571429rem;
box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5;
}
.card-body {
padding: 15px;
}
.card-body .flag {
width: 20%;
}
.card-body h3 {
margin: 10px 0 20px;
}
/* Affiliates */
.affiliates {
color: #ffffff;
background: #062b50;
padding: 20px 0px 20px;
}
.affiliates img {
padding: 0px 25px 0px 25px;
}
/* FAQs */
.faq {
padding:40px 0 60px;
}
.faq .panel-group {
margin-bottom: 0;
}
.faq .panel-group .panel {
border-radius: 0;
box-shadow: none;
}
.faq .panel-group .panel .panel-heading {
padding: 0;
}
.faq .panel-group .panel .panel-heading h4 a {
background: #f8f8f8;
display: block;
font-size: 15px;
font-weight: bold;
padding: 15px;
text-decoration: none;
transition: 0.15s all ease-in-out;
}
.faq .panel-group .panel .panel-heading h4 a:hover, .panel-group .panel .panel-heading h4 a:not(.collapsed) {
background: #fff;
transition: 0.15s all ease-in-out;
}
.faq .panel-group .panel .panel-heading h4 a:not(.collapsed) i:before {
content: "";
}
.faq .panel-group .panel .panel-heading h4 a i {
color: #999;
}
.faq .panel-group .panel .panel-body {
padding-top: 0;
}
.faq .panel-group .panel .panel-heading + .panel-collapse > .list-group,
.faq .panel-group .panel .panel-heading + .panel-collapse > .panel-body {
border-top: none;
}
.faq .panel-group .panel + .panel {
border-top: none;
margin-top: 0;
}
/* Testimonial*/
.testimonial {
padding:40px 0 60px;
background: #f2f2f3;
}
.testimonial .testimonial-caption {
font-weight: 400;
font-size: 24px;
color: #354052;
line-height: 30px;
bottom: 20%;
text-shadow: none;
}
.testimonial .testimonial-authors {
font-weight: 700;
font-size: 20px;
color: #354052;
line-height: 30px;
}
.testimonial .carousel-inner > .item {
padding-top: auto;
padding-bottom: auto;
min-height: 200px;
}
.testimonial .carousel-control.left {
background: none;
box-shadow: none;
text-shadow: none;
}
.testimonial .carousel-control.right {
background: none;
box-shadow: none;
text-shadow: none;
}
.testimonial .carousel-control {
color: #354052;
}
.testimonial .carousel-control:hover {
color: #354052;
text-decoration: none;
transition: background-color 1s ease;
}
.testimonial .carousel-indicators .active {
background-color: #fff;
width: 14px;
height: 14px;
transition: background 1s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.testimonial .carousel-indicators li {
border: 2px solid #354052;
background-color: #354052;
}
/* Generic Section*/
.content {
padding:40px 0 60px;
}
.para-heading {
font-weight: 600;
}
.para-anchor {
font-weight: 800;
}
.para-anchor2 {
font-weight: 800;
padding-left: 15px;
}
.para-anchor:hover, .para-anchor2:hover {
color: #000000;
}
.para-url {
font-weight: 800;
}
/* CTA Info */
.cinfo {
padding: 40px 0;
color: #f8f8f8;
background: #062b50;
background-size: cover;
}
.cinfo h2 {
font-weight: 600;
margin: 10px 0 10px;
}
.cinfo .btn {
margin: 7px 0 13px;
}
/* About Numbers*/
.numbers p {
font-size: 20px;
color: #ffffff;
margin-bottom: 20px;
text-transform: uppercase;
font-weight: 700;
}
.numbers {
color: #ffffff;
background: #062b50;
padding: 20px 0px 20px;
}
.numbers .box {
border: 2px solid #fff;
margin: 20px 0;
}
/* About Why Us*/
.why-us {
padding: 30px 0px 30px;
}
.why-us h3 {
margin: 0px 0px 5px;
}
.why-us .why-us-block {
padding: 20px 0px 20px;
}
.why-us .why-us-block .fas,.fab {
font-size: 70px;
}
/* Datacenter */
.datacenter {
padding: 40px 0px 60px;
color: #333333;
}
.datacenter .selection {
padding-bottom: 30px;
}
.datacenter .selection .selection-tab {
padding: 20px 0px 20px 0px;
box-shadow: 0px 0px 12px rgba(27,6,63,0.11);
border: 1px solid #000;
border-radius:3px;
cursor: pointer;
opacity: 0.6;
transition: opacity .2s ease;
transition: background-color .2s ease;
font-size: 18px;
font-weight: 600;
}
.datacenter .selection .selection-tab:hover {
opacity: 1;
background-color: #f2f2f3;
}
.datacenter .selection .selection-tab .flag {
width: 60px;
margin-right: 10px;
}
.datacenter .selection .selection-tab a {
padding: 20px 20px 20px 20px;
color: #333333;
}
.datacenter .selection .selection-tab a:hover {
color: #333333;
}
.datacenter .is-active {
opacity: 1 !important;
}
.datacenter .is-active:hover {
background-color: inherit !important;
cursor: inherit;
}
.datacenter .details-header {
padding: 25px 0 10px;
}
.datacenter .details {
padding: 15px 0 10px;
border: 1px solid #000;
box-shadow: 0px 0px 12px rgba(27,6,63,0.11);
border-radius:3px;
}
.datacenter .details .details-content-header {
padding-bottom: 5px;
border-bottom: 1px solid #000;
font-size: 17px;
font-weight: 600;
}
.datacenter .details .ticklist {
padding-top: 10px;
}
.datacenter .details .ticklist li {
background:url('../img/icons/check.png') 0px 5px no-repeat;
padding-left: 24px;
line-height: 26px;
}
.datacenter ul {
list-style-type: none;
}
.datacenter .selection li {
display: inline;
}
.datacenter img {
height: auto;
width: 100%;
}
.datacenter .details-pics img {
margin: 10px 0px 10px;
}
/* Footer */
footer .list-inline {
display:table;
margin:0 auto;
}
footer {
background-color: #f8f8f8;
padding: 50px 0;
}
p.copyright {
margin: 15px 0 0;
}
.payment-methods {
padding-left: 0;
list-style: none;
margin: 15px auto !important;
color: #555;
}
.payment-methods>li {
cursor: default;
padding: 5px !important;
margin-left:15px;
font-size: 30px;
line-height: 1;
background: 0 0;
border: 1px solid transparent;
border-radius: 3px;
}
.payment-methods.payment-methods-outline>li {
color: #555;
border-color: #555;
}
/* Extras */
.line-b {
height: 1px;
width: 250px;
margin: 15px auto 20px;
background: #000000;
}
.line-w {
height: 1px;
width: 250px;
margin: 15px auto 20px;
background: #ffffff;
}
.moreinfo {
padding-top: 30px;
}
/* Button */
.btn {
outline:none !important;
white-space: normal !important;
}
.outline {
background-color: transparent;
border: 1px solid #fff;
transition: all .25s;
}
.btn-header.outline {
color: #fff;
background: transparent;
}
.btn-header.outline:hover {
color: #000000;
background: #fff;
}
.label {
white-space: normal !important;
}
/* Modal */
.modal {
text-align: center;
}
.modal-btn {
width: 40%;
}
@media screen and (min-width: 768px) {
.modal:before {
display: inline-block;
vertical-align: middle;
content: " ";
height: 100%;
}
}
.modal-dialog {
display: inline-block;
text-align: left;
vertical-align: middle;
}
/* Responsive */
@media (max-width: 767px) {
.container {
max-width:420px;
width:420px;
margin:0 auto;
}
.top-message {
padding-top: 50px;
padding-bottom: 0%;
}
.top-message > h1 {
font-size: 3em;
}
.mobile-hide {
display: none;
}
ul.top-social-buttons > li {
display: block;
margin-bottom: 20px;
padding: 0;
}
ul.top-social-buttons > li:last-child {
margin-bottom: 0;
}
.top-divider {
width: 100%;
}
.top-buttons i {
font-size: 22px;
margin-right: 5px;
position: relative;
top: 2px;
}
}
@media (max-width: 421px) {
.container {
max-width:280px;
width:280px;
margin:0 auto;
}
.nav-tabs > li > a {
margin-right: -4px;
}
.contact-info {
padding:0px;
display:table;
}
.contact-info li {
margin-right: 0px;
font-size: 22px;
margin-bottom:5px;
}
.cinfo {
padding: 40px 0 55px;
}
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
.dropdown:hover .dropdown-menu {
display: block;
}
.pricing .container {
max-width:420px;
width:420px;
margin:0 auto;
}
.download-form {
margin-top: 55px;
border-radius: 10px;
}
.top-message {
padding-right:0px;
}
.top-header {
padding-top: 65px;
padding-bottom: 0px;
}
.top-message > h1 {
font-size: 35px;
margin-top:-25px;
}
.top-message > h3 {
font-size:20px;
}
.top-message > p {
font-size:13px;
line-height:21px;
margin-bottom:10px;
}
.top-buttons li {
font-size:13px !important;
}
.lmore {
font-size:17px;
}
.cinfo .btn {
margin: 25px 0 19px;
}
}
@media only screen and (min-width: 960px) and (max-width: 1479px) {
.dropdown:hover .dropdown-menu {
display: block;
}
.container {
width: 90%;
max-width:90%;
margin:0 auto;
}
.top-message {
padding-right:0px;
}
.top-message > h1 {
font-size: 45px;
margin-top:-25px;
}
.top-message > h3 {
font-size:24px;
}
.top-message > p {
margin-bottom:10px;
}
.top-header {
padding-bottom: 0px;
}
.tablet-hide {
display: none;
}
}
@media (min-width: 1480px) {
.dropdown:hover .dropdown-menu {
display: block;
}
.pricing .container {
width: 1500px;
}
}