body {
 font-family: 'Roboto', sans-serif;
 color: #13171a;
 font-size: 16px; 
}

.container-no-margin .col {
 margin: 0;
 padding: 0; 
}

.navbar-brand span {
 display: none;
 color: #2bd365; 
}

.navbar-brand img {
   max-height: 40px; 
}

.navbar-default {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 background-color: #fff;
 -webkit-border-radius: 0;
 -moz-border-radius: 0;
 -ms-border-radius: 0;
 border-radius: 0;
 z-index: 5000;
 font-family: 'Assistant', sans-serif;
 margin-bottom: 0; 
}

.navbar-default .navbar-nav > li > a {
   background-color: transparent;
   padding: 25px 12px;
   line-height: 30px;
   font-size: 18px;
   border-bottom: 5px solid transparent; 
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:active {
     background-color: #fff;
     color: #2bd365;
     border-color: #2bd365; 
}

.navbar-default .navbar-toggle {
   background-color: #fff; 
}

.navbar-default .navbar-toggle .icon-bar {
     background-color: #2bd365; 
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
     background-color: #d3372b; 
}

.navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar {
     background-color: #fff; 
}

.dropdown-menu li a {
 padding: 15px 12px; 
}

.dropdown-submenu .dropdown-menu li a {
 padding: 8px 12px; 
}

.dropdown-menu > li.active > a {
 background-color: #ddd;
 color: #2bd365; 
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:active, .dropdown-menu > li > a:focus {
 color: #2bd365 !important;
 background-color: #fff !important; 
}

.dropdown-submenu {
 position: relative; 
}

.dropdown-submenu > .dropdown-menu {
   top: 6px;
   left: 100%;
   margin-top: -6px;
   margin-left: -3px;
   -webkit-border-radius: 0 4px 4px 0;
   -moz-border-radius: 0 4px 4px 0;
   -ms-border-radius: 0 4px 4px 0;
   border-radius: 0 4px 4px 0; 
}

.dropdown-submenu > a:after {
   display: block;
   content: " ";
   float: right;
   width: 0;
   height: 0;
   border-color: transparent;
   border-style: solid;
   border-width: 5px 0 5px 5px;
   border-left-color: #ddd;
   margin-top: 5px;
   margin-right: -10px; 
}

.dropdown-submenu:hover > a:after {
   border-left-color: #2bd365; 
}

.dropdown-submenu.pull-left {
   float: none; 
}

.dropdown-submenu.pull-left > .dropdown-menu {
     left: -100%;
     margin-left: 10px;
     -webkit-border-radius: 6px 0 6px 6px;
     -moz-border-radius: 6px 0 6px 6px;
     -ms-border-radius: 6px 0 6px 6px;
     border-radius: 6px 0 6px 6px; 
}

.btn, .btn:hover, .btn:focus, .btn:active, .btn:active:focus {
 -webkit-border-radius: 1px;
 -moz-border-radius: 1px;
 -ms-border-radius: 1px;
 border-radius: 1px;
 padding: 4px 36px;
 outline: 0;
 text-transform: capitalize;
 font-size: 18px;
 font-family: 'Assistant', sans-serif; 
}

.btn-info {
   background-color: #2bd365; 
}

.btn-info:hover, .btn-info:focus, .btn-info:active:focus, .btn-info:active {
 background-color: #45b94f; 
}

/*default page headings*/
.page-default h1 {
 position: relative;
 display: inline-block;
 font-size: 2.2em;
 background-color: #2bd365;
 color: #fff;
 padding: 5px 80px; 
}

.page-default h2 {
   font-size: 2em; 
}

.page-default h3 {
   font-size: 1.8em; 
}

.page-default h4 {
   font-size: 1.6em; 
}

.page-default h5 {
   font-size: 1.4em; 
}

.page-default h6 {
   font-size: 1.2em; 
}

/*Home content*/
.homeContent {
 font-size: 18px;
 letter-spacing: 1.5px;
 line-height: 35px;
 margin-top: 25px; 
}

.homeContent .title {
   position: relative;
   display: inline-block;
   width: 100%;
   margin-bottom: 10px;
   text-align: center;
   font-weight: bold;
   font-size: 22px;
   font-family: 'Assistant', sans-serif; 
}

.homeContent .title span {
     display: inline-block;
     background-color: #2bd365;
     color: #fff;
     padding: 5px 50px; 
}

/*home brands*/
.brand {
 max-width: 100%;
 min-height: 100px;
 text-align: center;
 line-height: 100px; 
}

.brand img {
   max-width: 100%;
   height: auto;
   font-size: 32px;
   -webkit-filter: grayscale(100%);
   filter: grayscale(100%);
   transition: all 0.1s ease-in-out; 
}

.brand:hover img {
   max-width: 100%;
   height: auto;
   font-size: 32px;
   -webkit-filter: grayscale(0%);
   filter: grayscale(0%); 
}

/*Scroll to top*/
.scrollUpBox {
 position: fixed;
 display: none;
 bottom: 50px;
 right: 50px; 
}

body .scrollUp, body .scrollUp:hover, body .scrollUp:focus, body .scrollUp:active, body .scrollUp:active:focus {
 position: relative;
 height: 60px;
 width: 60px;
 line-height: 45px;
 font-size: 22px;
 padding: 0 5px;
 -webkit-border-radius: 50px;
 -moz-border-radius: 50px;
 -ms-border-radius: 50px;
 border-radius: 50px;
 background-color: #2bd365;
 -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.7);
 -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.7);
 box-shadow: 0 0 5px rgba(0, 0, 0, 0.7);
 text-shadow: 1px 1px rgba(0, 0, 0, 0.1);
 transition: all 0.2s ease-in-out; 
}

 body .scrollUp:hover, body .scrollUp:focus, body .scrollUp:active, body .scrollUp:active:focus {
   -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
   -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
   box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
   text-shadow: 5px 5px rgba(0, 0, 0, 0.1); 
}

