html {
scroll-behavior: smooth;
}
/* header style */
.header-style-three {
background-color: #fff;
}
.main-menu .vs_navigation > li.current > a {
color: #222222 !important;
}
.header-style-three .main-menu .navigation > li > a {
color: #222222;
}
.main-menu .navigation > li > .vs_drop {
background-color: #fff;
}
.banner-carousel-two .content-box .inner-box {
background-color:#fffffff0;
max-width: 635px;
padding: 20px 20px 20px;
}
.banner-carousel-two .content-box .title {
color: black;
}
.vs_banner_btn{
border: 1px solid;
padding: 5px 10px !important;
}
.vs_banner_btn:hover{
color: black !important;
}
.banner-carousel-two .content-box h2 {
color:black;
}
.banner-carousel-two .content-box .text {
color: black;
}
.main-menu .navigation > li > .vs_drop > li {
border-bottom: 1px solid rgb(6 6 6 / 20%);
}
.main-menu .navigation > li > .vs_drop > li > a {
color: black;
}
.main-menu .navigation > li > .vs_drop > li > a:hover {
color: #ff8a00 ;
background-color: #fff;
}
.banner-carousel-two .content-box .inner-box:before {
position:unset;
top: 0;
left: 100%;
height: 100%;
width: 1000%;
background-color: rgba(0,0,0,0.80);
content: "";
}
.banner-section-three .bottom-box .outer-box:before {
position: unset;
top: 0;
margin-left:0px;
left: 100%;
height: 100%;
width: 1000%;
background-color: #ffffff;
content: "";
transform: skew(40deg);
}
.header-style-three .logo-box:before {
margin-right: -160px;
}
.header-style-three .nav-toggler {
width: 100%;
height: 45px;
padding-right: 5px;
padding-left: 5px;
}
.header-style-three .outer-box {
margin-left: 28px;
}
.header-style-three .outer-box {
padding: 26px 0;
}
.banner-section-three .social-links li {
font-size: 24px;
}
.process-block .inner-box {
height: 240px;
padding: 0px !important;
text-align: center;
}
.process-block .vs_process_img>img{
height: 150px;
width: 100%;
}
.process-block .vs_process_img>h4>a{
padding: 20px;
}
.vs_app_section .title-column h1{
font-size: 60px;
}
.page-title {
padding-top: 70px;
padding-bottom: 50px;
}
.page-title .bread-crumb {
padding-top: 0px;
}
.page-title:before {
background: #000000b2;
}
.vs_map_outer>iframe{
height: 400px;
}
.contact-page-section .contact-form {
margin-bottom: 0px;
}
.vs_about{
font-size: 28px;
font-weight: 600;
}
.vs_sec_title{
margin-bottom: 6px !important;
}
.vs_process{
font-size:28px;
font-weight: 600;
}
.vs_process_section {
padding-top: 50px;
}
.vs_specialize_section{
padding-top: 50px;
padding-bottom: 50px;
}
.services-carousel-two .owl-dot:hover, .services-carousel-two .owl-dot.active {
height: 10px;
}
.services-carousel-two .owl-dot {
height: 10px;
width: 10px;
margin-bottom: 0px;
border-radius: 50%;
}
.vs_service_carousel_two{
padding: 5px;
}
.vs_projects_section_two{
padding-top: 50px;
padding-bottom: 50px;
}
.vs_testimonial_section_two{
padding-top: 50px;
}
.testimonial-carousel-two .owl-prev:before {
transform: skew(40deg, 0deg);
}
.testimonial-carousel-two .owl-next:before {
transform: skew(-40deg, 0deg);
}
.banner-carousel-two .owl-next:before {
transform: skew(-40deg, 0deg);
}
.banner-carousel-two .owl-prev:before {
transform: skew(40deg, 0deg);
}
.carousel-outer .thumbs-carousel .owl-next:before{
transform: skew(-40deg );
}
.carousel-outer .thumbs-carousel .owl-prev:before {
transform: skew(40deg, 0deg);
}
/* banner content */
.banner-carousel-two .content-box .title {
color: #c95d06;
font-size: 30px;
}
.banner-carousel-two .content-box .banner_content_h2 {
font-size: 16px;
padding-left: 35px;
}
.banner-carousel-two .content-box .banner_content_p {
position: relative;
display: block;
font-size: 20px;
line-height: 1.2em;
color:black;
padding-left: 120px;
margin-top: -15px;
font-weight: 600;
margin-bottom: 20px;
opacity: 0;
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
-webkit-transform: translateY(-50px);
-moz-transform: translateY(-50px);
-ms-transform: translateY(-50px);
-o-transform: translateY(-50px);
transform: translateY(-50px);
}
.banner-carousel-two .active .banner_content_p {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: 1000ms;
-moz-transition-delay: 1000ms;
-ms-transition-delay: 1000ms;
-o-transition-delay: 1000ms;
transition-delay: 1000ms;
}
.banner_content_img{
display: inline-block;
}
.banner_content_img img{
width:unset !important;
}
.banner-carousel-two .active .link-box {
padding-left: 35px;
}
.banner-carousel-two .content-box .banner_content_a {
position: relative;
display: block;
font-size: 20px;
line-height: 1.2em;
color:black;
padding-left: 35px;
margin-top: -5px;
font-weight: 500;
margin-bottom: 20px;
opacity: 0;
-webkit-transition: all 1200ms ease;
-moz-transition: all 1200ms ease;
-ms-transition: all 1200ms ease;
-o-transition: all 1200ms ease;
transition: all 1200ms ease;
-webkit-transform: translateY(-50px);
-moz-transform: translateY(-50px);
-ms-transform: translateY(-50px);
-o-transform: translateY(-50px);
transform: translateY(-50px);
}
.banner-carousel-two .active .banner_content_a {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: 1200ms;
-moz-transition-delay: 1200ms;
-ms-transition-delay: 1200ms;
-o-transition-delay: 1200ms;
transition-delay: 1200ms;
}
.banner-carousel-two .active .content-box .inner-box {
border-radius: 20px;
}
@media only screen and (min-width: 319px) and (max-width: 767px) {
.banner-carousel-two .content-box .inner-box {
margin-top: 20px !important;
padding: 20px 3px 20px !important;
}
.banner-carousel-two .content-box .banner_content_p {
font-size: 15px !important;
padding-left: 40px;
}
.banner-carousel-two .content-box .banner_content_a {
font-size: 16px !important;
}
.banner-carousel-two .content-box .banner_content_h2 {
font-size: 16px !important;
}
.banner-carousel-two .content-box .title {
font-size: 16px;
}
.banner_content_img img {
width: 14px !important;
}
}
@media only screen and (min-width: 319px) and (max-width: 374px) {
.banner-section-three .social-links .vs_welcome_aluminium {
font-size: 10px;
}
.banner-section-three .social-links li .vs_button {
font-size: 10px;
}
.banner-section-three .bottom-box .outer-box {
padding: 10px 0px;
}
.banner-carousel-two .owl-nav {
bottom: -110px;
}
}
@media only screen and (min-width: 375px) and (max-width: 424px) {
.banner-section-three .social-links .vs_welcome_aluminium {
font-size: 12px;
}
}
@media only screen and (min-width: 425px) and (max-width: 767px) {
.banner-section-three .social-links .vs_welcome_aluminium {
font-size: 14px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.banner-section-three .social-links .vs_welcome_aluminium {
font-size: 20px;
}
.banner-section-three .social-links li .vs_button {
font-size: 18px;
}
.banner-section-three .bottom-box .outer-box {
padding: 14px 0px;
}
.banner-carousel-two .owl-nav {
bottom: -76px;
}
}
@media only screen and (min-width: 375px) and (max-width: 767px) {
.banner-section-three .social-links li .vs_button {
font-size: 10px;
}
.banner-section-three .bottom-box .outer-box {
padding: 10px 0px;
}
.banner-carousel-two .owl-nav {
bottom: -110px;
}
}
@media only screen and (max-width: 1023px){
.app-section .title-column h1 br, .banner-section-three .bottom-box, .banner-section-three .slide-item:before, .header-style-seven .outer-box {
display: block;
}
}
/* @media only screen and (min-width: 319px) and (max-width: 374px) {
.banner-section-three .bottom-box {
display: unset;
}
.app-section .title-column h1 br, .banner-section-three .bottom-box, .banner-section-three .slide-item:before, .header-style-seven .outer-box {
display: unset;
}
.banner-section-three .bottom-box {
position: relative;
background-color: #333333;
}
.banner-section-three .bottom-box {
background-color: #333333;
}
} */
.vs_button {
background-color: #004A7F;
-webkit-border-radius: 10px;
border-radius: 10px;
border: none;
color: #FFFFFF;
cursor: pointer;
display: inline-block;
font-family: Arial;
font-size: 20px;
padding: 5px 10px;
text-align: center;
text-decoration: none;
-webkit-animation: glowing 1500ms infinite;
-moz-animation: glowing 1500ms infinite;
-o-animation: glowing 1500ms infinite;
animation: glowing 1500ms infinite;
}
@-webkit-keyframes glowing {
0% { background-color: #B20000; -webkit-box-shadow: 0 0 3px #B20000; }
50% { background-color: #FF0000; -webkit-box-shadow: 0 0 40px #FF0000; }
100% { background-color: #B20000; -webkit-box-shadow: 0 0 3px #B20000; }
}
@-moz-keyframes glowing {
0% { background-color: #B20000; -moz-box-shadow: 0 0 3px #B20000; }
50% { background-color: #FF0000; -moz-box-shadow: 0 0 40px #FF0000; }
100% { background-color: #B20000; -moz-box-shadow: 0 0 3px #B20000; }
}
@-o-keyframes glowing {
0% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
50% { background-color: #FF0000; box-shadow: 0 0 40px #FF0000; }
100% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
}
@keyframes glowing {
0% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
50% { background-color: #FF0000; box-shadow: 0 0 40px #FF0000; }
100% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
}
.news-section:before {
background-image: unset;
}
.news-section:after {
background-image: unset;
}
.vs_get_btns{
padding: 26px 0;
}
.vs_get_btns>a{
width: 100%;
padding-top: 5px !important;
padding-right: 5px !important;
padding-left: 5px !important;
border-color: black !important;
color: #ff8a00 !important
}
.vs_get_btns>a:hover{
color: #fff !important;
}
.header-style-three .main-menu .navigation > .vs_get_btns > a:before{
position: unset;
}
@media only screen and (max-width: 767px){
.vs_get_btns>a{
color: #fff !important;
}
}
.vs_get_btn{
padding-top: 15px !important;
}
.vs_get_btn>a{
border-color: black !important;
color: #ff8a00 !important;
}
.vs_get_btn>a:hover{
color: #fff !important;
background-color: #ff8a00 !important;
border-color: unset !important;
}
/* .custom-map{
position: absolute;
z-index: 1000;
background-color: #536779;
width: 100%;
height: 20px;
margin-top: 34px;
content: '';
} */
@media (min-width:768px){
.custom-map{
margin-top: 31px;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1365px) {
}
/* Tablets in portrait mode, large display smartphones landscape mode */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
/* .logo{
height: 20px;
} */
.main-menu .navbar-header .navbar-toggler .icon {
display: block !important;
}
}
/* Smartphones in landscape mode */
@media only screen and (min-width: 421px) and (max-width: 767px) {
}
/* Smartphones in portrait mode */
@media only screen and (max-width: 420px) {
}
.header-style-three .main-menu .navigation > li.current > a:before, .header-style-three .main-menu .navigation > li:hover > a:before {
height: 3px;
top: 65px;
width: 50px;
}
.specialize-section-two .title-column .text-box p{
font-size: 16px;
font-weight: 400;
color: #3c3737;
text-transform: capitalize;
}
.carousel-outer .thumbs-carousel .owl-nav {
left: 100%;
bottom: -804%;
}
.main-footer .links-widget .list li:before {
display: none;
}
.specialize-section-two .carousel-column .vs_carousel_outer{
padding-left: 10px;
}
.vs_owl_carousel .owl-item img {
width: 470px;
height: 590px;
}
.vs_specialize_section_about .thumbs-carousel {
left: 560px;
}
@media only screen and (min-width: 320px) and (max-width: 1023px) {
.vs_owl_carousel .owl-item img {
width: unset;
height: unset;
}
.vs_specialize_section_about .thumbs-carousel {
left: unset;
}
.specialize-section-two .carousel-column .vs_carousel_outer{
padding-left: unset;
}
}
.vs_map_section{
margin-top: -55px;
}
.main-footer .gallery-widget .outer .image {
width: 26.3333%;
}
.vs_carousel_outer_owl .thumbs-carousel .owl-nav {
display: none;
}
.vs-footer-logo>h3>a:hover{
color: #ff8a00;
}
.vs-product-details h4{
font-size: 24px;
font-weight: 700;
margin: 5px 0px 20px;
line-height: 1.4em;
color: #222222;
}
.vs-product-details .rating {
font-size: 18px;
color: #ff8a00;
margin-bottom: 15px;
display: inline-block;
}
.vs-product-details .item-price {
font-size: 22px;
font-weight: 700;
color: #ff8a00;
line-height: 24px;
}
.vs-product-details .text {
margin-bottom: 25px;
margin-top: 22px;
color: #777777;
font-size: 16px;
font-weight: 400;
line-height: 1.8em;
}
.vs-product-image>img{
width: 100%;
}
.vs-product-details-section{
margin-top: 100px;
margin-bottom: 100px;
}
.vs-door{
padding: 200px 0px 100px 0px;
}
.vs-door h1{
width: 100%;
text-align: center;
}
.contact-form .form-group input[type="text"], .contact-form .form-group input[type="email"], .contact-form .form-group input[type="url"], .contact-form .form-group textarea, .contact-form .form-group select {
border: 1px solid #e1e1e1 !important;
padding-left: 5px;
}
.project-block-two .info-box .text {
text-transform: capitalize;
}
.sticky-header .main-menu .navigation > li > a {
text-transform: uppercase;
}
.main-menu .navigation > li > ul > li > a {
text-transform: uppercase;
}
.main-footer .links-widget .list li a {
text-transform: uppercase;
}
.main-footer .about-widget .text {
text-transform: uppercase;
}
.vs-slide-item{
height: 500px;
}
@media only screen and (max-width: 1023px){
.banner-section-three .vs-slide-item {
height: 400px;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1365px) {
.main-menu .vs_navigation > li.current > a, .main-menu .vs_navigation > li:hover > a {
color: #ff8a00 !important;
}
.vs_get_btns>a{
color: #fff !important;
}
.sticky-header .main-menu .navigation > .vs_get_btn > a {
color:#fff !important;
}
.vs_specialize_section_about .thumbs-carousel {
left: unset;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
/* .logo{
height: 20px;
} */
.main-menu .vs_navigation > li.current > a, .main-menu .vs_navigation > li:hover > a {
color: #ff8a00 !important;
}
.header-style-three .main-menu .navigation > li > a {
font-size: 12px;
}
.header-style-three .main-menu .navigation > li {
margin-left: 12px;
}
.vs_get_btns>a{
color: #fff !important;
}
.sticky-header .main-menu .navigation > li {
margin-left: 14px !important;
}
.sticky-header .main-menu .navigation > .vs_get_btn > a {
color:#fff !important;
}
.vs_owl_carousel .owl-item img {
width: 100%;
}
.specialize-section-two .carousel-column .carousel-outer {
max-width: 100%;
}
}
@media only screen and (min-width: 421px) and (max-width: 767px) {
.page-title {
padding-top: 115px;
}
}
@media only screen and (max-width: 420px) {
.page-title{
padding-top: 115px;
}
.vs_specialize_section_about{
padding-top: 40px;
padding-bottom: 40px;
}
.vs_specialize_section{
padding-top: 35px;
padding-bottom: 30px;
}
.vs-widgets-section{
padding-top: 40px !important;
padding-bottom: 0px !important;
}
}
.vs-map-title-section{
background-color: whitesmoke;
position: relative;
padding-bottom: 20px;
}
/* app link icon list */
.vs_menu_list{
position: absolute;
z-index: 999;
top: 30px;
right: 35px;
}
.vs_menu_list>.vs_menu_list_dropdown>a>i{
/* background-color: black;
*/
color: black;
font-size: 36px;
}
.vs_menu_list>.vs_menu_list_dropdown>.vs_app_dropdown_menu{
left: -29px !important;
width: 250px;
text-align: center;
}
.vs_menu_lists{
position: absolute;
z-index: 999;
top: 22px;
right: 35px;
}
.vs_menu_lists>.vs_menu_list_dropdown>a>i{
/* background-color: black;
*/
color: black;
font-size: 36px;
}
.vs_menu_lists>.vs_menu_list_dropdown>.vs_app_dropdown_menu{
left: -29px !important;
width: 250px;
text-align: center;
}
.vs_app_link{
margin-top: 20px;
margin-bottom: 30px;
}
.vs_app_links{
margin-bottom: 30px;
}
.vs_app_linkss{
margin-bottom: 20px;
}
@media only screen and (min-width: 319px) and (max-width: 1024px) {
.vs_menu_lists{
display: none;
}
.vs_menu_list{
display: none;
}
}
/* events page */
.vs_event_list{
margin-top: 80px;
margin-bottom: 80px;
}
.vs_event_list ul{
overflow-y: scroll;
height: 500px;
}
.vs_event_list .vs_event_heading h4{
text-align: center;
}
.vs_event_list .vs_event_headings{
margin-top: 40px;
}
.vs_event_list .vs_event_headings h4{
text-align: center;
}
.vs_event_list .vs_event_head{
background-color: #c95d06;
text-align: center;
padding: 10px;
border-radius: 5px;
color: #fff;
}
.vs_event_list .vs_event_head >a{
color: #fff;
}
.vs_event_list_ul>li>a{
font-size: 18px;
}
.vs_event_list_ul>li{
margin-top: 10px;
}
.vs_event_list_ul>li>a:hover{
color: black;
}
.testimonial-block-two .inner-box {
border: 1px solid #bbbbbb;
}
.vs_vyugam{
color: #fff;
font-size: 18px;
}
.vs_vyugam > a{
color: #fff;
}
.vs_vyugam > a:hover{
color: #ff8a00;
}
.vs-map-title>h2{
color: #2f2f2f;
}
.shop-item .inner-box .vs_lower_content {
text-align: center;
}
.vs_pull-left{
float: unset;
}
.vs_order_name{
width: 75%;
display: inline-block;
border: none;
}
.vs_order_price{
width: 90%;
display: inline-block;
border: none;
}
.vs_order_price[readonly]{
background-color: unset;
}
.vs_order_name[readonly]{
background-color: unset;
}
.vs-product-details .item-price .discount{
position: relative;
color: #777777;
margin-right: 8px;
text-decoration: line-through;
}
/* appointemnt */
.hidden-bar{
background-color: #ff8a00;
}
.hidden-bar .vs_get_inner_box {
background-color: #ff8a00;
}
.hidden-bar .vs-appointment-form input[type="text"], .hidden-bar .vs-appointment-form input[type="email"], .hidden-bar .vs-appointment-form textarea {
background-color: #fff;
color:#130101;
}
@media only screen and (min-width: 320px) and (max-width: 4250px){
.vs_event_list ul {
height: 100px;
}
.vs_contact_page_section .form-column .inner-column {
padding-top: 20px;
padding-bottom: 20px;
}
.vs_fun_fact_features {
padding-bottom: 20px !important;
padding-top: 20px !important;
}
}
/* pagination */
/* .styled-pagination li a{
width: 75px !important;
height: 50px !important;
line-height: 45px !important;
} */
.vs_app_section .content-column .text p{
position: relative;
display: block;
font-size: 16px;
line-height: 24px;
color: #ffffff;
font-weight: 400;
}
/* footer */
.main-footer:before {
background: transparent;
}
.main-footer .footer-bottom .inner-container:before {
background: transparent;
}
.main-footer .footer-bottom .copyright-text {
background: transparent;
}
.main-footer .footer-bottom .copyright-text:before {
border-bottom-color: transparent;
}
.main-footer .footer-bottom {
border-top: 1px solid transparent;
}
.main-footer .footer-bottom .copyright-text p {
color: #fff;
}
.main-footer .footer-bottom .copyright-text a {
color: #fff;
}