html, body {
overflow-x: hidden;
margin: 0;
padding: 0;
}
* {
margin: 0;
padding: 0;
}
body {
font-weight: normal;
font-size:16px;
line-height: 26px;
}
p{
font-weight: normal;
font-size:16px;
line-height: 26px;
color:#666;
}
a {
text-decoration: none;
transition: .5s ease;
}
a:hover {
text-decoration: none;
}
h1, h2, h3, h4, h5, h6 {
}
/*Top Contact Section Starts Here*/
.top-contact-section {
background-color: #066BEB;
padding: 10px 0;
}
.top-contact-section ul {
margin: 0;
}
.top-contact-section ul li p, .top-contact-section ul li a {
color: #fff;
margin: 0;
font-size: 14px;
font-weight: normal;
}
/*Top Contact Section Ends Here*/
/*Header Navbar Section Starts Here*/
header {
min-height: 50px;
}
.custom-navbar-brand img {
}
.custom-navbar-nav li a {
font-size: 18px!important;
/*font-weight: 600!important;*/
color: #4D545F!important;
}
.nav-link.active, .nav-item a:hover {
color: #80B2F5!important;
}
.dropdown:hover>.dropdown-menu {
display: block;
}
.dropdown-menu a.dropdown-item{
white-space: normal;
}
.dropdown-item:hover {
background-color: transparent!important;
}
.dropdown-menu {
border: none;
}
.dropdown-item {
padding: .25rem 0.5rem!important;
}
.navbar-toggler {
border-color: #80B2F5!important;
}
.navbar-toggler:hover, .navbar-toggler:focus {
border-color: #80B2F5!important;
outline: transparent;
box-shadow: none;
}
/*Header Navbar Section Ends Here*/
/*Carousel Banner Section Starts Here*/
.carousel-control-prev-icon,
.carousel-control-next-icon {
height: 60px;
width: 60px;
outline: black;
background-size: 100%, 100%;
border-radius: 50%;
background-color: rgba(0, 0, 0, .3);
background-image: none;
padding-top: 15px;
}
.carousel-control-next-icon:after {
content: '\f054';
font-size: 20px;
font-family: "Font Awesome 5 Free";
font-weight: 900;
}
.carousel-control-prev-icon:after {
content: '\f053';
font-size: 20px;
font-family: "Font Awesome 5 Free";
font-weight: 900;
}
.custom-carousel-item-content {
position: relative;
}
/*.banner-text-content {
position: absolute;
top: 25%;
left: 20%;
width: 30%;
}*/
.carousel-banner{
background:url("images/banner-bg.png") repeat top left;
}
.banner-text-content h3 {
font-size: 24px;
font-weight: 600;
line-height: 1.5;
}
.banner-text-content h2 {
font-size: 28px;
font-weight: 700;
line-height: 1.5;
}
.banner-text-content p {
color: #073950;
width: 70%;
margin: 20px 0;
}
.custom-banner-btn {
background-color: #076beb;
color:#fff;
font-size: 14px;
font-weight: 700;
padding: 10px 30px;
transition: .5s ease;
}
.custom-banner-btn:hover {
background-color: #000;
color: #fff;
}
/*Carousel Banner Section Ends Here*/
/*Certification Section Starts Here*/
.certification-section {
padding: 50px 0;
}
.certification-content {
padding-bottom: 50px;
}
.certification-content h2 {
font-weight: 700;
font-size: 30px;
}
.certification-content p {
width: 90%;
margin: 0 auto;
color:#666;
}
.certification-logo img {
width: 50%;
}
/*Certification Section Ends Here*/
/*Video Section Starts Here*/
.video-section {
padding: 80px 0;
background-color: #75D0F8;
}
.video-content h4 {
color: #329DCB;
font-weight: 700;
}
/*Video Section Ends Here*/
/*Feature Section Starts Here*/
.features-section {
padding: 70px 0;
position: relative;
}
.teamwork-logo {
position: absolute;
top: 30px;
left: 0;
right: 0;
bottom: 0;
margin: 0 auto;
}
.teamwork-logo img {
width: 35%;
}
.feature-text h6 {
font-weight: 700;
}
/*Feature Section Ends Here*/
/*Retail Partner Section Starts Here*/
.retail-partner-section {
padding: 80px 0;
background-color: #75D0F8;
}
.partner-content img {
width: 90%;
}
/*Retail Partner Section Ends Here*/
/*Contat Information Section Starts Here*/
.contact-section {
padding: 100px 0;
}
.contact-info {
margin-bottom: 50px;
}
.contact-info h2 {
font-size: 30px;
font-weight: 700;
}
.contact-info p {
font-size: 14px;
color: #A9A9A9;
width: 90%;
margin: 0 auto;
}
.contact-icon-box {
border: 1px solid #f2f2f2;
border-radius: 10px;
padding: 25px 10px;
}
.contact-icon-box i {
height: 45px;
width: 45px;
border-radius: 50%;
color: #fff;
background-color: #076CEC;
padding-top: 15px;
}
.contact-icon-box h5 {
font-size: 16px;
font-weight: 700;
margin-top: 20px;
margin-bottom: 20px;
}
.contact-icon-box p {
font-size: 14px;
margin: 0;
color: #A9A9A9;
}
.contact-form label{
text-align:left !important;
padding:0px 6px;
width:100%;
}
.contact-form input {
color: #838383;
outline: #6d6d6d;
border-color: #bfbfbf;
font-size: 14px;
padding: 20px 20px;
height: 50px;
}
.contact-form select {
color: #838383;
outline: #6d6d6d;
border-color: #bfbfbf;
font-size: 14px;
padding: 10px 20px;
height: 50px;
}
.contact-form textarea {
color: #838383;
outline: #838383;
border-color: #bfbfbf;
font-size: 14px;
padding: 20px 20px;
}
.contact-form input:focus, .contact-form textarea:focus {
color: #838383;
outline: #838383;
box-shadow: none;
}
.name-input {
position: relative;
}
.name-input .fa-address-book {
position: absolute;
top: 17px;
right: 10px;
color: #838383;
}
.custom-submit-btn {
background-color: #076CEC;
font-size: 14px;
font-weight: 700;
padding: 10px 20px;
}
/*Contat Information Section Ends Here*/
/*Product Showcase Section Starts Here*/
.product-showcase {
padding: 80px 0;
background-image: url(images/bg-1.jpg);
background-repeat: no-repeat;
background-size: 35% 100%;
background-position: left center;
}
.product-description h2 {
font-size: 34px;
font-weight: 700;
letter-spacing: 1.5px;
}
.product-description h4 {
font-size: 18px;
font-weight: 700;
margin: 20px 0;
}
.product-description p {
font-size: 16px;
color: #666;
}
/*Product Showcase Section Ends Here*/
/*Product Showcase 2 Section Starts Here*/
.product-showcase-2 {
padding: 80px 0;
background-image: url(images/bg-1.jpg);
background-repeat: no-repeat;
background-size: 35% 100%;
background-position: right center;
}
.product-description h2 {
font-size: 34px;
font-weight: 700;
letter-spacing: 1.5px;
}
.product-description h4 {
font-size: 18px;
font-weight: 700;
margin: 20px 0;
}
.product-description p {
font-size: 16px;
color: #666;
}
/*Product Showcase 2 Section Ends Here*/
/*Footer Section Starts Here*/
footer {
background-color:#f4f4f4;
padding: 50px 0;
padding-bottom: 10px;
color: #666;
}
footer hr {
border-top: 1px solid #ececec;
border-bottom:none;
}
.footer-content img {
margin-bottom: 25px;
}
.footer-content p {
font-size: 14px;
margin-bottom: 10px;
}
.footer-content h6 {
font-size: 16px;
font-weight: 700;
margin-top: 30px;
margin-bottom: 30px;
color: #fff;
}
.footer-content a {
font-size: 14px;
color: #8c8b8b;
line-height: 2;
}
/*Footer Section Ends Here*/
/* new menu styling */
.navbar{
padding:0px;
}
.header {
background-color: #145474;
display: flex;
align-items: center;
}
.nav {
width: 100%;
}
.navigation-main {
margin: 0;
padding: 0;
list-style: none;
width: 100%;
text-align: right;
}
.navigation-main ul {
min-width: 200px;
margin: 0;
padding: 0;
list-style: none;
position: absolute;
top: -999em;
left: -999em;
/*top: auto;
left: auto;*/
z-index:9999999;
}
.navigation-main >li > a {
padding:0px 25px;
}
.navigation-main li {
display: inline-block;
position: relative;
text-align: left;
cursor:pointer;
}
.navigation-main li.focus > ul, .navigation-main li:hover > ul {
top: auto;
left: auto;
}
.navigation-main li li {
display: block;
}
.navigation-main li li.focus > ul, .navigation-main li li:hover > ul {
left: 100%;
top: 0;
}
.navigation-main a {
color: #666;
text-decoration: none;
display: block;
white-space: nowrap;
padding: 10px 15px;
}
.navigation-main a:hover,
.navigation-main li:hover > a,
.navigation-main .focus > a,
.navigation-main .current-menu-item > a,
.navigation-main .current-menu-ancestor > a {
color: #066BEB;
}
.navigation-main .menu-item-has-children > a::before {
content: "";
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
border: 4px solid transparent;
border-top-color: currentColor;
}
.navigation-main ul .menu-item-has-children > a::before {
right: 2px;
border-top-color: transparent;
border-left-color: currentColor;
}
.navigation-main ul {
background-color: #fff;
}
.navigation-main .sub-menu {
padding-top:24px;
-webkit-box-shadow: 31px 31px 48px -21px rgba(0,0,0,0.29);
-moz-box-shadow: 31px 31px 48px -21px rgba(0,0,0,0.29);
box-shadow: 31px 31px 48px -21px rgba(0,0,0,0.29);
}
.navigation-main .sub-menu li a{
border-bottom:1px solid #eaeaea;
border-left:1px solid #eaeaea;
border-right:1px solid #eaeaea;
font-size:15px;
}
.navigation-main .sub-menu li a:hover{
background:#eaeaea;
color:#666 !important;
}
/* new menu styling */
/* Dylan Styling */
.mb-0{margin-bottom:0px;}
.mt-0{margin-top:0px;}
.video-container {
/*width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
overflow: hidden;
background:#75D0F8;*/
border:1px solid #dadada;
width: 100%;
height: 100%;
overflow:hidden;
position:relative;
}
#myVideo {
position: absolute;
z-index: 0;
background-size: 100% 100%;
top: -180px;
left: 0px; /* fixed to left. Replace it by right if you want.*/
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
opacity:0.9;
}
.watch-video-link {
position: absolute;
top: 50%;
left: 50%;
width: 140px;
font-size: 13px;
text-align: center;
color: #666;
font-weight: bold;
margin-left: -70px;
margin-top: -70px;
background: #fff;
padding: 20px;
border-radius: 8px;
opacity: 0.4;
}
.watch-video-link:hover
{
color: #666;
text-decoration: none;
opacity:1;
}
.watch-video-link img {
max-width: 100%;
height: auto;
}
.main-title-section-wrapper {
background-color: rgba(0, 0, 0, 0.05);
clear: both;
float: left;
margin: 0 0 80px;
padding: 40px 0;
position: relative;
width: 100%;
}
.has-text-align-center p, .aligncenter {
text-align: center;
}
.widget-area{
display:none !important;
}
.main-title-section-wrapper {
margin: 0 0 35px;
}
.inner-container{
margin-bottom:60px;
}
.wpb_single_image .vc_figure {
display: inline-block;
vertical-align: top;
margin: 0;
max-width: 100%;
}
.wpb_single_image .vc_single_image-wrapper {
display: inline-block;
vertical-align: top;
max-width: 100%;
}
.wpb_single_image img {
max-width: 100%;
height: auto;
display: inherit;
}
.about-content ul{
}
.about-content ul li,
.product-description ul li{
margin-left:30px;
margin-bottom:7px;
color:#666;
}
.contact-form input[type=submit]{
color:#fff;
padding:0px;
}
.wpcf7-not-valid-tip{
border:1px solid red;
padding:5px 20px;
text-align:left;
font-size:12px;
border-top:none;
background: #ffecec;
border-radius:2px 2px 5px 5px;
}
.wpcf7-not-valid{
border:1px solid red !important;
}
.footer-content p{
color: #35465a !important;
}
.footer-menu{
margin-top:85px;
}
.footer-menu li a{
padding:0 1rem;
}
.footer-menu li.current-menu-item a{
color: #270b0a;
}
.footer-big-text{
color:#949494 !important;
}
.main-products-div .img-fluid{
border:3px solid #dedede;
background:#fff;
padding:40px;
}
.quote-2{
text-align:right;
}
.rotate {
animation: rotation 10s infinite linear;
}
@keyframes rotation {
0%
{
transform: scale( .95 );
}
20%
{
transform: scale( 1 );
}
40%
{
transform: scale( .95 );
}
60%
{
transform: scale( 1 );
}
80%
{
transform: scale( .95 );
}
100%
{
transform: scale( .95 );
}
}
.feature-text p {
font-size: 14px;
line-height: 22px;
border: 1px solid #dadada;
padding: 15px;
background: #0b2b5a;
color:#fff;
border-radius: 10px;
transition: transform .2s; /* Animation */
}
.feature-text p:hover {
transform: scale(1.1);
}
#particle-container {
position: absolute;
width: 100%;
height: 100%;
border:1px solid #dadada;
top:0px;
background:#fafafa url("images/medical-bg.jpg") repeat top left;
opacity:0.05;
}
.text-sm-center{
text-align:center !important;
}
/* Dylan Styling */
/* Hero Slider */
/* --------------------------------
Slider
-------------------------------- */
.cd-hero {
position: relative;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.cd-hero-slider {
position: relative;
height: 360px;
overflow: hidden;
background:url("images/banner-bg.png") repeat top left;
color:#212529;
list-style-type: none;
}
.cd-img-container{
padding-top:0px !important;
}
.cd-hero-slider li {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
.cd-hero-slider li.selected {
/* this is the visible slide */
position: relative;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.cd-hero-slider li.move-left {
/* slide hidden on the left */
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
.cd-hero-slider li.is-moving,
.cd-hero-slider li.selected {
/* the is-moving class is assigned to the slide which is moving outside the viewport */
-webkit-transition: -webkit-transform 0.5s;
-moz-transition: -moz-transform 0.5s;
transition: transform 0.5s;
}
@media only screen and (min-width: 768px) {
.cd-hero-slider {
height: 500px;
}
}
@media only screen and (min-width: 1170px) {
.cd-hero-slider {
height: 580px;
}
}
/* --------------------------------
Single slide style
-------------------------------- */
.cd-hero-slider li {
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.cd-hero-slider li:first-of-type {
}
.cd-hero-slider li:nth-of-type(2) {
}
.cd-hero-slider li:nth-of-type(3) {
}
.cd-hero-slider li:nth-of-type(4) {
}
.cd-hero-slider li:nth-of-type(5) {
}
.cd-hero-slider .cd-full-width,
.cd-hero-slider .cd-half-width {
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
left: 0;
top: 0;
/* this padding is used to align the text */
padding-top: 100px;
text-align: center;
/* Force Hardware Acceleration in WebKit */
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
}
.cd-hero-slider .cd-img-container {
/* hide image on mobile device */
display: none;
}
.cd-hero-slider .cd-img-container img {
position: absolute;
left: 50%;
top: 43%;
bottom: auto;
right: auto;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.cd-hero-slider .cd-bg-video-wrapper {
/* hide video on mobile device */
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.cd-hero-slider .cd-bg-video-wrapper video {
/* you won't see this element in the html, but it will be injected using js */
display: block;
min-height: 100%;
min-width: 100%;
max-width: none;
height: auto;
width: auto;
position: absolute;
left: 50%;
top: 50%;
bottom: auto;
right: auto;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.cd-hero-slider h2,
.cd-hero-slider p {
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
line-height: 1.2;
margin: 0 auto 14px;
color: #212529;
width: 90%;
max-width: 400px;
}
.cd-hero-slider h2 {
font-size: 2.4rem;
}
.cd-hero-slider p {
font-size: 16px;
line-height: 28px;
color:#af3030;
}
.cd-hero-slider .cd-btn {
/*display: inline-block;
padding: 1.2em 1.4em;
margin-top: .8em;
background-color: rgba(212, 68, 87, 0.9);
font-size: 1.3rem;
font-weight: 700;
letter-spacing: 1px;
color: #ffffff;
text-transform: uppercase;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
-webkit-transition: background-color 0.2s;
-moz-transition: background-color 0.2s;
transition: background-color 0.2s;*/
display: inline-block;
background-color: #076beb;
color:#fff;
font-size: 14px;
font-weight: 700;
padding: 10px 30px;
transition: .5s ease;
margin-top: 15px;
}
.cd-hero-slider .cd-btn.secondary {
background-color: rgba(22, 26, 30, 0.8);
}
.cd-hero-slider .cd-btn:nth-of-type(2) {
margin-left: 1em;
}
.no-touch .cd-hero-slider .cd-btn:hover {
background-color: #d44457;
}
.no-touch .cd-hero-slider .cd-btn.secondary:hover {
background-color: #161a1e;
}
@media only screen and (min-width: 768px) {
.cd-hero-slider li: nth-of-type(2) {
background-image: none;
}
.cd-hero-slider li:nth-of-type(3) {
background-image: none;
}
.cd-hero-slider li:nth-of-type(4) {
background-image: none;
}
.cd-hero-slider .cd-full-width,
.cd-hero-slider .cd-half-width {
padding-top: 180px;
}
.cd-hero-slider .cd-bg-video-wrapper {
display: block;
}
.cd-hero-slider .cd-half-width {
width: 50%;
}
.cd-hero-slider .cd-half-width:first-of-type {
left: 8%;
}
.cd-hero-slider .cd-half-width:nth-of-type(2) {
right: 10%;
left: auto;
}
.cd-hero-slider .cd-img-container {
display: block;
}
.cd-hero-slider h2,
.cd-hero-slider p {
max-width: 520px;
}
.cd-hero-slider h2 {
font-size: 2.4em;
font-weight: 300;
}
.cd-hero-slider .cd-btn {
}
}
@media only screen and (min-width: 1170px) {
.cd-hero-slider .cd-full-width, .cd-hero-slider .cd-half-width {
padding-top: 145px;
}
.cd-hero-slider h2,
.cd-hero-slider p {
margin-bottom: 20px;
}
.cd-hero-slider h2 {
font-size: 3.2em;
}
.cd-hero-slider p {
font-size: 20px;
}
}
/* --------------------------------
Single slide animation
-------------------------------- */
@media only screen and (min-width: 768px) {
.cd-hero-slider .cd-half-width {
opacity: 0;
-webkit-transform: translateX(40px);
-moz-transform: translateX(40px);
-ms-transform: translateX(40px);
-o-transform: translateX(40px);
transform: translateX(40px);
}
.cd-hero-slider .move-left .cd-half-width {
-webkit-transform: translateX(-40px);
-moz-transform: translateX(-40px);
-ms-transform: translateX(-40px);
-o-transform: translateX(-40px);
transform: translateX(-40px);
}
.cd-hero-slider .selected .cd-half-width {
/* this is the visible slide */
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.cd-hero-slider .is-moving .cd-half-width {
/* this is the slide moving outside the viewport
wait for the end of the transition on the parent before set opacity to 0 and translate to 40px/-40px */
-webkit-transition: opacity 0s 0.5s, -webkit-transform 0s 0.5s;
-moz-transition: opacity 0s 0.5s, -moz-transform 0s 0.5s;
transition: opacity 0s 0.5s, transform 0s 0.5s;
}
.cd-hero-slider li.selected.from-left .cd-half-width:nth-of-type(2),
.cd-hero-slider li.selected.from-right .cd-half-width:first-of-type {
/* this is the selected slide - different animation if it's entering from left or right */
-webkit-transition: opacity 0.4s 0.2s, -webkit-transform 0.5s 0.2s;
-moz-transition: opacity 0.4s 0.2s, -moz-transform 0.5s 0.2s;
transition: opacity 0.4s 0.2s, transform 0.5s 0.2s;
}
.cd-hero-slider li.selected.from-left .cd-half-width:first-of-type,
.cd-hero-slider li.selected.from-right .cd-half-width:nth-of-type(2) {
/* this is the selected slide - different animation if it's entering from left or right */
-webkit-transition: opacity 0.4s 0.4s, -webkit-transform 0.5s 0.4s;
-moz-transition: opacity 0.4s 0.4s, -moz-transform 0.5s 0.4s;
transition: opacity 0.4s 0.4s, transform 0.5s 0.4s;
}
.cd-hero-slider .cd-full-width h2,
.cd-hero-slider .cd-full-width p,
.cd-hero-slider .cd-full-width .cd-btn {
opacity: 0;
-webkit-transform: translateX(100px);
-moz-transform: translateX(100px);
-ms-transform: translateX(100px);
-o-transform: translateX(100px);
transform: translateX(100px);
}
.cd-hero-slider .move-left .cd-full-width h2,
.cd-hero-slider .move-left .cd-full-width p,
.cd-hero-slider .move-left .cd-full-width .cd-btn {
opacity: 0;
-webkit-transform: translateX(-100px);
-moz-transform: translateX(-100px);
-ms-transform: translateX(-100px);
-o-transform: translateX(-100px);
transform: translateX(-100px);
}
.cd-hero-slider .selected .cd-full-width h2,
.cd-hero-slider .selected .cd-full-width p,
.cd-hero-slider .selected .cd-full-width .cd-btn {
/* this is the visible slide */
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.cd-hero-slider li.is-moving .cd-full-width h2,
.cd-hero-slider li.is-moving .cd-full-width p,
.cd-hero-slider li.is-moving .cd-full-width .cd-btn {
/* this is the slide moving outside the viewport
wait for the end of the transition on the li parent before set opacity to 0 and translate to 100px/-100px */
-webkit-transition: opacity 0s 0.5s, -webkit-transform 0s 0.5s;
-moz-transition: opacity 0s 0.5s, -moz-transform 0s 0.5s;
transition: opacity 0s 0.5s, transform 0s 0.5s;
}
.cd-hero-slider li.selected h2 {
-webkit-transition: opacity 0.4s 0.2s, -webkit-transform 0.5s 0.2s;
-moz-transition: opacity 0.4s 0.2s, -moz-transform 0.5s 0.2s;
transition: opacity 0.4s 0.2s, transform 0.5s 0.2s;
}
.cd-hero-slider li.selected p {
-webkit-transition: opacity 0.4s 0.3s, -webkit-transform 0.5s 0.3s;
-moz-transition: opacity 0.4s 0.3s, -moz-transform 0.5s 0.3s;
transition: opacity 0.4s 0.3s, transform 0.5s 0.3s;
}
.cd-hero-slider li.selected .cd-btn {
-webkit-transition: opacity 0.4s 0.4s, -webkit-transform 0.5s 0.4s, background-color 0.2s 0s;
-moz-transition: opacity 0.4s 0.4s, -moz-transform 0.5s 0.4s, background-color 0.2s 0s;
transition: opacity 0.4s 0.4s, transform 0.5s 0.4s, background-color 0.2s 0s;
}
}
/* --------------------------------
Slider navigation
-------------------------------- */
.cd-slider-nav {
position: absolute;
width: 100%;
bottom: 0;
z-index: 2;
text-align: center;
height: 80px;
background: #fff;
}
.cd-slider-nav nav,
.cd-slider-nav ul,
.cd-slider-nav li,
.cd-slider-nav a {
height: 100%;
}
.cd-slider-nav nav {
display: inline-block;
position: relative;
}
.cd-slider-nav .cd-marker {
position: absolute;
bottom: 0;
left: 0;
width: 25%;
height: 100%;
background: url("images/banner-bg.png") repeat top left;
-webkit-transition: -webkit-transform 0.2s;
-moz-transition: -moz-transform 0.2s;
transition: transform 0.2s;
}
.cd-slider-nav .cd-marker.item-2 {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
.cd-slider-nav .cd-marker.item-3 {
-webkit-transform: translateX(200%);
-moz-transform: translateX(200%);
-ms-transform: translateX(200%);
-o-transform: translateX(200%);
transform: translateX(200%);
}
.cd-slider-nav .cd-marker.item-4 {
-webkit-transform: translateX(300%);
-moz-transform: translateX(300%);
-ms-transform: translateX(300%);
-o-transform: translateX(300%);
transform: translateX(300%);
}
.cd-slider-nav .cd-marker.item-5 {
-webkit-transform: translateX(400%);
-moz-transform: translateX(400%);
-ms-transform: translateX(400%);
-o-transform: translateX(400%);
transform: translateX(400%);
}
.cd-slider-nav .cd-marker.item-6{
-webkit-transform: translateX(500%);
-moz-transform: translateX(500%);
-ms-transform: translateX(500%);
-o-transform: translateX(500%);
transform: translateX(500%);
}
.cd-slider-nav ul::after {
clear: both;
content: "";
display: table;
}
.cd-slider-nav li {
display: inline-block;
width: 33%;
float: left;
}
.cd-slider-nav li.selected a {
color: #2c343b;
background: url("images/banner-bg.png") repeat top left;
}
.cd-slider-nav li a span{
display:inline-block;
width:100%;
}
.cd-slider-nav li a span img{
height:50px;
}
.no-touch .cd-slider-nav li.selected a:hover {
background-color: transparent;
}
.cd-slider-nav a {
display: block;
position: relative;
padding-top:0px;
font-size: 13px;
color: #a8b4be;
-webkit-transition: background-color 0.2s;
-moz-transition: background-color 0.2s;
transition: background-color 0.2s;
}
.cd-slider-nav a::before {
}
.no-touch .cd-slider-nav a:hover {
background-color: rgba(0, 1, 1, 0.5);
}
.cd-slider-nav li:first-of-type a::before {
background-position: 0 0;
}
.cd-slider-nav li.selected:first-of-type a::before {
background-position: 0 -24px;
}
.cd-slider-nav li:nth-of-type(2) a::before {
background-position: -24px 0;
}
.cd-slider-nav li.selected:nth-of-type(2) a::before {
background-position: -24px -24px;
}
.cd-slider-nav li:nth-of-type(3) a::before {
background-position: -48px 0;
}
.cd-slider-nav li.selected:nth-of-type(3) a::before {
background-position: -48px -24px;
}
.cd-slider-nav li:nth-of-type(4) a::before {
background-position: -72px 0;
}
.cd-slider-nav li.selected:nth-of-type(4) a::before {
background-position: -72px -24px;
}
.cd-slider-nav li:nth-of-type(5) a::before {
background-position: -96px 0;
}
.cd-slider-nav li.selected:nth-of-type(5) a::before {
background-position: -96px -24px;
}
@media only screen and (min-width: 768px) {
.cd-slider-nav {
height: 80px;
}
.cd-slider-nav .cd-marker,
.cd-slider-nav li {
width: 150px;
}
.cd-slider-nav a {
padding-top: 0px;
font-size: 14px;
}
.cd-slider-nav a::before {
top: 18px;
}
}
/* Hero Slider */
/* responsive */
@media only screen and (max-width: 1600px)
{
body {
}
.cd-half-width{
width:40% !important;
}
.cd-img-container{
width:25% !important;
}
}
@media only screen and (max-width: 1200px)
{
body {
}
.cd-half-width{
width:30% !important;
padding-top:100px !important;
}
.cd-img-container{
width:20% !important;
}
}
@media only screen and (max-width: 767px)
{
body {
}
.cd-half-width{
width:100% !important;
padding-top:40px !important;
}
.cd-img-container{
display:none !important;
}
.navigation-main > li{
width:100%;
}
.navigation-main > li > a{
padding:5px;
}
.navigation-main > li > .sub-menu{
position:relative;
top:0;
left:0;
width:100%;
padding-top:0px;
box-shadow:none;
}
.navigation-main > li > .sub-menu li a{
display:block;
padding-left:10px;
border:none;
}
.sub-menu{
list-style-type: none;
}
.sub-menu li{
padding-left:20px;
font-size:13px;
}
.sub-menu li a{
display:inline-block;
padding:0px;
}
.quote-btn a{
display:block;
}
.certification-logo{
padding:20px;
border:1px solid #eaeaea;
margin-top:20px;
border-radius:30px;
}
.certification-section{
padding-top:80px;
}
.cd-marker{
display:none;
}
}
/* responsive */
/* privacy */
.privacy-tabs{
list-style-type: none;
margin:0px;
padding:0px;
}
.privacy-tabs > li > a{
border:1px solid #eaeaea;
display:block;
padding:15px;
margin-top:10px;
color:#666;
font-size:20px;
background:#fff url("images/new-tab.png") no-repeat 98% 50%;
}
.privacy-tabs > li > a:hover{
text-decoration: none;
background-color: #eaeaea;
}
.blocker{
z-index: 999;
}
.modal{
max-width: 800px;
}
.modal h1{
margin-top:20px;
font-size:26px;
}
.modal h2{
margin:15px 0;
font-size:18px;
font-weight:bold;
margin-bottom:10px;
}
.modal ul{
margin-top:0px;
padding-left:20px;
}
.modal ul li{
}
.table{
width: 100%;
max-width: 100%;
margin-bottom: 1rem;
background-color: transparent;
border: 1px solid #dee2e6;
border-collapse: collapse;
}
.table-bordered thead td, .table-bordered thead th {
border-bottom-width: 2px;
}
.table thead th {
vertical-align: bottom;
border-bottom: 2px solid #dee2e6;
}
.table-bordered td, .table-bordered th {
border: 1px solid #dee2e6;
}
.table td, .table th {
padding: .75rem;
vertical-align: top;
border-top: 1px solid #dee2e6;
}
.table th{
line-height:20px;
}
.table td{
line-height:20px;
}
.modal{
height:auto;
}
.modal a.close-modal{
top:-3px;
right:-3px;
}
.cookie-cont ul,
.cookie-cont ol{
padding-left:20px;
}
/* privacy */
.contact-extra{
color: #b8b8b8;
padding-bottom:10px;
}
.p-code{
color:#b9b9b9;
margin:13px 0 !important;
}
.wpcf7 form .wpcf7-response-output{
margin:0px;
}
.wpcf7 form > p{
margin-bottom:0px;
}
a.code-trigger{
display:inline-block;
width:100%;
margin-top:-10px;
color:#666;
background:#eaeaea;
font-size:12px;
}
.footer-social-icon-insta,
.footer-social-icon-insta:hover{
font-size:50px;
color:#E1306C;
}
.footer-social-icon-fb,
.footer-social-icon-fb:hover{
font-size:50px;
color:#1877F2;
}