.footer {
 background-color: #15191c;
 color: #fff;
 margin-top: 50px;
 padding: 50px 0;
 font-size: 16px; 
}

.footer ul {
   list-style: none;
   padding: 0;
   margin: 0; 
}

.footer ul li span {
     display: inline-block; 
}

.footerBottom {
 background-color: #13171a;
 color: #fff;
 padding: 40px 0;
 font-size: 16px; 
}

.footerBottom ul {
   list-style: none;
   padding: 0;
   margin: 0; 
}

.footerBottom ul li {
     display: inline-block; 
}

.footerBottom ul li a {
     padding-left: 15px; 
}

.footer a, .footerBottom a {
 transition: all 0.3s ease-in-out;
 color: #fff; 
}

.footer a:hover, .footerBottom a:hover, .footer a:focus, .footerBottom a:focus, .footer a:active, .footerBottom a:active {
   padding-left: 10px;
   padding-right: 5px;
   color: #2bd365;
   text-decoration: none; 
}

.footerHead {
 font-family: 'Assistant', sans-serif;
 font-size: 22px;
 color: #fff;
 width: 100%;
 padding-bottom: 2px;
 margin-bottom: 2px;
 border-bottom: 2px dotted #2bd365; 
}

/*Carousel*/
#homeCarousel {
 margin-top: 85px;
 max-height: 400px; 
}

 @media all and (max-width: 769px) {
 #homeCarousel {
   height: 270px; 
}

}

.carousel-inner, #homeCarousel .item {
 max-height: 400px; 
}

 @media all and (max-width: 769px) {
.carousel-inner, #homeCarousel .item {
   max-height: 270px; 
}

}

#homeCarousel .item img {
 width: 100%;
 height: 400px;
 object-fit: cover; 
}

 @media all and (max-width: 769px) {
 #homeCarousel .item img {
   height: 270px; 
}

}

@media all and (max-width: 769px) {
 #homeCarousel .header-text {
   margin-top: -40px; 
}

}

.carousel-control .fa {
 position: relative;
 display: inline-block;
 top: 180px;
 height: 60px;
 width: 60px;
 line-height: 60px;
 font-size: 28px;
 -webkit-border-radius: 50px;
 -moz-border-radius: 50px;
 -ms-border-radius: 50px;
 border-radius: 50px;
 background-color: transparent;
 text-shadow: 1px 1px rgba(0, 0, 0, 0.1);
 transition: all 0.2s ease-in-out; 
}

.carousel-control:hover .fa {
   background-color: #2bd365;
   -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
   -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
   box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
   text-shadow: 5px 5px rgba(0, 0, 0, 0.1); 
}

.carousel-control.left .fa {
   padding-right: 5px; 
}

.carousel-indicators li {
 border: 2px solid #fff;
 background-color: rgba(0, 0, 0, 0.2);
 width: 25px;
 height: 25px;
 -webkit-border-radius: 25px;
 -moz-border-radius: 25px;
 -ms-border-radius: 25px;
 border-radius: 25px;
 margin: 0 5px;
 transition: all 0.2s ease-in-out; 
}

.carousel-indicators li:hover {
   background-color: #2bd365;
   -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
   -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); 
}

