body,
html {
font-family: 'Open Sans', sans-serif;
text-rendering: optimizeLegibility !important;
-webkit-font-smoothing: antialiased !important;
color: #666;
font-weight: 400;
width: 100% !important;
height: 100% !important;
}
h2 {
font-family: 'Montserrat', sans-serif;
margin: 0 0 20px 0;
font-weight: 700;
font-size: 32px;
color: #333;
}
h3 {
font-family: 'Montserrat', sans-serif;
font-size: 22px;
font-weight: 700;
color: #333;
}
h4 {
font-size: 18px;
color: #333;
}
h5 {
text-transform: uppercase;
font-weight: 700;
line-height: 20px;
}
p {
font-size: 15px;
}
p.intro {
margin: 12px 0 0;
line-height: 24px;
}
a {
color: #1f386e;
font-weight: 400;
}
a:hover,
a:focus {
text-decoration: none;
color: #3496f4;
}
ul,
ol {
list-style: none;
}
ul,
ol {
padding: 0;
webkit-padding: 0;
moz-padding: 0;
}
hr {
height: 2px;
width: 70px;
text-align: center;
position: relative;
background: #1E7A46;
margin-bottom: 20px;
border: 0;
}
#menu {
padding: 5px;
transition: all 0.8s;
}
#menu.navbar-default {
background-color: #fff;
border-color: rgba(231, 231, 231, 0);
box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .1);
}
#menu a.navbar-brand {
font-family: 'Montserrat', sans-serif;
font-size: 32px;
font-weight: 700;
color: #1f386e;
text-transform: uppercase;
letter-spacing: -1px;
}
.navbar-brand {
height: auto !important;
padding: 0px 0px !important;
font-size: 18px;
margin-left: 0px !important;
line-height: 20px !important;
}
#menu.navbar-default .navbar-nav>li>a {
font-family: 'Montserrat', sans-serif;
color: #6d6d6d;
font-size: 15px;
font-weight: 700;
padding: 8px 2px;
border-radius: 0;
margin: 9px 2px 0 20px;
}
#menu.navbar-default .navbar-nav>li>a:hover {
color: #eed272;
}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
color: #3496f4 !important;
background-color: transparent;
}
.navbar-toggle {
border-radius: 0;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
background-color: #fff;
border-color: #fff;
}
.navbar-default .navbar-toggle:hover>.icon-bar {
background-color: #1b6d3f;
}
.section-title {
margin-bottom: 70px;
}
.section-title h2 {
position: relative;
margin-top: 10px;
margin-bottom: 15px;
padding-bottom: 15px;
border-bottom: 1px solid rgba(0, 0, 0, 0.09);
}
.section-title h2::after {
position: absolute;
content: "";
background-color: #3496f4;
height: 3px;
width: 50px;
bottom: -1px;
left: 0;
}
.btn-custom {
text-transform: uppercase;
color: #fff;
background-image: linear-gradient(to right, #eed272 0%, #ddb957 100%);
padding: 14px 20px;
letter-spacing: 1px;
margin: 0;
font-size: 14px;
font-weight: 600;
border-radius: 4px;
transition: all 0.3s;
}
.btn-custom:hover,
.btn-custom:focus,
.btn-custom.focus,
.btn-custom:active,
.btn-custom.active {
color: #fff;
background-image: linear-gradient(to right, #ddb957 0%, #eed272 100%);
}
.btn-custom1 {
text-transform: uppercase;
color: #fff;
background-image: linear-gradient(to right, #eed272 0%, #ddb957 100%);
padding: 6px 20px;
letter-spacing: 1px;
margin: 0;
font-size: 12px;
font-weight: 400;
border-radius: 4px;
transition: all 0.3s;
}
.btn-custom1:hover,
.btn-custom1:focus,
.btn-custom1.focus,
.btn-custom1:active,
.btn-custom1.active {
color: #fff;
background-image: linear-gradient(to right, #ddb957 0%, #eed272 100%);
}
.btn:active,
.btn.active {
background-image: none;
outline: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
a:focus,
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
outline: none;
outline-offset: none;
}
.intro {
width: 100%;
padding: 0;
background-color: #fff;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;
}
.intro .overlay {}
.intro h1 {
font-family: 'Montserrat', sans-serif;
color: #4d4d4d;
font-size: 46px;
font-weight: 700;
margin-top: 0;
margin-bottom: 10px;
}
@media (max-width:768px) {
.intro h1 {
font-family: 'Montserrat', sans-serif;
color: #4d4d4d;
font-size: 28px;
font-weight: 700;
margin-top: 0;
margin-bottom: 10px;
}
}
.intro p {
color: #6f6f6f;
font-size: 17px;
line-height: 28px;
padding: 0px;
max-width: 600px;
margin-bottom: 40px;
}
header .intro-text {
padding-top: 120px;
padding-bottom: 120px;
text-align: left;
}
header .intro-text1 {
padding-top: 117px;
padding-bottom: 150px;
text-align: left;
}
#get-touch {
padding: 40px 0 30px;
color: rgba(255, 255, 255, .7);
background-color: #184153;
}
#get-touch h3 {
font-size: 24px;
font-weight: 400;
color: #fff;
margin: 0 0 10px 0;
}
#get-touch .btn-custom {
margin: 0;
background: transparent;
border: 2px solid #fff;
}
#get-touch .btn-custom:hover {
color: #1f386e;
background: #fff;
border: 2px solid #fff;
}
#about {
padding: 110px 0;
background: #f7f7f7;
}
#about h3 {
font-size: 22px;
margin: 0 0 20px 0;
}
#about h2 {
position: relative;
margin-bottom: 15px;
padding-bottom: 15px;
border-bottom: 1px solid rgba(0, 0, 0, 0.09);
}
#about h2::after {
position: absolute;
content: "";
background-color: #3496f4;
height: 3px;
width: 50px;
bottom: -1px;
left: 0;
}
#about .about-text li {
margin-bottom: 6px;
margin-left: 6px;
list-style: none;
padding: 0;
}
#about .about-text li:before {
content: '\f00c';
font-family: 'FontAwesome';
color: #1f386e;
font-size: 11px;
font-weight: 300;
padding-right: 8px;
}
#about img {}
#about p {
line-height: 24px;
margin: 30px 0;
}
#faqs {
padding: 100px 0;
}
#testimonials {
padding: 100px 0;
background: #ffffff;
background-repeat: no-repeat !important;
background-size: cover !important;
background-position: center !important;
}
#testimonials i {
color: #e6e6e6;
font-size: 32px;
margin-bottom: 20px;
}
.testimonial {
position: relative;
padding: 20px;
}
.boxes {
margin-bottom: 20px;
border-radius: 5px;
box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}
.boxes-bg {
position: relative;
color: #fff !important;
background-color: #3973e6;
box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}
.boxes-bg:hover {
color: #fff !important;
background-color: #3973e6;
}
.boxes-bg a {
text-decoration: none !important;
color: #000 !important;
}
.boxes-bg a:hover {
text-decoration: none !important;
color: #000 !important;
}
.boxes-bg1 {
position: relative;
color: #fff !important;
background-color: #3973e6 !important;
box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}
.boxes-bg1:hover {
color: #fff !important;
background-color: #3973e6 !important;
}
.boxes-bg1 a {
text-decoration: none !important;
color: #fff !important;
underline: none !important;
}
.boxes-bg1 a:hover {
text-decoration: none !important;
color: #fff !important;
underline: none !important;
}
.boxes-text {
padding: 0px 5px 9px 5px;
border-bottom: 1px solid #ccc;
}
.boxes-text a {
color: #000;
text-decoration: none !important;
}
.boxes-text a:hover {
color: #000;
text-decoration: none !important;
}
.testimonial-image {
float: left;
margin-right: 15px;
}
.testimonial-image,
.testimonial-image img {
display: block;
width: 64px;
height: 64px;
}
.testimonial-content {
position: relative;
overflow: hidden;
}
.testimonial-content p {
margin-bottom: 0;
font-size: 14px;
font-style: italic;
}
.testimonial-meta {
margin-top: 10px;
font-size: 13px;
font-weight: bold;
text-transform: uppercase;
}
#contact {
padding: 100px 0 60px 0;
background: #333;
color: rgba(255, 255, 255, .65);
}
#contact1 {
padding: 100px 0 60px 0;
background: #fff;
color: rgba(255, 255, 255, .65);
}
#contact .section-title {
margin-bottom: 40px;
}
#contact h2 {
color: #fff;
margin-top: 10px;
margin-bottom: 15px;
padding-bottom: 15px;
border-bottom: 1px solid rgba(255, 255, 255, 0.09);
}
#contact h4 {
color: #fff;
margin-top: 22px;
margin-bottom: 60px;
padding-bottom: 20px;
border-bottom: 1px solid rgba(255, 255, 255, 0.09);
}
#contact form {
padding-top: 20px;
}
#contact h3 {
font-size: 17px;
font-weight: 600;
}
#contact .text-danger {
color: #cc0033;
text-align: left;
}
#contact .btn-custom {
margin: 30px 0;
background: transparent;
border: 2px solid #fff;
}
#contact .btn-custom:hover {
color: #1f386e;
background: #fff;
}
label {
font-size: 12px;
font-weight: 400;
font-family: 'Open Sans', sans-serif;
float: left;
}
#contact .form-control {
display: block;
width: 100%;
padding: 6px 12px;
font-size: 16px;
line-height: 1.42857143;
color: #444;
background-color: #fff;
background-image: none;
border: 1px solid #ddd;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: none;
-o-transition: none;
transition: none;
}
#contact .form-control:focus {
border-color: #999;
outline: 0;
-webkit-box-shadow: transparent;
box-shadow: transparent;
}
.form-control::-webkit-input-placeholder {
color: #777;
}
.form-control:-moz-placeholder {
color: #777;
}
.form-control::-moz-placeholder {
color: #777;
}
.form-control:-ms-input-placeholder {
color: #777;
}
#contact .contact-item {
margin: 20px 0;
}
#contact .contact-item span {
color: rgba(255, 255, 255, 1);
display: block;
}
#contact .social {
border-top: 1px solid rgba(255, 255, 255, 0.1);
padding-top: 50px;
margin-top: 50px;
text-align: center;
}
#contact .social ul li {
display: inline-block;
margin: 0 20px;
}
#contact .social i.fa {
font-size: 24px;
padding: 10px;
color: rgba(255, 255, 255, 0.6);
transition: all 0.3s;
}
#contact .social i.fa:hover {
color: #fff;
}
#contact .social1 {
border-top: 1px solid rgba(255, 255, 255, 0.1);
padding-top: 50px;
margin-top: 50px;
text-align: center;
}
#contact .social1 ul li {
display: inline-block;
margin: 0 20px;
}
#contact .social1 ul li a {
color: #fff;
}
#contact .social1 i.fa {
font-size: 24px;
padding: 10px;
color: rgba(255, 255, 255, 0.6);
transition: all 0.3s;
}
#contact .social1 i.fa:hover {
color: #fff;
}
#contact2 {
padding: 0px 0 20px 0;
background: #333;
color: rgba(255, 255, 255, .65);
}
#contact1 {
padding: 100px 0 60px 0;
background: #fff;
color: rgba(255, 255, 255, .65);
}
#contact2 .section-title {
margin-bottom: 40px;
}
#contact2 h2 {
color: #fff;
margin-top: 10px;
margin-bottom: 15px;
padding-bottom: 15px;
border-bottom: 1px solid rgba(255, 255, 255, 0.09);
}
#contact2 h4 {
color: #fff;
margin-top: 22px;
margin-bottom: 60px;
padding-bottom: 20px;
border-bottom: 1px solid rgba(255, 255, 255, 0.09);
}
#contact2 form {
padding-top: 20px;
}
#contact2 h3 {
font-size: 17px;
font-weight: 600;
}
#contact2 .text-danger {
color: #cc0033;
text-align: left;
}
#contact2 .btn-custom {
margin: 30px 0;
background: transparent;
border: 2px solid #fff;
}
#contact2 .btn-custom:hover {
color: #1f386e;
background: #fff;
}
label {
font-size: 12px;
font-weight: 400;
font-family: 'Open Sans', sans-serif;
float: left;
}
#contact2 .form-control {
display: block;
width: 100%;
padding: 6px 12px;
font-size: 16px;
line-height: 1.42857143;
color: #444;
background-color: #fff;
background-image: none;
border: 1px solid #ddd;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: none;
-o-transition: none;
transition: none;
}
#contact2 .form-control:focus {
border-color: #999;
outline: 0;
-webkit-box-shadow: transparent;
box-shadow: transparent;
}
.form-control::-webkit-input-placeholder {
color: #777;
}
.form-control:-moz-placeholder {
color: #777;
}
.form-control::-moz-placeholder {
color: #777;
}
.form-control:-ms-input-placeholder {
color: #777;
}
#contact2 .contact-item {
margin: 20px 0;
}
#contact2 .contact-item span {
color: rgba(255, 255, 255, 1);
display: block;
}
#contact2 .social {
border-top: 1px solid rgba(255, 255, 255, 0.1);
padding-top: 50px;
margin-top: 50px;
text-align: center;
}
#contact2 .social ul li {
display: inline-block;
margin: 0 20px;
}
#contact2 .social i.fa {
font-size: 24px;
padding: 10px;
color: rgba(255, 255, 255, 0.6);
transition: all 0.3s;
}
#contact2 .social i.fa:hover {
color: #fff;
}
#contact2 .social1 {
border-top: 1px solid rgba(255, 255, 255, 0.1);
padding-top: 50px;
margin-top: 50px;
text-align: center;
}
#contact2 .social1 ul li {
display: inline-block;
margin: 0 20px;
}
#contact2 .social1 ul li a {
color: #fff;
}
#contact2 .social1 i.fa {
font-size: 24px;
padding: 10px;
color: rgba(255, 255, 255, 0.6);
transition: all 0.3s;
}
#contact2 .social1 i.fa:hover {
color: #fff;
}
#footer {
background: #f6f6f6;
padding: 30px 0;
}
#footer p {
color: #888;
font-size: 14px;
}
@media (max-width:768px) {
#about img {
margin: 50px 0;
}
}
#detail {
padding: 66px 0;
background: #fff;
}
.detail-section {
width: 100%;
height: 155px;
border: 1px solid #C0DEF5;
background: #E8F3FB;
}
.detail-icon {
width: 28%;
height: 150px;
background: #;
float: left;
}
.detail-icon img {
width: 120px;
height: 120px;
margin-top: 15px;
margin-left: 15px;
}
.detail-text {
width: 72%;
height: auto;
background: #;
margin-left: 155px;
margin-top: 35px;
}
.detail-heading {
margin-left: 20px;
color: #000;
}
.detail-sub-heading {
margin-left: 20px;
color: #fff;
background: #;
color: black;
padding: 15px;
width: 95%;
height: 63px;
border: ;
overflow-x: hidden;
}
.detail-sub-heading:hover {
margin-left: 20px;
color: #fff;
background: #;
color: black;
padding: 15px;
width: 95%;
height: 63px;
overflow-x: hidden;
}
@media (max-width:768px) {
.boxes {
margin-bottom: 20px;
border-radius: 5px;
box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}
#detail {
padding: 66px 0;
background: #fff;
}
.detail-section {
width: 100%;
height: 155px;
border: 1px solid #000;
background: #3496f4;
}
.detail-icon {
width: 10%;
height: 50px;
background: #;
float: left;
}
.detail-icon img {
width: 60px;
height: 60px;
margin-top: 44px;
margin-left: 15px;
}
.detail-text {
width: 72%;
height: auto;
background: #;
margin-left: 50px;
margin-top: 35px;
}
.detail-heading {
margin-left: 30px;
color: #000;
}
.detail-sub-heading {
margin-left: 33px;
color: #fff;
background: #4CAF50;
color: white;
padding: 15px;
width: 50%;
height: 100px;
overflow: scroll;
border: 1px solid #ccc;
}
.detail-sub-heading:hover {
margin-left: 20px;
color: #fff;
background: #;
color: white;
padding: 15px;
width: 95%;
height: 63px;
overflow: scroll;
border: 1px solid #ccc;
overflow-x: hidden;
}
}
.nodi-hr {
width: 100%;
background: #00000017;
height: 1px;
margin-top: 2px;
}
.nodi-para {
margin-left: 45px;
font-size: 12px;
}
#nodi-option {
overflow: overlay;
height: 240px;
}
.notification .badge {
position: absolute;
top: -3px;
right: -3px;
padding: 3px 5px;
border-radius: 50%;
background-color: #3496f4;
color: white;
}
.nodi h6 {
margin-top: -19px;
margin-bottom: -9px;
font-size: 12px;
}
.nodi p {
margin-top: 10px;
margin-bottom: -2px;
font-size: 11px;
}
.nodi h6 img {
margin-top: 5px;
margin-bottom: -17px;
}
#nodi-option {
width: 280px;
padding: 5px !important;
left: auto;
right: 0;
font-size: 4px;
}
#btn-connect1 {
margin-left: 0px;
font-size: 12px !important;
padding: 5px 5px 5px 5px !important;
width: 50%;
}
.btn-home {
color: #fff;
background-color: #19d61f;
border-color: #19d61f;
width: 525px;
align-content: center;
}
@media (max-width:768px) {
.btn-home {
color: #fff;
background-color: #19d61f;
border-color: #19d61f;
width: auto;
align-content: center;
}
}
.btn-signup {
color: #fff;
background-color: #19d61f;
border-color: #19d61f;
}
.btn-signup:hover {
color: #fff !important;
background-color: #449d44;
border-color: #398439;
}
.btn-message {
color: #fff;
background-color: #0174FC;
border-color: #0174FC;
padding: 14px 20px;
}
.btn-message:hover {
color: #fff;
background-color: #0077cc;
border-color: #0077cc;
}
@media (max-width:768px) {
.home-style {
padding-bottom: 0px !important;
}
.see-bg {
float: none;
display: none !important;
position: absolute;
margin-top: 0px;
}
.btn-info {
color: #fff;
background-color: #19d61f;
border-color: #19d61f;
width: auto !important;
}
}
.see-bg {
float: right;
position: absolute;
margin-top: -400px;
}
.a-style {
color: #fff !important;
}
.view-page-style {
border-bottom: 1px dotted #ccc;
}
@media (max-width:768px) {
.design {
margin-left: 0px !important;
}
.home-img {
margin-bottom: 0px !important;
}
.media-carousel1 {
margin-bottom: 0;
padding: 0 40px 30px 40px;
margin-top: 30px;
}
.media-carousel1 .carousel-control.left {
left: -50px;
background-image: none;
background: none repeat scroll 0 0 #222222;
border: 4px solid #FFFFFF;
border-radius: 23px 23px 23px 23px;
height: 40px;
width: 40px;
margin-top: 30px
}
.media-carousel1 .carousel-control.right {
right: -0px !important;
background-image: none;
background: none repeat scroll 0 0 #222222;
border: 4px solid #FFFFFF;
border-radius: 23px 23px 23px 23px;
height: 40px;
width: 40px;
margin-top: 30px
}
.media-carousel1 .carousel-indicators {
right: 50%;
top: auto;
bottom: 0px;
margin-right: -19px;
}
.media-carousel1 .carousel-indicators li {
background: #c0c0c0;
}
.media-carousel1 .carousel-indicators .active {
background: #333333;
}
.media-carousel1 img {
width: 250px;
height: 100px
}
.view-content {
padding: 20px;
}
}
.design {
margin-left: 0px;
}
.home-img {
margin-bottom: 0px !important;
}
.media-carousel1 {
margin-bottom: 0;
padding: 0 40px 30px 40px;
margin-top: 30px;
}
.media-carousel1 .carousel-control.left {
left: -50px;
background-image: none;
background: none repeat scroll 0 0 #222222;
border: 4px solid #FFFFFF;
border-radius: 23px 23px 23px 23px;
height: 40px;
width: 40px;
margin-top: 30px
}
.media-carousel1 .carousel-control.right {
right: -60px;
background-image: none;
background: none repeat scroll 0 0 #222222;
border: 4px solid #FFFFFF;
border-radius: 23px 23px 23px 23px;
height: 40px;
width: 40px;
margin-top: 30px
}
.media-carousel1 .carousel-indicators {
right: 50%;
top: auto;
bottom: 0px;
margin-right: -19px;
}
.media-carousel1 .carousel-indicators li {
background: #c0c0c0;
}
.media-carousel1 .carousel-indicators .active {
background: #333333;
}
.media-carousel1 img {
width: 250px;
height: 100px
}
.view-content {
padding: 20px;
}
.panel-login {
border-color: #ccc;
-webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2);
}
.panel-login>.panel-heading {
color: #00415d;
background-color: #fff;
border-color: #fff;
text-align: center;
}
.panel-login>.panel-heading a {
text-decoration: none;
color: #666;
font-weight: bold;
-webkit-transition: all 0.1s linear;
-moz-transition: all 0.1s linear;
transition: all 0.1s linear;
}
.panel-login>.panel-heading a.active {
color: #fff;
background: #5cb85c;
border-radius: 5px;
}
.panel-login>.panel-heading hr {
margin-top: 10px;
margin-bottom: 0px;
clear: both;
border: 0;
height: 1px;
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0));
background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0));
background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0));
}
.panel-login input:hover,
.panel-login input:focus {
outline: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
border-color: #ccc;
}
.btn-login {
background-color: #59B2E0;
outline: none;
color: #fff;
font-size: 14px;
height: auto;
font-weight: normal;
padding: 14px 0;
text-transform: uppercase;
border-color: #59B2E6;
}
.btn-login:hover,
.btn-login:focus {
color: #fff;
background-color: #53A3CD;
border-color: #53A3CD;
}
.forgot-password {
text-decoration: underline;
color: #888;
}
.forgot-password:hover,
.forgot-password:focus {
text-decoration: underline;
color: #666;
}
.btn-register {
background-color: #1CB94E;
outline: none;
color: #fff;
font-size: 14px;
height: auto;
font-weight: normal;
padding: 14px 0;
text-transform: uppercase;
border-color: #1CB94A;
}
.btn-register:hover,
.btn-register:focus {
color: #fff;
background-color: #1CA347;
border-color: #1CA347;
}
.btn-success-qt {
color: #000;
background-color: #fff;
border-color: #eed272;
}
.btn-success-qt:hover,
.btn-success-qt:focus,
.btn-success-qt.focus,
.btn-success-qt:active,
.btn-success-qt.active,
.open>.dropdown-toggle.btn-success-qt {
color: #fff;
background-color: #eed272;
border-color: #eed272;
}
.btn-success-qt1 {
color: #fff;
background-color: #0174FC;
border-color: #ccc;
}
.btn-success-qt1:hover,
.btn-success-qt1:focus,
.btn-success-qt1.focus,
.btn-success-qt1:active,
.btn-success-qt1.active,
.open>.dropdown-toggle.btn-success-qt1 {
color: #fff;
background-color: #0174FC;
border-color: #398439;
}
.footer-list .fa {
font-size: 25px !important;
}
.footer-list .fa:hover {
font-size: 25px !important;
color: #fff;
}
.footer-style a {
color: #888 !important;
font-size: 14px !important;
text-decoration: none !important;
}
.footer-style a:hover {
color: #fff !important;
font-size: 14px !important;
text-decoration: none !important;
}
.footer-head {
color: #fff;
font-size: 18px;
padding-top: 20px;
}
.view-head {
padding-bottom: 5px;
border-bottom: 3px solid #eed272;
}
.social-space {
padding-right: 10px;
}
.home-link .btn-facebook {
color: #fff;
background-color: #3b5998;
border-color: rgba(0, 0, 0, 0.2);
}
.home-link .btn-apple {
background: #fff;
color: #000;
border: 1px solid #000;
}
.home-link .btn-apple:hover {
background: #fff;
color: #000 !important;
border: 1px solid #000;
}
.home-link .btn-social {
position: relative;
padding-left: 38px;
text-align: left;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 100%;
}
.home-link .btn-social:hover {
color: #eee;
}
.home-link .fa-facebook {
background: #3B5998;
color: white !important;
padding: 8px !important;
}
.home-link .fa-linkedin {
background: #007bb5;
color: white !important;
border: 1px solid #ccc;
padding: 8px !important;
}
.home-link .fa-google {
background: #dd4b39;
color: white !important;
padding: 8px !important;
}
.home-link .social-link:hover {
color: #fff;
text-decoration: none;
}
.home-link .social-link1:hover {
color: #000;
text-decoration: none;
}
.customer-logos {
background-color: #fff;
}
.slick-slide {
margin: 0px 20px;
}
.slick-slide img {
width: 150px;
height: 150px;
}
@media (max-width:768px) {
.slick-slide img {
width: 100px;
height: 100px;
}
}
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
}
.slick-track:before,
.slick-track:after {
display: table;
content: '';
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
display: none;
float: left;
min-height: 1px;
}
[dir='rtl'] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
#header-style {
height: 50px;
}
#navbar-top {
height: 50px;
background-color: #42375b;
position: fixed;
top: 0;
left: 0;
width: 100%;
display: block;
transition: top 0.3s;
}
#navbar-top a {
float: left;
display: block;
color: #f2f2f2;
text-align: center;
padding: 5px;
text-decoration: none;
font-size: 14px;
}
#navbar-top p {
display: block;
color: #f2f2f2;
text-align: center;
text-decoration: none;
font-size: 14px;
margin-top: 14px;
}
#navbar-top a:hover {
background-color: #ddd;
color: black;
}
@media (max-width:768px) {
#header-style {
height: 30px;
}
#navbar-top {
background-color: #333;
height: 30px !important;
position: fixed;
top: 0;
left: 0;
width: 100%;
display: block;
transition: top 0.3s;
}
#navbar-top a {
float: left;
display: block;
color: #f2f2f2;
text-align: center;
padding: 5px;
text-decoration: none;
font-size: 14px;
}
#navbar-top p {
display: block;
color: #f2f2f2;
text-align: center;
text-decoration: none;
font-size: 10px;
margin-top: 4px;
}
#navbar-top a:hover {
background-color: #ddd;
color: black;
}
}
.main-heading {
margin-top: -75px;
}
@media (max-width:768px) {
.main-heading {
margin-top: -140px;
font-size: 3rem;
}
}
.card-body1{
margin: 15px;
padding-bottom: 55px;
}
.card-body2 {
margin: 15px;
padding-bottom: 55px;
}
.card-body3 {
margin: 15px;
}
p.testmoni-para {
color: #6f6f6f !important;
font-size: 17px !important;
line-height: 28px !important;
}