html {
font-size: 100%;width: 100%;-webkit-text-size-adjust: 100%; font-variant-ligatures: none;
-webkit-font-variant-ligatures: none;text-rendering: optimizeLegibility;
-moz-osx-font-smoothing: grayscale; font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;text-shadow: rgba(0, 0, 0, .01) 0 0 1px;}
body {font-family: "Roboto Condensed", sans-serif;font-size: 14px;line-height: 19px;color: #242424;
line-height: 1.5 !important;overflow-x: hidden;width: auto;position: relative;background: #e6e6e68f;}
h1,
h2,
h3,
h4,
h5,
h6 {color: #242424;margin: 0;}
h1 {font-size: 22px;line-height: 27px;}
h2 {font-size: 20px;line-height: 25px;}
h3 {font-size: 16px;line-height: 25px;}
h4 {font-size: 16px;line-height: 21px;}
h5 {font-size: 14px;line-height: 19px;}
h6 {font-size: 12px;line-height: 17px;}
p {margin: 0;}
a {text-decoration: none;}
a:hover {text-decoration: none;}
a:active,
a:focus {outline: none;box-shadow: none;border-color: transparent;}
ul {margin: 0;padding: 0;}
li {text-decoration: none;list-style: none;}
button {cursor: pointer;}
.mr-0 {margin: 0 !important;}
.mrl-0 {margin-left: 0 !important;}
.mrr-0 {margin-right: 0 !important;}
.mrb-0 {margin-bottom: 0 !important;}
.mlr-0 {margin-left: 0 !important;margin-right: 0 !important;}
.pd-0 {padding: 0 !important;}
.pdl-0 {padding-left: 0 !important;}
.pdr-0 {padding-right: 0 !important;}
.pdb-0 {padding-bottom: 0 !important;}
.plr-0 {padding-left: 0 !important;padding-right: 0 !important;}
.brand {color: #0179a9;}
.primary {color: #faba35;}.page-cover
.base {color: #242424;}
.white {color: #fff;}
.brand-bg {background: #0179a9;}
.primary-bg {background: #faba35;}
.base-bg {background: #242424;}
.white-bg {background: #fff;}
.focus-text {color: #faba35;}
.bg-none {background: transparent;}
.facebook {background: #4868ab !important;}
.twitter {background: #1da2f2 !important;}
.linkedin {background: #0077b5 !important;}
.pinterest {background: #cc2028 !important;}
.instagram {background: #b13a96 !important;}
.google-plus {background: #dc493c !important;}
.vimeo {background: #00aeee !important;}
.flickr {background: #ff2d84 !important;}
.border-0 {border: 0;}
.border-color-none {border-color: transparent;}
.w-light {font-weight: 300;}
.w-light-i {font-weight: 300;font-style: italic;}
.w-normal {font-weight: 400;}
.w-bold {font-weight: 700;}
.width-auto {width: auto !important;}
.pos-r {position: relative;}
.pos-a {position: absolute !important;}
#googleMap {height: 300px;}
.master-card {margin-bottom: 20px; width: 50%;}
.master-card .dropdown {background: #555;padding: 12px; height: 100%;cursor: pointer;}
.custom-credit-modal .modal-content,.custom-login-modal .modal-content {background: #f1f1f1;}
.custom-credit-modal .modal-header,.custom-login-modal .modal-header {display: inline-block;
border-color: rgba(119, 119, 119, 0.3); padding: 5px;}
.custom-credit-modal .modal-title,.custom-login-modal .modal-title {
font-weight: 700;font-size: 18px;display: inline;}
.custom-credit-modal .modal-content,.custom-login-modal .modal-content {
border-radius: 0; border: 4px solid #faba35;}
.custom-credit-modal .custom-login-modal-btn,.custom-login-modal .custom-login-modal-btn {
padding: 0; background: #0179a9;color: #fff;padding: 5px 25px;border: 1px solid transparent;}
.custom-credit-modal .custom-login-modal-btn:hover,
.custom-login-modal .custom-login-modal-btn:hover {
color: #0179a9; background: transparent;border: 1px solid #0179a9;}
.custom-credit-modal .modal .modal-dialog,.custom-login-modal .modal .modal-dialog {
position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: 0;}
.custom-credit-modal .form-group,.custom-login-modal .form-group { margin-bottom: 0.5rem;}
.custom-credit-modal input:focus,.custom-login-modal input:focus { border-color: #0179a9;}
.custom-credit-modal .modal .modal-dialog { width: 80%;}
.custom-credit-modal .media-body { padding-left: 8px;}
.custom-credit-modal .card-img {width: 30px;}
.custom-credit-modal .paypal-img {width: 60px;}
.custom-credit-modal .paypal-card-img { width: 50px;}
.custom-credit-modal .check-box-img {width: 15px;opacity: 0;}
.card-available {position: absolute;width: 100%;display: none;background: #dedddd;padding: 5px;margin: 5px 0 0;
z-index: 10;}
.custom-credit-modal .card-active .dropdown {background: #0179a9;}
.custom-credit-modal .card-active .card-available {display: block;}
.custom-credit-modal .card-active .check-box-img {opacity: 1;}
.custom-credit-modal .form-group {margin-top: 0px;}
.custom-credit-modal .modal-header {border: 0;}
.custom-credit-modal .modal-content {padding: 10px;}
.card-available-img {margin-left: 5px;}
.card-available-img img {width: 25px;}
.currency-form select,
.currency-form input {text-align: center;border-radius: 0;background: #f1f1f1;font-size: 14px;}
.currency-form select { box-shadow: none;}
.header-currency {margin-top: 10px !important;margin-bottom: 20px !important;}
.header-currency input {margin-right: 10px;}
.header-currency .custom-select-currency { position: relative;}
.header-currency .custom-select-currency:before {content: "\f107";font-family: FontAwesome; position: absolute;
top: 50%;right: 0;font-size: 20px;margin-right: 10px;transform: translateY(-50%);}
.box { width: 200px; position: relative; border: 1px solid #BBB; background: #EEE;}
.ribbon {position: absolute;left: -5px; top: -5px; z-index: 1; overflow: hidden;width: 75px;height: 75px; text-align: right;}
.ribbon span {font-size: 10px; font-weight: bold; color: #FFF; text-transform: uppercase; text-align: center; line-height: 20px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); width: 100px; display: block; background: #faba35; background: linear-gradient(#faba35 0%, #faba35 100%); box-shadow: 0 3px 10px -5px #faba35;
position: absolute; top: 19px; left: -21px;}
.ribbon span::before {content: "";position: absolute;left: 0px;top: 100%;z-index: -1;border-left: 3px solid #faba35;border-right: 3px solid transparent;border-bottom: 3px solid transparent;border-top: 3px solid #faba35;}
.ribbon span::after {content: "";position: absolute; right: 0px; top: 100%; z-index: -1;border-left: 3px solid transparent; border-right: 3px solid #faba35;border-bottom: 3px solid transparent;border-top: 3px solid #faba35;}
.header-top-lan-dropdown .header-top-lan-btn {padding: 5px !important;}
.header-top-lan-dropdown .header-top-lan-btn i {margin: 0 5px;}
.header-top-lan-dropdown .header-top-lan-btn:hover {background: transparent;}
.header-top-lan-dropdown .header-top-lan-btn:hover i {color: #faba35 !important;}
.header-top-lan-dropdown .header-top-lan-btn:active,
.header-top-lan-dropdown .header-top-lan-btn:focus {background: transparent;}
.header-top-lan-dropdown .dropdown-menu {border-radius: 0;font-size: 12px;display: none; padding: 10px 0;width: 100%;border-radius: 0 0 9px 9px; min-width: inherit;}
.header-top-lan-dropdown .dropdown-menu button {padding: 5px 10px 5px 20px; font-size: 15px;position: relative;}
.header-top-lan-dropdown .dropdown-menu button::after { content: '\f00c';position: absolute;right: 5px; top: 50%;
transform: translateY(-50%);font-size: 14px;font-family: 'FontAwesome'; color: #0179a9; display: none;}
.header-top-lan-dropdown .dropdown-menu button:hover::after { display: inline-block;}
.show i { color: #faba35;}
.show>.btn-secondary.dropdown-toggle { background-color: transparent; box-shadow: none;}
.button_menu button:hover { background: #0179a9; border-color: transparent;}
.button_menu button:active,
.button_menu button:focus { box-shadow: none;background: #0179a9;border-color: transparent;}
.all_prices { padding: 20px 0;}
.btn {border: none;font-family: inherit;font-size: inherit;color: inherit;background: none;cursor: pointer;
padding: 25px 80px; display: inline-block; letter-spacing: 1px;font-weight: 700;outline: none; position: relative; -webkit-transition: all 0.3s;-moz-transition: all 0.3s; transition: all 0.3s;}
.btn:after {content: '';position: absolute; z-index: -1;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;
transition: all 0.3s;}
.btn:before,
.icon-heart:after,
.icon-star:after,
.icon-plus:after,
.icon-file:before {font-family: 'FontAwesome'; speak: none;font-style: normal;font-weight: normal; font-variant: normal;text-transform: none; line-height: 1; position: relative; -webkit-font-smoothing: antialiased;}
.icon-arrow-right:before { content: "\f061";}
.btn-3 {background: #161d20;color: #fff;}
.btn-3:hover {background: #0179a9;}
.btn-3:active {background: #f58500;top: 2px;}
.btn-3:before {position: absolute; height: 100%;left: 0;top: 0; line-height: 3.3;font-size: 100%;width: 40px;}
.btn-3a {padding: 25px 60px 25px 120px;}
.btn-3a:before {background: rgba(0, 0, 0, 0.05);}
.btn-3b {padding: 25px 60px 25px 120px; border-radius: 10px;}
.btn-3b:before {border-right: 2px solid rgba(255, 255, 255, 0.5);}
.btn-3c {padding: 80px 20px 20px 20px; border-radius: 10px;box-shadow: 0 3px #da9622;}
.btn-3c:active {box-shadow: 0 3px #dc7801;}
.btn-3c:before {height: 60px;width: 100%;line-height: 60px;background: #fff;color: #0179a9;border-radius: 10px 10px 0 0;}
.btn-3c:active:before { color: #f58500;}
.btn-3d {padding: 25px 60px 25px 120px; border-radius: 10px;}
.btn-3d:before {background: #fff; color: #fcad26; z-index: 2; border-radius: 10px 0 0 10px;}
.btn-3d:after {width: 20px;height: 20px;background: #fff;z-index: 1;left: 55px; top: 50%;margin: -10px 0 0 -10px;
-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg); -ms-transform: rotate(45deg);transform: rotate(45deg);
}
.btn-3d:active:before { color: #f58500;}
.btn-3d:active {top: 0;}
.btn-3d:active:after {left: 60px;}
.btn-3e {padding: 15px 60px 15px 24px; overflow: hidden;}
.btn-3e:before {left: auto; right: 0px; z-index: 2;}
.btn-3e:after {width: 30%; height: 200%;background: #faba35;z-index: 1;right: 0;top: 0;-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0; -ms-transform-origin: 0 0;transform-origin: 0 0;margin: -45px 0 0 0;
transform: rotate(27deg) translateX(45px);}
.btn-3e:hover:after { width: 35%;}
.main-title {margin-bottom: 15px;}
.main-title .main-subtitle {margin-bottom: 5px; font-size: 20px;}
.title-shap {width: 50%;margin: 0 auto; padding-bottom: 25px;}
.before-none:before {display: none;}
.breadcome {padding: 15px;}
.breadcome .breadcome-title {font-size: 35px;line-height: 40px; font-weight: 500;}
.breadcome .sub-title { font-size: 20px;}
.breadcome .breadcome-list-group li {margin-bottom: 5px;padding-left: 20px !important;position: relative;
font-size: 17px;}
.breadcome .breadcome-list-group li:before {content: "";position: absolute;top: 50%;left: 0; height: 1px;
width: 15px;background: #fff;transform: translateY(-50%);}
@media (min-width: 768px) and (max-width: 991px) {
.breadcome .breadcome-list-group li { font-size: 16px;}
}
#preloader {position: fixed;top: 0; left: 0;height: 100%;width: 100%;background: #fff;z-index: 900;}
#preloader .preloader-item {text-align: center; position: absolute; top: 50%;left: 50%; transform: translate(-50%, -50%);}
.dialer-app-box {margin: 0 0 20px !important;}
.master-card .dropdown {margin: 0 8px;}
.card-available {padding: 7px 32px;}
.card-available .d-flex {font-size: 18px;line-height: 30px;}
.card-available-img img {width: auto;margin-left: 15px;}
.currency-form {margin-top: 40px;}
.currency-form select,
.currency-form input {padding: 15px;}
.main-title-box {margin-bottom: 40px;}
.custom-credit-modal .modal-content {padding: 20px;}
.custom-credit-modal .card-active .dropdown {background: #0179a9;}
.custom-credit-modal .card-active .card-available {display: block;}
.custom-credit-modal .card-active .check-box-img {opacity: 1;}
.custom-credit-modal .form-group {margin-top: 20px;}
.custom-credit-modal .modal-header {border: 0;}
.card-available-img {margin-left: 5px;}
.card-available-img img {width: 25px;}
.breadcome {padding: 15px}
.breadcome .breadcome-title {margin-bottom: 0; font-size: 42px; line-height: 61px;}
.custom-container { max-width: 1650px;}
.custom-credit-modal .modal-title,
.custom-login-modal .modal-title {font-size: 24px;}
.custom-credit-modal .modal-content,
.custom-login-modal .modal-content {padding: 15px 15px;}
.custom-credit-modal .modal .modal-dialog,
.custom-login-modal .modal .modal-dialog {width: 100%;}
.custom-credit-modal .form-group,
.custom-login-modal .form-group {margin-bottom: 1rem;}
}
@media (min-width: 992px) {
.main-title-box {margin-bottom: 50px; }
.main-title-box .main-subtitle {font-size: 18px;line-height: 1; margin-bottom: 8px; }
.main-title-box .main-title {font-size: 25px;line-height: 1; }
.breadcome .breadcome-title {font-size: 50px;}
}
@media (min-width: 1200px) {
.breadcome {padding: 130px 0px 0px 0px; }
.breadcome .breadcome-list-group li {font-size: 18px; }
.main-title-box {margin-bottom: 50px !important; }
.card-available {padding: 7px 15px; }
.custom-credit-modal .media-body {padding-left: 15px !important;margin-left: 15px; }
.custom-credit-modal .check-box-img {width: auto; }
.custom-credit-modal .card-active .dropdown .media-body { position: relative; }
.custom-credit-modal .card-active .dropdown .media-body:before {content: "";position: absolute; top: 50%;left: 0;height: 40px;width: 1px;background: #fff;transform: translateY(-50%); }
}
@media (min-width: 1500px) {
body { font-size: 18px;line-height: 28px; }
.main-title-box { margin-bottom: 30px;}
.main-title-box .main-subtitle {font-size: 22px;line-height: 1; }
.main-title-box .main-title {font-size: 36px;line-height: 1; }
}
.home-page-three .header-top-lan-dropdown .dropdown-menu button::after {color: #b31b48;}
.home-page-three .brand {color: #2b3a85;}
.home-page-three .btn-3 {background: #2b3a85;}
.home-page-three .btn-3e:after {background: #b31b48;}
.home-page-three .ribbon span { background: linear-gradient(to right, #2b3a85 25%, #b31b48 75%);}
.home-page-three .ribbon span::before { border-left: 3px solid #2b3a85; border-top: 3px solid #2b3a85;}
.home-page-three .ribbon span::after {border-right: 3px solid #b31b48;border-top: 3px solid #b31b48;}
.home-page-three .custom-credit-modal .modal-content,
.home-page-three .custom-login-modal .modal-content { border-color: #b31b48;}
.header-info {padding: 5px 0;border-bottom: 2px solid #faba35;background-color: #0179a9;
-webkit-box-shadow: 0px 9px 22px -12px rgb(245 149 5);-moz-box-shadow: 0px 9px 22px -12px rgba(245, 149, 5, 1);
box-shadow: 0px 9px 22px -12px rgb(245 149 5);}
.header-info .bonus-offer { font-size: 13px;}
.header-info .bonus-offer span {margin: 0 5px;}
.header-info .custom-select { border-color: #fff;}
@media (min-width: 768px) {
.header-info { padding: 10px 0;}
.header-info .bonus-offer { padding: 0; }
.header-info .social-media-link {margin-right: 10px;padding-right: 10px;position: relative; }
.header-info .social-media-link:before {content: "";position: absolute;right: 0;top: 50%;width: 1px;
height: 17px;background: #fff;transform: translateY(-50%);}
.header-info .social-media-link a { margin-right: 5px; }
.header-info .social-media-link a img { transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s;
-o-transition: all 1s; }
.header-info .social-media-link a:hover img { transform: rotate(360deg); }
.header-info .header-top-lan-btn { border: 1px solid #fff; border-radius: 0;border-radius: 3px 3px 2px 2px;}
.header-info .header-top-lan-btn:focus {outline: none; box-shadow: none;border-color: transparent; }
.header-info .header-top-lan-btn:hover {background: #fff;}
.header-info .header-top-lan-btn:hover .text-capitalize {color: #0179a9;}
}
@media (min-width: 1024px) {
.header-info .social-media-link {margin-right: 15px;padding-right: 15px;}
}
@media (min-width: 1200px) {
.header-info {padding: 10px 0;}
.header-info .bonus-offer { font-size: 15px; padding-right: 10px;}
.header-info .social-media-link {margin-right: 15px; }
.header-info .custom-select {padding: 6px 33px; font-size: 20px; }
.header-info .header-top-lan-btn { font-size: 14px; }
}
@media (min-width: 1200px) {
nav .button_menu .nav-btn { font-size: 14px !important; padding: 7px 18px 5px !important;font-weight: 400;
border-radius: 10px; line-height: 1 !important; }
.link_menu .nav-item { margin-right: 20px !important; }
}
.home-page-three .header-info { background: linear-gradient(to right, #2b3a85 25%, #b31b48 75%);}
nav { position: relative; z-index: 11;border-bottom: 2px solid #faba35; background-color:#0179a9;
-webkit-box-shadow: 0px 9px 22px -12px rgba(245, 149, 5, 1);
-moz-box-shadow: 0px 9px 22px -12px rgba(245, 149, 5, 1);box-shadow: 0px 9px 22px -12px rgba(245, 149, 5, 1);}
nav .nav-item { padding: 15px 0px;}
nav .display_menu li a {padding: 5px 5px; font-size: 15px;}
nav .display_menu li a:hover { background: transparent; color: #0179a9;}
nav .display_menu li a:focus { color: red;}
nav .button_menu .nav-btn { margin-right: 5px; border: 1px solid #0179a9; line-height: 1; font-size: 12px;
padding: 5px 8px;}
nav .logo { padding: 10px;}
nav .nav-link:focus { box-shadow: none; color: #0179a9;}
nav .nav-link:active { background: none;}
@media (max-width: 767px) {
nav .button_menu .nav-btn { padding: 5px; }
}
#push_sidebar li a { text-align: center;}
#push_sidebar { background: rgb(1, 121, 169); padding: 10px 20px;}
#push_sidebar li a { background: transparent; color: rgba(255, 255, 255, 0.8);
border-bottom: 1px solid rgba(241, 241, 241, 0.368627451); font-size: 16px; letter-spacing: 1px;}
#push_sidebar li:last-child a { border-bottom: 0;}
#push_sidebar li a:hover { background: #0179a9; color: #fff;}
.nav_trigger { display: block;}
.nav_trigger .fa-times { color: #fff;}
.nav_trigger { margin-left: 0; margin-right: 0;}
.home-page-two .nav_trigger { margin-left: 0; margin-right: 15px;}
body.show_sidebar .nav_trigger { margin-right: 0;}
.list-unstyled { margin-top: 20px;}
.nav_trigger { margin-top: 0;}
@media (min-width: 768px) {
nav .link_menu {margin-right: 20px; }
nav .button_menu li {margin-right: 10px;}
.home-page-two .nav_trigger { margin-right: 30px; display: none; }
.home-page-two nav .header-top-lan-btn {font-size: 14px;}
}
@media only screen and (max-width:1400px) and (min-width:768px) {
.home-page-two .nav_trigger { display: none; }
}
@media (min-width: 1024px) {
.nav_trigger { margin-top: 0; }
nav .button_menu li {margin-right: 8px; padding-right: 8px; position: relative;}
nav .button_menu li:before {content: "";position: absolute; top: 50%;right: 0; height: 17px;
width: 1px; background: #b8b8b8;transform: translateY(-50%);}
nav .button_menu li:last-child:before { display: none;}
nav .button_menu .nav-btn { margin-right: 0;}
}
.home-page-two .header-info nav {border-bottom: 0;}
.home-page-two nav .button_menu .nav-btn {color: #fff;border-color: #fff;}
.home-page-two nav .button_menu .nav-btn:hover {background: #fff;color: #0179a9;}
.home-page-two nav .header-top-lan-btn {border: 1px solid #242424;}
.home-page-two nav .header-top-lan-btn i {transition: 0.5s;}
.home-page-two nav .header-top-lan-btn:after {display: none;}
.home-page-two nav .header-top-lan-btn:hover {color: #faba35;border: 1px solid #faba35;}
.home-page-two nav .social-media-link { margin-right: 20px;}
.home-page-three nav { border-bottom-color: #b31b48;}
.home-page-three nav .header-top-lan-btn:focus,
.home-page-three nav .header-top-lan-btn:hover {color: #b31b48 !important; border-color: #b31b48;}
.home-page-three nav .header-top-lan-btn:focus i,
.home-page-three nav .header-top-lan-btn:hover i { color: #b31b48 !important;}
.home-page-three #push_sidebar {background: rgba(179, 27, 72, 0.95);}
.home-page-three #push_sidebar li a:hover { background: #b31b48;}
.home-page-three .show i { color: #b31b48;}
.main-footer {
background-color: #0179a9;
}
.footer-buttom { border-top: 1px solid #fff; background: #0179a9; color: #fff; padding: 5px;}
.footer-buttom p a {
color:#faba35;
font-weight: 600;
}
.main-footer .footer-top {
padding: 50px 0 50px;
}
.main-footer .footer-top p a {
color:#faba35;
}
.main-footer .footer-logo a img {
margin-bottom: 20px;
}
.main-footer .footer-block-box {
padding-bottom: 25px;
}
.main-footer .block-box-title {
margin-bottom: 14px;
font-size: 18px;
position: relative;
display: inline-block;
text-align: center;
color: #ffffff;
font-family: 'Poppins', sans-serif;
}
.icon_f {
font-size: 20px;
position: relative;
top: 7px;
}
.iso_img{
width: 100px;
height: auto;
}
.iso_img img{
width: 100%;
height: auto;
}
.main-footer a {
margin-bottom: 10px;
font-size: 14px;
transition: 0.5s;
}
.main-footer a:last-child {
margin-bottom: 0;
}
.white.content_office {
margin-top: 18px;
}
.main-footer a i {
margin-right: 3px;
font-size: 17px;
}
.main-footer .block-box-list a:hover {
text-decoration: none;
color: #fff900 !important;
border-radius: 5px !important;
padding-left: 13px !important;
}
.block-box-list {
margin-top: 17px;
}
.main-footer .block-box-title:before {
content: "";
display: block;
width: 56px;
height: 2px;
background: #ffdb1d;
left: 0;
top: 133%;
position: absolute;
}
.main-footer .footer-logo p {
margin-top: 8px;
font-size: 15px;
}
.main-footer .social-media {
margin-left: 89px;
}
.main-footer .social-media a {
font-size: 20px;
width: 40px;
height: 40px;
margin-right: 35px;
border-radius: 100% !important;
background: #0179a9;
margin-bottom: 8px;
margin: 0 auto 0px;
}
.main-footer .social-media a i {margin-right: 0;font-size: 14px;}
.main-footer .copyright-cart a {display: inline-block;margin: 5px;}
.main-footer .copyright-text a {font-size: 16px;margin: 0 2px;color: #faba35;}
.main-footer .copyright-text a:hover {color: #0179a9;}
.main-footer .social-media a:hover {background: #175587 !important;}
.main-footer .footer-border {border-top: 1px solid #696a6a; padding: 20px;}
.main-footer .footer-block-box.footer-social { padding-bottom: 20px;}
.copyright-text {padding-top: 10px !important;}
@media (min-width: 768px) {
.main-footer { text-align: left !important;}
.main-footer .social-media a {width: 40px;height: 40px;font-size: 17px;}
.main-footer .footer-logo p {font-size: 16px;line-height: 26px;}
.main-footer .social-media-title {margin-bottom: 15px; }
.main-footer .social-media-title {margin-bottom: 28px;}
.main-footer .block-box-list a {font-size: 15px;}
.main-footer .footer-block-box.footer-social { padding-bottom: 0;}
.main-footer .copyright-text { padding-top: 0px;}
}
@media (max-width: 991px) {
.main-footer .footer-logo p {margin-right: 0px; padding-bottom: 25px;}
}
@media (min-width: 1024px) {
.main-footer .social-media a {width: 40px;height: 40px;}
}
@media (min-width: 1200px) {
.main-footer .block-box-list a {
font-size: 14px;
font-weight: 600;
color: #fff;
font-family: 'Nunito', sans-serif;
padding: 0px 7px;
}
.main-footer .footer-logo p {
margin-top: 6px;
font-size: 15px;
margin-right: 0;
line-height: 24px;
font-family: 'Nunito', sans-serif;
}
.main-footer .social-media a {margin: 3px;width: 26px;height: 26px;}
}
@media (min-width: 1600px) {
.main-footer .block-box-list {padding-top: 0;}
.main-footer .block-box-title { font-size: 30px;}
.main-footer .footer-top { padding-bottom: 60px;}
}
.home-page-three .main-footer .copyright-text a {color: #b31b48;font-weight: 700;}
@keyframes fadeInUp {
from {
opacity: 0;
transform: translate3d(0, 50%, 0);
}
20% {
opacity: 0;
}
to {
opacity: 1;
transform: none;
}
}
.main-slider {
background: url("../img/VOIP-Vert-Age.png") no-repeat;
background-size: cover;
overflow: hidden;
padding-top: 20px;
position: relative;
}
.main-slider::after {
position: absolute;
content: '';
top: 0;
left: 0;
height: 100%;
width: 100%;
}
.main-slider .container {
position: relative;
z-index: 10;
}
.main-slider a {
font-size: 12px;
padding: 10px 49px 6px 10px;
}
.main-slider a p {
z-index: 10;
}
.main-slider a:hover {
color: #fff;
}
.main-slider .slider-title {
margin-bottom: 10px;
text-transform: uppercase;
font-weight: 700;
line-height: 40px;
}
.main-slider .slider-title .slider-subtitle {
color: #faba35;
font-size: 12px;
line-height: 1;
}
.main-slider .btn-3e {
border-radius: 0;
font-size: 12px;
}
.main-slider .btn-3e:before {
width: 24px;
line-height: 2.2;
}
.main-slider .btn-3e:after {
margin: -26px 0 0 0;
transform: rotate(20deg) translateX(18px);
}
.bg-sldier-img {
position: absolute !important;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.vegas-timer {
top: 0;
}
.vegas-slide,
.vegas-slide-inner {
background-color: transparent !important;
}
@media (min-width: 1400px) {
.main-slider { padding: 60px 0 70px;}
.main-slider .btn-3e:after {transform: rotate(20deg) translateX(28px); }
.main-slider .btn-3e:before { width: 36px; line-height: 2.4; }
.main-slider .slider-content { margin-bottom: 25px; }
.main-slider .slider-content-box { padding-left: 100px;}
.main-slider .slider-content {font-size: 16px; font-weight: 300;margin-bottom: 32px;margin-top: 5px; }
.home-page-two .main-slider .slider-content-box {margin-bottom: 52px;}
.home .main-slider .slider-content-box {padding-left: 0;margin-left: -34px; }
.home .main-slider .slider-content {max-width: 590px; }
}
.carousel-caption {
position: absolute;
right: 15%;
bottom: 72px;
left: 5%;
z-index: 10;
padding-top: 20px;
padding-bottom: 20px;
color: #fff;
text-align: left !important;
}
.span { font-size: 35px;}
.asfqwer {line-height: 1.1;margin-bottom: 10px;font-weight: 700;text-align: left;font-size: 43px;margin-bottom: 15px;}
.p {text-align: left !important;}
@media (min-width: 1650px) {
.home .main-slider {padding-bottom: 120px;}
}
@media (min-width: 1024px) {
.home-page-two .main-slider {padding: 135px 0 0;}
.home-page-two .main-slider .main-slider-img {margin-bottom: -100px;}
.home-page-two .main-slider .slider-content-box {margin-bottom: 52px;}
}
@media (min-width: 992px) {
.main-slider a {font-size: 18px;padding: 10px 60px 10px 30px;letter-spacing: 2px;margin-right: 10px; }
.main-slider .slider-content {font-size: 19px;font-weight: 300;line-height: 26px;margin-bottom: 32px;}
.main-slider .slider-title {font-size: 48px;line-height: 56px;}
.main-slider .slider-title .slider-subtitle {font-size: 29px;line-height: 1;}
.main-slider .btn-3e {font-size: 16px;margin-right: 10px;}
}
@media (max-width: 991px) {
.main-slider .slider-title {font-size: 35px;margin-bottom: 15px;}
.main-slider .slider-title .slider-subtitle {font-size: 23px;margin-bottom: 10px;}
.main-slider .slider-content {margin-bottom: 25px;font-size: 17px;}
}
@media (min-width: 768px) and (max-width: 991px) {
.home .main-slider .slider-title {font-size: 30px;}
}
@media (max-width: 767px) {
.main-slider .slider-title {font-size: 30px;margin-bottom: 10px;}
.main-slider .btn-3e {margin-right: 5px;}
}
@media (max-width: 575px) {
.main-slider .slider-title {font-size: 23px;line-height: 31px;margin-bottom: 25px;}
.main-slider .slider-title .slider-subtitle {font-size: 20px;}
.main-slider .btn-3e { margin-right: 0px; padding: 10px 33px 6px 8px;}
}
.home-page-three .main-slider::after {
background: linear-gradient(to right,rgba(43,58,133,0.9) 25%,rgba(179,27,72,0.9) 75%);
}
.home-page-three .main-slider .bg-content { position: absolute; left: 0;bottom: 15px;z-index: 1;}
.home-page-three .main-slider .bg-content img { width: 44%; opacity: .3;}
.home-page-three .main-slider .layer {position: relative;}
.home-page-three .main-slider .layer .img-part {
position: absolute; left: 0;opacity: 1; bottom: 37px;height: 39px;width: 20px;}
@media (min-width: 992px) {
.home-page-three .main-slider .bg-content { bottom: 15px;}
.home-page-three .main-slider .bg-content img { width: 63%; }
.home-page-three .main-slider .layer .img-part {bottom: 55px;height: 58px; width: 37px;}
}
@media (min-width: 1200px) {
.home-page-three .main-slider .bg-content { bottom: 15px;}
.home-page-three .main-slider .bg-content img { width: 75%; }
.home-page-three .main-slider .layer .img-part {bottom: 72px;}
}
.country-rate .country-form {padding: 10px 0;}
.country-rate .country-rate-box {
padding: 14px 5px;margin-top: 10px;border-radius: 4px;border: 1px solid #faba35;color: rgba(101,101,101,0.6);}
.country-rate .country-rate-form-area {
position: relative;
}
.country-rate .country-rate-form-area:before {content: "";position: absolute; bottom: -25%;left: 12%;height: 40px;width: 22px;background: url(../img/arrow.png) no-repeat;}
.country-rate .country-rate-btn {margin: 20px 0 0;}
.country-rate input {font-size: 12px;}
.country-rate .btn-3e { padding: 10px 43px 10px 24px;}
.country-rate .btn-3e:before { line-height: 2.6;}
.country-rate .btn-3e:after {transform: rotate(27deg) translateX(42px);}
.country-rate .btn-3e:hover {color: #fff;}
.country-rate .media-body { padding-left: 9px;}
.country-rate .media-body a {transition: all .3s linear;-webkit-transition: all .3s linear;
-o-transition: all .3s linear;}
.country-rate .media-body a:hover { color: #faba35;}
.country-rate .media-body a:hover::before { color: #0179a9;}
.country-rate .form-control {text-align: center;font-size: 16px;}
.country-rate ::-webkit-input-placeholder { color: rgba(36, 36, 36, 0.5);}
.country-rate ::-moz-placeholder {color: rgba(36,36,36, 0.5);}
.country-rate :-ms-input-placeholder {color: rgba(36,36,36, 0.5);}
.country-rate :-moz-placeholder {color: rgba(36,36, 36, 0.5);}
.custom-select {font-size: 12px;height: auto;padding: .475rem 1.75rem 0.475rem .75rem;
box-shadow: 0px 5px 7px 1px rgba(51,51, 51, 0.1);font-size: 16px;}
.home-page-two .country-rate .media-body h4 {margin-bottom: 2px;}
.home-page-two .country-rate .media-body a {margin-top: 6px;font-size: 16px;}
@media (max-width: 768px) {
.country-rate { padding-top: 50px;
background: url("../img/country-rate-map-bg.png") no-repeat;background-size: cover; }
.option_queta .opq1 {border-top-left-radius:0px }
.option_queta .opq3 {border-top-right-radius:0px}
.country-rate .all_prices { padding: 0 0 20px;}
.country-rate .country-form {padding: 20px 0;}
.country-rate .form-control {padding: 10px; font-size: 16px;}
.country-rate .custom-select {padding: 10px;display: block; width: 100%;font-size: 17px;}
.country-rate-form-area {margin-bottom: 20px;border-radius: 5px;}
}
@media (min-width: 991px) and (max-width: 1024px) {
.country-rate .media-body { padding-top: 15px;}
}
@media (min-width: 1024px) {
.country-rate .country-rate-btn {margin: 50px 0;}
.country-rate .country-form {padding: 25px 0;}
.country-rate .country-rate-btn {margin: 25px 0 0;}
}
@media (min-width: 1200px) {
.country-rate .country-rate-form-area { margin-bottom: 50px;}
.country-rate .country-rate-form-area:before {bottom: -49%;}
.country-rate .country-rate-form-area:before {bottom: -30%;}
.country-rate .country-rate-box .country-img-box img {margin-top: 5px;}
}
@media (min-width: 1400px) {
.country-rate .media-body { padding-top: 5px;font-size: 20px;line-height: 28px;}
.country-rate a {font-size: 17px;}
.country-rate .country-img-box {padding-right: 0;}
.country-rate .media-body { font-size: 16px;}
.country-rate .media-body h4 {font-size: 20px;line-height: 1;}
.country-rate .custom-select,
.country-rate .form-control {padding: 14px; font-size: 20px;}
.country-rate .country-rate-form-area {margin-bottom: 70px;}
.country-rate .country-rate-btn {margin: 40px 0 0;}
.country-rate .btn-3e { padding: 15px 57px 15px 20px;}
.country-rate .btn-3e:before { line-height: 3;}
.country-rate .btn-3e:after {transform: rotate(27deg) translateX(50px); }
}
@media (min-width: 1650px) {
.country-rate .country-rate-form-area { margin-bottom: 55px;margin-top: -50px;}
.country-rate .country-form { padding: 30px 0;}
.country-rate .custom-select,
.country-rate .form-control {font-size: 18px;}
.country-rate .media-body { padding-left: 20px; }
.home-page-two .country-rate .country-rate-form-area { margin-top: auto;}
}
@media (min-width: 1024px) {
.home-page-two .country-rate { padding-top: 50px; padding-bottom: 40px !important;}
.home-page-two .country-rate2 { padding-bottom: 40px !important;}
.home-page-two .country-rate .main-slider { margin-bottom: -100px;}
.home-page-two .country-rate a {font-size: 17px;line-height: 1; text-decoration: none; transition: 0.5s;}
.home-page-two .country-img-box { padding-right: 20px !important; }
.home-page-two .media-body {padding: 0; font-size: 13px;color: rgba(36, 36, 36, 0.8);}
.home-page-two .media-body h4 { font-size: 24px;line-height: 24px;}
}
@media (max-width: 575px) {
.country-form { text-align: center; }
.country-form .custom-select { margin-top: 10px;}
.ad-m { margin-top: 25px !important;}
}
.home-page-three .country-rate .country-rate-form-area {
background: linear-gradient(to right,#2b3a85 25%,#b31b48 75%);}
.home-page-three .country-rate .country-rate-form-area:before {
background: url(../img/arrow-2.png) no-repeat; z-index: 0;}
.home-page-three .country-rate .country-rate-box {border-color: #2b3a85;}
.home-page-three .country-rate .media-body a:hover {color: #b31b48;}
.home-page-three .country-rate .media-body a:hover::before {color: #2b3a85;}
.feature {padding-top:0px;}
.feature .feature-content { padding: 20px;font-weight: 300; font-size: 16px;}
.feature .card-body {padding: 8px 0 0; padding-bottom: 15px;}
.feature .feature-category-box {display: inline-block;}
.feature .feature-category-box:hover .feature-hover {display: flex !important;}
.feature .feature-hover {z-index: 10;background: #e2e2e2;transition: 0.5s;display: none !important; width: 90%;}
.feature .feature-hover .triangle {
width: 20px;background: red;position: absolute;top: -20px;left: 50%;transform: translateX(-50%);}
.feature .feature-hover .triangle:before {content: "";position: absolute;top: 0;left: 0;width: 0;height: 0;
border-style: solid;border-width: 0 12.5px 20px 12.5px; border-color: transparent transparent #e2e2e2 transparent;
}
.feature .feature-hover .apps-box { padding: 10px 0;position: relative;width: 33.33%;}
.feature .feature-hover .apps-box:before {content: "";position: absolute; right: 0;top: 50%;height: 20px;width: 1px;background: #969696;transform: translateY(-50%);}
.feature .feature-hover .apps-box a {transition: 0.5s;color: #242424;}
.feature .feature-hover .apps-box a:hover { color: #0179a9;text-decoration: none;}
.feature .feature-hover .apps-box a:hover i { color: #0179a9;}
.feature .feature-hover .apps-box i {transition: 0.5s;color: #5a5a5a;}
.feature .feature-hover .apps-box .apps-big-icon { font-size: 25px;}
.feature .feature-hover .apps-company-name {margin-top: 5px;}
.feature .feature-hover .apps-company-name i {margin-left: 8px;}
.feature .feature-category {position: relative; z-index: 10;}
@media (max-width: 767px) {
.card-body h5 { margin-bottom: 10px;}
}
@media (max-width: 991px) {
.feature-content-box {margin-top: 20px; }
}
@media (min-width: 768px) {
.feature .card {position: relative; padding-bottom: 26px;}
.feature .card:before { content: "";position: absolute; top: 50%;right: 0; height: 40px;width: 2px;
background: #f8c8c8;transform: translateY(-50%);}
.feature .feature-category-box {display: block; }
.feature .feature-hover { min-width: 690px;}
.feature .feature-hover .apps-box { padding: 30px 0;}
.feature .feature-hover .apps-company-name {margin-top: 15px;font-size: 22px; }
.feature .feature-hover-left .feature-hover {left: 0;}
.feature .feature-hover-right .feature-hover { right: 0; }
.feature .apps-box .apps-big-icon { font-size: 50px !important; }
}
@media (min-width: 1024px) {
.feature .feature-hover .triangle {top: -18px; }
.feature .feature-hover {min-width: 450px;}
.feature .feature-hover .apps-box {padding: 20px 0;}
.feature .feature-hover .apps-box .apps-big-icon {font-size: 40px;}
.feature .feature-hover .apps-company-name {margin-top: 10px;}
.feature-content-box {background: transparent;}
}
@media (max-width: 1399px) {
.feature .card-body h2 {font-size: 15px;}
}
@media (min-width: 1024px) {
.feature { position: relative; }
.feature {width: 100%; height: 312px;}
}
@media (min-width: 1200px) {
.feature { position: relative;}
.feature {width: 100%;height: 500px;background: white;}
.feature .feature-content { padding-bottom: 50px;font-size: 19px;}
.feature .card {padding-bottom: 65px;}
.feature .card:before { top: 35%;}
.feature .feature-hover .apps-box { padding: 40px 0;}
}
@media (min-width: 1300px) {
.feature .feature-hover {min-width: 700px;}
.feature .feature-hover-right .feature-hover {right: -25px;}
.feature .feature-hover-left .feature-hover {left: -25px;}
}
@media (min-width: 1400px) {
.main-title-box {margin-bottom: 0;}
}
@media (min-width: 1500px) {
.feature .feature-hover {min-width: 700px;}
.feature .feature-hover-right .feature-hover {right: -20px;}
.feature .feature-hover-left .feature-hover {left: -20px;}
}
.home-page-threebody {overflow-x: hidden;}
.home-page-three .feature { position: relative;}
.home-page-three .feature:before {z-index: 1; background: linear-gradient(to right,#2b3a85 25%,#b31b48 75%);}
.home-page-three .feature .container {position: relative; z-index: 20;}
.home-page-three .feature .bg-3 {
position: absolute; top: 0; right: 00px;height: 100%;z-index: -10;text-align: right;}
@media (min-width: 1024px) {
.home-page-three .feature .bg-3 {display: inline-block !important;}
.home-page-three .feature .bg-3 img {width: 73%; }
}
@media (min-width: 1200px) {
.home-page-three .feature .bg-3 img {width: 82%;}
}
@media (min-width: 1400px) {
.home-page-three .feature .bg-3 img {width: 86%; }
}
@media (min-width: 1600px) {
.home-page-three .feature .bg-3 img {width: 100%;}
}
.home-page-three .feature .feature-hover .apps-box a:hover {color: #b31b48;}
.home-page-three .feature .feature-hover .apps-box a:hover i {color: #b31b48;}
@media (max-width: 1023px) {
.home-page-three .feature-content-box.brand-bg {background: #2b3a85; }
}
.testimonial-section { padding: 70px 0;}
.testimonial-section .testimonial-box-title {font-size: 15px;line-height: 20px;}
.testimonial-section .testimonial-box { position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);text-align: left;z-index: 10; width: 60%;}
.testimonial-section .testimonial-box-content {padding: 8px 0;line-height: 1.3;}
.testimonial-section .author-name { font-style: italic; font-weight: 700;margin-bottom: 5px;}
.testimonial-img { margin: 10px 0; position: relative;}
.testimonial-img img { position: relative; z-index: 2;}
.testimonial-img .hover-img {position: absolute; top: 13px; left: 0;width: 100%;z-index: 1; transition: all .4s;}
.testimonial-container:hover .hover-img {opacity: 1;}
.testimonial-section .testimonial-box {font-size: 15px;line-height: 25px;}
.testimonial-section .testimonial-box-content { padding: 0; margin-bottom: 10px;}
@media (min-width: 768px) {
.testimonial-section .layer {padding: 20px; }
}
@media (min-width: 992px) and (max-width: 1023px) {
.testimonial-img .hover-img {top: 9px;width: 97%;}
}
@media (min-width: 1024px) {
.testimonial-section .testimonial-box-title {font-size: 20px;line-height: 25px; margin-bottom: 8px;}
.testimonial-section .testimonial-box { text-align: left;}
.testimonial-section .layer {padding: 35px;}
.home-page-two .testimonial-box {padding-top: 20px;}
}
@media (min-width: 1200px) {
.testimonial-section .layer {padding: 0; }
}
@media (max-width: 1023px) {
.testimonial-section .testimonial-box-title {font-size: 23px;margin-bottom: 19px;}
.testimonial-section .testimonial-box-content { max-width: 214px;}
}
@media (max-width: 767px) {
.testimonial-img { margin-top: 40px;}
.testimonial-container {text-align: center;}
.home-page-two .testimonial-box {width: 44%;}
.home-page-two .testimonial-img .hover-img {top: 0px;}
}
@media (max-width: 575px) {
.testimonial-img .hover-img {top: 12px; }
.testimonial-section .testimonial-box-title {font-size: 18px;margin-bottom: 8px; }
.testimonial-section .testimonial-box-content { font-size: 14px;margin-bottom: 4px; }
.testimonial-section .testimonial-box { width: 60%; }
}
.home-page-three .testimonial-section { position: relative;}
.home-page-three .testimonial-section .stor .primary {color: #b31b48;}
.home-page-three .testimonial-section .bg-content { display: none;position: absolute;left: 0;bottom: 30px;}
.home-page-three .testimonial-section .bg-content .testi-bg { position: relative;}
.home-page-three .testimonial-section .bg-content .testi-bg::after {
position: absolute; content: '';left: 89%;top: 62%; transform: translate(-50%,-50%);height: 150px;
width: 150px;background: linear-gradient(to right, #2b3a85 25%,#b31b48 75%);border-radius: 50%;}
.home-page-three .testimonial-section .bg-content .testi-bg .layer {position: relative; z-index: 2;}
.home-page-three .testimonial-section .bg-content .testi-bg .layer img {opacity: .3;}
@media (min-width: 1400px) {
.home-page-three .testimonial-section { padding-bottom: 150px; }
.home-page-three .testimonial-section .bg-content { display: inline-block; }
}
.dialer-app {padding: 60px 0;}
.dialer-app .dialer-app-btn:hover { background: #0179a9 !important;}
.dialer-app .dialer-app-btn {background: #faba35 !important;color: #fff;margin-top: 10px;
padding: 15px 20px; font-size: 15px;}
.dialer-app .media {padding: 12px 10px 15px;line-height: 26px;}
.dialer-app .media {background: #ddd;margin: 0 0 10px !important;}
.dialer-app .dialer-app-box-img {width: 60px;background: #b6b5b3;padding: 14px;border-radius: 100%;
box-shadow: 0px 0px 0px 2px #fff;}
.dialer-app .media-body h5 {font-size: 24px;margin-bottom: 12px;}
.dialer-app .media-body .dialer-app-content {font-size: 16px;}
@media (min-width: 768px) {
.dialer-app .media-body h5 {font-size: 24px;margin-bottom: 7px; }
.dialer-app .media-body .dialer-app-content {font-size: 16px;}
}
@media (max-width: 768px) {
.dialer-app .main-title-box .title-shap img {margin-bottom: 30px;}
}
@media (min-width: 1200px) {
.dialer-app {padding: 100px 0; }
}
@media (min-width: 1400px) {
.home-page-two .dialer-app .dialer-app-box-img {margin-left: -64px !important;}
.dialer-app { padding: 70px 0 70px; }
.dialer-app .dialer-app-box-img {width: 100px; padding: 24px; box-shadow: 0px 0px 0px 5px #fff;}
.dialer-app .media-body {padding-left: 10px;padding-top: 5px;}
.dialer-app .dialer-app-btn {padding: 18px 35px;margin-top: 17px;}
.dialer-app .main-title-box {margin-bottom: 60px;}
}
.dialer-app-box .dialer-app-box-img { transition: 0.5s;}
.dialer-app-box:hover .dialer-app-box-img {}
.dialer-app-box:hover .dialer-app-box-img img {
-webkit-animation: rotating 20s linear infinite;
-moz-animation: rotating 20s linear infinite;
-ms-animation: rotating 20s linear infinite;
-o-animation: rotating 20s linear infinite;
animation: rotating 20s linear infinite;
}
@-webkit-keyframes rotating {
from {
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes rotating {
from {
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.home-page-three .dialer-app {
position: relative;
}
.home-page-three .dialer-app .dialer-app-box:hover .dialer-app-box-img {
background: linear-gradient(to right,
#2b3a85 25%,
#b31b48 75%);
}
.home-page-three .dialer-app .dialer-app-btn {
transition: all .8s;
background: linear-gradient(to right,
#2b3a85 25%,
#b31b48 75%) !important;
}
.home-page-three .dialer-app .dialer-app-btn:hover {
transform: scale(1.1);
}
.home-page-three .dialer-app .bg-content {
position: absolute;
left: 0px;
z-index: -9;
bottom: 20px;
}
@media (min-width: 768px) and (max-width: 991px) {
.home-page-three .dialer-app .bg-content {
bottom: 150px;
}
.home-page-three .dialer-app .bg-content img {
width: 60%;
}
}
@media (min-width: 992px) {
.home-page-three .dialer-app .bg-content img {
width: 70%;
}
}
@media (min-width: 1200px) {
.home-page-three .dialer-app .bg-content img {
width: 90%;
}
}
.call-to-action {
position: relative;
}
.call-to-action::after {
position: absolute;
content: '';
top: 0;
left: 0;
height: 100%;
width: 100%;
background: #0179a9;
}
.call-to-action .container {
position: relative;
z-index: 5;
}
.call-to-action input {
font-size: 18px;
padding: 10px;
}
.call-to-action button {
font-size: 18px;
padding: 10px 60px;
font-weight: 400;
}
.call-to-action .call-to-action-title {
font-size: 29px;
font-weight: 600;
line-height: 40px;
}
.call-to-action .call-to-action-box p {
font-size: 14px;
}
.call-to-action input {
color: #e4e4e4 !important;
background: #0179a9;
}
.call-to-action input:focus {
background: #0179a9;
border-color: #faba35;
}
.call-to-action form {
position: relative;
}
.call-to-action button {
padding: 5px 10px;
background: #faba35;
color: #fff;
cursor: pointer;
text-transform: none;
position: absolute;
top: 0;
right: -150;
}
.call-to-action button:hover {
color: #0179a9;
background: #fff !important;
}
.call-to-action ::-webkit-input-placeholder {
color: rgba(255,
255,
255,
0.5);
}
.call-to-action ::-moz-placeholder {
color: rgba(255,
255,
255,
0.5);
}
.call-to-action :-ms-input-placeholder {
color: rgba(255,
255,
255,
0.5);
}
.call-to-action :-moz-placeholder {
color: rgba(255,
255,
255,
0.5);
}
@media (min-width: 992px) {
.call-to-action .call-to-action-title {
font-size: 35px;
}
.call-to-action .call-to-action-title {
font-size: 40px;
line-height: 50px;
}
.call-to-action .call-to-action-box p {
font-size: 16px;
}
.call-to-action {
padding: 50px 0;
}
}
@media (min-width: 1600px) {
.call-to-action {
padding: 60px 0 60px;
}
.call-to-action input {
font-size: 20px;
padding: 12px 25px;
}
.call-to-action button {
font-size: 25px;
padding: 10px 29px;
}
.call-to-action .call-to-action-title {
font-size: 40px;
}
.call-to-action .call-to-action-box {
font-weight: 300;
}
.call-to-action .call-to-action-form {
margin-left: 20px;
}
}
@media (max-width: 991px) {
.call-to-action-box p {
display: none;
}
}
@media (max-width: 767px) {
.call-to-action-box {
text-align: center !important;
}
.call-to-action-box .call-to-action-title {
margin-top: 0;
}
.call-to-action-form {
margin-top: 15px;
}
}
@media (max-width: 575px) {
.call-to-action-box .call-to-action-title {
font-size: 26px !important;
}
}
.home-page-three .call-to-action::after {
background: linear-gradient(to right,
rgba(43,
58,
133,
0.9) 25%,
rgba(179,
27,
72,
0.9) 75%);
}
.home-page-three .call-to-action input {
background: #fff;
color: #2b3a85 !important;
}
.home-page-three .call-to-action input::placeholder {
color: #2b3a85 !important;
}
.home-page-three .call-to-action button {
background: #0179a9;
}
.home-page-three .call-to-action button:hover {
color: #000000;
}
.stor-section {
padding: 18px 0 20px;
background: #f1f1f1;
}
.stor-section .stor-text {
margin-bottom: 18px;
text-align: center;
font-size: 26px;
line-height: 33px;
}
.stor-section img {
padding: 0 5px;
}
@media (min-width: 768px) {
.stor-section {
padding: 48px 0 50px;
}
.stor-section .stor-text {
margin: 0;
text-align: left;
font-size: 30px;
line-height: 40px;
}
}
@media (min-width: 1400px) {
.stor-section {
padding: 63px 0 65px;
}
.stor-section .stor-text {
font-size: 35px;
}
}
.apps-link-box-area {
padding: 36px 0 50px;
}
.apps-link-box-area .app-link-box-title {
padding: 30px 0 20px;
font-weight: 700;
font-size: 35px;
line-height: 1;
}
.apps-link-box-area .app-link-box-title .subtitle {
font-size: 18px;
font-weight: 400;
margin-top: 10px;
}
.apps-link-box-area .apps-link-box {
margin-bottom: 20px;
padding: 20px 0;
-webkit-box-shadow: 0px 8px 28px 0px rgba(0,
0,
0,
0.18);
-moz-box-shadow: 0px 8px 28px 0px rgba(0,
0,
0,
0.18);
box-shadow: 0px 8px 28px 0px rgba(0,
0,
0,
0.18);
}
.apps-link-box-area .app-content {
margin-bottom: 30px;
}
.apps-link-box-area .app-content button {
margin-top: 10px;
padding: 4px 10px !important;
background: #0179a9;
font-size: 14px;
color: #fff;
border: 1px solid transparent;
}
.apps-link-box-area .app-content button:hover {
color: #0179a9;
background: #fff;
border-color: #0179a9;
}
.apps-link-box-area .apps-link-box-area {
padding: 40px 0 30px;
}
.apps-link-box-area .apps-link-box-area .app-content button {
font-size: 20px;
padding: 10px 18px !important;
}
.apps-link-box-area .app-content button {
margin-top: 20px;
}
.breadcome .breadcome-list-group {
margin-top: 20px;
}
@media (min-width: 768px) {
.apps-link-box-area .app-content {
margin: 0 !important;
}
.apps-link-box-area .app-content button {
padding: 9px 15px !important;
}
}
@media (min-width: 1024px) {
.apps-link-box-area {
padding: 50px 0;
}
.apps-link-box-area .app-link-box-title {
font-size: 35px;
line-height: 35px;
}
.apps-link-box-area .app-link-box-title .subtitle {
font-size: 20px;
}
.apps-link-box-area .apps-link-box {
padding: 30px 0;
margin-bottom: 35px;
}
}
@media (min-width: 1600px) {
.breadcome .breadcome-title {
font-size: 54px;
line-height: 1.2;
}
.breadcome .breadcome-list-group li {
font-size: 22px;
}
.apps-link-box-area {
padding: 40px 0 40px;
}
.apps-link-box-area .app-content button {
font-size: 20px;
padding: 10px 18px !important;
}
}
#promote .dialer-app {
padding: 70px 0 50px;
}
#promote .breadcome-title {
font-size: 35px;
line-height: 40px;
}
#promote .breadcome-subtitle {
display: inline-block;
background: #fff;
border-radius: 5px;
line-height: 45px;
color: #242424;
font-size: 19px;
padding: 2px 16px;
font-weight: 700;
margin-bottom: 16px;
margin-top: 13px;
}
#promote .breadcome-singin-btn {
padding: 6px 24px;
font-size: 18px;
}
#promote .breadcome-singin-btn:hover {
border-color: #fff;
}
#promote p.white {
font-size: 16px;
}
#promote .dialer-app .main-title {
font-size: 35px;
}
#promote .dialer-app .main-title .main-subtitle {
font-size: 22px;
margin-bottom: 6px;
}
.promote {
background: rgba(0,
0,
0,
0.06);
padding: 68px 0 50px;
}
.promote .promote-box {
padding: 20px 0;
position: relative;
}
.promote .promote-content {
position: absolute;
top: 50%;
left: 0;
width: 100%;
transform: translateY(-50%);
padding: 0 20px;
}
.promote .promote-content img {
width: 40px;
}
.promote .promote-title {
font-size: 15px;
margin-top: 8px;
}
.promote .promote-title p {
font-size: 20px;
}
.breadcome-singin-btn {
padding: 5px 20px;
text-transform: none;
border: 1px solid #fff;
font-weight: 400;
color: #fff;
margin-bottom: 8px;
text-transform: uppercase;
}
.breadcome-singin-btn:hover {
color: #0179a9;
background: #fff;
}
@media (min-width: 768px) {
.promote .promote-content img {
width: auto;
}
.promote .promote-title {
margin-top: 12px;
font-size: 20px;
line-height: 25px;
}
.promote .promote-title {
padding: 0 20px;
}
#promote .breadcome .breadcome-title {
font-size: 42px;
line-height: 61px;
}
#promote .breadcome p {
font-size: 20px;
}
#promote .breadcome-subtitle {
font-size: 26px;
padding: 2px 20px;
}
.breadcome-singin-btn {
padding: 10px 60px;
font-size: 20px;
}
}
@media (min-width: 1024px) {
.promote .promote-title {
margin-top: 16px;
font-size: 24px;
line-height: 26px;
padding: 0 20px;
}
.promote .breadcome-subtitle {
font-size: 30px;
}
#promote .breadcome .breadcome-title {
font-size: 50px;
}
}
@media (min-width: 1200px) {
.promote .promote-title {
margin-top: 16px;
font-size: 24px;
line-height: 26px;
padding: 0 20px;
}
}
@media (min-width: 1600px) {
.promote .promote-title {
padding: 0 75px;
}
.breadcome-subtitle {
font-size: 30px;
line-height: 45px;
padding: 2px 20px;
margin-bottom: 16px;
}
.breadcome-singin-btn {
padding: 10px 60px;
font-size: 20px;
}
.breadcome-singin-btn:hover {
border-color: #fff;
}
}
.faq {
padding: 20px 0;
}
.faq .faq-title {
font-size: 20px;
margin-bottom: 12px;
font-weight: 700;
}
.faq .faq-box-icon {
width: 40px;
margin-right: 15px;
}
.faq .faq-box {
padding: 25px 12px;
margin-bottom: 20px;
box-shadow: 0px 3px 12px 0px rgba(0,
0,
0,
0.1);
}
.faq .faq-box a {
color: #242424;
margin-bottom: 8px;
transition: 0.5s;
font-size: 15px;
line-height: 1;
}
.faq .faq-box a:hover {
color: #0179a9;
text-decoration: none;
}
@media (max-width: 575px) {
.faq .faq-box a {
font-size: 14px;
line-height: 19px;
}
}
.faq .faq-box i {
margin-right: 8px;
}
.faq .faq-btn {
margin-top: 5px;
padding: 5px 12px !important;
background: #0179a9;
font-size: 16px;
color: #fff;
text-transform: none;
font-weight: 400;
border: 1px solid;
color: #fff !important;
}
.faq .faq-btn:hover {
background: #fff;
color: #0179a9 !important;
border: 1px solid #0179a9;
}
.faq .faq-contact {
padding: 32px 0 20px;
margin-top: 20px;
border-top: 1px solid #adadad;
}
.faq .faq-contact .faq-contact-title {
font-size: 27px;
line-height: 35px;
margin-bottom: 14px;
}
.faq .faq-contact .faq-btn {
margin-top: 5px;
padding: 6px 15px !important;
font-size: 20px;
}
.faq .faq-search-form input {
text-align: center;
}
.faq .faq-search-form input:focus {
border-color: #0179a9;
}
#faq-page .breadcome {
padding-bottom: 10px;
}
#faq-page .breadcome .breadcome-title {
margin-bottom: 54px;
}
@media (min-width: 768px) {
.faq {
padding-top: 0;
padding-bottom: 5px;
}
.faq .faq-box-icon {
width: 80px;
margin-right: 25px;
}
.faq .faq-box a {
margin-bottom: 10px;
}
.faq .faq-contact-title {
margin-bottom: 10px;
}
.faq .faq-contact {
font-size: 35px;
padding: 50px 0;
margin-top: 48px;
}
.faq .faq-contact .faq-btn {
margin-top: 5px;
padding: 8px 20px !important;
font-size: 20px;
}
.faq .faq-search-form {
margin-bottom: 20px;
}
.faq .faq-search-form input {
padding: 15px;
margin-top: -25px;
font-size: 18px;
}
}
@media (min-width: 1024px) {
.faq .faq-search-form {
margin-bottom: 65px;
}
}
@media (min-width: 1200px) {
.faq .faq-box-icon {
width: 100px;
text-align: center;
margin-right: 25px;
}
.faq .faq-contact .faq-btn {
font-size: 15px;
border-radius: 5px;
padding: 8px 25px !important;
}
}
@media (min-width: 1200px) {
.faq .faq-contact .faq-contact-title {
font-size: 36px;
margin-bottom: 20px;
}
.faq .faq-contact .faq-btn {
font-size: 24px;
}
}
.contact-info {
padding-top: 40px;
}
.contact-form {
padding-top: 40px;
padding-bottom: 0px;
}
.contact-box {
padding: 20px 0;
}
.contact-box .contact-icon {
font-size: 30px;
margin-bottom: 15px;
}
.contact-box .contact-title {
font-size: 25px;
font-weight: 700;
margin-bottom: 15px;
color: #0179a9;
}
.contact-box .contact-content {
font-size: 16px;
}
.contact-box .socal-media {
margin-top: 10px;
}
.contact-box .socal-media i {
transition: 0.5s;
margin: 0 10px;
color: rgba(36,
36,
36,
0.59);
}
.contact-box .socal-media a:hover i {
color: #242424;
}
.contact-form input:focus {
border-color: #0179a9;
}
.contact-form form {
margin-bottom: 20px;
}
.contact-form form button {
padding: 10px;
background: #0179a9;
color: #fff;
text-transform: none;
}
.contact-form form label {
position: relative;
padding-top: 0;
font-size: 16px;
}
.contact-form .contact-form label {
font-size: 16px;
}
.contact-form .ct-border {
position: absolute;
bottom: 0;
right: 50%;
height: 1px;
width: 50px;
background: #777;
transform: translateX(50%);
}
@media (max-width: 767px) {
.contact-form form label::after {
display: none;
}
}
@media (min-width: 768px) {
.contact-form .ct-border {
right: 0;
height: 50px;
width: 1px;
top: 50%;
transform: translateY(-50%);
}
.contact-form .contact-box {
padding: 0;
}
.contact-form .contact-info {
padding-top: 50px;
}
.contact-form .contact-form {
padding-bottom: 50px;
}
.contact-form .contact-form label {
font-size: 14px;
padding: 0;
}
.contact-form .contact-form form {
margin-bottom: 0;
padding: 0 30px;
}
}
@media (min-width: 768px) and (max-width: 1199px) {
.contact-form form label {
padding: 0;
}
}
@media (min-width: 992px) {
.contact-form #googleMap {
height: 100%;
}
}
@media (min-width: 1024px) {
.contact-form .contact-box {
padding: 0 15px;
}
.contact-form .contact-us .breadcome .sub-title {
line-height: 1;
font-size: 20px;
}
}
@media (min-width: 1200px) {
.contact-form form label {
font-size: 18px;
}
}
@media (min-width: 1400px) {
.contact-form .contact-box {
padding: 0 60px;
}
.contact-form .contact-info {
padding-top: 100px;
padding-bottom: 50px;
}
.contact-form .contact-form {
padding-top: 50px;
padding-bottom: 100px;
}
.contact-form .contact-box .contact-icon {
font-size: 50px;
}
.contact-form .contact-form label {
font-size: 24px;
}
.contact-form .contact-us .breadcome .sub-title {
font-size: 25px;
line-height: 31px;
}
.contact-form .contact-form form button {
padding: 12px 20px;
}
}
.rate-inner .breadcome {
padding: 50px 0 100px;
}
.rate-inner .breadcome-title {
line-height:16px;
}
.rate-inner .breadcome-subtitle {
font-size: 26px;
line-height: 36px;
}
.rate-inner .country-rate {
background: none;
padding-bottom: 0px;
}
.rate-inner .country-rate .country-rate-form-area {
box-shadow: 0px 13px 61px 0px rgba(0,
0,
0,
0.8);
}
.rate-inner .country-rate-form-area {
margin-top: -50px;
margin-bottom: 65px;
}
.rate-inner .main-title {
font-size: 30px;
line-height: 40px;
}
.rate-inner .country-img {
width: 70px;
}
.rate-inner .country-img img {
width: 100%;
}
.rate-inner .country-name1 {
margin-left: 10px;
color: #fff;
}
.rate-inner .country-name1 h2 {
color: #fff;
font-size: 25px;
font-weight: 700;
line-height: 40px;
}
.rate-inner .country-name1 h2 span {
font-size: 15px;
}
.rate-inner .currency select {
padding: 2px 2px;
cursor: pointer;
border: 1px solid;
border-radius: 3px;
color: #fff;
background: transparent;
font-size: 18px;
}
.rate-inner .currency select:focus {
outline: none;
}
.rate-inner .currency select option {
border-radius: 2px;
background: transparent;
color: #faba35;
}
.rate-inner .currency select option:focus {
outline: none;
}
.rate-inner .call-package {
margin: 10px 0;
}
.rate-inner .call-package .package-offer {
padding: 10px 0;
border-bottom: 1px solid rgba(0,
0,
0,
0.36);
}
.rate-inner .call-package .package-offer:last-child {
border-bottom: none;
}
.rate-inner .call-package .package-offer div {
display: inline-block;
}
.rate-inner .call-package .package-offer h5 {
font-size: 18px;
color: #242424;
font-weight: 700;
line-height: 24px;
}
.rate-inner .call-package .package-offer h5 i {
font-size: 14px;
vertical-align: top;
}
.rate-inner .call-package .package-offer span {
font-size: 15px;
color: rgba(36,
36,
36,
0.8);
line-height: normal;
font-weight: 600;
line-height: 27px;
}
.rate-inner .call-package .package-offer .package-types h5 {
color: #0179a9;
}
.country-small-des {
box-shadow: 0px 4px 36px 0px rgba(36,
36,
36,
0.15);
margin: 35px 15px 62px;
}
.country-small-des .country-des {
background: #faba35;
padding: 10px 8px;
}
.country-small-des .calls-des {
padding: 20px 15px;
}
.country-small-des .calls-des h4 {
font-size: 16px;
line-height: 26px;
}
.country-small-des .calls-des h4 span {
font-size: 18px;
color: #0179a9;
}
.country-small-des .calls-des p {
color: rgba(0,
0,
0,
0.5);
}
#main-des {
padding-bottom: 40px;
}
#main-des .main-title-box {
margin-bottom: 0;
}
#main-des .first-letter {
margin: 30px 0 25px;
}
#main-des .first-letter li {
display: inline-block;
font-size: 22px;
line-height: 32px;
padding: 0 3px;
border-radius: 3px;
cursor: pointer;
transition: all .4s;
-webkit-transition: all .4s;
margin: 0 2px;
}
#main-des .first-letter li:hover,
#main-des .first-letter li.active {
background: #0179a9;
color: #fff;
}
#main-des .single-country-des {
box-shadow: 0px 4px 36px 0px rgba(0,
0,
0,
0.15);
padding: 30px 15px;
border-radius: 3px;
margin-bottom: 30px;
display: none;
}
#main-des .single-country-des.active {
display: inherit;
}
#main-des .single-country-des p {
margin-top: 20px;
font-weight: 300;
}
#main-des .country-name2 h3 {
margin-left: 8px;
font-size: 18px;
line-height: 28px;
font-weight: 700;
}
#main-des .country-name2 a {
background: #0179a9;
color: #fff;
border: 1px solid #0179a9;
padding: 4px 9px;
font-size: 14px;
}
#main-des .country-name2 a:hover {
color: #0179a9;
background: #fff;
}
#main-des .des-single {
padding: 10px 0;
border-bottom: 1px solid rgba(0,
0,
0,
0.1);
}
#main-des .img-box {
width: 70px;
}
#main-des .img-box img {
width: 100%;
}
.call-price-des {
padding-top: 20px;
}
.call-price-des .price-type h2 {
font-size: 14px;
line-height: normal;
font-weight: 700;
}
.call-price-des .price-type span {
font-size: 14px;
font-weight: 400;
}
.call-price-des .price-type.price-h h2 {
color: #0179a9;
}
@media (min-width: 576px) {
.rate-inner .call-package .package-offer {
padding: 10px 0;
}
.rate-inner .call-package .package-offer h5 {
font-size: 20px;
line-height: 24px;
}
.rate-inner .call-package .package-offer span {
font-size: 17px;
line-height: 27px;
}
.call-price-des .price-type h2 {
font-size: 16px;
line-height: normal;
}
.call-price-des .price-type span {
font-size: 15px;
}
}
@media (min-width: 768px) {
.rate-inner .breadcome-subtitle {
font-size: 26px;
line-height: 36px;
}
.rate-inner .country-rate-form-area {
margin-top: -50px;
}
.rate-inner .country-des {
padding: 15px 20px;
}
.rate-inner .country-img {
width: 150px;
}
.rate-inner .country-name1 {
margin-left: 10px;
}
.rate-inner .country-name1 h2 {
font-size: 30px;
line-height: 40px;
}
.rate-inner .country-name1 span {
font-size: 15px;
}
.rate-inner .currency select {
padding: 4px 12px;
font-size: 18px;
}
.rate-inner .calls-des {
padding: 20px 30px;
}
.rate-inner .img-box {
width: 120px;
}
#main-des .country-name2 h3 {
margin-left: 25px;
font-size: 30px;
line-height: 40px;
}
#main-des .country-name2 a {
padding: 10px 30px;
}
#main-des .img-box {
width: 120px;
}
#main-des .first-letter li {
font-size: 30px;
line-height: 40px;
padding: 0 5px;
margin: 0 5px;
}
#main-des .single-country-des {
padding: 30px 30px;
}
.call-price-des {
padding-top: 30px;
}
.call-price-des .price-type h2 {
font-size: 20px;
line-height: normal;
}
.call-price-des .price-type span {
font-size: 20px;
}
}
@media (min-width: 992px) {
.rate-inner .breadcome-title {
font-size: 16px;
}
.rate-inner .breadcome-subtitle {
font-size: 30px;
line-height: 40px;
}
}
@media (min-width: 1600px) {
.rate-inner .country-des {
padding: 15px 20px;
}
}
.home-page-four {}
.home-page-four .brand {
color: #0099ff;
}
.home-page-four .header-top-lan-dropdown .dropdown-menu button::after {
color: #0099ff;
}
.home-page-four .header-info {
background: linear-gradient(to right,
#33ff99 25%,
#0099ff 75%);
}
.home-page-four .bonus-offer span {
color: #0099ff;
}
.home-page-four .custom-credit-modal .modal-content,
.home-page-four .custom-login-modal .modal-content {
border-color: #0099ff;
}
.home-page-four .custom-credit-modal .custom-login-modal-btn,
.home-page-four .custom-login-modal .custom-login-modal-btn {
background: #0099ff;
}
.home-page-four .custom-credit-modal .card-active .dropdown {
background: #0099ff;
}
.home-page-four .custom-credit-modal input:focus,
.home-page-four .custom-login-modal input:focus {
border-color: #0099ff;
}
.home-page-four nav {
border-bottom-color: #0099ff;
}
.home-page-four .display_menu li a:hover {
color: #0099ff;
}
.home-page-four nav .header-top-lan-btn:focus,
.home-page-four nav .header-top-lan-btn:hover {
color: #0099ff !important;
border-color: #0099ff;
}
.home-page-four nav .header-top-lan-btn:focus i,
.home-page-four nav .header-top-lan-btn:focus span,
.home-page-four nav .header-top-lan-btn:hover i,
.home-page-four nav .header-top-lan-btn:hover span {
color: #0099ff !important;
}
.home-page-four .button_menu button:active,
.home-page-four .button_menu button:focus {
background: #0099ff;
}
.home-page-four nav .button_menu .nav-btn:hover {
color: #0099ff;
}
.home-page-four .show i {
color: #0099ff;
}
.home-page-four #push_sidebar {
background: rgba(0,
153,
255,
0.9);
}
.home-page-four #push_sidebar li a:hover {
background: #0099ff;
}
.home-page-four .main-slider::after {
background: linear-gradient(to right,
#33ff99 25%,
#0099ff 75%);
}
.home-page-four .slider-title .slider-subtitle {
color: #33ff99;
}
.home-page-four .btn-3 {
background: #0099ff;
}
.home-page-four .btn-3e:after {
background: #33ff99;
}
.home-page-four .country-rate .country-rate-form-area {
background: linear-gradient(to right,
#33ff99 25%,
#0099ff 75%);
}
.home-page-four .ribbon span {
background: linear-gradient(to right,
#33ff99 25%,
#0099ff 75%);
}
.home-page-four .ribbon span::before {
border-left-color: #33ff99;
border-top-color: #33ff99;
}
.home-page-four .ribbon span::after {
border-right-color: #0099ff;
border-top-color: #0099ff;
}
.home-page-four .country-rate .media-body a:hover {
color: #0099ff;
}
.home-page-four .country-rate .country-rate-form-area:before {
background: url(../img/arrow-4.png) no-repeat;
}
.home-page-four .feature:before {
background: linear-gradient(to right,
#33ff99 25%,
#0099ff 75%);
}
.home-page-four .testimonial-section .bg-content .testi-bg::after {
background: linear-gradient(to right,
#33ff99 25%,
#0099ff 75%);
}
.home-page-four .feature .feature-hover .apps-box a:hover {
color: #0099ff;
}
.home-page-four .feature .feature-hover .apps-box a:hover i {
color: #0099ff;
}
@media (max-width: 1023px) {
.home-page-four .feature-content-box.brand-bg {
background: #0099ff;
}
}
.home-page-four .call-to-action::after {
background: linear-gradient(to right,
#33ff99 25%,
#0099ff 75%);
}
.home-page-four .call-to-action input {
color: #0099ff !important;
}
.home-page-four .call-to-action button {
background: #33ff99;
font-weight: 700;
}
.home-page-four .dialer-app .dialer-app-box:hover .dialer-app-box-img {
background: linear-gradient(to right,
#33ff99 25%,
#0099ff 75%);
}
.home-page-four .dialer-app .dialer-app-btn {
background: linear-gradient(to right,
#33ff99 25%,
#0099ff 75%) !important;
}
.home-page-four .main-footer a:hover {
color: #0099ff;
}
.home-page-four .main-footer .copyright-text a {
color: #0099ff;
}
.demo {}
.demo .header-info {
padding: 20px 0;
}
.demo .header-info .btn {
padding: 5px 20px;
border: 1px solid #fff;
color: #fff;
font-size: 14px;
}
.demo .header-info .btn:hover {
color: #0179a9;
background: #fff;
}
.demo .header-info .btn:focus {
box-shadow: none;
}
.demo .main-slider {
padding: 200px 0;
}
.demo .main-slider h1 {
text-transform: inherit;
}
.demo .main-slider .btn-9 {
padding: 10px 68px;
}
.demo .stor-section {
background: rgba(0,
0,
0,
0.9);
}
.demo .stor-section h4 {
color: rgba(255,
255,
255,
0.9);
}
.demo .pur-btn {
font-size: 20px;
padding: 10px 20px;
border: 1px solid;
background: #0179a9;
border-radius: 3px;
color: #fff;
}
.demo .pur-btn:hover {
color: #faba35;
}
.demo #demos {
padding: 65px 0 50px;
}
.demo #demos .page-type {
margin-bottom: 50px;
font-size: 45px;
color: #0179a9;
}
.demo #demos .image-shop-box {
margin-bottom: 50px;
display: block;
text-align: center;
}
.demo #demos .image-bg {
background: url("../img/demo/demo-bg.png") no-repeat center top;
width: 373px;
height: 215px;
display: inline-block;
position: relative;
background-size: cover;
}
.demo #demos .image-bg .image-shop-scroll {
background-position: center 0;
background-repeat: no-repeat;
position: absolute;
width: 280px;
height: 165px;
top: 23px;
left: 0;
background-size: cover;
right: 0;
margin: 0 auto;
}
.demo #demos .image-bg .image-shop-scroll {
transition: all 6s ease-out 0s;
-webkit-transition: all 6s ease-out 0s;
-moz-transition: all 6s ease-out 0s;
-ms-transition: all 6s ease-out 0s;
-o-transition: all 6s ease-out 0s;
}
.demo #demos .image-bg:hover .image-shop-scroll {
background-position: center 100% !important;
}
.demo #demos .text-heading {
font-size: 20px;
font-weight: 700;
}
.demo #demos .demo-full:hover .text-heading {
color: #0179a9;
}
.demo #demos .inner-pages .image-bg {
width: 373px;
height: 215px;
}
.demo #demos .inner-pages .image-bg .image-shop-scroll {
width: 280px;
height: 165px;
top: 23px;
left: 0;
}
@media (min-width: 1200px) {
.demo #demos .image-bg {
width: 552px;
height: 316px;
}
.container {
max-width: 1200px;
}
.demo #demos .image-bg .image-shop-scroll {
width: 420px;
height: 253px;
top: 35px;
left: 2px;
}
}
@media (max-width: 575px) {
.demo #demos .image-bg {
width: 280px;
height: 165px;
}
.demo #demos .image-bg .image-shop-scroll {
width: 218px;
height: 125px;
top: 22px;
left: 0px;
}
.demo #demos .inner-pages .image-bg {
width: 320px;
height: 215px;
}
.demo #demos .inner-pages .image-bg .image-shop-scroll {
width: 285px;
height: 165px;
top: 23px;
left: 0;
}
}
.mt-60 {
margin-top:40px;
}
.section-block-grey {
padding: 33px 0px 40px 0px;
background-color: white;
}
.serv-section-2 {
height: 270px;
position: relative;
border: 1px solid #eee;
background: #fff;
box-shadow: 0px 10px 30px 0px rgba(50,
50,
50,
0.16);
border-radius: 5px;
overflow: hidden;
padding: 30px;
}
.serv-section-2:before {
position: absolute;
top: 0;
right: 0px;
z-index: 0;
content: " ";
width: 80px;
height: 80px;
background: #f5f5f5;
border-bottom-left-radius: 136px;
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
}
.serv-section-2-icon {
position: absolute;
top: 18px;
right: 22px;
max-width: 100px;
z-index: 1;
text-align: center;
}
.serv-section-2-icon i {
color: #0179a9;
/*font-size: 36px;*/
font-size: 28px;
/*line-height: 48px;*/
line-height:30px;
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
}
.serv-section-desc {
position: relative;
}
.serv-section-2 h4 {
color: #044b61;
font-size: 15px;
font-weight: 500;
line-height: 1.5;
}
.serv-section-2 a {
color: #044b61;
font-size: 20px;
font-weight: 500;
line-height: 1.5;
}
.serv-section-2 h5 {
color: #333;
font-size: 14px;
font-weight: 400;
line-height: 24px;
margin-top: 5px;
text-align: justify;
}
.section-heading-line-left {
content: '';
display: block;
width: 100px;
height: 3px;
border-radius: 25%;
margin-top: 15px;
margin-bottom: 5px;
}
.serv-section-2 p {
margin-top: 25px;
/* padding-right: 50px; */
font-size: 15px;
}
.serv-section-2:hover .serv-section-2-icon i {
color: #fff;
}
.serv-section-2:hover:before {
background: #0179a9;
}
.page-cover {
margin-top:91px;
}
.page-cover-h {
margin-top: 72px;
}
#cover-about-us {
margin-top: 92px;
padding: 42px 0px !important;
}
/*.page-cover {*/
/* margin-top: 71px;*/
/*}*/
.btn-primary:hover {
color: #fff;
background-color: #0179a9 !important;
}
.header {
height: 93px;
position: fixed;
width: 100%;
background-color: #0179a9;
box-shadow: 0 0 3px 0 rgb(50 50 50 / 60%);
-webkit-transition: height .4s ease 0s,
opacity .3s ease 0s;
-moz-transition: height .4s ease 0s,
opacity .3s ease 0s;
-ms-transition: height .4s ease 0s,
opacity .3s ease 0s;
-o-transition: height .4s ease 0s,
opacity .3s ease 0s;
transition: height .4s ease 0s,
opacity .3s ease 0s;
z-index: 199;
transition: all .6s;
-webkit-transition: all .6s;
-moz-transition: all .6s;
-o-transition: all .6s;
-ms-transition: all .6s;
}
.header.scrolled {
background: rgb(1 121 169);
position: fixed;
}
.img-thumbnail {
padding: .25rem;
background-color: #fff;
border: 1px solid #dee2e6;
border-radius: .25rem;
max-width: 100%;
height: auto;
}
.rounded {
border-radius: 5px !important;
}
.left_part {
padding: 34px 50px 50px 50px;
}
.left_part h5 {
line-height: 23px;
color: #333;
}
.main-title {
color: #0179a9 !important;
line-height: 39px;
font-size:36px;
}
.voice_chat_b {
color: #0179a9 !important;
line-height: 39px;
font-size: 25px;
margin-bottom: 21px;
letter-spacing: 1px;
}
.box {
position: absolute;
top: 53%;
left: 50%;
transform: translate(-50%,
-50%);
width: 100%;
overflow: hidden
}
.figure {
width: 100%;
height: 100%;
overflow: hidden
}
.figure img {
width: 100%;
transition: .5s
}
.box:hover .figure img {
transform: scale(0)
}
.caption {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #0179a9;
transform: scale(2);
opacity: 0;
transition: .5s
}
.box:hover .caption {
transform: scale(1);
opacity: 1
}
.about {
position: absolute;
top: 50%;
transform: translateY(-50%);
padding: 40px;
box-sizing: border-box;
text-align: justify;
}
.about h2 {
color: #fff;
margin: 0;
padding: 0;
text-transform: uppercase;
font-size: 30px
}
.about p {
color: #fff;
margin: 20px 0 0;
padding: 0;
font-size: 16px
}
small {
color: #fff
}
.course {
text-align:center;
color:green;
}
.course1 {
text-align:center;
font-family:Bradley Hand ITC;
}
.cours2 {}
.cours2 {
position:relative;
border-radius: 5px !important;
}
.cours3 {
-border:1px solid red;
position:absolute;
top:-100px;
opacity:0;
-bottom:100px;
-background-color:rgba(142,
198,
63,
.8);
background-color:rgba(0,
0,
0,
0.3);
color:white;
padding:10p;
}
.cours2:hover .cours3 {
opacity:1;
top:0px;
transition:1s;
}
.cours4 {
position:absolute;
-border:1px solid red;
-margin-top:-80px;
padding-top:20px;
width:100%;
height:80px;
opacity:0;
bottom:-50px;
-background-color:rgba(142,
198,
63,
.8);
background-color:rgba(0,
0,
0,
0.3);
}
.cours2:hover .cours4 {
opacity:1;
bottom:0;
transition:1s;
}
.cours2:hover .hover {
transform:scale(1.3);
transition:1s;
}
.cours7 {
border:1px solid rgb(73,
183,
43);
background-color:rgb(73,
183,
43);
color:white;
font-size:18px;
padding:10px 15px;
border-radius:5px 20px;
}
.cours7:hover {
background-color:transparent;
color:rgb(73,
183,
43);
border:1px solid rgb(73,
183,
43);
transition:1s;
}
.cou:hover {
background-color:transparent !important;
color:rgb(237,
78,
110) !important;
border:1px solid rgb(237,
78,
110) !important;
}
.services2 {
padding-top: 31px;
}
.awards-gif {
position: absolute;
left: 35%;
}
.bg-gradient {
background: #C9D6FF;
background: -webkit-linear-gradient(to right,
#E2E2E2,
#C9D6FF);
background: linear-gradient(to right,
#E2E2E2,
#C9D6FF);
}
.pricing-divider {
border-radius: 20px;
background: #C64545;
padding: 1em 0 4em;
position: relative;
}
.blue .pricing-divider {
background: #2D5772;
}
.green .pricing-divider {
background: #1AA85C;
}
.red b {
color:#C64545
}
.blue b {
color:#2D5772
}
.green b {
color:#1AA85C
}
.pricing-divider-img {
position: absolute;
bottom: -6px;
left: 0;
width: 100%;
height: 80px;
}
.deco-layer {
-webkit-transition: -webkit-transform 0.5s;
transition: transform 0.5s;
}
.btn-custom {
padding:0px;
}
.img-float {
width:50px;
position:absolute;
top:-3.5rem;
right:1rem
}
.princing-item {
transition: all 150ms ease-out;
}
.princing-item:hover {
transform: scale(1.05);
}
.princing-item:hover .deco-layer--1 {
-webkit-transform: translate3d(15px,
0,
0);
transform: translate3d(15px,
0,
0);
}
.princing-item:hover .deco-layer--2 {
-webkit-transform: translate3d(-15px,
0,
0);
transform: translate3d(-15px,
0,
0);
}
.blog_a {
color: #333;
font-size: 14px;
font-weight: 400;
line-height: 20px;
margin-top: 5px;
text-align: justify;
}
.icons_cont {
text-align: center;
}
.round_icon_img {
border-radius:50%;
box-shadow: 0 0 6px rgba(0,
0,
0,
.25);
background: #fff;
width:100px !important;
height: 100px;
padding: 16px;
margin: 15px auto !important;
}
.round_icon_img i {
font-size: 70px;
color: #e0571d;
}
.hover15 {
position: relative;
width: 100%;
height: auto;
padding: 0px !important;
overflow: hidden;
}
.hover15::before {
position: absolute;
top: 50%;
left: 50%;
z-index: 2;
display: block;
content: '';
width: 0;
height: 0;
background: rgba(244,
229,
172,
.4);
border-radius: 100%;
-webkit-transform: translate(-50%,
-50%);
transform: translate(-50%,
-50%);
opacity: 0;
}
.hover15:hover::before {
-webkit-animation: circle .75s;
animation: circle .75s;
}
.hover15 img {
transition: all .3s;
}
.hover15:hover img {
transform: scale(1.2);
}
@-webkit-keyframes circle {
0% {
opacity: 1;
}
40% {
opacity: 1;
}
100% {
width: 200%;
height: 200%;
opacity: 0;
}
}
@keyframes circle {
0% {
opacity: 1;
}
40% {
opacity: 1;
}
100% {
width: 200%;
height: 200%;
opacity: 0;
}
}
.owl-carousel .owl-nav .owl-prev:focus,
.owl-carousel .owl-nav .owl-next:focus {
outline:none;
}
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
outline: none;
}
.carousel_se_01 .owl-theme .owl-dots {
text-align: center;
margin-top: 18px;
}
.carousel_se_01 .owl-theme .owl-dots .owl-dot {
display: inline-block;
}
.carousel_se_01 .owl-theme .owl-dots .owl-dot span {
width: 12px;
height: 12px;
margin: 5px 5px;
background: #ff5e14;
border: 0px solid #ff5e14;
display: block;
transition: all 0.6s ease-in-out;
cursor: pointer;
border-radius: 50%;
}
.carousel_se_01 .owl-theme .owl-dots .owl-dot:hover span {
color: #fff;
background: #ff5e14;
padding:5px;
border-radius: 50%;
}
.carousel_se_01 .owl-theme .owl-dots .owl-dot.active span {
color: #fff;
background: var(--light_orange);
opacity:0.8;
padding:5px;
border-radius: 50%;
background:var(--light_orange);
}
.carousel_se_01 .owl-carousel .owl-nav button.owl-next {
position: absolute;
top: 42%;
right: -40px;
padding: 0px 15px 6px 15px !important;
background: rgb(255,
255,
255);
display: inline-block;
transform: translateY(-50%);
border-radius: 50%;
font-size: 35px;
line-height: 35px;
color: #e0571d;
box-shadow: 0 0 8px rgba(0,
0,
0,
.25);
}
.carousel_se_01 .owl-carousel .owl-nav button.owl-next:hover {
background:#ff5e14;
color: #fff;
}
.carousel_se_01 .owl-carousel .owl-nav button.owl-prev {
position: absolute; top: 42%; left: -40px;padding: 0px 15px 6px 15px !important;
background: rgb(255,255,255);display: inline-block; transform: translateY(-50%);border-radius: 50%;
font-size: 35px;line-height: 35px;color: #e0571d;box-shadow: 0 0 8px rgba(0, 0, 0, .25);}
.carousel_se_01 .owl-carousel .owl-nav button.owl-prev:hover { background:#ff5e14; color: #fff;}
.carousel_se_01 .owl-arrow .owl-nav { position: absolute; top: 0; right: 0; font-size: 1.8rem;}
.carousel_se_01 .owl-arrow .owl-nav .owl-prev,
.carousel_se_01 .owl-arrow .owl-nav .owl-next {
display: inline-block; transition: all 0.6s ease-in-out; color: #000000;}
.carousel_se_01 .main_services {
position: relative; margin: 30px 0px 40px 0px; padding: 40px 15px 32px 15px;overflow: hidden;
text-align: center; border: 1px solid transparent; border-radius: 8px 8px;
box-shadow: 7px 7px 10px 0 rgba(76, 110,245,.1);min-height: 348px;}
.carousel_se_01 .main_services:hover { border: 1px solid #ededed; box-shadow:none;}
.carousel_se_02 { overflow: hidden;}
.carousel_se_02 .product-grid3 {border:none;box-shadow: none;}
.carousel_se_02 .owl-theme .owl-dots { text-align: center; margin-top: 18px;}
.carousel_se_02 .owl-theme .owl-dots .owl-dot { display: inline-block;}
.carousel_se_02 .owl-theme .owl-dots .owl-dot span {width: 9px; height: 9px;margin: 4px;border: 2px solid #94a5b4; display: block; -webkit-backface-visibility: visible; -webkit-transition: opacity 200ms ease;
-moz-transition: opacity 200ms ease;-ms-transition: opacity 200ms ease;
-o-transition: opacity 200ms ease; transition: opacity 200ms ease;
-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg); transform: rotate(45deg);}
.carousel_se_02 .owl-theme .owl-dots .owl-dot:hover span { border-color: #2bb0ef;}
.carousel_se_02 .owl-theme .owl-dots .owl-dot.active span { border-color: #2bb0ef;}
.carousel_se_02 .owl-carousel .owl-nav button.owl-next {position: absolute; top: 42%;right: -40px; padding: 0px 1px !important;background: rgb(255,255,255);display: inline-block; transform: translateY(-50%);border-radius: 5px; font-size: 32px;line-height: 32px; color: #2bb0ef; box-shadow: 0 0 8px rgba(0, 0, 0, .25);}
.carousel_se_02 .owl-carousel .owl-nav button.owl-next:hover { background:#2bb0ef; color: #fff;}
.carousel_se_02 .owl-carousel .owl-nav button.owl-prev {
position: absolute; top: 42%;left: -40px;padding: 0px 1px !important;background: rgb(255,255,255);
display: inline-block; transform: translateY(-50%);border-radius: 5px; font-size: 32px;line-height: 32px;
color: #2bb0ef; box-shadow: 0 0 8px rgba(0, 0, 0, .25);}
.carousel_se_02 .owl-carousel .owl-nav button.owl-prev:hover { background:#2bb0ef; color: #fff;}
.carousel_se_02 .owl-arrow .owl-nav {position: absolute; top: 0; right: 0;font-size: 1.8rem;}
.carousel_se_02 .owl-arrow .owl-nav .owl-prev,
.carousel_se_02 .owl-arrow .owl-nav .owl-next {
display: inline-block; transition: all 0.6s ease-in-out;color: #000000;}
.carousel_se_03 { overflow: hidden;}
.carousel_se_03 .product-grid3 {border:none;box-shadow: none;}
.carousel_se_03 .owl-carousel .owl-nav button.owl-next {width: 4%; position: absolute;top: 52%;right: -40px;
padding: 0px 5px !important;background: rgb(255,255,255);display: inline-block; transform: translateY(-50%);
border-radius: 5px; font-size: 32px;line-height: 32px;color: #195b8d;border: 1px solid white;
box-shadow: 0 0 8px rgba(0, 0, 0, .25);}
.carousel_se_03 .owl-carousel .owl-nav button.owl-next:hover { background:#a5ca34; color: #fff;}
.carousel_se_03 .owl-carousel .owl-nav button.owl-prev {width: 4%;position: absolute;top:52%;left: -40px;padding: 0px 5px !important;background: rgb(255,255,255);display: inline-block;transform: translateY(-50%);border-radius: 5px;font-size: 32px;line-height: 32px;color:#195b8d;border: 1px solid white;box-shadow: 0 0 8px rgba(0, 0, 0, .25);}
.carousel_se_03 .owl-carousel .owl-nav button.owl-prev:hover {background:#a5ca34; color: #fff;}
.carousel_se_03 .owl-arrow .owl-nav {position: absolute;top: 0;right: 0;font-size: 1.8rem;}
.carousel_se_03 .owl-arrow .owl-nav .owl-prev,
.carousel_se_03 .owl-arrow .owl-nav .owl-next {display:inline-block;transition: all 0.6s ease-in-out;color:#a5ca34;}
.carousel_se_03 .round_icon_img i { font-size: 70px;color: #a5ca34;}
.carousel_se_03 .btn-primary {background:#a5ca34;border-color: #a5ca34;}
.carousel_se_03 .btn-primary:hover,
.carousel_se_03 .btn-primary:focus,
.carousel_se_03 .btn-primary:active {background:#708e15;}
@media only screen and (max-width:380px) {}
@media only screen and (max-width:575px) and (min-width: 380px) {}
@media only screen and (max-width:768px) and (min-width:575px) {}
@media only screen and (max-width:993px) and (min-width:768px) {}
@media only screen and (max-width:1140px) and (min-width: 993px) {}
@media only screen and (max-width:1366px) and (min-width: 1141px) {}
a:hover {}
a,
a:focus,
a:hover { text-decoration: none; color: inherit;}
a:hover,
.btn { outline:none!important;}
* { -webkit-border-radius: 0 !important;-moz-border-radius: 0 !important;border-radius: 0 !important;}
.badge {font-weight: 600;font-size: 13px;color: white;background-color: #289dcc;}
.mg-2,
.mg-4 { margin-left:-20px;}
.linkfeat { background: rgba(76,76, 76, 0);
background: -moz-linear-gradient(top,rgba(76,76,76, 0) 0%, rgba(48,48,48,0) 49%,rgba(19,19,19,1) 100%);
background: -webkit-gradient(left top,left bottom,color-stop(0%,rgba(76,76,76,0)),color-stop(49%,rgba(48,48,48,
0)),color-stop(100%,rgba(19,19,19,1)));
background: -webkit-linear-gradient(top,rgba(76,76,76,0) 0%,rgba(48,48,48,0) 49%,rgba(19,19,19,1) 100%);
background: -o-linear-gradient(top,rgba(76,76,76,0) 0%,rgba(48,48,48,0) 49%,rgba(19,19,19,1) 100%);
background: -ms-linear-gradient(top,rgba(76,76,76,0) 0%,rgba(48,48,48,0) 49%,rgba(19,19,19,1) 100%);
background: linear-gradient(to bottom,rgba(76,76,76,0) 0%,rgba(48,48,48,0) 49%,rgba(19,19,19,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c',endColorstr='#131313',
GradientType=0);
}
.form_a {right: 45px;top: 81px;position: absolute;}
.our_cus {width:100%;position:absolute;top:-144px;}
.text-center2 {text-align:center;}
.our_cus2 { display:none !important;}
.get_o {margin-top: 60px;visibility: visible;padding: 50px;}
.get_o1 {margin-top: -9px;visibility: visible;padding: 50px;}
.tit_p {font-size:20px;}
@media screen and (max-width: 480px) {
.tit_p {font-size:13px; }
.image0 { display:none; }
.carousel_se_03 .owl-carousel .owl-nav button.owl-next {position:absolute;top:52%;right:-15px;padding:0px 5px !important;background:rgb(255,255,255);display:inline-block;transform: translateY(-50%);border-radius: 5px; font-size:17px;line-height: 32px;color: #195b8d;border:1px solid white;box-shadow: 0 0 8px rgb(0 0 0 / 25%);}
.carousel_se_03 .owl-carousel .owl-nav button.owl-prev {position: absolute; top: 52%;left: -15px;padding: 0px 5px !important;background: rgb(255,255,255);display: inline-block;transform: translateY(-50%);border-radius: 5px; font-size: 17px;line-height: 32px;color: #195b8d;border: 1px solid white;box-shadow: 0 0 8px rgb(0 0 0 / 25%);}
.get_o {margin-top: 0px;visibility: visible;padding: 30px; }
.media_q { width: 100%;}
.left_part {padding: 0px 30px 19px 30px;height: auto;}
.bonus-offer a {padding: 8px;}
.page-cover-h { margin-top: 54px;}
.form_a {right: 0px;top: 0px;position: relative;}
.mt-8 { margin-top:40px;}
.our_cus { display:none;}
.text-center2 { text-align:left;}
.main-footer .social-media {margin-left: 0px; }
.footer_e { font-size: 12px;margin-bottom: 20px;}
.main-footer .social-media a {font-size: 20px;width: 32px;height: 40px;margin-right: 35px;border-radius: 100% !important;background: #0179a9;margin-bottom: 8px;margin: 0 auto 0px; }
.main-title {line-height: 32px; font-size: 24px;}
.footer-buttom p a {color: #faba35; font-weight: 600;font-size: 12px;}
.main-footer .footer-block-box.footer-social {padding-bottom: 9px;}
.main-footer .block-box-title { margin-bottom: 14px;font-size: 26px;position: relative; display: inline-block;
text-align: center; }
.header {height: 54px;position:fixed;width: 100%;background-color: #0179a9;
box-shadow: 0 0 3px 0 rgb(50 50 50 / 60%);
-webkit-transition: height .4s ease 0s, opacity .3s ease 0s;-moz-transition: height .4s ease 0s,
opacity .3s ease 0s;
-ms-transition: height .4s ease 0s,
opacity .3s ease 0s;
-o-transition: height .4s ease 0s,
opacity .3s ease 0s;
transition: height .4s ease 0s,
opacity .3s ease 0s;
z-index: 199;
transition: all .6s;
-webkit-transition: all .6s;
-moz-transition: all .6s;
-o-transition: all .6s;
-ms-transition: all .6s;
}
.page-cover { margin-top: 55px; }
}
.logo_c {padding-top: 8px;}
.btn-grey { background-color:#D8D8D8;color:#FFF;}
.rating-block { background-color:#FAFAFA;border:1px solid #EFEFEF;padding:15px 15px 20px 15px;border-radius:3px;}
.bold { font-weight:700;}
.padding-bottom-7 { padding-bottom:7px;}
.review-block{background-color:#FAFAFA;border:1px solid #EFEFEF;padding:15px;border-radius:3px;margin-bottom:15px;}
.review-block-name {font-size:12px; margin:10px 0;}
.review-block-date { font-size:12px;}
.review-block-rate { font-size:13px; margin-bottom:15px;}
.review-block-title { font-size:15px; font-weight:700; margin-bottom:10px;}
.review-block-description { font-size:13px;}
p { font-family: 'Nunito', sans-serif; line-height: 25px; font-size: 16px; text-align: justify; color: #333 !important;}
.my-card {position:absolute;left:40%;top:-20px; border-radius:50% !important;}
.autof {font-weight: 600;font-size: 20px;padding: 15px 0px 15px 0px;color: #0179a9;}
.dfg p { height:153px;}
.dfg5 p { height:100%;}
.dialer_f { font-weight: 900 !important; font-size: 18px !important;}
.dfg2 p { height:178px;}
.dfg4 p { height:79px;}
.dfg3 p { height:190px;}
.form-control2 {display: block; width: 100%; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5;
color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da;
border-radius: .25rem; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;}
.form-control2:focus { color: #495057; background-color: #fff; border-color: #80bdff; outline: 0;
box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);}
.input-group-text { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center;
padding: .475rem .75rem; margin-bottom: 0; font-size: 1rem; font-weight: 400; line-height: 1.5;
color: #495057; text-align: center; white-space: nowrap;background-color: #e9ecef;border: 1px solid #ced4da;
border-radius: .25rem;}
.fa {display: inline-block; font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;
-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;color: #f44336 !important;}
.slider-content-boxh1 { color: white; font-size: 60px;}
.slider-content-boxp { color:white !important; font-size:16px; font-weight: 600;}
.top_soft { top: 190px; position: absolute; left: 40px;}
@media screen and (max-width:768px) {
.slider-content-boxh1 { color: white; font-size: 20px;}
.slider-content-boxp { display: none !important;}
.top_soft { top: 0px; position: absolute;left: 8px; }
}
.icon-box h2 {font-size: 17px;}
.trydemo {background-size: cover !important;background-position: center;background-repeat: no-repeat;
background: url(../img/enquiry.jpg) no-repeat;}
* { margin: 0px;padding: 0px;}
.context { width: 100%;position: absolute; top:50vh;}
.context h1 {text-align: center;color: #fff;font-size: 50px;}
.circles {position: fixed;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;}
.circles li {position: absolute; display: block; list-style: none; width: 20px; height: 20px; background: rgba(255,255,255,0.2); animation: animate 25s linear infinite; bottom: -150px;}
.circles li:nth-child(1) {left: 25%;width: 80px;height: 80px;background-color: rgb(255 255 255 / 0%);
animation-delay: 0s;}
.circles li:nth-child(1) img {width: 120px; height:120px;}
.circles li:nth-child(2) {left: 10%;width: 20px;height: 20px;background-color: rgb(255 255 255 / 0%);
animation-delay: 2s;animation-duration: 12s;}
.circles li:nth-child(2) img {width: 120px; height:120px;}
.circles li:nth-child(3) { left: 70%; width: 20px;height: 20px; background-color: rgb(255 255 255 / 0%);
animation-delay: 4s;}
.circles li:nth-child(3) img { width:90px; height:90px;}
.circles li:nth-child(4) { left: 40%; width: 60px; height: 60px; background-color: rgb(255 255 255 / 0%);
animation-delay: 0s; animation-duration: 18s;}
.circles li:nth-child(4) img { width: 120px; height:120px;}
.circles li:nth-child(5) {left: 65%;width: 20px;height: 20px;background-color: rgb(255 255 255 / 0%);
animation-delay: 0s;}
.circles li:nth-child(5) img { width: 120px; height:120px;}
.circles li:nth-child(6) { left: 75%; width: 110px; height: 110px; background-color: rgb(255 255 255 / 0%);
animation-delay: 3s;}
.circles li:nth-child(6) img { width: 60px; height:60px;}
.circles li:nth-child(7) { left: 35%; width: 150px; height: 150px; background-color: rgb(255 255 255 / 0%);
animation-delay: 7s;}
.circles li:nth-child(7) img { width: 40px; height:40px;}
.circles li:nth-child(8) { left: 50%; width: 25px; height: 25px; background-color: rgb(255 255 255 / 0%);
animation-delay: 15s; animation-duration: 45s;}
.circles li:nth-child(8) img { width:50px; height:50px;}
.circles li:nth-child(9) { left: 20%; width: 15px; height: 15px; background-color: rgb(255 255 255 / 0%);
animation-delay: 2s; animation-duration: 35s;}
.circles li:nth-child(9) img {width:130px;height:130px;}
.circles li:nth-child(10) { left: 85%; width: 150px;height: 150px; background-color: rgb(255 255 255 / 0%);
animation-delay: 0s; animation-duration: 11s;}
.circles li:nth-child(10) img { width:120px; height:120px;}
@keyframes animate {
0% {
transform: translateY(0) rotate(0deg);
opacity: 1;
border-radius: 0;
}
100% {
transform: translateY(-1000px) rotate(720deg);
opacity: 0;
border-radius: 50%;
}
}
.cars_padd{padding:10px; text-align: left !important;}
.cars_w{width:100% !important;}
.cars{max-height: 500px !important;}
.cust_2{padding-top: 10px !important;}
.cust_1{min-height: 190px !important; overflow: hidden !important;}
.prog_2{background: #ffffff8a !important;}
.pro_1{padding-top: 10px !important;}
.img_wi{width: 100% !important;}
.p_icon_a{color:#faba35 !important;}
.footer_bo{text-align:justify !important; color:#fff!important}
.iso_l{text-align:left !important;}
.all_c{ margin-top:4px !important; color:#fff!important}
.icon_1{margin-top:-3px;color:#fff;float:left;height:61px}
.icon_11{color:#faba35!important;font-size:14px;}
.icon_2{margin-top:-3px;color:#fff;float:left;height:40px}
.icon_f{font-size:20px}
.icon_f_c{ font-size:20px !important;color:#fff!important}
.fa_color1{color:#fff!important;}
.mob_kk{color:#fff!important;font-size:20px !important; margin-top:-5px !important;}
.header_w{width: 100% !important;}
.header_1{padding: 2px !important;}
.header_2{padding:0px !important;}
.header_3{color:white !important;}
.header_4{ padding-left: 20px !important;}
.header_5{color: #eb6712 !important;}
.logo_wi{width: 100% !important; height: auto !important;}
.header_6{width: 160px;}
.carousel-inner img { width: 100%; height: auto;}
label {display: inline-block; margin-bottom: 0.5rem; font-weight: 700;}
::placeholder { color: black !important;}
#owl-demo .item{ margin: 10px; color: #FFF; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
text-align: center;}
.customNavigation{text-align: center;}
.customNavigation a{ -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.Index_img{width: 100% !important; height:auto !important;}
.index_hid{overflow:hidden;}
.index_emp{background-color: white; padding-bottom:0px !important;}
.index_jus{text-align: justify !important;}
.index_vid{width:100%;filter: brightness(80%);}
.index_11{padding:10px; text-align: left !important;}
.index_cust{padding:45px 0px; color:#000;}
.index_22{text-align: center;}
.index_bg{background-color: #fff !important;}
.index_44 {
width: 100%;
height: 221px;
}
.index_55{color:#043d54}
.index_66{text-align: justify !important; padding-bottom:10px !important;}
.index_77{color: #ff5722 !important; padding: 3px !important;}
.index_88{padding: 10px !important;}
.ul li{ padding:3px; font-size: 16px; }
.auto_dial{ color: #0179a9;}
.vis_1{ visibility: visible; animation-name: fadeInUp;}
.vis_2{visibility: visible; animation-name: fadeInLeft;}
.vis_3{visibility: visible; animation-name: fadeInRight;}
.auto_1{border-radius: 10px !important;}
.auto_2{background: #e6e6e68f !important;}
.asd{background: url(img/slider-bg-2.jpg); padding:20px 0px;}
.pre_1{visibility: visible; animation-name: bounceInUp;}
.callc_a{width: 103.3% !important; height: auto !important; }
.carrer_a{display: block;}
@media screen and (max-width: 280px){
.carousel-caption { position: absolute; right: 0%; bottom: -8px; left: 0%; z-index: 10; padding-top: 37px;
padding-bottom: 0px; color: #fff; text-align: left !important;}
}
@media screen and (max-width: 820px) {
.h1 {margin-bottom: 10px; font-weight: 700;text-align: left; font-size: 22px;margin-bottom: 15px;}
.main-title { color: #0179a9 !important; line-height: 27px; font-size: 22px; }
.left_part { padding: 34px 9px 50px 9px; }
.get_o1 { margin-top: -9px; visibility: visible; padding: 11px; }
.call-to-action button {
padding: 5px 10px;
top: -5px;
right: 0;
}
}
@media screen and (max-width: 768px) {
.h1 { margin-bottom: 10px; font-weight: 700; text-align: left; font-size: 14px; margin-bottom: 15px; }
.carousel-caption { position: absolute; right: 15%; bottom: 8px; left: 15%; z-index: 10; padding-top: 40px;
padding-bottom: 0px; color: #fff; text-align: left !important; }
.btn-3e { padding: 8px 60px 8px 24px; overflow: hidden; }
.span { font-size: 25px; }
}
.auto_p{padding-top: 10px;}
.auto_bg{ background: #ffffff8a !important; }
.blended_a{ width: 100%; height: auto}
.blended_m{ margin-bottom:0px !important;}
.blended_pr{position: relative !important;}
.blended_bo{border-radius: 10px !important; height: 100%;}
.blended_af{color: #FFF !important;}
.blended_ab{background: white;}
.blog_a{text-align: justify !important; font-size: 16px !important; color: #333 !important;}
.blog_b{color: #ff5722 !important; font-size: 16px !important;}
.blog_c{padding: 10px !important; height: 200px !important;}
.blog_d{color:#043d54 !important;}
.blog_show_a{font-size: 40px !important; text-align: center !important;}
.blog_show_b{font-size: 20px !important; text-align: center !important;}
.blog_show_c{padding: 40px !important;}
.blog_show_d{display: inline-block !important;}
.blog_show_e{color: #0179a9 !important; font-size: 30px; line-height: 39px;}
.blog_show_f{background: #efefef8f !important; padding-bottom: 20px !important;}
.blog_show_g{width: 100% !important; max-height:400px !important;}
.blog_show_h{border:3px solid #f1f1f1 !important;}
#st-el-7 { font-family: "Helvetica Neue", Verdana, Helvetica, Arial, sans-serif;
direction: ltr; display: block; opacity: 1; text-align: center; z-index: 94034;}
#st-el-7.st-animated { -moz-transition: o 0.2s ease-in, p 0.2s ease-in, a 0.2s ease-in, c 0.2s ease-in, i 0.2s ease-in, t 0.2s ease-in, y 0.2s ease-in; -ms-transition: o 0.2s ease-in, p 0.2s ease-in, a 0.2s ease-in, c 0.2s ease-in, i 0.2s ease-in, t 0.2s ease-in, y 0.2s ease-in; -o-transition: o 0.2s ease-in, p 0.2s ease-in, a 0.2s ease-in, c 0.2s ease-in, i 0.2s ease-in, t 0.2s ease-in, y 0.2s ease-in; -webkit-transition: o 0.2s ease-in, p 0.2s ease-in, a 0.2s ease-in, c 0.2s ease-in, i 0.2s ease-in, t 0.2s ease-in, y 0.2s ease-in;
transition: o 0.2s ease-in, p 0.2s ease-in, a 0.2s ease-in, c 0.2s ease-in, i 0.2s ease-in, t 0.2s ease-in, y 0.2s ease-in;}
#st-el-7.st-has-labels .st-btn { min-width: 120px;}
#st-el-7 .st-btn { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-transition: opacity 0.2s ease-in, top 0.2s ease-in; -ms-transition: opacity 0.2s ease-in, top 0.2s ease-in;
-o-transition: opacity 0.2s ease-in, top 0.2s ease-in; -webkit-transition: opacity 0.2s ease-in, top 0.2s ease-in; transition: opacity 0.2s ease-in, top 0.2s ease-in; -moz-border-radius: 4px; -webkit-border-radius: 4px;
border-radius: 4px; border: none; cursor: pointer; display: inline-block; font-size: 11px; height: 32px;
line-height: 32px; margin-right: 8px; padding: 0 8px; position: relative; text-align: center; top: 0;
vertical-align: top; white-space: nowrap;}
#st-el-7 { font-family: "Helvetica Neue", Verdana, Helvetica, Arial, sans-serif; direction: ltr; display: block;
opacity: 1; text-align: center; z-index: 94034;}
#st-el-7 .st-btn[data-network='facebook'] > span { color: #fff;}
#st-el-7 .st-btn > span { -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; color: #fff; display: inline-block; font-weight: 500; letter-spacing: 0.5px; min-width: 60px; opacity: 1; padding: 0 6px; position: relative; vertical-align: top;}
#st-el-7 .st-btn { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-transition: opacity 0.2s ease-in, top 0.2s ease-in; -ms-transition: opacity 0.2s ease-in, top 0.2s ease-in;
-o-transition: opacity 0.2s ease-in, top 0.2s ease-in; -webkit-transition: opacity 0.2s ease-in, top 0.2s ease-in; transition: opacity 0.2s ease-in, top 0.2s ease-in; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: none; cursor: pointer; display: inline-block; font-size: 11px; height: 32px; line-height: 32px; margin-right: 8px; padding: 0 8px; position: relative; text-align: center; top: 0; vertical-align: top; white-space: nowrap;}
#st-el-7 .st-btn[data-network='facebook'] { background-color: #4267B2;}
#st-el-7 .st-btn[data-network='twitter'] { background-color: #55acee;}
#st-el-7 .st-btn[data-network='pinterest'] { background-color: #CB2027;}
#st-el-7 .st-btn[data-network='email'] { background-color: #7d7d7d;}
#st-el-7 .st-btn[data-network='sms'] { background-color: #ffbd00;}
#st-el-7 .st-btn[data-network='sharethis'] { background-color: #95D03A;}
#st-el-7 .st-btn > img { display: inline-block; height: 16px; width: 16px; position: relative; top: 8px; vertical-align: top;}
.heading { font-size: 25px; margin-right: 25px;}
.fa { font-size: 17px;}
.checked { color: orange;}
.side { float: left; width: 15%; margin-top:10px;}
.middle { margin-top:10px; float: left; width: 70%;}
.right { text-align: right;}
.row:after { content: ""; display: table; clear: both;}
.bar-container { width: 100%; background-color: #f1f1f1; text-align: center; color: white;}
.list-inline { display:inline-flex; }
.list-inline li{ }
.bar-5 { height: 18px; background-color: #4CAF50;}
.bar-4 { height: 18px; background-color: #2196F3;}
.bar-3 { height: 18px; background-color: #00bcd4;}
.bar-2 { height: 18px; background-color: #ff9800;}
.bar-1 { height: 18px; background-color: #f44336;}
.pads { padding-top: 6vh; padding-bottom: 5vh; background: #fff; }
.careers h2 { color: #0179a9; font-size: 26px; }
.careers h3 { font-size: 1.1em; color: #0179a9; }
.careers p { font-size: .95em; }
.px100 { width: 100%; height: 6vh; }
.careers h3 { margin-top: 30px; margin-bottom: 11px; font-family: 'Open Sans', sans-serif; }
.hide,.shsss{ display: none; }
.formBox { margin-top: 90px; padding: 50px;}
.formBox h1{margin: 0;padding: 0;text-align: center;margin-bottom: 50px;text-transform: uppercase;font-size: 48px;}
.inputBox { position: relative; box-sizing: border-box; margin-bottom: 50px; }
.inputBox .input { position: relative; width: 100%; background: transparent; border: none; outline: none;
font-size: 20px;border-bottom: 1px solid rgba(0, 0, 0, .5); }
.focus .inputText { transform: translateY(-30px);font-size: 18px; opacity: 1; color: #00bcd4; }
textarea { height: 100px !important; }
.button { width: 100%; height: 50px; border: none; outline: none; background: #03A9F4; color: #fff;}
.shsss ul li { list-style-type: disc; }
.shsss ul{ margin-left: 40px; }
.chatbot1 { background: url(../img/Channel-Patner-Banner-VertAge.png) no-repeat; background-size: cover;
padding-top: 20px; position: relative;}
.chatbot1 .slider-title {
margin-bottom: 10px;text-transform: uppercase;font-weight: 700;line-height:50px;font-size: 45px;}
.chatbot1 .slider-content {font-size: 25px;font-weight: 300;line-height: 26px;margin-bottom: 32px; }
.chanel_a{padding: 0px; height: 500px; overflow: hidden;}
.chanel_b{padding: 50px !important;}
.chanel_c{max-height: 400px;}
.chanel_d{padding:10px !important;}
.chanel_e{padding: 50px 0px !important;}
.chanel_f{visibility: visible; animation-name: fadeInRight; text-align: center;}
.chanel_g{max-height:300px;}
.chanel_h{visibility: visible; animation-name: fadeInLeft; padding-left: 50px; text-align: justify;}
.chanel_i{padding: 50px 0px !important;background: #FFF !important;}
.chanel_j{visibility: visible; animation-name: fadeInLeft; padding-left: 50px; text-align: justify;}
.chanel_k{max-width:100% !important;}
.chatbot {background: url(../img/chatbot.png) no-repeat;background-size: cover; padding-top: 20px;
position: relative; }
.chatbot .slider-title {
margin-bottom: 10px;text-transform: uppercase;font-weight: 700;line-height:50px;font-size: 45px;}
.chatbot .slider-content {font-size: 25px;font-weight: 300;line-height: 26px;margin-bottom: 32px; }
section.integrations {width: 100%;padding: 110px 0 220px;}
.chatbot_a{visibility: visible; animation-name: fadeInLeft; text-align:justify;}
.chatbot_b{padding: 50px 0px;background: #FFF;}
.chatbot_c{padding: 0px; height: 500px; overflow: hidden; margin-top: 93px;}
.chatbot_d{padding:10px;}
.chatbot_e{color:white !important;font-size: 14px;}
.chatbot_f{max-height:300px !important; width:100%;}
.chatbot_g{padding: 50px 0px !important;}
.chatbot_h{max-height:500px !important; min-height:300px !important; width: auto !important;}
.cloud_bas_a{background-color: #f1f1f1 !important;}
.cloud_bas_b{text-align: center !important;}
.cloud_bas_c{height:300px !important;}
.cloud_bas_d{width: 100% !important;}
.sdf{padding-bottom: 40px !important;}
/*responsive*/
@media (min-width: 768px){
.dfg p {
height: 260px;
}
.country-rate{
padding: 20px;
}
}
@media (min-width: 567px){
.autodial {
margin: 0;
}
}
.bullets li{
list-style: disc;
position: relative;
left: 10px;
}
.blink_company {
animation: blinker 1.5s linear infinite;
color: #ffe200 !important;
}
@keyframes blinker {
50% {
opacity: 0;
}
}
.logo_wi {
width: 61% !important;
height: auto !important;
}
.main_company {
font-size: 11px;
margin-top: -6px;
margin-left: 10px;
text-transform: capitalize;
color: #fff !important;
}
.display_menu .link_menu li a {
font-family: 'Poppins', sans-serif;
}
.footer-shape {
right: -102px;
bottom: 0px;
position: absolute;
}
.gear {
animation: rotate 110s infinite linear;
transform-origin: center;
transform-box: fill-box;
}
@keyframes rotate {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes rotate-2 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(-120deg);
}
}
@media only screen and (max-width: 767px) {
.btn-3e {
padding: 5px 39px 4px 18px;
overflow: hidden;
}
section.country-rate {
padding-bottom: 59px;
}
.dfg2 p {
height: 178px;
font-size: 15px;
line-height: 21px;
}
.card {
margin-bottom:30px;
}
button#submit_comment {
padding: 10px 40px 10px 18px;
overflow: hidden;
}
section.chatbot {
margin-top: 64px !important;
}
#cover-about-us {
margin-top: 58px;
}
.voice_chat_b {
line-height: 32px;
font-size: 16px;
margin-bottom: 21px;
letter-spacing: 1px;
}
.chatbot .slider-title {
font-weight: 700;
line-height: 45px;
font-size: 30px;
}
.chatbot {
margin-top: 60px !important;
}
.breadcome {
padding-top: 100px;
}
img {
width: 100%;
}
.col-sm-12.centersolution-menu {
margin-bottom: 56px;
}
.widget-content.tags-list {
margin-bottom: 50px;
}
.logo_c {
padding-top: 7px;
}
.page-cover h1 {
font-size: 25px;
}
#abt-cnt-2-text h2>span {
font-size: 33px;
}
span.nav_trigger.header_3 i {
margin-top: 3px;
font-size: 20px;
color: #fff !important;
}
.btn_close {
position: fixed;
right: 10px;
top: 19px;
color: #fff;
font-weight: 300 !IMPORTANT;
font-size: 28px;
padding: 4px 10px !important;
}
ul.listsprites li {
font-size: 13px;
margin-bottom: 14px;
}
#abt-cnt-2-text h3 {
font-size: 17px;
font-weight: 700;
color: #0179a9;
}
.listsprites li:before {
width: 28px;
height: 26px;
margin: 0 6px 0 0;
background-image: url(../img/list.png);
background-size: cover;
}
#abt-cnt-2-text img {
width: 100%;
height: 100% !important;
}
.main-footer .social-media a {
width: 30px;
height: 30px;
}
.sub-menu.mobile_menu h2 {
font-size: 18px;
text-align: left;
padding-top: 10px;
color: #ff0553;
padding-left: 4px;
margin-bottom: 7px;
}
#reply-title {
color: #021738;
font-size: 2rem;
font-weight: 700;
padding-top: 25px;
margin-bottom: 30px;
}
.comments-section {
margin-top: 10px;
border: 0px solid #ccc;
background: #ffffff !important;
padding: 24px 36px;
}
#push_sidebar {
background: #fff;
padding: 0px 8px;
}
.sub-menu12 a {
color: #5e6367 !important;
}
.show_mobile_menu:before {
font-family: FontAwesome;
content: "\f107";
display: inline-block;
padding-right: 3px;
vertical-align: middle;
position: absolute;
right: 28px;
margin-top: 8px;
color: #000;
}
.sub-menu12 {
width: 100% !important;
}
.asfqwer {
font-size: 10px;
}
.asfqwer {
font-size: 12px;
}
.header-info .bonus-offer {
font-size: 9px;
}
.header {
height: 80px;
}
.page-cover-h {
margin-top: 60px;
}
.logo_wi {
width: 121% !important;
height: auto !important;
}
#abt-cnt-2-text p {
line-height: 21px;
font-size: 15px;
}
.main-footer .block-box-title {
margin-bottom: 14px;
font-size: 20px;
}
#push_sidebar li:last-child a.header_3 {
border-bottom: 0;
padding-left: 3px !important;
background: #2196F3;
border-radius: 50px !important;
padding: 10px 21px !important;
margin-top: 10px;
color: #fff !important;
text-align: center;
}
.btn-3:before {
position: absolute;
height: 100%;
/* left: 13px;*/
top: -8px;
line-height: 3.3;
font-size: 100%;
width: 28px;
}
.get_o1 {
margin-top: 4px;
}
.btn-3e:after {
width: 42%;
height: 200%;
background: #faba35;
z-index: 1;
right: -24px;
top: 0;
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
margin: -38px 0 0 0;
transform: rotate(27deg) translateX(45px);
}
.icon-box {
margin-bottom: 26px;
}
.trydemo h2 {
margin: 0px !important;
font-size: 28px !important;
margin-bottom: 23px !important;
padding-bottom: 10px !important;
}
#push_sidebar li a {
background: transparent;
color: #000;
border-bottom: 1px solid rgba(241, 241, 241, 0.368627451);
font-size: 14px;
letter-spacing: 1px;
font-family: 'Poppins', sans-serif;
text-align: left;
}
.main_company {
font-size: 16px;
margin-top: 0px;
margin-left: 10px;
color: #fff !important;
position: absolute;
width: 500px;
}
.nav_trigger.header_3 i.fa.fa-times {
color: #000 !important;
font-size: 19px;
}
span.slider-subtitle.d-block.span.p_icon_a {
font-size: 21px;
margin-bottom: 5px;
}
.carousel-caption {
position: absolute;
right: 15%;
bottom: 8px;
left: 0%;
}
.card.border-1.box-shadow-v1.u-h-100p a {
width: 100%;
min-height: 192px;
overflow: hidden;
}
section#cover-about-us {
background-size: 101% 100% !important;
background-repeat: no-repeat !important;
}
.serv-section-2 h4 {
color: #044b61;
font-size: 13px;
font-weight: 500;
line-height: 1.5;
}
.serv-section-2 p {
margin-top: 25px;
font-size: 13px;
line-height: 20px;
}
.page-cover {
margin-top: 58px;
}
.dfg p {
height: 183px;
}
img.img-thumbnail.img_wi {
margin-top: 32px;
}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
.logo_wi {
width: 86% !important;
height: auto !important;
}
.blog_section img {
height: 149px !important;
}
section.chatbot {
margin-top: 60px !important;
height: 346px !important;
}
.btn-3e:after {
right: 5px;
}
.btn-3e:before {
top: -7px;
}
.index_66 {
line-height: 19px;
font-size: 12px;
}
.dialer_cantant .col-md-4 {
flex: 0 0 46.333333%;
max-width: 46.333333%;
}
#tab-button li a {
font-size: 8px;
}
.blog_section p {
font-size: 13px !important;
}
#abt-cnt-2-text h2>span {
font-size: 33px;
}
a.more_row {
font-size: 15px !important;
}
.icon-box h3 {
font-size: 17px !important;
}
.content_blog {
font-size: 13px !important;
line-height: 21px !important;
}
.services p {
font-size: 14px;
line-height: 24px;
}
.main-footer .block-box-title {
margin-bottom: 13px;
font-size: 13px;
}
.icon-box.medium>p {
margin: 10px 10px 0 84px;
font-size: 13px;
line-height: 21px;
}
.heading_tittle h2 {
font-size: 31px !important;
font-weight: 700 !important;
letter-spacing: 1px !important;
margin-top: 130px !important;
line-height: 44px !important;
}
.dialer_cantant .col-md-8 {
flex: 0 0 53.333333%;
max-width: 53.333333%;
}
.breadcome {
padding: 49px 0px;
}
.col-sm-12.centersolution-menu {
margin-top: 35px;
}
#cover-about-us {
margin-top: 64px;
}
section.chatbot {
margin-top: 60px !important;
}
.chatbot .slider-title {
font-weight: 700 !important;
line-height: 41px !important;
font-size: 31px !important;
}
.display_menu .link_menu li a {
font-family: 'Poppins', sans-serif;
font-size: 14px;
}
section.page-cover-h {
margin-top: 61px;
}
.dfg p {
height: 187px;
font-size: 13px;
line-height: 20px;
}
section#cover-about-us {
padding: 36px 5px;
}
.index_44 {
width: 100%;
height: 185px;
}
.header {
height: 81px;
}
.page-cover {
margin-top: 63px;
}
.main-footer .footer-logo p {
font-size: 11px;
line-height: 20px;
}
a.btn.btn-3.btn-3e.icon-arrow-right {
position: relative;
top: -38px;
}
.carousel-caption {
position: absolute;
right: 15%;
bottom: 8px;
left: 3%;
z-index: 10;
padding-top: 40px;
padding-bottom: 0px;
color: #fff;
text-align: left !important;
}
.asfqwer {
line-height: 1.1;
margin-bottom: 10px;
font-weight: 700;
text-align: left;
font-size: 28px;
margin-bottom: 6px;
}
#abt-cnt-2-text p {
line-height: 18px;
font-size: 13px;
}
.footer-top .col-md-3 {
padding: 0px 4px!important;
}
.page-cover h1 {
font-size: 25px;
}
.call-to-action h3 {
color: #fff !important;
}
.icon_11 {
color: #faba35!important;
font-size: 12px;
line-height: 19px;
}
.page-cover {
margin-top: 86px;
}
.feature-content-box h3.main-title {
color: #0179a9 !important;
}
.main-footer .social-media a {
width: 30px;
height: 28px;
font-size: 13px;
}
.icon_2 {
height: 43px;
}
.main-footer a {
margin-bottom: 10px;
font-size: 12px;
transition: 0.5s;
}
.serv-section-2 {
height: 249px;
padding: 16px;
}
.our-services h3.w-bold.main-title {
color: #000 !important;
}
.main-footer .col-md-3 {
padding: 0px 5px;
}
.mt-60 {
margin-top: 12px;
}
.main-footer .block-box-list a {
font-size: 12px;
}
.serv-section-2:before {
width: 54px;
height: 54px;
}
.serv-section-2 p {
margin-top: 34px;
font-size: 13px;
text-align: left;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 7;
-webkit-box-orient: vertical;
line-height: 19px;
}
.serv-section-2 h4 {
width: 88%;
}
.serv-section-2-icon i {
color: #0179a9;
font-size: 21px;
line-height: 23px;
position: relative;
right: -13px;
top: -7px;
}
#abt-cnt-2-text h3 {
color: #0179a9 !important;
}
.footer-top .col-md-4 {
padding: 5px 5px;
}
.call-to-action {
position: relative;
padding: 40px 0px;
}
.listsprites p {
line-height: 16px;
font-size: 13px;
margin-top: 8px;
margin-bottom: 13px;
}
.main_company {
font-size: 8px;
}
/* .main-title {
color: #f9fdff !important;
line-height: 27px;
font-size: 22px;
}*/
.frame img {
width: 100%;
height: 211px;
}
ul li {
font-size: 13px !important;
}
div#abt-cnt-2-text\ index_jus p {
font-size: 13px;
line-height: 22px;
}
}
#modal-subscribe .modal-header.border-0 {
text-align: center;
width: 100%;
display: block;
border-radius: 16px 22px 0px 0px !important;
padding: 10px 15px;
font-size: 30px;
font-weight: 800;
color: #FFF;
text-align: center;
font-family: 'Poppins';
background-position: center left;
background-position: 100% 40%;
position: relative;
overflow: hidden;
background-color: #428adc!important;
background: #1488cc;
background: linear-gradient(to right, #1488cc, #1e55e3);
}
label {
display: inline-block;
margin-bottom: 0.5rem;
font-weight: 800;
font-family: 'Nunito', sans-serif;
letter-spacing: 1.5px;
}
#modal-subscribe .modal-body {
padding: 20px 28px;
}
#modal-subscribe .modal-content {
padding: 0px 25px;
border-radius: 24px !important;
}
#modal-subscribe .modal-content {
padding: 0px 0px;
}
.form-control {
border: solid 1px #b0bec5 !important;
padding: 10px !important;
height: 38px;
}
h1#myModalLabel {
font-size: 33px;
text-transform: capitalize;
}
.btn_close:focus {
border: none !important;
}
.btn_close {
position: fixed;
right: 20px;
top: 19px;
color: #fff;
font-weight: 300 !IMPORTANT;
font-size: 28px;
padding: 4px 10px !important;
}
img.error_404 {
width: 100%;
}
.btn_close:hover {
background: #ff0505;
color: #fff !important;
border-radius: 52px !important;
opacity: 8 !important;
}
h1#myModalLabel {
font-size: 31px;
text-transform: capitalize;
color: #fff;
font-family: 'Poppins', sans-serif !important;
}
.error-404.not-found.pt-5.pb-5 {
background: #fff !important;
}
.error-404 {
padding: 178px 0px !important;
}
.pagenotfound {
font-size: 64px;
color: #00
7FDD;
letter-spacing: -1.6px;
line-height: 76px;
font-weight: bold;
}
.nothing-found {
font-size: 23px;
letter-spacing: -0.57px;
line-height: 27px;
color: #000000;
font-weight: bold;
margin-top: 40px;
}
.visit-content {
text-align: center;
font-size: 24px;
letter-spacing: 0.24px;
line-height: 29px;
color: #000000;
font-weight: bold;
margin: 30px 0;
}
.visit-links-wrapper {
box-shadow: 0px 1px 10px #01020252;
border-radius: 14px !IMPORTANT;
padding-top: 28px;
padding-bottom: 28px;
}
.visit-links a {
text-align: center;
display: block;
text-transform: uppercase;
font-size: 22px;
letter-spacing: 1.65px;
line-height: 26px;
font-weight: 400;
color: #000000;
padding-top: 20px;
padding-bottom: 20px;
position: relative;
}
.pl-0 {
padding-left: 21px !important;
}
span.input-group-btn {
font-size: 18px;
position: relative;
right: 24px;
}
.tag-cloud.myform h3 {
font-size: 25px !important;
font-family: 'Poppins', sans-serif !important;
}