astute-site/css/css3.css
2021-01-24 00:24:09 -05:00

186 lines
8.1 KiB
CSS
Executable File

/*--- CSS3 style ---*/
a,
.leadership-biorow .bio-imagecol .bio-image,
.bio-detail,
.contact-form .btn,
.bio-detail h5,
.bio-detail span,
.service .service-main .service-block .readmore a em,
.footer .footer-nav ul li:after,
.certification .logo-carousel ul li,
.our-markets .markets-main .markets-block,
.our-markets .markets-main .markets-block .markets-icon,
.our-markets .markets-main .markets-block .markets-content,
.service .service-main .service-block .service-thumb img,
.service .service-main .service-block .service-overlay,
.mission-vision-block .mv-image .mv-content h3,
.mission-vision-block .mv-image img,
.mission-vision-block .mv-image .mv-content,
.nav-main .nav-link .nav-ul > li > a,
.navbar-toggle,
.nav-main .nav-link .nav-ul > li ul li a,
.slick-dots li button,
.nav-main .nav-btn,
.footer-nav ul li a,
.social-icon ul li a,
.welcome-section .welcome-block .welcome-rightpart .brochure-form .btn-default,
.gallery-thumbcol em,
.contact-section .contact-cols .contact_rotate em {
transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-webkit-transition:all 0.5s ease;
-ms-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
}
.mission-vision-block .mv-image .mv-content,
.service .service-main .service-block .readmore {
transform:translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
-o-transform:translate(-50%,-50%);
}
.mission-vision-block .mv-image:hover img { transform:scale(1.1); -moz-transform:scale(1.1); -webkit-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); }
.mission-vision-block .mv-image:hover .mv-content { border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px; -ms-border-radius:50px; -o-border-radius:50px; }
.slider-content .view-detail {
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
box-shadow:0 2px #00a9ff;
-moz-box-shadow:0 2px #00a9ff;
-webkit-box-shadow:0 2px #00a9ff;
-ms-box-shadow:0 2px #00a9ff;
-o-box-shadow:0 2px #00a9ff;
}
.slider-content .view-detail:hover {
box-shadow:0 2px #ff656a;
-moz-box-shadow:0 2px #ff656a;
-webkit-box-shadow:0 2px #ff656a;
-ms-box-shadow:0 2px #ff656a;
-o-box-shadow:0 2px #ff656a;
}
.slider-content,
.inner-banner-content {
transform:translateY(-50%);
-moz-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-ms-transform:translateY(-50%);
-o-transform:translateY(-50%);
}
.nav-main .nav-btn {
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
}
.bio-detail span { transform: translateX(-50%); }
.social-icon ul li a {
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-ms-border-radius:4px;
-o-border-radius:4px;
}
.social-icon ul li a:hover {
border-radius:30px;
-moz-border-radius:30px;
-webkit-border-radius:30px;
-ms-border-radius:30px;
-o-border-radius:30px;
}
.heading:after {
transform:translateX(-50%);
-moz-transform:translateX(-50%);
-webkit-transform:translateX(-50%);
-ms-transform:translateX(-50%);
-o-transform:translateX(-50%);
}
.service .service-main .service-block .readmore a:hover,
.service .service-main .service-block .readmore a:hover em {
border-radius:30px;
-moz-border-radius:30px;
-webkit-border-radius:30px;
-ms-border-radius:30px;
-o-border-radius:30px;
}
.service .service-main .service-block .service-title {
background: #00467f;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNDY3ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzA4NjliOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDQ2N2YiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left, #00467f 0%, #0869b8 50%, #00467f 100%);
background: -webkit-linear-gradient(left, #00467f 0%,#0869b8 50%,#00467f 100%);
background: linear-gradient(to right, #00467f 0%,#0869b8 50%,#00467f 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00467f', endColorstr='#00467f',GradientType=1 );
}
.service .service-main .service-block .service-title:after {
content: '';
position: absolute;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
background: #c30007;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2MzMDAwNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2VkMWMyNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjMzAwMDciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left, #c30007 0%, #ff232b 50%, #c30007 100%);
background: -webkit-linear-gradient(left, #c30007 0%,#ff232b 50%,#c30007 100%);
background: linear-gradient(to right, #c30007 0%,#ff232b 50%,#c30007 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c30007', endColorstr='#c30007',GradientType=1 );
opacity: 0;
transition: all 0.5s ease-in-out;
}
.service .service-main .service-block .service-title:hover:after { opacity: 1; }
.our-markets .markets-main .markets-block:hover .markets-content {
border-radius:0 0 10px 10px; -moz-border-radius:0 0 10px 10px; -webkit-border-radius:0 0 10px 10px; -ms-border-radius:0 0 10px 10px; -o-border-radius:0 0 10px 10px;
}
.service .service-main .service-block:hover .service-thumb img {
transform:scale(1.3);
-moz-transform:scale(1.3);
-webkit-transform:scale(1.3);
-ms-transform:scale(1.3);
-o-transform:scale(1.3);
}
.our-markets .markets-main .markets-block:hover { border-radius:10px 10px 0 0; }
.nav-main .nav-link .nav-ul > li ul {
transform:translateX(-50%);
-moz-transform:translateX(-50%);
-webkit-transform:translateX(-50%);
-ms-transform:translateX(-50%);
-o-transform:translateX(-50%);
}
.our-markets .markets-main .markets-block:hover .markets-icon {
border-radius: 10px 10px 0 0;
-moz-border-radius: 10px 10px 0 0;
-webkit-border-radius: 10px 10px 0 0;
-ms-border-radius: 10px 10px 0 0;
-o-border-radius: 10px 10px 0 0;
}
.mission-vision-block .mv-image .mv-content p {
text-shadow:1px 1px #505050; -moz-text-shadow:1px 1px #505050; -webkit-text-shadow:1px 1px #505050; -ms-text-shadow:1px 1px #505050; -o-text-shadow:1px 1px #505050;
}
.gallery-thumbcol em { border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; }
.gallery-thumbcol em:hover {border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%;}
.breadcrumb {
border-radius:4px 4px 0 0;
-moz-border-radius:4px 4px 0 0;
-webkit-border-radius:4px 4px 0 0;
-ms-border-radius:4px 4px 0 0;
-o-border-radius:4px 4px 0 0;
}
.contact-form .form-control {
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
}
.contact-form .btn {
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
}
/*--- Use only for CSS3 styles ---*/