.carousel-indicators .active {
   border: 2px solid #2bd365;
   background-color: #2bd365;
   width: 25px;
   height: 25px;
   -webkit-border-radius: 25px;
   -moz-border-radius: 25px;
   -ms-border-radius: 25px;
   border-radius: 25px;
   margin: 0 5px; 
}

.header-text {
 position: absolute;
 top: 15%;
 left: 1.8%;
 right: auto;
 width: 96.66667%;
 color: #fff;
 font-family: 'Assistant', sans-serif; 
}

.header-text h2 {
   font-size: 40px;
   color: #fff; 
}

.header-text h2 span {
   display: inline-block;
   background-color: #2bd365;
   padding: 10px; 
}

.header-text h3 {
   font-size: 34px;
   padding-top: 2%;
   color: #fff; 
}

.header-text h3 span {
   display: inline-block;
   background-color: #d3372b;
   padding: 15px; 
}

#contactMaps {
 width: 100%;
 height: 300px;
 margin-top: -35px; 
}

.headImage {
 position: relative;
 width: 100%;
 height: 300px;
 margin-top: 80px;
 margin-bottom: -100px;
 padding-top: 100px;
 background-image: url('/img/home3.jpeg');
 background-size: cover;
 text-align: center; 
}

@media all and (max-width: 1200px) and (min-width: 770px) {
.navbar-default .container, .navbar-header {
   width: 100%; 
}

.homeBar {
   background-position: 0 0;
   padding-top: 140px;
   height: 400px; 
}

.homeBlockContent {
   height: 180px; 
}

}

@media all and (max-width: 920px) {
.navbar-default .navbar-nav > li > a {
   padding: 25px 8px;
   font-size: 14px; 
}

}

@media all and (max-width: 769px) {
.navbar-default {
   background-color: #fff; 
}

.navbar-default .navbar-nav > li > a {
     padding: 10px 10px 10px 25px;
     font-size: 22px;
     border-bottom: 1px solid #ddd; 
}

.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:active {
       border-color: #ddd; 
}

.navbar-collapse {
   border-top-width: 0; 
}

 #homeCarousel {
   margin-top: 65px; 
}

.header-text h2 {
   font-size: 28px;
   color: #fff; 
}

.header-text h3 {
     font-size: 22px;
     color: #fff; 
}

}

/*Dropdown toggle*/
.dropdown .toggleSub {
 font-size: 16px; 
}

 @media all and (max-width: 769px) {
.dropdown .toggleSub {
   display: none; 
}

}

@media all and (max-width: 769px) {
.dropdown {
   width: 100% !important;
   position: relative !important;
   display: inline-block !important; 
}

.dropdown-menu {
   position: relative;
   width: 100% !important;
   display: inline-block !important;
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   box-shadow: none;
   padding-bottom: 5px !important;
   border-bottom: 1px solid #ccc !important;
   margin-bottom: 8px !important; 
}

.dropdown-menu li {
   padding: 0 !important;
   margin: 0 0 2px 0 !important;
   height: 24px !important; 
}

.dropdown-menu li a {
   padding: 5px 5px 5px 25px !important;
   margin: 0 !important; 
}

}

/*Form control*/
.form-control {
 padding: 0 10px !important;
 background-color: #eee;
 color: #15191c; 
}

.form-control:hover, .form-control:focus {
   background-color: #ddd;
   color: #13171a; 
}

textarea:focus, textarea.form-control:focus, input.form-control:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="number"]:focus, .form-control[type="text"]:focus, .form-control[type="password"]:focus, .form-control[type="email"]:focus, .form-control[type="tel"]:focus, .form-control[contenteditable]:focus {
 -webkit-box-shadow: inset 0 -2px 0 #2bd365;
 -moz-box-shadow: inset 0 -2px 0 #2bd365;
 box-shadow: inset 0 -2px 0 #2bd365; 
}

.no-resize {
 resize: none; 
}

.form-control.error {
 border-color: #e74c3c; 
}

/* Alerts */
.alert {
 padding: 10px; 
}

.alert-danger, .alert-danger-trigger {
 position: relative;
 padding-left: 30px;
 color: #a94442;
 background-color: #f2dede;
 border-color: #ebccd1; 
}

.alert-danger:before, .alert-danger-trigger:before {
   position: absolute;
   left: 10px;
   font-family: 'FontAwesome';
   content: '\f06a'; 
}

.alert-success, .alert-success-trigger {
 position: relative;
 padding-left: 35px;
 color: #3c763d;
 background-color: #dff0d8;
 border-color: #d6e9c6; 
}

.alert-success :before, .alert-success-trigger :before {
   position: absolute;
   left: 10px;
   font-family: 'FontAwesome';
   content: '\f058'; 
}

.page {
 margin-top: 120px; 
}